File manager - Edit - /home/missmand/public_html/learning/css/index.css
Back
@charset "utf-8"; /* CSS Document */ body{ background: url('../img/connexion/background.jpg'); background-repeat: no-repeat; background-position: center bottom; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #connexion{ max-width:728px; margin-left: auto; margin-right: auto; padding-bottom: 250px; } #connexion #logo{ width: 100%; margin-top: 5%; margin-bottom: 10%; } #connexion #formulaire{ width: 50%; float: left; } #connexion #propos{ float: left; width: 50%; } #connexion h2{ width: 100%; text-align: center; text-transform: uppercase; color: #0d0d0d; font-weight: bold; font-size: 20px; margin-bottom: 10px; } #connexion p { width: 90%; margin-right: 5%; margin-left: 5%; text-align: center; font-size: 15px; color: #0d0d0d; line-height: 24px; margin-bottom: 20px; } #connexion #formulaire label{ width: 100%; display: block; font-weight: 300; font-size: 18px; padding-bottom: 4px; } #connexion #formulaire input{ width: 95.5%; padding-left: 2%; padding-right: 2%; border: 1px solid #000; padding-top: 8px; padding-bottom: 8px; margin-bottom: 15px; } #connexion select{ float: right; margin-top: 10px; margin-right: 4%; } #connexion #formulaire input#submit{ background: none; border: none; padding: 0px; padding-bottom: 3px; padding-left: 5%; width: 100%; cursor: pointer; border-bottom: 1px solid #000; text-align: left; font-weight: 500; font-size: 18px; margin-top: 10px; background-image: url(../img/connexion/flecheSubmit.png); background-repeat: no-repeat; background-position: 95% center; /*transition-property*/ -webkit-transition-property:background-position; -moz-transition-property:background-position; -o-transition-property:background-position; transition-property:background-position; /*transition-duration*/ -webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s; transition-duration:0.3s; } #connexion #formulaire input#submit:hover{ background-position: 98% center; } #connexion #backVideo{ width: 86%; margin-left: auto; margin-right: auto; position: relative; } #connexion #backVideo iframe{ display: none; } #connexion #backVideo img{ width: 100%; } #connexion #btnVideo{ position: absolute; left: 50%; top: 50%; margin-top: -27px; margin-left: -50px; height: 55px; width: 100px; background-image: url(../img/connexion/btnVideo.png); background-repeat: no-repeat; background-position: left center; cursor: pointer; } #connexion #btnVideo:hover{ background-position: -100px center; } #connexion #btnVideo:active{ background-position: -200px center; } #popup{ width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 3; background-image: url(../img/connexion/popup.png); display: none; } #popup #video{ width: 800px; height: 500px; background-color: #000; position: absolute; left: 50%; top: 50%; margin-left: -400px; margin-top: -250px; } /* Messages */ #erreur{ width: calc(100% - 30px); background-color: #e67e22; margin-bottom: 20px; padding-top: 10px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; color: #f1f1f1; font-size: 15px; } /* Version mobile */ @media screen and (max-width: 850px) { #connexion{ padding-bottom: 30px; } #connexion #logo{ margin-top: 10%; } #connexion #formulaire{ width: 92%; margin-left: 4%; margin-right: 4%; margin-bottom: 50px; } #connexion #propos{ width: 92%; margin-left: 4%; margin-right: 4%; } #connexion #backVideo{ width: 96%; } #connexion #backVideo img, #connexion #btnVideo{ display: none; } #connexion #backVideo iframe{ display: block; width: 100%; height: 300px; } }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.01 |
proxy
|
phpinfo
|
Settings