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