Untitled diff
创建于 差异永不过期
/*
* Surchargez ce fichier dans votre thème pour personnaliser le module
* https://www.phpboost.com/wiki/structure-d-un-theme#paragraph-le-repertoire-modules
*/
#module-stats .block {
#module-stats .block {
padding: 0.8em;
padding: 0.809em;
background: transparent;
background: transparent;
border: none;
border: none;
}
}
#menustats {
#menustats {
margin: 0 auto 20px;
margin: 0 auto 1.309em;
list-style-type: none;
list-style-type: none;
}
}
#menustats ul {
#menustats ul {
height: auto;
height: 0;
opacity: 0;
opacity: 0;
visibility: hidden;
visibility: hidden;
list-style-type: none;
list-style-type: none;
transition: 0.3s
}
}
#menustats.active ul{
#menustats.opened ul{
height: auto;
height: 280px;
opacity: 1;
opacity: 1;
visibility: visible;
visibility: visible;
transition: 0.3s
}
}
#menustats li {
#menustats li {
padding: 5px 10px;
padding: 0.309em 0.618em;
}
}
@media (min-width: 769px) {
@media (min-width: 769px) {
#menustats {
#menustats {
display: table;
display: table;
}
}
#menustats ul {
#menustats ul {
opacity: 1;
opacity: 1;
visibility: visible;
visibility: visible;
}
}
#menustats li{
#menustats li{
position: relative;
position: relative;
display: inline-block;
display: inline-block;
padding: 0;
padding: 0;
text-align: center;
text-align: center;
}
}
#menustats li a {
#menustats li a {
display: block;
display: block;
padding: 10px 10px;
padding: 0.618em;
}
}
#menustats li a i {
#menustats li a i {
font-size: 1.5em;
font-size: 1.482em;
}
}
#menustats li span {
#menustats li span {
position: absolute;
position: absolute;
top: 100%;
top: 100%;
left: -50%;
left: -50%;
display: block;
display: block;
width: 200%;
width: 200%;
opacity: 0;
opacity: 0;
visibility: hidden;
visibility: hidden;
transition: all .3s ease 0s;
transition: all .3s ease 0s;
white-space: nowrap;
white-space: nowrap;
text-align: center;
text-align: center;
}
}
#menustats li:hover span {
#menustats li:hover span {
top: 80%;
top: 80%;
opacity: 1;
opacity: 1;
visibility: visible;
visibility: visible;
transition: all .5s ease 0s;
transition: all .5s ease 0s;
}
}
}
}
#menustats i.fa-home { color: #05BAB0; }
#menustats i.fa-home { color: #05BAB0; }
#menustats li:hover i.fa-home { color: #058480; }
#menustats li:hover i.fa-home { color: #058480; }
#menustats i.fa-users { color: #3498DB; }
#menustats i.fa-users { color: #3498DB; }
#menustats li:hover i.fa-users { color: #1b7CBD; }
#menustats li:hover i.fa-users { color: #1b7CBD; }
#menustats i.fa-eye { color: #2ECC71; }
#menustats i.fa-eye { color: #2ECC71; }
#menustats li:hover i.fa-eye { color: #16A352; }
#menustats li:hover i.fa-eye { color: #16A352; }
#menustats i.fa-file-o { color: #4372AA; }
#menustats i.fa-file { color: #4372AA; }
#menustats li:hover i.fa-file-o { color: #2D4D73; }
#menustats li:hover i.fa-file { color: #2D4D73; }
#menustats i.fa-globe { color: #1FA6D5; }
#menustats i.fa-globe { color: #1FA6D5; }
#menustats li:hover i.fa-globe { color: #1589B1; }
#menustats li:hover i.fa-globe { color: #1589B1; }
#menustats i.fa-laptop { color: #999999; }
#menustats i.fa-laptop { color: #999999; }
#menustats li:hover i.fa-laptop { color: #777777; }
#menustats li:hover i.fa-laptop { color: #777777; }
#menustats i.fa-flag-o { color: #9B59B6; }
#menustats i.fa-flag { color: #9B59B6; }
#menustats li:hover i.fa-flag-o { color: #8533A7; }
#menustats li:hover i.fa-flag { color: #8533A7; }
#menustats i.fa-share-square-o { color: #f86227; }
#menustats i.fa-share-square { color: #f86227; }
#menustats li:hover i.fa-share-square-o { color: #D6511C; }
#menustats li:hover i.fa-share-square { color: #D6511C; }
#menustats i.fa-key { color: #F1C40F; }
#menustats i.fa-key { color: #F1C40F; }
#menustats li:hover i.fa-key { color: #D8B00E; }
#menustats li:hover i.fa-key { color: #D8B00E; }
#menustats i.fa-search { color: #34495E; }
#menustats i.fa-search { color: #34495E; }
#menustats li:hover i.fa-search { color: #1B344D; }
#menustats li:hover i.fa-search { color: #1B344D; }
.stats-color-square {
.stats-color-square {
margin: auto;
margin: auto;
height: 10px;
height: 0.618em;
width: 10px;
width: 0.618em;
border: 1px solid #000000;
border-width: 1px;
border-style: solid;
border-color: #000000;
}
}
.date-selector-container {
.date-selector-container {
margin: auto;
margin: auto;
text-align: center;
text-align: center;
}
}
.table-values-head {
.table-values-head {
background-image: url(images/stats2.png);
background-image: url(images/stats2.png);
background-repeat: no-repeat;
background-repeat: no-repeat;
margin-left: 2px;
margin-left: 0.1618em;
height: 4px;
height: 0.228em;
width: 10px;
width: 0.618em;
}
}
.table-values {
.table-values {
background-image: url(images/stats.png);
background-image: url(images/stats.png);
background-repeat: repeat-y;
background-repeat: repeat-y;
margin-left: 2px;
margin-left: 0.1618em;
width: 10px;
width: 0.618em;
padding: 0px
padding: 0;
}
}
.total-head { width: 70px; }
.total-head { width: 70px; }
.average-head { width: 60px; }
.average-head { width: 60px; }
.last-update-head { width: 96px; }
.last-update-head { width: 96px; }
.trend-head { width: 100px; }
.trend-head { width: 100px; }
.date-selector-filter {
.date-selector-filter {
text-align: center;
text-align: center;
}
}