1,27 → 1,72 |
html { |
/* |
Stylesheet for index.php |
Auteur : Stéphane ERARD & Rexy |
Licence : GNU GPL |
*/ |
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; |
} |
|
body { |
BODY { |
text-align: center; |
font-size: 12px; |
margin: 0px; |
} |
BODY, :link, :visited, :hover:link, :hover:visited { |
font-family: "DejaVu Sans"; |
color: #000; |
} |
|
INPUT { |
border: #666666 1px solid; |
padding: 2px; |
font-family: arial; |
height: 22px; |
} |
INPUT, #contenu_acces { |
background-color: #ffffff; |
} |
INPUT, #box_url { |
font-family: arial; |
} |
|
H1 { |
font-size: 55px; |
} |
H2 { |
font-size: 30px; |
} |
H6 { |
font-size: 100%; |
} |
H1, H2 { |
text-align: center; |
padding: 0px; |
margin: 3px; |
} |
|
P, UL, LI { |
text-align: justify; |
} |
UL { |
padding-left: 20px; |
margin: 0px; |
margin-bottom: 5px; |
} |
LI { |
list-style-type: square; |
} |
|
.error-margin { |
margin-left: 0; |
margin-right: 0; |
} |
|
#gui { |
min-width: 452px; |
/* |
position: relative; |
top: 3vh; |
max-width: 950px;*/ |
} |
|
.explanation_net_pb { |
color: red; |
margin-bottom: 2px; |
43,8 → 88,18 |
box-shadow: 0px 10px 10px #000; |
} |
|
.img_banner { |
display: inline-block; |
margin-top: 5px; |
margin-bottom: 5px; |
} |
|
/* style de la page accès controlé*/ |
.titre_banner { |
display: inline-block; |
margin-top: 10px; |
margin-bottom: 10px; |
} |
|
.banner { |
z-index:10; |
display: flex; |
58,19 → 113,29 |
box-shadow: 1px 1px 6px #666; |
border-radius: 10px; |
} |
|
#cadre_titre .titre_controle { |
color: white; |
font-size: calc(20px + 2.2vw); |
} |
|
#cadre_titre .titre_refus { |
color: red; |
font-size: calc(20px + 2.2vw); |
} |
|
.titre_controle { |
text-align: center; |
font-size: calc(24px + 1vw); |
color: white; |
margin: 0px; |
} |
|
#acces_controle { |
text-align: center; |
font-size: calc(20px + 1.5vw); |
padding-top: 25px; |
padding-bottom: 32px; |
padding-top: 20px; |
padding-bottom: 20px; |
margin: 0px; |
} |
@media(max-width:420px) { |
79,18 → 144,11 |
text-align: left !important; |
} |
} |
|
.domain_allowed_title { |
margin-bottom: 0px; |
} |
|
/* Style de police */ |
|
BODY, :link, :visited, :hover:link, :hover:visited { |
font-family: "DejaVu Sans"; |
} |
INPUT, #box_url { |
font-family: arial; |
} |
#acces_controle, #box_url, #cadre_titre SPAN { |
font-weight: bold; |
} |
117,17 → 175,18 |
box-shadow: 1px 1px 6px #666; |
margin-top: 30px; |
margin-bottom: 30px; |
|
} |
|
} |
.box_menu SPAN { |
display: flex; |
align-items: center; |
} |
|
.box_menu A{ |
position: absolute; |
left: calc(100px + 1vw); |
} |
|
.box_menu IMG { |
width: calc(80px + 1vw); |
} |
174,61 → 233,10 |
top: -1000px; |
} |
|
/*Couleurs de fond */ |
|
INPUT, #contenu_acces, #contenu_error, #logon, #auth_reussi { |
background-color: #ffffff; |
} |
|
/* Règles des balises HTML */ |
|
H1, H2, #aide-certif { |
text-align: center; |
padding: 0px; |
margin: 3px; |
} |
P, UL, LI{ |
text-align: justify; |
} |
|
BODY { |
text-align: center; |
font-size: 12px; |
margin: 0px; |
} |
H1 { |
font-size: 55px; |
} |
H2 { |
font-size: 30px; |
} |
H6, #aide-certif{ |
font-size: 100%; |
} |
UL { |
padding-left: 20px; |
margin: 0px; |
margin-bottom: 5px; |
} |
LI { |
list-style-type: square; |
} |
TABLE { |
font-size: 90%; |
} |
INPUT { |
border: #666666 1px solid; |
padding: 2px; |
font-family: arial; |
height: 22px; |
} |
|
#contenu_acces SPAN { |
font-family: "courier new"; |
} |
#contenu_error SPAN { |
font-family: "courier new"; |
} |
|
.info-box-container { |
margin-top: 30px; |
272,29 → 280,7 |
.box_infos_titles A { |
color: black; |
} |
/* |
#box_infos :link, #box_info :visited { |
text-decoration: none; |
} |
#box_infos IMG { |
max-width: 100px; |
} |
#box_infos h2 { |
color: black; |
font-weight: bold; |
font-size: calc(14px + 0.4vw); |
margin-bottom: 5px; |
|
} |
|
#box_infos P { |
font-size: calc(12px + 0.3vw); |
} |
|
#box_infos A { |
color: black; |
font-weight: bold; |
}*/ |
#corner { |
position: fixed; |
bottom: 0; |