File manager - Edit - /home/missmand/public_html/learning/css/admin.css
Back
@charset "utf-8"; /* CSS Document */ #main #ascenseur{ height: 322px; width: 245px; position: fixed; left: -165px; bottom: 0px; z-index: 3; display: none; } #main #ascenseur img{ display: block; } #main{ background-image: url(../img/tableau/background.jpg); } #conteneur #contenu{ max-width: 910px; margin-left: auto; margin-right: auto; background-image: url(../img/tableau/mur.jpg); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; min-height: 610px; padding: 20px; padding-bottom: 55px; position: relative; } #conteneur #contenu #personnage{ position: absolute; bottom: -110px; left: 50%; margin-left: -326px; height: 261px; width: 653px; background-image: url(../img/tableau/personnage.png); } #conteneur #contenu #blocs{ background-color: #3a3e41; padding: 8px; padding-bottom: 0px; } #conteneur #contenu #blocs .bloc{ width: 49.5%; float: left; background-color: #fff; margin-right: 1%; margin-bottom: 8px; min-height: 200px; } #conteneur #contenu #blocs .bloc.odd{ margin-right: 0px; } #conteneur #contenu #blocs .bloc h2{ width: 98%; padding-top: 6px; padding-bottom: 6px; background-color: #f28f0e; font-size: 15px; color: #fff; text-transform: uppercase; font-weight: 600; padding-left: 2%; float: left; } /* Bloc template */ #conteneur #contenu #blocs .bloc .sortie{ width: 100%; border-bottom: 1px solid #dbddde; float: left; position: relative; } #conteneur #contenu #blocs .bloc .sortie.empty{ font-weight: 300; font-size: 14px; border-bottom: none; } #conteneur #contenu #blocs .bloc .sortie p { font-size: 14px; color: #171d2a; } #conteneur #contenu #blocs .bloc .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; } #conteneur #contenu #blocs .bloc .sortie a:hover{ opacity: 0.6; } #conteneur #contenu #blocs .bloc .sortie.gris{ background-color: #f2f2f0; } /* Bloc graphique répartition */ #conteneur #contenu #blocs #graphRepartition #repartition{ float: left; width: 98%; min-height: 250px; margin-top: 15px; } /* Bloc graphique avancement */ #conteneur #contenu #blocs #graphAvancement #avancement{ float: left; width: 98%; min-height: 250px; margin-top: 15px; } /* Bloc agenda */ #conteneur #contenu #blocs #agenda .sortie{ padding-top: 10px; padding-bottom: 10px; padding-left: 2%; padding-right: 2%; width: 96%; } #conteneur #contenu #blocs #agenda .contenu{ font-weight: 300; padding-bottom: 10px; } #conteneur #contenu #blocs #agenda .voir a{ float: right; background-image: url(../img/tableau/flecheDroite.png); background-repeat: no-repeat; background-position: center right; padding-right: 20px; color: #171d2a; } #conteneur #contenu #blocs #agenda .nom a{ text-transform: uppercase; color: #171d2a; font-weight: 600; padding-bottom: 10px; display: block; font-size: 15px; } /* Bloc apprenants */ #conteneur #contenu #blocs #apprenant .sortie{ padding-top: 15px; padding-bottom: 15px; padding-left: 2%; padding-right: 2%; width: 96%; } #conteneur #contenu #blocs #apprenant .sortie p strong{ font-weight: 600; color: #171d2a; font-size: 14px; } #conteneur #contenu #blocs #apprenant .sortie p{ color: #7c7c7c; font-size: 13px; line-height: 16px; } /* Bloc espace formation */ #conteneur #contenu #blocs #formation .sortie{ padding-top: 15px; padding-bottom: 15px; padding-left: 2%; padding-right: 22%; width: 76%; } #conteneur #contenu #blocs #formation .sortie .nom a{ font-weight: 600; color: #171d2a; } #conteneur #contenu #blocs #formation .sortie .etat{ color: #7c7c7c; font-size: 13px; line-height: 16px; } #conteneur #contenu #blocs #formation .sortie .voir a{ position: absolute; right: 0px; top: 0px; background-color: #f3f3f3; display: block; width: 18%; height: 100%; background-image: url(../img/tableau/flecheDroite.png); background-repeat: no-repeat; background-position: center center; } /* Bloc discussion publique */ #conteneur #contenu #blocs #forum .sortie{ padding-top: 10px; padding-bottom: 10px; padding-left: 2%; padding-right: 2%; width: 96%; } #conteneur #contenu #blocs #forum .nom a{ text-transform: uppercase; color: #171d2a; font-weight: 600; display: block; font-size: 15px; } #conteneur #contenu #blocs #forum .auteur{ color: #7c7c7c; font-size: 13px; line-height: 16px; padding-bottom: 10px; } #conteneur #contenu #blocs #forum .contenu{ font-weight: 300; padding-bottom: 10px; } #conteneur #contenu #blocs #forum .voir a{ float: right; background-image: url(../img/tableau/flecheDroite.png); background-repeat: no-repeat; background-position: center right; padding-right: 20px; color: #171d2a; } /* Bloc document */ #conteneur #contenu #blocs #document .sortie{ padding-top: 15px; padding-bottom: 15px; padding-left: 2%; padding-right: 22%; width: 76%; } #conteneur #contenu #blocs #document .sortie .nom a{ font-weight: 600; color: #171d2a; } #conteneur #contenu #blocs #document .sortie .contenu{ font-weight: 300; } #conteneur #contenu #blocs #document .sortie .voir a{ position: absolute; right: 0px; top: 0px; background-color: #f3f3f3; display: block; width: 18%; height: 100%; background-image: url(../img/tableau/flecheFichier.png); background-repeat: no-repeat; background-position: center center; } #conteneur #contenu #blocs #document .sortie .voir a:hover{ background-color: #f28f0e; opacity: 1; } /* Version mobile */ @media screen and (max-width: 850px) { #main#conteneur{ background-color: #3a3e41; } #main #conteneur #contenu{ width: 100%; padding: 0px; background-image:none; } /* Tableau de bord*/ #main #conteneur #contenu #blocs .bloc{ width: 100%; min-height: 100px; } #conteneur #contenu #personnage{ display: none; } }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0 |
proxy
|
phpinfo
|
Settings