Subversion Repositories ALCASAR

Compare Revisions

Ignore whitespace Rev 2766 → Rev 2765

/web/css/index_style.css
File deleted
/web/css/intercepts.css
File deleted
/web/css/intercept.css
File deleted
/web/css/status.css
1,172 → 1,152
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;
}
/*
Feuille de style pour les pages d'interceptions coté utilisateurs d'ALCASAR
Auteur : Stéphane ERARD
Licence : GNU GPL
*/
 
BODY {
color: white;
}
 
.error-margin {
margin-left: 0px;
margin-right: 0px;
/* règles générales */
 
/* Couleurs de polices */
:link, :visited, :hover:link, :hover:visited {
color: #000000;
}
body {
color: #666666;
}
 
/* Style de police */
 
.main_box {
display: flex;
align-items: center;
}
 
.image-resize {
width: calc(100px + 5vh);
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;
/* ombrage css3 */
-moz-box-shadow: 1px 4px 10px #000;
-webkit-box-shadow: 1px 4px 10px #000;
box-shadow: 0px 10px 10px #000;
 
body {
background-color: #666666;
}
 
.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;
}
 
.header_img {
display: inline-block;
margin-top: 5px;
margin-bottom: 5px;
}
/* Règles des balises HTML */
 
.header_title {
display: inline-block;
margin-top:10px;
margin-bottom:10px;
p {
text-align: justify;
}
 
.login-status {
font-size: calc(26px + 1.5vw);
body {
background-image: url(/images/fond.png);
background-repeat: repeat-x;
text-align: center;
font-size: 12px;
margin: 0px;
font-weight: bold;
}
 
.welcome-user {
font-size: calc(20px + 1vw);
table {
font-size: 90%;
}
 
.error-table-border {
border: 0px;
img {
height: 150px;
}
 
.table {
margin-bottom: 10px;
}
.chilliLabel {
font-size: calc(14px + 0.4vw);
border-top: 1px solid rgba(0,0,0,0.6) !important;
}
/*Boite de dialogue de deconnection*/
 
.chilliValue {
font-size: calc(12px + 0.4vw);
border-top: 1px solid rgba(0,0,0,0.6) !important;
#statusPage, #loggedOutPage {
width: 450px;
margin: 12px auto;
}
 
.button {
font-size: calc(16px + 0.4vw);
margin-bottom:10px;
#Chilli {
width: 450px;
margin: 10px auto 10px auto;
}
 
.history {
text-align: right;
#auth_reussi, #errorTable, #statusTable, #waitTable, #disconnectTable {
width: 450px;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 0px;
}
 
.history_bottom {
text-align: left;
font-size: calc(12px + 0.5vw);
#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 {
text-align: center;
}
 
ul {
margin-bottom: 0px;
.lien_deco {
font-size: 18px;
margin-bottom: 15px;
}
.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;
.log_out {
font-size: 24px;
margin-top: 30px;
}
 
.log-titre {
font-size: calc(7px + 0.6vw);
text-align: end;
/*
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 {
font-weight: bold;
text-align: left;
}
 
.log-info {
font-size: calc(8px + 0.4vw);
margin-right: 4px;
text-align: end;
.chilliValue {
/* A DEFINIR*/
}
 
.log-titre-petit {
font-size: calc(16px + 0.5vw);
.wait {
height: 16px;
}
 
.log-info-petit {
font-size: calc(14px + 0.2vw);
/*
Fin Ajout stephane weber
*/
#conHistoryLabel {
padding-top: 6px;
padding-bottom: 5px;
}
 
.waiting_box, .error_box, .logout_box {
display: flex;
align-items: center;
#conHistory ul {
list-style-type: none;
text-align: left;
padding-left: 80px;
}
.alert {
font-size: 14px;
color: red;
margin-top: 5px;
height: 40px;
}
.link_logout {
padding-top: 20px;
padding-bottom: 20px;
}
.text_warn {
margin: 0px;
font-size: 9px;
}
 
.waiting_msg, .error_msg, .logout_msg {
#close-warning {
padding: 5px;
text-align: center;
display: inline-block;
font-size: calc(18px + 0.5vw);
font-weight: bold;
color: darkred;
}
 
.nb_open_session {
margin-bottom: 5px;
}
 
/web/css/pass.css
12,108 → 12,52
: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 */
 
p {
text-align: justify;
}
/* Couleurs de fond */
 
.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;
body {
background-color: #666;
}
 
.img_banner {
display: inline-block;
margin-top: 5px;
margin-bottom: 5px;
}
 
.image {
margin-right: auto;
margin-left: auto;
}
/* Règles des balises HTML */
 
.titre_banner {
display: inline-block;
margin-top: 10px;
margin-bottom: 10px;
p {
text-align: justify;
}
 
.titre_controle {
body {
background-image: url(../images/fond.png);
background-repeat: repeat-x;
text-align: center;
font-size: calc(24px + 1vw);
color: white;
font-size: 12px;
margin: 0px;
}
 
#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;
table {
/* font-size: 90%;*/
}
 
.input_row {
display: flex;
align-items: center;
margin-top: 15px;
margin-bottom: 15px;
img {
height: 150px;
}
 
.label_name {
display: inline-block;
font-size: calc(14px + 0.3vw);
}
/* Boite de dialogue de deconnection */
 
#input_value {
font-size: calc(12px + 0.3vw);
#page {
width: 590px;
margin: 12px auto;
}
 
.scorebarDisplay {
margin: 0px;
}
 
#buttons {
font-size: calc(14px + 0.3vw);
width: -moz-available;
}
 
#pass_chg {
position: relative;
}
176,7 → 120,22
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,365 → 1,228
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;
}
/*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;
}