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 */ |
.error-margin { |
margin-left: 0px; |
margin-right: 0px; |
} |
|
/* Couleurs de polices */ |
:link, :visited, :hover:link, :hover:visited { |
color: #000000; |
|
.main_box { |
display: flex; |
align-items: center; |
} |
body { |
color: #666666; |
|
.image-resize { |
width: calc(100px + 5vh); |
} |
|
/* Style de police */ |
|
body, :link, :visited, :hover:link, :hover:visited { |
font-family: "DejaVu Sans"; |
.image-resize-bottom { |
width: calc(100px + 5vh); |
margin-right: auto; |
margin-left: auto; |
} |
|
.background-display { |
background-color: white; |
color: black; |
text-align: center; |
border-bottom-left-radius: 10px; |
border-bottom-right-radius: 10px; |
|
/*Couleurs de fond */ |
/* get the main box under banner*/ |
padding-top: 25px; |
z-index: 5; |
top: -20px; |
position: relative; |
|
body { |
background-color: #666666; |
/* 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; |
} |