| 12,52 → 12,108 |
|---|
| :link, :visited, :hover:link, :hover:visited, h1 { |
| color: #000000; |
| } |
| body { |
| color: #666666; |
| |
| html { |
| background: url(/images/background.jpg) no-repeat center center fixed; |
| -webkit-background-size: cover; |
| -moz-background-size: cover; |
| -o-background-size: cover; |
| background-size: cover; |
| min-width: 450px; |
| } |
| |
| /* Style de police */ |
| |
| body, :link, :visited, :hover:link, :hover:visited { |
| font-family: "DejaVu Sans"; |
| color: #000; |
| } |
| |
| /* Règles des balises HTML */ |
| |
| /* Couleurs de fond */ |
| p { |
| text-align: justify; |
| } |
| |
| body { |
| background-color: #666; |
| .banner { |
| z-index:10; |
| display: flex; |
| align-items: center; |
| margin-top: 5vh; |
| position: relative; |
| background-image: linear-gradient(black,#222222); |
| |
| /* ombrage CSS3 */ |
| -moz-box-shadow: 1px 1px 6px #666; |
| -webkit-box-shadow: 1px 1px 6px #666; |
| box-shadow: 1px 1px 6px #666; |
| border-radius: 10px; |
| } |
| |
| .img_banner { |
| display: inline-block; |
| margin-top: 5px; |
| margin-bottom: 5px; |
| } |
| |
| /* Règles des balises HTML */ |
| .image { |
| margin-right: auto; |
| margin-left: auto; |
| } |
| |
| p { |
| text-align: justify; |
| .titre_banner { |
| display: inline-block; |
| margin-top: 10px; |
| margin-bottom: 10px; |
| } |
| |
| body { |
| background-image: url(../images/fond.png); |
| background-repeat: repeat-x; |
| .titre_controle { |
| text-align: center; |
| font-size: 12px; |
| font-size: calc(24px + 1vw); |
| color: white; |
| margin: 0px; |
| } |
| |
| table { |
| /* font-size: 90%;*/ |
| #contenu_acces { |
| background-color: white; |
| border-bottom-left-radius: 10px; |
| border-bottom-right-radius: 10px; |
| |
| /* get the main box under banner*/ |
| padding-top: 20px; |
| z-index: 5; |
| top: -20px; |
| /* ombrage css3 */ |
| |
| -moz-box-shadow: 1px 4px 10px #000; |
| -webkit-box-shadow: 1px 4px 10px #000; |
| box-shadow: 0px 10px 10px #000; |
| } |
| img { |
| height: 150px; |
| |
| .input_row { |
| display: flex; |
| align-items: center; |
| margin-top: 15px; |
| margin-bottom: 15px; |
| } |
| |
| /* Boite de dialogue de deconnection */ |
| .label_name { |
| display: inline-block; |
| font-size: calc(14px + 0.3vw); |
| } |
| |
| #page { |
| width: 590px; |
| margin: 12px auto; |
| #input_value { |
| font-size: calc(12px + 0.3vw); |
| } |
| |
| .scorebarDisplay { |
| margin: 0px; |
| } |
| |
| #buttons { |
| font-size: calc(14px + 0.3vw); |
| width: -moz-available; |
| } |
| |
| #pass_chg { |
| position: relative; |
| } |
| 120,22 → 176,7 |
|---|
| font-size: 20px; |
| } |
| |
| #btn_pass, #btn_retour { |
| float: right; |
| margin-top: 20px; |
| } |
| |
| #btn_pass { |
| margin-right: 10px; |
| } |
| |
| #btn_retour { |
| margin-right: 60px; |
| } |
| |
| #btn_pass:hover { |
| } |
| |
| #champs_pass { |
| margin: auto; |
| padding-top: 50px; |