simplification style
This commit is contained in:
Michael RICOIS
parent
51a050f661
commit
951686c9f1
186
www/main.css
186
www/main.css
@ -1,124 +1,78 @@
|
||||
body {
|
||||
background-color: #BEBEBE;
|
||||
font-family: Arial
|
||||
}
|
||||
|
||||
img {
|
||||
border : none;
|
||||
}
|
||||
body {background-color:#BEBEBE; font-family:Arial}
|
||||
img {border:none;}
|
||||
a:link {color: #9c093a; text-decoration:none;}
|
||||
a:visited {color: #9c093a; text-decoration:none;}
|
||||
a:hover {color: blue; text-decoration:none;}
|
||||
|
||||
.StyleRechercheTitre {
|
||||
font-size: medium;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.StyleRechercheLib {
|
||||
color: #000000;
|
||||
font-size: x-small;
|
||||
font-weight: bold;
|
||||
}
|
||||
.StyleInfoLib {
|
||||
align: left;
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 11px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.StyleInfoData {
|
||||
align: left;
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 11px;
|
||||
}
|
||||
a:visited {color:#9c093a; text-decoration:none;}
|
||||
a:hover {color:blue; text-decoration:none;}
|
||||
.StyleRechercheTitre {font-size:medium; color:#FFFFFF;}
|
||||
.StyleRechercheLib {color:#000000; font-size:x-small; font-weight:bold;}
|
||||
.StyleInfoLib {align:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;}
|
||||
.StyleInfoData { align:left; font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
|
||||
|
||||
/* suppression des puces sur les listes */
|
||||
div.stats ul { width: 400px; list-style: none; }
|
||||
div.stats .percent {
|
||||
display: block;
|
||||
height: 1.5em;
|
||||
line-height: 1.5em;
|
||||
margin: 5px 10px;
|
||||
padding: 0 5px;
|
||||
text-align: right;
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
font-family: monospace;
|
||||
-moz-border-radius: 5px;
|
||||
border-bottom: 1px solid #aaa;
|
||||
border-right: 1px solid #aaa;
|
||||
cursor: default;
|
||||
}
|
||||
div.stats ul {width:400px; list-style:none;}
|
||||
div.stats .percent {display:block; height:1.5em; line-height:1.5em; margin:5px 10px; padding:0 5px; text-align:right; color:#fff; font-weight:bold; font-family:monospace; -moz-border-radius:5px; border-bottom:1px solid #aaa; border-right:1px solid #aaa; cursor:default;}
|
||||
.v100 {width:100%;}
|
||||
.v90 {width:90%;}
|
||||
.v80 {width:80%;}
|
||||
.v70 {width:70%;}
|
||||
.v60 {width:60%;}
|
||||
.v50 {width:50%;}
|
||||
.v40 {width:40%;}
|
||||
.v30 {width:30%;}
|
||||
.v20 {width:20%;}
|
||||
.v10 {width:10%;}
|
||||
|
||||
.v100 { width: 100%; }
|
||||
.v90 { width: 90%; }
|
||||
.v80 { width: 80%; }
|
||||
.v70 { width: 70%; }
|
||||
.v60 { width: 60%; }
|
||||
.v50 { width: 50%; }
|
||||
.v40 { width: 40%; }
|
||||
.v30 { width: 30%; }
|
||||
.v20 { width: 20%; }
|
||||
.v10 { width: 10%; }
|
||||
/* Multicolore */
|
||||
.multicolor .v100 {background:#970000; }
|
||||
.multicolor .v90 {background:#ff0000; }
|
||||
.multicolor .v80 {background:#ff6600; }
|
||||
.multicolor .v70 {background:#ff9c00; }
|
||||
.multicolor .v60 {background:#ffd800; }
|
||||
.multicolor .v50 {background:#eaff00; }
|
||||
.multicolor .v40 {background:#baff00; }
|
||||
.multicolor .v30 {background:#78ff00; }
|
||||
.multicolor .v20 {background:#12ff00;}
|
||||
.multicolor .v10 {background:#00ff60; }
|
||||
|
||||
/* Multicolore */
|
||||
.multicolor .v100 { background: #970000; }
|
||||
.multicolor .v90 { background: #ff0000; }
|
||||
.multicolor .v80 { background: #ff6600; }
|
||||
.multicolor .v70 { background: #ff9c00; }
|
||||
.multicolor .v60 { background: #ffd800; }
|
||||
.multicolor .v50 { background: #eaff00; }
|
||||
.multicolor .v40 { background: #baff00; }
|
||||
.multicolor .v30 { background: #78ff00; }
|
||||
.multicolor .v20 { background: #12ff00;}
|
||||
.multicolor .v10 { background: #00ff60; }
|
||||
/* Dégradé vert */
|
||||
.green_gradiant .v100 {background:#1d290a;}
|
||||
.green_gradiant .v90 {background:#2b3c0f;}
|
||||
.green_gradiant .v80 {background:#405a17;}
|
||||
.green_gradiant .v70 {background:#52741d;}
|
||||
.green_gradiant .v60 {background:#628a23;}
|
||||
.green_gradiant .v50 {background:#72a128;}
|
||||
.green_gradiant .v40 {background:#7eb22d;}
|
||||
.green_gradiant .v30 {background:#8fc932;}
|
||||
.green_gradiant .v20 {background:#99dd38;}
|
||||
.green_gradiant .v10 {background:#aff73e;}
|
||||
|
||||
/* Dégradé vert */
|
||||
.green_gradiant .v100 { background: #1d290a; }
|
||||
.green_gradiant .v90 { background: #2b3c0f; }
|
||||
.green_gradiant .v80 { background: #405a17; }
|
||||
.green_gradiant .v70 { background: #52741d; }
|
||||
.green_gradiant .v60 { background: #628a23; }
|
||||
.green_gradiant .v50 { background: #72a128; }
|
||||
.green_gradiant .v40 { background: #7eb22d; }
|
||||
.green_gradiant .v30 { background: #8fc932; }
|
||||
.green_gradiant .v20 { background: #99dd38; }
|
||||
.green_gradiant .v10 { background: #aff73e; }
|
||||
/* Dégradé rouge */
|
||||
.red_gradiant .v100 {background:#290c0c;}
|
||||
.red_gradiant .v90 {background:#481515;}
|
||||
.red_gradiant .v80 {background:#661e1e;}
|
||||
.red_gradiant .v70 {background:#862727;}
|
||||
.red_gradiant .v60 {background:#a02f2f;}
|
||||
.red_gradiant .v50 {background:#bd3838;}
|
||||
.red_gradiant .v40 {background:#d84040;}
|
||||
.red_gradiant .v30 {background:#eb4545;}
|
||||
.red_gradiant .v20 {background:#ff4b4b;}
|
||||
.red_gradiant .v10 {background:#ff6565;}
|
||||
|
||||
/* Dégradé rouge */
|
||||
.red_gradiant .v100 { background: #290c0c; }
|
||||
.red_gradiant .v90 { background: #481515; }
|
||||
.red_gradiant .v80 { background: #661e1e; }
|
||||
.red_gradiant .v70 { background: #862727; }
|
||||
.red_gradiant .v60 { background: #a02f2f; }
|
||||
.red_gradiant .v50 { background: #bd3838; }
|
||||
.red_gradiant .v40 { background: #d84040; }
|
||||
.red_gradiant .v30 { background: #eb4545; }
|
||||
.red_gradiant .v20 { background: #ff4b4b; }
|
||||
.red_gradiant .v10 { background: #ff6565; }
|
||||
/* Unicolore vert */
|
||||
.green_uni .percent {background:#83df00;}
|
||||
|
||||
/* Dégradé gris */
|
||||
.grey_gradiant .v100 {background:#000000;}
|
||||
.grey_gradiant .v90 {background:#252525;}
|
||||
.grey_gradiant .v80 {background:#373737;}
|
||||
.grey_gradiant .v70 {background:#505050;}
|
||||
.grey_gradiant .v60 {background:#656565;}
|
||||
.grey_gradiant .v50 {background:#7e7e7e;}
|
||||
.grey_gradiant .v40 {background:#8f8f8f;}
|
||||
.grey_gradiant .v30 {background:#a5a5a5;}
|
||||
.grey_gradiant .v20 {background:#bcbcbc;}
|
||||
.grey_gradiant .v10 {background:#c8c8c8;}
|
||||
|
||||
/* Unicolore vert */
|
||||
.green_uni .percent { background: #83df00; }
|
||||
|
||||
/* Dégradé gris */
|
||||
.grey_gradiant .v100 { background: #000000; }
|
||||
.grey_gradiant .v90 { background: #252525; }
|
||||
.grey_gradiant .v80 { background: #373737; }
|
||||
.grey_gradiant .v70 { background: #505050; }
|
||||
.grey_gradiant .v60 { background: #656565; }
|
||||
.grey_gradiant .v50 { background: #7e7e7e; }
|
||||
.grey_gradiant .v40 { background: #8f8f8f; }
|
||||
.grey_gradiant .v30 { background: #a5a5a5; }
|
||||
.grey_gradiant .v20 { background: #bcbcbc; }
|
||||
.grey_gradiant .v10 { background: #c8c8c8; }
|
||||
|
||||
/* Image dégradée */
|
||||
.gradiant_pic li { width: 300px; padding: 0; }
|
||||
.gradiant_pic li .percent {
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
padding: 0;
|
||||
color: #000;
|
||||
background: #fff url(/img/gradiant2.png) repeat-y 0 0;
|
||||
-moz-border-radius: 0;
|
||||
}
|
||||
/* Image dégradée */
|
||||
.gradiant_pic li {width:300px; padding:0;}
|
||||
.gradiant_pic li .percent { height:20px; line-height:20px; padding:0; color:#000; background:#fff url(/img/gradiant2.png) repeat-y 0 0; -moz-border-radius:0;}
|
||||
Loading…
x
Reference in New Issue
Block a user