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; |