134 lines
3.8 KiB
CSS
134 lines
3.8 KiB
CSS
/* css pour index de statislite */
|
|
|
|
|
|
.stats ul {
|
|
width: 80%;
|
|
list-style: none;
|
|
margin: 20px 20px;
|
|
}
|
|
|
|
.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%; }
|
|
|
|
@media screen and (max-width: 768px) {
|
|
.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: 25%; }
|
|
.v10 { width: 20%; }
|
|
}
|
|
|
|
/* Multicolore */
|
|
.multicolor .v100 { background-color: #970000; color : #68ffff}
|
|
.multicolor .v90 { background-color: #ff0000; color : #00ffff}
|
|
.multicolor .v80 { background-color: #ff6600; color : #30ffff}
|
|
.multicolor .v70 { background-color: #ff9c00; color : #00ffff}
|
|
.multicolor .v60 { background-color: #ffd800; color : #0027ff}
|
|
.multicolor .v50 { background-color: #eaff00; color : #1500ff}
|
|
.multicolor .v40 { background-color: #baff00; color : #4500ff}
|
|
.multicolor .v30 { background-color: #78ff00; color : #8700ff}
|
|
.multicolor .v20 { background-color: #12ff00; color : #ed00ff}
|
|
.multicolor .v10 { background-color: #00ff60; color : #ff009f}
|
|
|
|
/* Dégradé vert */
|
|
.green_gradiant .v100 { background-color: #1d290a; color : #ffffff}
|
|
.green_gradiant .v90 { background-color: #2b3c0f; color : #ffffff}
|
|
.green_gradiant .v80 { background-color: #405a17; color : #ffffff}
|
|
.green_gradiant .v70 { background-color: #52741d; color : #ffffff}
|
|
.green_gradiant .v60 { background-color: #628a23; color : #ffffff}
|
|
.green_gradiant .v50 { background-color: #72a128; color : #ffffff}
|
|
.green_gradiant .v40 { background-color: #7eb22d; color : #000000}
|
|
.green_gradiant .v30 { background-color: #8fc932; color : #000000}
|
|
.green_gradiant .v20 { background-color: #99dd38; color : #000000}
|
|
.green_gradiant .v10 { background-color: #aff73e; color : #000000}
|
|
|
|
/* Dégradé rouge */
|
|
.red_gradiant .v100 { background-color: #290c0c; }
|
|
.red_gradiant .v90 { background-color: #481515; }
|
|
.red_gradiant .v80 { background-color: #661e1e; }
|
|
.red_gradiant .v70 { background-color: #862727; }
|
|
.red_gradiant .v60 { background-color: #a02f2f; }
|
|
.red_gradiant .v50 { background-color: #bd3838; }
|
|
.red_gradiant .v40 { background-color: #d84040; }
|
|
.red_gradiant .v30 { background-color: #eb4545; }
|
|
.red_gradiant .v20 { background-color: #ff4b4b; }
|
|
.red_gradiant .v10 { background-color: #ff6565; }
|
|
|
|
/* Unicolore vert */
|
|
.green_uni .percent { background-color: #83df00; }
|
|
|
|
/* Dégradé gris */
|
|
.grey_gradiant .v100 { background-color: #000000; color : #ffffff}
|
|
.grey_gradiant .v90 { background-color: #252525; color : #ffffff}
|
|
.grey_gradiant .v80 { background-color: #373737; color : #ffffff}
|
|
.grey_gradiant .v70 { background-color: #505050; color : #ffffff}
|
|
.grey_gradiant .v60 { background-color: #656565; color : #ffffff}
|
|
.grey_gradiant .v50 { background-color: #7e7e7e; color : #000000}
|
|
.grey_gradiant .v40 { background-color: #8f8f8f; color : #000000}
|
|
.grey_gradiant .v30 { background-color: #a5a5a5; color : #000000}
|
|
.grey_gradiant .v20 { background-color: #bcbcbc; color : #000000}
|
|
.grey_gradiant .v10 { background-color: #c8c8c8; color : #000000}
|
|
|
|
/*
|
|
.block {
|
|
border: 1px solid #D8DFE3;
|
|
}
|
|
*/
|
|
|
|
/* Couleur du texte h4 et de son fond*/
|
|
.block h4
|
|
{
|
|
color: rgba(33, 34, 35, 1);
|
|
background-color: #ECEFF1;
|
|
}
|
|
|
|
.blockgraph{
|
|
border: 1px solid #D8DFE3;
|
|
margin: 10px 10px;
|
|
padding: 0;
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
.blockgraph h4{
|
|
margin: 0;
|
|
padding: 10px;
|
|
color: rgba(33, 34, 35, 1);
|
|
background-color: #ECEFF1;
|
|
}
|
|
|
|
.blockgraph li{
|
|
color: black;
|
|
}
|
|
|
|
|
|
|