//web/css/index_style.css |
---|
0,0 → 1,324 |
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; |
} |
body { |
} |
.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; |
font-size: calc(12px + 0.2vw); |
} |
#contenu_acces { |
border-bottom-left-radius: 10px; |
border-bottom-right-radius: 10px; |
/* get the main box under banner*/ |
padding-top: 5px; |
z-index: 5; |
top: -5px; |
/* ombrage css3 */ |
-moz-box-shadow: 1px 4px 10px #000; |
-webkit-box-shadow: 1px 4px 10px #000; |
box-shadow: 0px 10px 10px #000; |
} |
/* style de la page accès controlé*/ |
.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; |
} |
#cadre_titre .titre_controle { |
color: white; |
font-size: calc(20px + 2.2vw); |
} |
#cadre_titre .titre_refus { |
color: red; |
font-size: calc(20px + 2.2vw); |
} |
#acces_controle { |
text-align: center; |
font-size: calc(20px + 1.5vw); |
padding-top: 25px; |
padding-bottom: 32px; |
margin: 0px; |
} |
@media(max-width:420px) { |
#acces_controle { |
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; |
} |
.box_menu :link , .box_menu :visited, .box_menu :hover:link, .box_menu :hover:visited { |
text-decoration: none; |
color: black; |
font-size: calc(14px + 0.2vw); |
font-weight: bold; |
} |
.box_menu:hover { |
background-color: rgba(5,55,64,0.2); |
} |
.box_menu { |
display: flex; |
align-items: center; |
height: 60px; |
position: relative; |
background-color: #efefef; |
padding: 10px; |
border-radius: 10px; |
/* ombrage CSS3 */ |
-moz-box-shadow: 1px 1px 6px #666; |
-webkit-box-shadow: 1px 1px 6px #666; |
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); |
} |
.img-organisme{ |
margin-top: 1vh; |
margin-bottom: 1vh; |
margin-right: auto; |
margin-left: auto; |
} |
/* shift menu items left and right in an alternating fashion if enough space: */ |
@media(min-width:500px){ |
.box_menu { |
max-width: 90%; |
} |
.box_menu_right { |
max-width: 90%; |
left: 10%; |
} |
.box_menu_right A { |
right: 100px !important; |
left: 5% !important; |
} |
.box_menu_right IMG { |
position: absolute; |
top: -18px; |
right: 0px; |
} |
} |
#box_infos IMG { |
position: absolute; |
bottom: -15px; |
right: 0px; |
width: 80px; |
} |
.div-cache { |
visibility: hidden; |
position: absolute; |
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; |
margin-bottom: 30px; |
height: 100%; |
} |
#box_infos { |
background-color: #efefef; |
padding-left: 10px; |
padding-right: 10px; |
padding-top: 5px; |
padding-bottom: 5px; |
border-radius: 10px; |
/* ombrage CSS3 */ |
-moz-box-shadow: 1px 1px 6px #666; |
-webkit-box-shadow: 1px 1px 6px #666; |
box-shadow: 1px 1px 6px #666; |
} |
/* When the the infobox goes bellow the main one (col-xs), it gets a dynamic height*/ |
@media(max-width:768px){ |
#box_infos { |
height:100%; |
} |
} |
.box_infos_titles { |
font-size: calc(14px + 0.15vw); |
font-weight: bold; |
color: black; |
margin-top: 5px; |
} |
.box_infos_explanations { |
font-size: calc(13px + 0.11vw); |
margin-bottom: 0px; |
} |
.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; |
right: 0; |
} |
#adm { |
display: block; |
width: 100px; |
height: 100px; |
} |
.corn IMG:hover { |
position: absolute; |
width: 100px; |
height: 100px; |
top: 0px; |
left: 0px; |
} |
.corn IMG { |
position: absolute; |
width: 50px; |
height: 50px; |
top: 75px; |
left: 75px; |
transition: .2s; |
} |
//web/css/intercept.css |
---|
0,0 → 1,697 |
/* |
CSS for ALCASAR interception page |
Auteur : Stéphane ERARD |
Licence : GNU GPL |
*/ |
/* règles générales */ |
/* Couleurs de polices */ |
:link, :visited, :hover:link, :hover:visited, H2, #box_url, #box_refuse { |
color: #000000; |
} |
BODY, H, #boite-logon { |
color: #666666; |
} |
#acces_controle, .log_out { |
color: white; |
} |
/* 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; |
} |
.box_menu :link , .box_menu :visited, .box_menu :hover:link, .box_menu :hover:visited { |
text-decoration: none; |
} |
/*Couleurs de fond */ |
BODY { |
background-color: #666666; |
} |
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 { |
background-image: url(/images/fond.png); |
background-repeat: repeat-x; |
text-align: center; |
font-size: 12px; |
margin: 0px; |
} |
H1 { |
font-size: 55px; |
} |
H2 { |
font-size: 30px; |
} |
H6, #aide-certif{ |
font-size: 100%; |
} |
UL { |
margin: 5px; |
padding-bottom: 5px; |
padding-left: 10px; |
padding-right: 115px; |
padding-top: 5px; |
} |
LI { |
list-style-type: square; |
padding-top: 2px; |
} |
TABLE { |
font-size: 90%; |
} |
IMG { |
height: 150px; |
} |
INPUT { |
border: #666666 1px solid; |
padding: 2px; |
font-family: arial; |
height: 22px; |
} |
/* taille et position des logos */ |
#logo-alcasar { |
position: absolute; |
bottom: 25px; |
right: 5px; |
height: 130px; |
} |
#logo-organ { |
position: relative; |
top: 0px; |
right: -10px; |
max-width: 150px; |
max-height: 150px; |
} |
/* placement et proportion de la boite de saisie et de l'aide */ |
/* pour desktop */ |
.mobile-only { |
display: none; |
} |
#logon { |
position: relative; |
width: 620px; |
top: 20px; |
/* ombrage css3*/ |
-moz-box-shadow: 0px 0px 12px #000; |
-webkit-box-shadow: 0px 0px 12px #000; |
box-shadow: 0px 0px 12px #000; |
} |
#boite-logon { |
background-image: linear-gradient(#efefef, #d5d5d5); |
padding: 10px; |
width: 420px; |
height: 189px; |
} |
#boite-logon TD { |
padding-top: 10px; |
padding-left: 30px; |
} |
#boite-info { |
border: 0px; |
margin-top: 25px; |
width: 580px; |
padding-top: 10px; |
} |
#username_input, |
#password_input { |
align: left; |
} |
/* hide placeholders for desktops */ |
::-webkit-input-placeholder { |
/* WebKit browsers */ |
color: transparent; |
} |
:-moz-placeholder { |
/* Mozilla Firefox 4 to 18 */ |
color: transparent; |
} |
::-moz-placeholder { |
/* Mozilla Firefox 19+ */ |
color: transparent; |
} |
:-ms-input-placeholder { |
/* Internet Explorer 10+ */ |
color: transparent; |
} |
input::placeholder { |
color: transparent; |
} |
textarea::-webkit-input-placeholder { |
/* WebKit browsers */ |
color: transparent; |
} |
textarea:-moz-placeholder { |
/* Mozilla Firefox 4 to 18 */ |
color: transparent; |
} |
textarea::-moz-placeholder { |
/* Mozilla Firefox 19+ */ |
color: transparent; |
} |
textarea:-ms-input-placeholder { |
/* Internet Explorer 10+ */ |
color: transparent; |
} |
textarea::placeholder { |
color: transparent; |
} |
/* pour mobile */ |
@media (max-width: 900px) |
{ |
.desktop-only { |
display: none; |
} |
#logon { |
position: relative; |
width: 100%; |
top: 10px; |
/* ombrage css3*/ |
-moz-box-shadow: 0px 0px 12px #000; |
-webkit-box-shadow: 0px 0px 12px #000; |
box-shadow: 0px 0px 12px #000; |
} |
#boite-logon { |
background-image: linear-gradient(#efefef, #d5d5d5); |
padding: 10px; |
width: 90%; |
height: 189px; |
} |
#boite-logon TD { |
padding-top: 10px; |
} |
input[type="text"] |
{ |
font-size:30px; |
color: grey; |
} |
input[type="password"] |
{ |
font-size:30px; |
color: grey; |
} |
#boite-logon INPUT { |
border: #666666 1px solid; |
padding: 2px; |
font-family: arial; |
height: 30px; |
} |
#authenticate-button { |
font-size: 30px; |
} |
#boite-info { |
border: 0px; |
margin-top: 25px; |
width: 580px; |
padding-top: 10px; |
} |
#username_input, |
#password_input { |
align: center; |
} |
/* Placeholders */ |
::-webkit-input-placeholder { |
/* WebKit browsers */ |
color: lightgrey; |
} |
:-moz-placeholder { |
/* Mozilla Firefox 4 to 18 */ |
color: lightgrey; |
} |
::-moz-placeholder { |
/* Mozilla Firefox 19+ */ |
color: lightgrey; |
} |
:-ms-input-placeholder { |
/* Internet Explorer 10+ */ |
color: lightgrey; |
} |
input::placeholder { |
color: lightgrey; |
} |
textarea::-webkit-input-placeholder { |
/* WebKit browsers */ |
color: lightgrey; |
} |
textarea:-moz-placeholder { |
/* Mozilla Firefox 4 to 18 */ |
color: lightgrey; |
} |
textarea::-moz-placeholder { |
/* Mozilla Firefox 19+ */ |
color: lightgrey; |
} |
textarea:-ms-input-placeholder { |
/* Internet Explorer 10+ */ |
color: lightgrey; |
} |
textarea::placeholder { |
color: lightgrey; |
} |
} |
/*boite de dialogue de deconnection*/ |
/* pour desktop */ |
.mobile-only { |
display: none; |
} |
#contenu_acces { |
position: relative; |
width: 640px; |
height: 400px; |
top: -20px; |
padding-top: 0px; |
margin-left: auto; |
margin-right: auto; |
z-index: 1; |
/* ombrage CSS3 */ |
-moz-box-shadow: 1px 1px 10px #000; |
-webkit-box-shadow: 1px 1px 10px #000; |
box-shadow: 1px 1px 10px #000; |
} |
#cadre_titre{ |
position: relative; |
width: 730px; |
height: 98px; |
margin-top: 40px; |
margin-left: auto; |
margin-right: auto; |
z-index: 2; |
/* ombrage css3 */ |
-moz-box-shadow: 1px 4px 10px #000; |
-webkit-box-shadow: 1px 4px 10px #000; |
box-shadow: 1px 4px 10px #000; |
} |
#boite_logo{ |
position: absolute; |
top: -30px; |
left: -50px; |
width: 150px; |
height: 150px; |
z-index: 2; |
} |
/* pour mobile */ |
@media (max-width: 900px) |
{ |
.desktop-only { |
display: none; |
} |
.mobile-only { |
display: inline; |
} |
#contenu_acces { |
position: relative; |
width: 90%; |
height: 400px; |
top: -20px; |
padding-top: 0px; |
margin-left: auto; |
margin-right: auto; |
z-index: 1; |
/* ombrage CSS3 */ |
-moz-box-shadow: 1px 1px 10px #000; |
-webkit-box-shadow: 1px 1px 10px #000; |
box-shadow: 1px 1px 10px #000; |
} |
#cadre_titre{ |
position: relative; |
width: 100%; |
height: 98px; |
margin-top: 40px; |
margin-left: auto; |
margin-right: auto; |
z-index: 2; |
/* ombrage css3 */ |
-moz-box-shadow: 1px 4px 10px #000; |
-webkit-box-shadow: 1px 4px 10px #000; |
box-shadow: 1px 4px 10px #000; |
} |
#boite_logo{ |
position: absolute; |
top: -30px; |
left: -10px; |
width: 150px; |
height: 150px; |
z-index: 2; |
} |
} |
#auth_reussi { |
width: 450px; |
margin-top: 12px; |
padding-top: 5px; |
padding-left: 10px; |
padding-right: 10px; |
padding-bottom: 0px; |
} |
.text_auth { |
font-size: 20px; |
} |
.lien_deco { |
text-align: center; |
font-size: 18px; |
margin-bottom: 15px; |
} |
.log_out { |
font-size: 24px; |
text-align: center; |
margin-top: 30px; |
} |
#boite-logon, #auth_reussi, #logon { |
border: 1px #efefef solid; |
/* ombrage css3*/ |
-moz-box-shadow: 0px 0px 6px #000; |
-webkit-box-shadow: 0px 0px 6px #000; |
box-shadow: 0px 0px 6px #000; |
} |
#liens_redir { |
position: relative; |
bottom: -100px; |
left: 90px; |
text-align: center; |
} |
#liens_redir P A { |
font-size: 12px; |
text-align: center; |
margin: 15px; |
} |
/* style de la page accès controlé*/ |
#cadre_titre .titre_controle { |
background-image: url(/images/fond-bandeau.png); |
background-repeat: repeat-x; |
} |
#cadre_titre .titre_refus { |
background-image: url(/images/fond-bandeau-rouge.png); |
background-repeat: repeat-x; |
} |
#acces_controle { |
text-align: center; |
font-size: 40px; |
padding-top: 25px; |
padding-bottom: 27px; |
margin: 0px; |
} |
#logo_acces { |
position: relative; |
top: 0px; |
left: 0px; |
} |
#contenu_error { |
position: relative; |
width: 640px; |
height: auto; |
top: -20px; |
padding-top: 40px; |
padding-bottom: 40px; |
padding-left: 40px; |
padding-right: 40px; |
margin-left: auto; |
margin-right: auto; |
z-index: 1; |
/* ombrage CSS3 */ |
-moz-box-shadow: 1px 1px 10px #000; |
-webkit-box-shadow: 1px 1px 10px #000; |
box-shadow: 1px 1px 10px #000; |
} |
#logo_acces IMG, #box_refuse IMG { |
width: 95px; |
height: 95px; |
} |
/* Boite des liens*/ |
#box_url { |
position: relative; |
top: 35px; |
text-align: right; |
font-size: 14px; |
margin-right: 20px; |
} |
#cadre_titre SPAN { |
position: absolute; |
top: 70px; |
width: 510px; |
left: 110px; |
font-size: 14px; |
color: red; |
text-align: center; |
border: 2px red solid; |
padding: 2px; |
background-color: white; |
} |
#contenu_acces SPAN { |
position: relative; |
bottom: -150px; |
font-family: "courier new"; |
} |
#contenu_error SPAN { |
position: relative; |
bottom: -150px; |
font-family: "courier new"; |
} |
#box_refuse { |
font-size: 16px; |
margin-left: 130px; |
margin-right: 20px; |
margin-top: 40px; |
width: 460px; |
} |
#box_refuse IMG { |
position: absolute; |
top: -10px; |
left: -110px; |
} |
#box_refuse { |
position: relative; |
top: 55px; |
} |
.box_menu IMG { |
position: absolute; |
width: 70px; |
height: 70px; |
top: -25px; |
} |
.box_menu, #logon , #contenu_acces, #contenu_error, #acces_controle, #cadre_titre, #box_info{ |
/* Arrondi CSS3 Firefox*/ |
-moz-border-radius: 10px; |
/* Arrondi CSS3 Autres Nav*/ |
border-radius: 10px; |
} |
.box_menu { |
position: absolute; |
height: 35px; |
width: 310px; |
background-image: url(/images/fond-bdd.png); |
background-repeat: repeat-x; |
/* ombrage CSS3 */ |
-moz-box-shadow: 1px 1px 6px #666; |
-webkit-box-shadow: 1px 1px 6px #666; |
box-shadow: 1px 1px 6px #666; |
} |
.div-cache { |
visibility: hidden; |
position: absolute; |
top: -1000px; |
} |
#box_conn { |
top: 120px; |
} |
#box_certif { |
top: 190px; |
} |
#box_mdp { |
top: 260px; |
} |
#box_acc { |
top: 330px; |
} |
#box_certif, #box_acc { |
left: 60px; |
text-align: right; |
} |
#box_conn, #box_mdp { |
left: 20px; |
text-align: left; |
} |
#box_conn IMG, #box_mdp IMG { |
left: 5px; |
} |
#box_certif IMG, #box_acc IMG { |
right: 5px; |
} |
#box_conn SPAN, #box_certif SPAN, #box_mdp SPAN, #box_acc SPAN { |
position: relative; |
font-size: 12px; |
font-weight: bold; |
top: 10px; |
} |
#box_conn SPAN, #box_mdp SPAN { |
margin-left: 80px; |
} |
#box_certif SPAN, #box_acc SPAN { |
margin-right: 80px; |
} |
/*Animation visuel des cadres liens (Gecko et ie9)*/ |
#box_conn:hover, #box_certif:hover, #box_mdp:hover, #box_acc:hover { |
/* cursor: pointer;*/ |
background-image: url(/images/fond-bdd_rouge.png); |
background-repeat: repeat-x; |
/* ombrage CSS3 */ |
-moz-box-shadow: 0px 0px 0px #fff; |
-webkit-box-shadow: 0px 0px 0px #fff; |
box-shadow: 0px 0px 0px #fff; |
} |
#box_conn:hover a, #box_certif:hover a, #box_mdp:hover a, #box_acc:hover a, .box_menu a:hover, .box_menu a:visited:hover, #box_info :link:hover, #box_info :visited:hover { |
color: red; |
} |
/* overwrite default rules for disabled menu boxes */ |
.box_menu.box-menu-disabled { |
opacity: .2; |
} |
.box_menu.box-menu-disabled:hover a { |
color: #000000 !important; |
cursor: not-allowed !important; |
} |
.box_menu.box-menu-disabled:hover { |
cursor: not-allowed !important; |
background-image: url(/images/fond-bdd.png) !important; |
background-repeat: repeat-x !important; |
/* ombrage CSS3 */ |
-moz-box-shadow: 1px 1px 6px #666 !important; |
-webkit-box-shadow: 1px 1px 6px #666 !important; |
box-shadow: 1px 1px 6px #666 !important; |
} |
/*Mise en page de la bulle d'info (coté droit)*/ |
#box_info H2 { |
font-size: 14px; |
margin: 10px auto; |
} |
#box_info P { |
font-size: 11px; |
margin: 10px; |
} |
#box_info IMG { |
position: absolute; |
bottom: -60px; |
right: 10px; |
height: 120px; |
} |
#box_info { |
position: absolute; |
top: 118px; |
right: 20px; |
width: 230px; |
height: 250px; |
background-color: #efefef; |
/* ombrage CSS3 */ |
-moz-box-shadow: 1px 1px 6px #666; |
-webkit-box-shadow: 1px 1px 6px #666; |
box-shadow: 1px 1px 6px #666; |
} |
#box_info :link, #box_info :visited { |
text-decoration: none; |
} |
#box_info UL{ |
text-align: left; |
padding : 0 0 0 15px; |
margin : 10px; |
} |
#box_info LI{ |
text-align: left; |
font-size: 10px; |
list-style-type : disc; |
padding : 0 0 0 0; |
} |
#authorized_domain{ |
height: 40px; |
width: 450px; |
text-align: left; |
display: block; |
/* border: 1px solid red;*/ |
margin-right: 50px; |
} |
#authorized_domain LI{ |
text-align: center; |
list-style-type : none; |
margin-right : 10px; |
display: block; |
float: left; |
} |
#corner { |
position: fixed; |
bottom: 0; |
right: 0; |
} |
#adm { |
display: block; |
width: 100px; |
height: 100px; |
} |
.corn IMG:hover { |
position: absolute; |
width: 100px; |
height: 100px; |
top: 0px; |
left: 0px; |
} |
.corn IMG { |
position: absolute; |
width: 50px; |
height: 50px; |
top: 75px; |
left: 75px; |
transition: .2s; |
} |
//web/css/intercepts.css |
---|
0,0 → 1,115 |
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 { |
font-color:#FFFFFF; |
color:#FFFFFF; |
} |
.error-margin { |
margin-left:0px; |
margin-right:0px; |
} |
.banner { |
z-index: 10; |
position: relative; |
margin-top: 5vh; |
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; |
} |
.background-form { |
background-color: white; |
border-radius:10px; |
box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.7); |
color: black; |
padding-top: 20px; |
top: -20px; |
z-index: 5; |
} |
.organisme { |
font-size: calc(25px + 3vw); |
text-align: center; |
margin-top: 15px; |
margin-bottom: 15px; |
font-weight: bold; |
} |
.titre-controle-acces { |
font-size: calc(18px + 2vw); |
text-align: center; |
} |
.titre-erreur { |
font-size: calc(11px + 0.8vw); |
text-align: center; |
margin: 0px; |
color: red; |
} |
.login-failed-reply { |
font-size: calc(10px + 0.6vw); |
margin-bottom: calc(10px + 0.1vw); |
} |
.inputs { |
display: flex; |
align-items: center; |
} |
#authorized_domain { |
font-size: calc(10px + 0.5vw); |
margin-top: 5px; |
} |
#boite-info { |
width: 100%; |
} |
.boite-info-titre { |
font-size: calc(20px + 0.3vw); |
} |
.boite-info-text { |
font-size: calc(13px + 0.25vw); |
} |
.boite-info-spacing { |
margin-top: 10px; |
margin-bottom: 10px; |
display: flex; |
align-items: center; |
} |
.row_button { |
margin-bottom: 5px; |
} |
.autoregistration_sms { |
text-align: center; |
font-size: calc(10px + 0.3vw); |
margin-bottom: 20px; |
} |
.button { |
font-size: calc(15px + 0.5vw); |
} |
.vertical-align { |
display: flex; |
align-items: center; |
} |
.img-xs-bottom { |
margin-left: auto; |
margin-right: auto; |
height: 150px; |
} |
//web/css/pass.css |
---|
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; |
//web/css/pwdmeter.css |
---|
1,228 → 1,365 |
/*body { |
color: #000; |
font-family: Verdana,'Trebuchet MS','Lucida Grande', Arial, sans-serif; |
font-size: .8em; |
line-height: 1.25em; |
margin: 0; |
padding: 0; |
text-align: center; |
} |
form,input,select,textarea { |
margin:0; |
padding:0; |
} |
h1,h2,h3,h4,h5,h6 |
{ |
font-family:Georgia, Tahoma, Arial, Serif; |
font-weight:normal; |
line-height:1.6em; |
padding: 0; |
margin: 0; |
} |
input { |
font-size: 100%; |
margin-bottom: 2px; |
padding: 1px; |
} |
ol,ul { |
line-height: 1.4em; |
margin-bottom: 4px; |
margin-top: 4px; |
} |
p { |
line-height: 1.4em; |
margin-bottom: 5px; |
margin-top: 5px; |
text-align: justify; |
} |
table { |
background: #345; |
margin-bottom: 10px; |
width: 100%; |
} |
td { |
background: #eee; |
text-align: left; |
vertical-align: top; |
} |
th { |
background: #456; |
color: #fff; |
text-align: left; |
vertical-align: top; |
}*/ |
#content { |
margin: 0 auto; |
padding: 10px; |
text-align: left; |
width: 610px; |
} |
#linkstop { |
background: #234; |
color: #fff; |
margin-top: -10px; |
padding: 2px; |
} |
#linkstop a { |
color: #fff; |
} |
#score { |
color: #000; |
font-size: 85%; |
position:absolute; |
text-align: center; |
width: 100px; |
z-index: 10; |
} |
#score,#rating,#standards { |
font-weight: bold; |
} |
div.exceed { |
background-image: url(../images/img_status_exceed.png); |
} |
div.fail { |
background-image: url(../images/img_status_fail.png); |
} |
div.pass { |
background-image: url(../images/img_status_pass.png); |
} |
div.warn { |
background-image: url(../images/img_status_warn.png); |
} |
#scorebar { |
background-image: url(../images/bg_strength_gradient.jpg); |
background-repeat: no-repeat; |
background-position: 0 0; |
position:absolute; |
width: 100px; |
z-index: 0; |
font-size: 13px; |
} |
#complexity { |
position: relative; |
left: 10px; |
} |
#scorebarBorder { |
background: #333; |
border: 1px #000 solid; |
height: 16px; |
margin-bottom: 2px; |
width: 100px; |
float: left; |
} |
#password { |
border: 1px #000 solid; |
font-size: 85%; |
width: 100px; |
} |
#tablePwdScoring { |
margin-bottom: 0 !important; |
} |
#listLegend li { |
list-style: none; |
padding-bottom: 4px; |
margin-left: 0; |
padding-left: 0; |
} |
#listLegend { |
margin-left: 0; |
padding-left: 0; |
} |
div.fail,div.pass,div.exceed,div.warn { |
background-repeat: no-repeat; |
background-position: left top; |
height: 16px; |
margin-left: auto; |
margin-right: auto; |
width: 16px; |
} |
td.exceed,td.fail,td.pass,td.warn { |
color: #fff; |
font-weight: bold; |
text-align: center; |
} |
td.exceed { |
background: #1C60A4; |
} |
td.fail { |
background: #C00; |
} |
td.pass { |
background: #093; |
} |
td.warn { |
background: #f60; |
} |
div.box { |
background: #456; |
border: 1px #000 solid; |
color: #fff; |
height: 16px; |
padding: 2px; |
white-space: nowrap; |
width: 38px; |
} |
div.boxMinus,div.boxPlus { |
border: none; |
color: #fff; |
font-weight: bold; |
padding: 2px; |
text-align: left; |
white-space: nowrap; |
} |
td.footnote { |
background: #ddd; |
font-size: 70%; |
} |
.bold { |
font-weight: bold; |
} |
.clearNone { |
clear: none; |
} |
.floatRight { |
float: right; |
} |
.floatLeft { |
float: left; |
} |
.hide { |
display: none; |
} |
.imgLegend { |
clear: left !important; |
float: left !important; |
position: relative !important; |
margin-bottom: -3px !important; |
margin-right: 5px !important; |
} |
.inline { |
display: inline; |
} |
.italic { |
font-style: italic; |
} |
.noPad { |
padding: 0; |
} |
.show { |
display: inline !important; |
} |
.txtLg { |
font-size: 125%; |
} |
.txtSmall { |
font-size: 75%; |
} |
.txtCenter { |
text-align: center; |
} |
.txtRight { |
text-align: right; |
} |
div.xtend { |
clear: both !important; |
line-height: 0; |
height: 0; |
} |
body { |
color: #000; |
font-family: Verdana,'Trebuchet MS','Lucida Grande', Arial, sans-serif; |
font-size: .8em; |
line-height: 1.25em; |
margin: 0; |
padding: 0; |
text-align: center; |
} |
form,input,select,textarea { |
margin:0; |
padding:0; |
} |
h1,h2,h3,h4,h5,h6 |
{ |
font-family:Georgia, Tahoma, Arial, Serif; |
font-weight:normal; |
line-height:1.6em; |
padding: 0; |
margin: 0; |
} |
input { |
font-size: 100%; |
margin-bottom: 2px; |
padding: 1px; |
} |
ol,ul { |
line-height: 1.4em; |
margin-bottom: 4px; |
margin-top: 4px; |
} |
p { |
line-height: 1.4em; |
margin-bottom: 5px; |
margin-top: 5px; |
text-align: justify; |
} |
table { |
background: #345; |
margin-bottom: 10px; |
width: 100%; |
} |
td { |
background: #eee; |
text-align: left; |
vertical-align: top; |
} |
th { |
background: #456; |
color: #fff; |
text-align: left; |
vertical-align: top; |
} |
#content { |
margin: 0 auto; |
padding: 10px; |
text-align: left; |
width: 610px; |
} |
#linkstop { |
background: #234; |
color: #fff; |
margin-top: -10px; |
padding: 2px; |
} |
#linkstop a { |
color: #fff; |
} |
#score { |
color: #000; |
font-size: 85%; |
position:absolute; |
text-align: center; |
width: 100px; |
z-index: 10; |
} |
#score,#rating,#standards { |
font-weight: bold; |
} |
div.exceed { |
background-image: url(../images/img_status_exceed.png); |
} |
div.fail { |
background-image: url(../images/img_status_fail.png); |
} |
div.pass { |
background-image: url(../images/img_status_pass.png); |
} |
div.warn { |
background-image: url(../images/img_status_warn.png); |
} |
#scorebar { |
background-image: url(../images/bg_strength_gradient.jpg); |
background-repeat: no-repeat; |
background-position: 0 0; |
position:absolute; |
width: 100px; |
z-index: 0; |
} |
#scorebarBorder { |
background: #333; |
border: 1px #000 solid; |
height: 16px; |
margin-bottom: 2px; |
width: 100px; |
} |
#password { |
border: 1px #000 solid; |
font-size: 85%; |
width: 100px; |
} |
#tablePwdScoring { |
margin-bottom: 0 !important; |
} |
#listLegend li { |
list-style: none; |
padding-bottom: 4px; |
margin-left: 0; |
padding-left: 0; |
} |
#listLegend { |
margin-left: 0; |
padding-left: 0; |
} |
div.fail,div.pass,div.exceed,div.warn { |
background-repeat: no-repeat; |
background-position: left top; |
height: 16px; |
margin-left: auto; |
margin-right: auto; |
width: 16px; |
} |
td.exceed,td.fail,td.pass,td.warn { |
color: #fff; |
font-weight: bold; |
text-align: center; |
} |
td.exceed { |
background: #1C60A4; |
} |
td.fail { |
background: #C00; |
} |
td.pass { |
background: #093; |
} |
td.warn { |
background: #f60; |
} |
div.box { |
background: #456; |
border: 1px #000 solid; |
color: #fff; |
height: 16px; |
padding: 2px; |
white-space: nowrap; |
width: 38px; |
} |
div.boxMinus,div.boxPlus { |
border: none; |
color: #fff; |
font-weight: bold; |
padding: 2px; |
text-align: left; |
white-space: nowrap; |
} |
td.footnote { |
background: #ddd; |
font-size: 70%; |
} |
.bold { |
font-weight: bold; |
} |
.clearNone { |
clear: none; |
} |
.floatRight { |
float: right; |
} |
.floatLeft { |
float: left; |
} |
.hide { |
display: none; |
} |
.imgLegend { |
clear: left !important; |
float: left !important; |
position: relative !important; |
margin-bottom: -3px !important; |
margin-right: 5px !important; |
} |
.inline { |
display: inline; |
} |
.italic { |
font-style: italic; |
} |
.noPad { |
padding: 0; |
} |
.show { |
display: inline !important; |
} |
.txtLg { |
font-size: 125%; |
} |
.txtSmall { |
font-size: 75%; |
} |
.txtCenter { |
text-align: center; |
} |
.txtRight { |
text-align: right; |
} |
div.xtend { |
clear: both !important; |
line-height: 0; |
height: 0; |
} |
a:link, a:visited |
{ |
color:#459045; |
text-decoration:none; |
border-bottom:none; |
} |
a:hover, a:active |
{ |
text-decoration:none; |
border-bottom: 1px solid; |
} |
#header { |
background:url(../images/top.gif) top repeat-x; |
height:145px; |
margin:0; |
padding:0; |
width:100%; |
} |
#logo { |
height:100px; |
width:900px; |
margin:0 auto; |
} |
#blogname { |
height:30px; |
padding-left:12px; |
padding-top:28px; |
text-align:left; |
} |
h1#blogname a { |
color:#fff; |
font-size:1.3em; |
} |
#navigation |
{ |
clear:both; |
height:24px; |
margin:0 auto; |
padding:0 10px; |
text-align:center; |
width:880px; |
font-size:1.1em; |
} |
#navigation a:link, |
#navigation a:visited |
{ |
background:#FFF url(../images/active1.gif) left bottom no-repeat; |
color:#fff; |
height:24px; |
margin-right:2px; |
padding-left:12px; |
text-decoration:none; |
border:none; |
} |
#navigation a:link, |
#navigation a:link span, |
#navigation a:visited, |
#navigation a:visited span |
{ |
cursor:hand; |
display:block; |
float:left; |
border:none; |
} |
#navigation li |
{ |
line-height:23px; |
float:left; |
list-style:none; |
margin:0; |
} |
#navigation a:hover |
{ |
background:url(../images/active1.gif) left bottom no-repeat; |
color:#040; |
height:24px; |
padding-left:12px; |
text-decoration:none; |
border:none; |
} |
#navigation .current_page_item a:link, |
#navigation .current_page_item a:visited |
{ |
background:#FFF url(../images/current1.gif) left bottom no-repeat; |
color:#fff; |
height:27px; |
line-height:24px; |
margin-right:2px; |
padding-left:15px; |
text-decoration:none; |
border:none; |
} |
#navigation .current_page_item a:hover |
{ |
background:#FFF url(../images/current1.gif) left bottom no-repeat; |
color:#AAC8E0; |
height:27px; |
margin-right:2px; |
padding-left:15px; |
text-decoration:none; |
border:none; |
} |
#navigation ul |
{ |
list-style:none; |
margin:0; |
padding:0; |
} |
#navigation a:link span, |
#navigation a:visited span, |
#navigation a:hover span |
{ |
background:url(../images/active2.gif) right bottom no-repeat; |
height:24px; |
padding-right:12px; |
border:none; |
} |
#navigation .current_page_item a:link span, |
#navigation .current_page_item a:visited span, |
#navigation .current_page_item a:hover span |
{ |
background:url(../images/current2.gif) right bottom no-repeat; |
height:27px; |
padding-right:15px; |
border:none; |
} |
#footer { |
background:#223344 url(../images/top.gif) bottom repeat-x; |
clear: both; |
height: 60px; |
padding: 10px; |
text-align: center; |
margin:0 auto; |
color:#ccc; |
} |
.advertTop { |
margin: -30px 0 5px 0; |
} |
.advertBtm { |
margin: 0 0 20px 0; |
} |
.advertMid { |
margin: 20px 0 20px -65px; |
} |
//web/css/status.css |
---|
1,152 → 1,172 |
/* |
Feuille de style pour les pages d'interceptions coté utilisateurs d'ALCASAR |
Auteur : Stéphane ERARD |
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 { |
color: white; |
} |
/* règles générales */ |
/* Couleurs de polices */ |
:link, :visited, :hover:link, :hover:visited { |
color: #000000; |
.error-margin { |
margin-left: 0px; |
margin-right: 0px; |
} |
body { |
color: #666666; |
} |
/* Style de police */ |
body, :link, :visited, :hover:link, :hover:visited { |
font-family: "DejaVu Sans"; |
.main_box { |
display: flex; |
align-items: center; |
} |
.image-resize { |
width: calc(100px + 5vh); |
} |
.image-resize-bottom { |
width: calc(100px + 5vh); |
margin-right: auto; |
margin-left: auto; |
} |
/*Couleurs de fond */ |
.background-display { |
background-color: white; |
color: black; |
text-align: center; |
border-bottom-left-radius: 10px; |
border-bottom-right-radius: 10px; |
body { |
background-color: #666666; |
/* get the main box under banner*/ |
padding-top: 25px; |
z-index: 5; |
top: -20px; |
position: relative; |
/* ombrage css3 */ |
-moz-box-shadow: 1px 4px 10px #000; |
-webkit-box-shadow: 1px 4px 10px #000; |
box-shadow: 0px 10px 10px #000; |
} |
.header_background { |
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; |
} |
/* Règles des balises HTML */ |
.header_img { |
display: inline-block; |
margin-top: 5px; |
margin-bottom: 5px; |
} |
p { |
text-align: justify; |
.header_title { |
display: inline-block; |
margin-top:10px; |
margin-bottom:10px; |
} |
body { |
background-image: url(/images/fond.png); |
background-repeat: repeat-x; |
.login-status { |
font-size: calc(26px + 1.5vw); |
text-align: center; |
font-size: 12px; |
margin: 0px; |
font-weight: bold; |
} |
table { |
font-size: 90%; |
.welcome-user { |
font-size: calc(20px + 1vw); |
} |
img { |
height: 150px; |
.error-table-border { |
border: 0px; |
} |
/*Boite de dialogue de deconnection*/ |
.table { |
margin-bottom: 10px; |
} |
.chilliLabel { |
font-size: calc(14px + 0.4vw); |
border-top: 1px solid rgba(0,0,0,0.6) !important; |
} |
#statusPage, #loggedOutPage { |
width: 450px; |
margin: 12px auto; |
.chilliValue { |
font-size: calc(12px + 0.4vw); |
border-top: 1px solid rgba(0,0,0,0.6) !important; |
} |
#Chilli { |
width: 450px; |
margin: 10px auto 10px auto; |
.button { |
font-size: calc(16px + 0.4vw); |
margin-bottom:10px; |
} |
#auth_reussi, #errorTable, #statusTable, #waitTable, #disconnectTable { |
width: 450px; |
padding-top: 5px; |
padding-left: 10px; |
padding-right: 10px; |
padding-bottom: 0px; |
.history { |
text-align: right; |
} |
#auth_reussi { |
margin-top: 12px; |
} |
.text_auth { |
font-size: 20px; |
} |
.text_auth_welcom { |
font-size: 16px; |
} |
.text_auth, .text_auth_welcom, .alert { |
font-weight: bold; |
} |
.text_auth, .text_auth_welcom, .alert, .text_warn, #conHistoryLabel, .lien_deco, .log_out, .text_homelink { |
.history_bottom { |
text-align: left; |
font-size: calc(12px + 0.5vw); |
text-align: center; |
} |
.lien_deco { |
font-size: 18px; |
margin-bottom: 15px; |
ul { |
margin-bottom: 0px; |
} |
.log_out { |
font-size: 24px; |
margin-top: 30px; |
.log-box { |
padding-top: 10px; |
padding-bottom: 10px; |
background-color: white; |
border-top-left-radius: 10px; |
border-bottom-left-radius: 10px; |
box-shadow: 0px 0px 10px 10px #000; |
padding-left: 0px; |
color: black; |
} |
/* |
Ajout stephane weber |
*/ |
#errorTable, #statusTable, #waitTable, #disconnectTable { |
background-color: #ffffff; |
margin: 1px; |
border: 1px #efefef solid; |
/* ombrage css3*/ |
-moz-box-shadow: 0px 0px 6px #000; |
-webkit-box-shadow: 0px 0px 6px #000; |
box-shadow: 0px 0px 6px #000; |
} |
.chilliLabel { |
.log-titre { |
font-size: calc(7px + 0.6vw); |
text-align: end; |
font-weight: bold; |
text-align: left; |
} |
.chilliValue { |
/* A DEFINIR*/ |
.log-info { |
font-size: calc(8px + 0.4vw); |
margin-right: 4px; |
text-align: end; |
} |
.wait { |
height: 16px; |
.log-titre-petit { |
font-size: calc(16px + 0.5vw); |
} |
/* |
Fin Ajout stephane weber |
*/ |
#conHistoryLabel { |
padding-top: 6px; |
padding-bottom: 5px; |
.log-info-petit { |
font-size: calc(14px + 0.2vw); |
} |
#conHistory ul { |
list-style-type: none; |
text-align: left; |
padding-left: 80px; |
.waiting_box, .error_box, .logout_box { |
display: flex; |
align-items: center; |
} |
.alert { |
font-size: 14px; |
color: red; |
margin-top: 5px; |
height: 40px; |
.waiting_msg, .error_msg, .logout_msg { |
text-align: center; |
display: inline-block; |
font-size: calc(18px + 0.5vw); |
} |
.link_logout { |
padding-top: 20px; |
padding-bottom: 20px; |
.nb_open_session { |
margin-bottom: 5px; |
} |
.text_warn { |
margin: 0px; |
font-size: 9px; |
} |
#close-warning { |
padding: 5px; |
text-align: center; |
font-weight: bold; |
color: darkred; |
} |