File manager - Edit - /home/missmand/public_html/learning/css/sujet.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 #btnAjout{ display: block; height: 52px; background-color: #e98a0e; text-align: center; line-height: 52px; width: 215px; 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; } #main #conteneur #action form{ float: right; height: 50px; background-color: #fff; width: 235px; border: 1px solid #161c28; margin-right: 10px; position: relative; } #main #conteneur #action form input#recherche{ border: none; height: 50px; position: absolute; left: 0px; top: 0px; padding-left: 10px; width: 175px } #main #conteneur #action form input#btnRecherche{ position: absolute; right: 0px; top: 0px; height: 50px; width: 50px; border: none; cursor: pointer; background-image: url(../img/forum/loupe.png); background-repeat: no-repeat; background-position: center center; background-color: #fff; } #main #conteneur #action #btnAjout:hover{ opacity: 0.6; } #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 #sujet{ background-color: #fff; width: 96%; margin-bottom: 8px; padding: 2%; padding-bottom: 0px; float: left; } #main #conteneur #contenu #sujet .sortie{ float: left; width: 23.5%; background-color: #c7c7c9; margin-right: 2%; margin-bottom: 2%; position: relative; padding-bottom: 30px; } #main #conteneur #contenu #sujet .sortie:hover{ background-color: #f2f2f0; } #main #conteneur #contenu #sujet .sortie h3{ width: 97%; padding-top: 6px; padding-bottom: 6px; background-color: #f28f0e; font-size: 15px; color: #fff; text-transform: uppercase; font-weight: 600; padding-left: 3%; float: left; } #main #conteneur #contenu #sujet .sortie p{ width: 92%; padding: 4%; padding-top: 6%; padding-bottom: 4%; float: left; font-size: 13px; color: #161c28; } #main #conteneur #contenu #sujet .sortie a{ width: 92%; height: 22px; text-align: right; font-size: 14px; color: #161c28; font-weight: 600; text-decoration: underline; position: absolute; bottom: 10px; left: 0px; } #main #conteneur #contenu #sujet .sortie.odd{ margin-right: 0px; } #main #conteneur #contenu #sujet .empty{ width: 100%; margin-bottom: 2%; font-size: 15px; } #main #succes{ margin-bottom: 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 #sujet .sortie{ width: 100%; } #main #conteneur #action{ margin-bottom: 15px; margin-right: 0px; margin-left: 0px; height: 112px; } #main #conteneur #action form{ width: calc(100% - 16px); margin-right: 8px; margin-left: 8px; } #main #conteneur #action #btnAjout{ width: calc(100% - 16px); margin-right: 8px; margin-left: 8px; margin-bottom: 8px; } }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.01 |
proxy
|
phpinfo
|
Settings