File manager - Edit - /home/missmand/public_html/learning/css/cas.css
Back
@charset "utf-8"; /* CSS Document */ #contenu #formation{ padding: 3%; width: 64%; } #main #conteneur #afficheChapitre{ background-color: #3a3e41; padding: 8px; width: calc(74% - 16px); float: left; margin-bottom: 5px; } #main #conteneur #afficheChapitre #chapitreContenu{ background-color: #fff; width: 96%; padding: 2%; float: left; } #main #conteneur #afficheChapitre #chapitreContenu h3{ font-size: 17px; color: #161c28; padding-bottom: 5px; text-transform: uppercase; font-weight: 600; } #main #conteneur #afficheChapitre #chapitreContenu p { font-size: 14px; margin-bottom: 8px; } #main #conteneur #afficheChapitre #chapitreContenu ul, #main #conteneur #afficheChapitre #chapitreContenu ol{ margin-top: 7px; margin-bottom: 7px; } #main #conteneur #afficheChapitre #chapitreContenu ul li, #main #conteneur #afficheChapitre #chapitreContenu ol li{ font-size: 14px; margin-left: 20px; } #main #conteneur #afficheChapitre 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; } #main #conteneur #chapitre{ background-color: #3a3e41; padding: 8px; width: calc(25% - 16px); float: left; margin-right: 1%; } #main #conteneur #chapitre h2{ width: 98%; padding-top: 6px; padding-bottom: 6px; background-color: #f28f0e; font-size: 15px; color: #161c28; text-transform: uppercase; font-weight: 600; padding-left: 2%; float: left; } #main #conteneur #chapitre ul{ background-color: #171d2a; width: 96%; padding: 2%; float: left; } #main #conteneur #chapitre ul li { list-style: none; width: 96%; padding-right: 2%; padding-left: 2%; font-size: 13px; color: #f2f2f0; cursor: pointer; padding-top: 3px; padding-bottom: 3px; } #main #conteneur #chapitre ul li:hover, #main #conteneur #chapitre ul li.active{ text-decoration: underline; } #formation #navigation{ float: right; width: 74%; height: 53px; position: relative; } #formation #navigation #navBtn{ height: 53px; width: 125px; margin-left: auto; margin-right: auto; } #formation #navigation #navBtn a { display: block; float: left; height: 53px; width: 60px; background-color: #263046; background-repeat: no-repeat; background-position: center center; } #formation #navigation #navBtn a#precedent{ margin-right: 5px; background-image: url(../img/formation/flechePrecedent.png); } #formation #navigation #navBtn a#suivant{ background-image: url(../img/formation/flecheSuivant.png); } /* Version mobile */ @media screen and (max-width: 950px) { #main #conteneur #chapitre{ margin-top: 5%; width: calc(100% - 16px); margin-bottom: 20px; } #main #conteneur #afficheChapitre{ width: calc(100% - 16px); } #contenu #formation{ position: relative; float: left; width: 100%; padding: 0px; top: 0px; } #contenu #commentaire{ width: 100%; float: left; position: relative; top: 20px; } #formation #navigation{ width: 100%; } }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.01 |
proxy
|
phpinfo
|
Settings