File manager - Edit - /home/missmand/public_html/learning/css/agenda.css
Back
@charset "utf-8"; /* CSS Document */ #main{ background-image: url(../img/agenda/background.jpg); } #main #conteneur #contenu{ margin-top: 40px; margin-left: 40px; margin-right: 40px; background-color: #3a3e41; max-width: 1200px; padding: 8px; } #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%; } #main #conteneur #contenu table{ background-color: #f2f2f0; width: 100%; border-spacing: 0; border-collapse: collapse; } #main #conteneur #contenu table th{ border: 1px solid #b3b3b2; height: 31px; background-color: #e9e9e8; color: #505050; font-size: 14px; font-style: italic; font-weight: 500; } #main #conteneur #contenu table td{ border: 1px solid #b3b3b2; height: 97px; position: relative; overflow: hidden; padding-top: 40px; padding-bottom: 10px; padding-left: 10px; } #main #conteneur #contenu table td span.numero{ position: absolute; left: 10px; top: 10px; color: #161c28; font-size: 20px; font-weight: 600; } #main #conteneur #contenu table td span.evenement p{ line-height: 15px; color: #161c28; font-size: 13px; font-style: italic; font-weight: 500; margin-bottom:6px; } #main #conteneur #contenu table td span.evenement p a { color: #161c28; font-size: 12px; text-transform: uppercase; font-weight: 800; 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 table td span.evenement a:hover{ opacity: 0.6; } #main #conteneur #contenu table td:hover{ background-color: #79cbe8; } #main #conteneur #contenu #navigation{ background-color: #dbdbdb; height: 31px; width: 100%; position: relative; } #main #conteneur #contenu #navigation p{ text-align: center; height: 31px; line-height: 31px; font-size: 15px; font-weight: 600; color: #171d2a; } #main #conteneur #contenu #navigation #plus{ position: absolute; right: 1%; top: 0px; height: 31px; width: 31px; background-image: url(../img/agenda/flechePlus.png); background-repeat: no-repeat; background-position: right center; } #main #conteneur #contenu #navigation #moins{ position: absolute; left: 1%; top: 0px; height: 31px; width: 31px; background-image: url(../img/agenda/flecheMoins.png); background-repeat: no-repeat; background-position: left center; } #main #conteneur #contenu #agendaMobile{ display: none; } /* Version mobile */ @media screen and (max-width: 850px) { #main #conteneur{ background-color: #96f6c6; } #main #conteneur #contenu{ width: clac(100% - 16px); margin: 0px; } #main #conteneur #contenu table, #main #conteneur #contenu #navigation{ display: none; } #main #conteneur #contenu #agendaMobile{ display: block; background-color: #fff; width: 100%; float: left; font-size: 14px; } #main #conteneur #contenu #agendaMobile .sortie{ padding-top: 10px; padding-bottom: 10px; padding-left: 2%; padding-right: 2%; width: 96%; border-bottom: 1px solid #dbddde; float: left; position: relative; } #main #conteneur #contenu #agendaMobile .sortie p { font-size: 14px; color: #171d2a; } #main #conteneur #contenu #agendaMobile .sortie a{ 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 #agendaMobile .sortie a:hover{ opacity: 0.6; } #main #conteneur #contenu #agendaMobile .sortie.gris{ background-color: #f2f2f0; } #main #conteneur #contenu #agendaMobile .contenu{ font-weight: 300; padding-bottom: 10px; } #main #conteneur #contenu #agendaMobile .voir a{ float: right; background-image: url(../img/tableau/flecheDroite.png); background-repeat: no-repeat; background-position: center right; padding-right: 20px; color: #171d2a; } #main #conteneur #contenu #agendaMobile .nom a{ text-transform: uppercase; color: #171d2a; font-weight: 600; padding-bottom: 10px; display: block; font-size: 15px; } }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.01 |
proxy
|
phpinfo
|
Settings