-37 Removals
+46 Additions

Created by:phpboost

1/*
2* Surchargez ce fichier dans votre thème pour personnaliser le module
3* https://www.phpboost.com/wiki/structure-d-un-theme#paragraph-le-repertoire-modules
4*/
5
1#module-stats .block { 6#module-stats .block {
2 padding: 0.8em; 7 padding: 0.809em;
3 background: transparent; 8 background: transparent;
4 border: none; 9 border: none;
5} 10}
6 11
7#menustats { 12#menustats {
8 margin: 0 auto 20px; 13 margin: 0 auto 1.309em;
9 list-style-type: none; 14 list-style-type: none;
10} 15}
11 16
12#menustats ul { 17#menustats ul {
13 height: auto; 18 height: 0;
14 opacity: 0; 19 opacity: 0;
15 visibility: hidden; 20 visibility: hidden;
16 list-style-type: none; 21 list-style-type: none;
22 transition: 0.3s
17} 23}
18 24
19#menustats.active ul{ 25#menustats.opened ul{
20 height: auto; 26 height: 280px;
21 opacity: 1; 27 opacity: 1;
22 visibility: visible; 28 visibility: visible;
29 transition: 0.3s
23} 30}
24 31
25#menustats li { 32#menustats li {
26 padding: 5px 10px; 33 padding: 0.309em 0.618em;
27} 34}
28 35
29@media (min-width: 769px) { 36@media (min-width: 769px) {
30 #menustats { 37 #menustats {
31 display: table; 38 display: table;
32 } 39 }
33 40
34 #menustats ul { 41 #menustats ul {
35 opacity: 1; 42 opacity: 1;
36 visibility: visible; 43 visibility: visible;
37 } 44 }
38 45
39 #menustats li{ 46 #menustats li{
40 position: relative; 47 position: relative;
41 display: inline-block; 48 display: inline-block;
42 padding: 0; 49 padding: 0;
43 text-align: center; 50 text-align: center;
44 } 51 }
45 52
46 #menustats li a { 53 #menustats li a {
47 display: block; 54 display: block;
48 padding: 10px 10px; 55 padding: 0.618em;
49 } 56 }
50 57
51 #menustats li a i { 58 #menustats li a i {
52 font-size: 1.5em; 59 font-size: 1.482em;
53 } 60 }
54 61
55 #menustats li span { 62 #menustats li span {
56 position: absolute; 63 position: absolute;
57 top: 100%; 64 top: 100%;
58 left: -50%; 65 left: -50%;
59 display: block; 66 display: block;
60 width: 200%; 67 width: 200%;
61 opacity: 0; 68 opacity: 0;
62 visibility: hidden; 69 visibility: hidden;
63 transition: all .3s ease 0s; 70 transition: all .3s ease 0s;
64 white-space: nowrap; 71 white-space: nowrap;
65 text-align: center; 72 text-align: center;
66 } 73 }
67 74
68 #menustats li:hover span { 75 #menustats li:hover span {
69 top: 80%; 76 top: 80%;
70 opacity: 1; 77 opacity: 1;
71 visibility: visible; 78 visibility: visible;
72 transition: all .5s ease 0s; 79 transition: all .5s ease 0s;
73 } 80 }
74} 81}
75 82
76#menustats i.fa-home { color: #05BAB0; } 83#menustats i.fa-home { color: #05BAB0; }
77#menustats li:hover i.fa-home { color: #058480; } 84#menustats li:hover i.fa-home { color: #058480; }
78 85
79#menustats i.fa-users { color: #3498DB; } 86#menustats i.fa-users { color: #3498DB; }
80#menustats li:hover i.fa-users { color: #1b7CBD; } 87#menustats li:hover i.fa-users { color: #1b7CBD; }
81 88
82#menustats i.fa-eye { color: #2ECC71; } 89#menustats i.fa-eye { color: #2ECC71; }
83#menustats li:hover i.fa-eye { color: #16A352; } 90#menustats li:hover i.fa-eye { color: #16A352; }
84 91
85#menustats i.fa-file-o { color: #4372AA; } 92#menustats i.fa-file { color: #4372AA; }
86#menustats li:hover i.fa-file-o { color: #2D4D73; } 93#menustats li:hover i.fa-file { color: #2D4D73; }
87 94
88#menustats i.fa-globe { color: #1FA6D5; } 95#menustats i.fa-globe { color: #1FA6D5; }
89#menustats li:hover i.fa-globe { color: #1589B1; } 96#menustats li:hover i.fa-globe { color: #1589B1; }
90 97
91#menustats i.fa-laptop { color: #999999; } 98#menustats i.fa-laptop { color: #999999; }
92#menustats li:hover i.fa-laptop { color: #777777; } 99#menustats li:hover i.fa-laptop { color: #777777; }
93 100
94#menustats i.fa-flag-o { color: #9B59B6; } 101#menustats i.fa-flag { color: #9B59B6; }
95#menustats li:hover i.fa-flag-o { color: #8533A7; } 102#menustats li:hover i.fa-flag { color: #8533A7; }
96 103
97#menustats i.fa-share-square-o { color: #f86227; } 104#menustats i.fa-share-square { color: #f86227; }
98#menustats li:hover i.fa-share-square-o { color: #D6511C; } 105#menustats li:hover i.fa-share-square { color: #D6511C; }
99 106
100#menustats i.fa-key { color: #F1C40F; } 107#menustats i.fa-key { color: #F1C40F; }
101#menustats li:hover i.fa-key { color: #D8B00E; } 108#menustats li:hover i.fa-key { color: #D8B00E; }
102 109
103#menustats i.fa-search { color: #34495E; } 110#menustats i.fa-search { color: #34495E; }
104#menustats li:hover i.fa-search { color: #1B344D; } 111#menustats li:hover i.fa-search { color: #1B344D; }
105 112
106.stats-color-square { 113.stats-color-square {
107 margin: auto; 114 margin: auto;
108 height: 10px; 115 height: 0.618em;
109 width: 10px; 116 width: 0.618em;
110 border: 1px solid #000000; 117 border-width: 1px;
118 border-style: solid;
119 border-color: #000000;
111} 120}
112 121
113.date-selector-container { 122.date-selector-container {
114 margin: auto; 123 margin: auto;
115 text-align: center; 124 text-align: center;
116} 125}
117 126
118.table-values-head { 127.table-values-head {
119 background-image: url(images/stats2.png); 128 background-image: url(images/stats2.png);
120 background-repeat: no-repeat; 129 background-repeat: no-repeat;
121 margin-left: 2px; 130 margin-left: 0.1618em;
122 height: 4px; 131 height: 0.228em;
123 width: 10px; 132 width: 0.618em;
124} 133}
125 134
126.table-values { 135.table-values {
127 background-image: url(images/stats.png); 136 background-image: url(images/stats.png);
128 background-repeat: repeat-y; 137 background-repeat: repeat-y;
129 margin-left: 2px; 138 margin-left: 0.1618em;
130 width: 10px; 139 width: 0.618em;
131 padding: 0px 140 padding: 0;
132} 141}
133 142
134.total-head { width: 70px; } 143.total-head { width: 70px; }
135.average-head { width: 60px; } 144.average-head { width: 60px; }
136.last-update-head { width: 96px; } 145.last-update-head { width: 96px; }
137.trend-head { width: 100px; } 146.trend-head { width: 100px; }
138 147
139.date-selector-filter { 148.date-selector-filter {
140 text-align: center; 149 text-align: center;
141}150}
Editor
Original Text
Changed Text
Recommended videos