Untitled diff
建立於 差異永不過期
#module-stats .block,
#module-stats .block {
#module-stats .medium-block,
#module-stats .small-block {
padding: 0.8em;
padding: 0.8em;
background: transparent;
background: transparent;
border: none;
border: none;
}
}
#menustats {
#menustats {
margin: 10px 0;
margin: 0 auto 20px;
padding: 0;
list-style-type: none;
list-style-type: none;
}
}
#menustats ul {
#menustats ul {
position: absolute;
height: auto;
z-index: 2;
margin: 0 0 20px 0;
padding: 0;
opacity: 0;
opacity: 0;
visibility: hidden;
visibility: hidden;
box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.05);
transition: all .5s ease 0s;
list-style-type: none;
list-style-type: none;
}
}
#menustats.active ul{
#menustats.active ul{
height: auto;
opacity: 1;
opacity: 1;
visibility: visible;
visibility: visible;
background-color: #FFFFFF;
transition: all 0.5s ease 0s;
}
}
#menustats li {
#menustats li {
padding: 5px 10px;
padding: 5px 10px;
}
}
@media (min-width: 769px) {
@media (min-width: 769px) {
#menustats {
#menustats {
display: table;
display: table;
margin: 0 auto 5px;
}
}
#menustats ul {
#menustats ul {
position: relative;
opacity: 1;
opacity: 1;
visibility: visible;
visibility: visible;
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}
}
#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: 10px 10px;
}
}
#menustats li a i {
#menustats li a i {
font-size: 1.5em;
font-size: 1.5em;
}
}
#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-o { color: #4372AA; }
#menustats li:hover i.fa-file-o { color: #2D4D73; }
#menustats li:hover i.fa-file-o { 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-o { color: #9B59B6; }
#menustats li:hover i.fa-flag-o { color: #8533A7; }
#menustats li:hover i.fa-flag-o { color: #8533A7; }
#menustats i.fa-share-square-o { color: #f86227; }
#menustats i.fa-share-square-o { color: #f86227; }
#menustats li:hover i.fa-share-square-o { color: #D6511C; }
#menustats li:hover i.fa-share-square-o { 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 {
margin: auto;
height: 10px;
width: 10px;
border: 1px solid #000000;
}
.date-selector-container {
margin: auto;
text-align: center;
}
.table-values-head {
background-image: url(images/stats2.png);
background-repeat: no-repeat;
margin-left: 2px;
height: 4px;
width: 10px;
}
.table-values {
background-image: url(images/stats.png);
background-repeat: repeat-y;
margin-left: 2px;
width: 10px;
padding: 0px
}
.total-head { width: 70px; }
.average-head { width: 60px; }
.last-update-head { width: 96px; }
.trend-head { width: 100px; }
.date-selector-filter {
text-align: center;
}