-37 Removals
+46 Additions

Created by:phpboost

/*
* 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;
}}
Editor
Original Text
Changed Text
Recommended videos