File manager - Edit - /home/missmand/public_html/learning/css/afficheFormation.css
Back
@charset "utf-8"; /* CSS Document */ #main{ background-image: url(../img/formation/background2.jpg); } #contenu #commentaire{ position: absolute; top: 79px; right: 0px; bottom: 0px; height: calc(100% - 79px); background-color: #171d2a; width: 30%; } #contenu #commentaire #reponses{ width: 100%; height: 100%; overflow: auto; } #contenu #commentaire #reponses .sortie{ width: 94%; float: left; padding: 3%; word-wrap: break-word; } #contenu #commentaire #reponses .sortie.empty p{ font-size: 14px; color: #f2f2f0; padding-bottom:15px; padding-top: 15px; } #contenu #commentaire #reponses .sortie .avatar{ float: left; width: 60px; margin-right: 1%; } #contenu #commentaire #reponses .sortie .contenu{ width: calc(98% - 60px); float: left; } #contenu #commentaire #reponses .sortie .contenu span{ font-size: 15px; display: block; color: #f2f2f0; font-weight: 600; padding-top: 10px; padding-bottom: 7px; } #contenu #commentaire #reponses .sortie .contenu p { font-size: 14px; color: #f2f2f0; padding-bottom:7px; } #contenu #commentaire #reponses .sortie .contenu p a { color: #3498db; } #contenu #commentaire #reponses .sortie .bordure{ width: 100%; height: 1px; background-color: #fff; margin-top: 7px; margin-bottom: 7px; } #contenu #commentaire #reponses .sortie .contenu .actions{ width: 100%; } #contenu #commentaire #reponses .sortie .contenu .actions li{ list-style: none; float: left; } #contenu #commentaire #reponses .sortie .contenu .actions li a { font-size: 13px; color: #f2f2f0; 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; } #contenu #commentaire #reponses .sortie .contenu .actions li a:hover{ opacity: 0.6; } #contenu #commentaire #reponses .sortie .contenu .actions li a.fichier{ color: #e98a0e; background-image: url(../img/formation/iconFichier.png); background-repeat: no-repeat; background-position: left center; padding-left: 18px; } #contenu #commentaire #reponses .sortie .contenu .actions li.separation{ padding-left: 5px; padding-right: 5px; color: #fff; } #contenu #commentaire #reponses #succes, #contenu #commentaire #reponses #erreur{ margin-bottom: 0px; } #contenu #commentaire textarea{ border:none; height: 100px; width: 96%; padding: 2%; float: left; } #contenu #commentaire #btnBas{ width: 100%; background-color: #171d2a; float: left; } #contenu #commentaire #btnBas #ajout{ float: right; height: 51px; border:none; background-color: #263046; padding-left: 25px; padding-right: 60px; color:#fff; font-size: 15px; font-weight: 600; background-image: url(../img/forum/flecheBlanche.png); background-repeat: no-repeat; background-position: 92% center; cursor: pointer; 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; } #contenu #commentaire #btnBas #ajout:hover{ opacity: 0.6; } #contenu #commentaire #btnBas #fichierTrue{ display: none; } #contenu #commentaire #btnBas #fichier{ float: left; height: 51px; color:#fff; font-size: 15px; font-weight: 600; line-height: 51px; cursor: pointer; padding-left: 35px; padding-right: 20px; margin-left: 15px; background-image: url(../img/forum/iconInputFichier.png); background-repeat: no-repeat; background-position: left center; } #contenu p.empty{ color: #fff; font-size: 15px; padding-top: 5%; } #formation #navigation{ float: left; width: 100%; height: 53px; position: relative; } #formation #navigation a#questionnaire{ display: block; position: absolute; right: 0px; top: 0px; background-color: #e98a0e; height: 53px; padding-left: 10px; padding-right: 40px; line-height: 53px; font-size: 15px; color: #171d2a; font-weight: 700; background-image: url(../img/formation/flecheSuivantNoir.png); background-repeat: no-repeat; background-position: 93% center; } /* Version mobile */ @media screen and (max-width: 950px) { #main #conteneur{ background-color: #0b0c0e; } #contenu #formation{ position: relative; float: left; width: 100%; padding: 0px; top: 0px; } #contenu #commentaire{ width: 100%; float: left; position: relative; top: 20px; } }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0 |
proxy
|
phpinfo
|
Settings