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