File manager - Edit - /home/missmand/public_html/learning/css/forum.css
Back
@charset "utf-8"; /* CSS Document */ #main{ background-image: url(../img/forum/background.jpg); } #main #conteneur #action{ max-width: 1216px; height: 52px; margin-top: 15px; margin-left: 40px; margin-right: 40px; } #main #conteneur #action #btnUtilisateur{ padding-right: 20px; display: block; height: 52px; background-color: #e98a0e; line-height: 52px; padding-left: 50px; float: right; opacity: 1; color: #171d2a; font-size: 14px; font-weight: 600; /*transition-property*/ -webkit-transition-property:opacity; -moz-transition-property:opacity; -o-transition-property:opacity; transition-property:opacity; /*transition-duration*/ -webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s; transition-duration:0.3s; background-image: url(../img/forum/iconAnnuaire.png); background-repeat: no-repeat; background-position: 8px center; } #main #conteneur #contenu{ margin-top: 15px; margin-left: 40px; margin-right: 40px; background-color: #3a3e41; max-width: 1200px; padding: 8px; padding-bottom: 0px; } #main #conteneur #contenu h2{ width: 99%; padding-top: 6px; padding-bottom: 6px; background-color: #f28f0e; font-size: 15px; color: #fff; text-transform: uppercase; font-weight: 600; padding-left: 1%; float: left; } #main #conteneur #contenu #forums{ background-color: #fff; width: 96%; margin-bottom: 8px; padding: 2%; padding-bottom: 0px; float: left; } #main #conteneur #contenu #mandarine{ background-color: #fff; width: 96%; margin-bottom: 8px; padding: 2%; padding-bottom: 0px; float: left; } #main #conteneur #contenu .sortie{ float: left; width: 23.5%; background-color: #ccc; margin-right: 2%; margin-bottom: 2%; } #main #conteneur #contenu .sortie img{ width: 100%; float: left; } #main #conteneur #contenu .sortie.odd{ margin-right: 0px; } #main #conteneur #contenu .sortie a{ float: left; background-color: #161c28; width: 96%; padding-left: 4%; padding-top: 16px; padding-bottom: 16px; display: block; font-size: 15px; color: #fff; line-height: 16px; overflow: hidden; white-space:nowrap; background-image: url(../img/formation/flecheLien.png); background-repeat: no-repeat; background-position: 95% center; opacity: 1; /*transition-property*/ -webkit-transition-property:opacity; -moz-transition-property:opacity; -o-transition-property:opacity; transition-property:opacity; /*transition-duration*/ -webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s; transition-duration:0.3s; } #main #conteneur #contenu .sortie a:hover{ opacity: 0.8; } #main #conteneur #contenu .empty{ width: 100%; margin-bottom: 2%; font-size: 15px; } /* Version mobile */ @media screen and (max-width: 850px) { #main #conteneur{ background-color: #fcd175; } #main #conteneur #contenu{ width: clac(100% - 16px); margin: 0px; } #main #conteneur #contenu .sortie{ width: 100%; } #main #conteneur #action{ margin-bottom: 15px; margin-right: 0px; margin-left: 0px; } #main #conteneur #action #btnUtilisateur{ width: calc(100% - 86px); margin-right: 8px; margin-left: 8px; margin-bottom: 8px; } }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.01 |
proxy
|
phpinfo
|
Settings