diff options
Diffstat (limited to 'tpl/css/style.css')
-rw-r--r-- | tpl/css/style.css | 259 |
1 files changed, 0 insertions, 259 deletions
diff --git a/tpl/css/style.css b/tpl/css/style.css deleted file mode 100644 index 7633534c..00000000 --- a/tpl/css/style.css +++ /dev/null | |||
@@ -1,259 +0,0 @@ | |||
1 | body { | ||
2 | font-size: 16px; | ||
3 | font-family: 'Roboto', Verdana, Geneva, sans-serif; | ||
4 | margin: 10px; | ||
5 | color: #000; | ||
6 | } | ||
7 | |||
8 | header { | ||
9 | text-align: center; | ||
10 | } | ||
11 | |||
12 | header h1 { | ||
13 | font-size: 1.3em; | ||
14 | } | ||
15 | |||
16 | a, a:hover, a:visited { | ||
17 | color: #000; | ||
18 | } | ||
19 | |||
20 | .bouton { | ||
21 | background-color: #000; | ||
22 | color: #fff; | ||
23 | border: none; | ||
24 | border-radius: 2px; | ||
25 | } | ||
26 | .bouton:hover { | ||
27 | background-color: #222; | ||
28 | color: #f1f1f1; | ||
29 | cursor: pointer; | ||
30 | } | ||
31 | |||
32 | #main { | ||
33 | margin: 0 auto; | ||
34 | } | ||
35 | |||
36 | #main #links { | ||
37 | padding: 0; | ||
38 | list-style-type: none; | ||
39 | text-align: center; | ||
40 | font-size: 0.9em; | ||
41 | } | ||
42 | |||
43 | #main #links li { | ||
44 | display: inline; | ||
45 | } | ||
46 | |||
47 | #main #links li .current { | ||
48 | background-color: #000; | ||
49 | color: #fff; | ||
50 | -webkit-border-radius: 2px; | ||
51 | border-radius: 2px; | ||
52 | } | ||
53 | |||
54 | #main #sort { | ||
55 | padding: 0; | ||
56 | list-style-type: none; | ||
57 | text-align: center; | ||
58 | opacity: 0.5; | ||
59 | } | ||
60 | |||
61 | #main #sort li { | ||
62 | display: inline; | ||
63 | font-size: 0.9em; | ||
64 | } | ||
65 | |||
66 | #main #sort img:hover { | ||
67 | cursor: pointer; | ||
68 | } | ||
69 | |||
70 | #links a { | ||
71 | text-decoration: none; | ||
72 | padding: 5px 10px; | ||
73 | } | ||
74 | #links a:hover { | ||
75 | background-color: #040707; | ||
76 | color: #F1F1F1; | ||
77 | -webkit-border-radius: 2px; | ||
78 | border-radius: 2px; | ||
79 | } | ||
80 | |||
81 | /*** ***/ | ||
82 | /*** LINKS DISPLAY ***/ | ||
83 | |||
84 | #main .tool { | ||
85 | text-decoration: none; | ||
86 | cursor: pointer; | ||
87 | } | ||
88 | |||
89 | #main #content { | ||
90 | margin-top: 20px; | ||
91 | } | ||
92 | |||
93 | #main #content h2 { | ||
94 | font-size: 1.3em; | ||
95 | text-decoration: none; | ||
96 | } | ||
97 | |||
98 | #main #content .entrie { | ||
99 | border-bottom: 1px dashed #222; | ||
100 | } | ||
101 | |||
102 | #main .entrie .tools { | ||
103 | list-style-type: none; | ||
104 | } | ||
105 | |||
106 | #main .entrie .tools + p { | ||
107 | min-height: 5.5em; | ||
108 | } | ||
109 | |||
110 | /* | ||
111 | #main .entrie .tools li { | ||
112 | display: inline; | ||
113 | } | ||
114 | */ | ||
115 | |||
116 | .tools { | ||
117 | float: right; | ||
118 | text-align: right; | ||
119 | opacity: 0.5; | ||
120 | } | ||
121 | |||
122 | .tools p { | ||
123 | font-size: 0.8em; | ||
124 | } | ||
125 | |||
126 | /* | ||
127 | .tools ul { | ||
128 | padding: 0; margin: 0; | ||
129 | list-style-type: none; | ||
130 | } | ||
131 | |||
132 | .tools ul li { | ||
133 | line-height: 20px; | ||
134 | } | ||
135 | |||
136 | .tools .tool { | ||
137 | cursor: pointer; | ||
138 | }*/ | ||
139 | |||
140 | #main .entrie .tools .tool span, #article .tools .tool span { | ||
141 | display: inline-block; | ||
142 | width: 16px; | ||
143 | height: 16px; | ||
144 | /* Hide textual content */ | ||
145 | text-indent: -9999px; | ||
146 | text-align: left; | ||
147 | overflow: hidden; | ||
148 | } | ||
149 | |||
150 | |||
151 | /*** ***/ | ||
152 | /*** ARTICLE PAGE ***/ | ||
153 | |||
154 | #article { | ||
155 | margin: 0 auto; | ||
156 | } | ||
157 | |||
158 | #article header, #article article { | ||
159 | border-bottom: 1px solid #222; | ||
160 | } | ||
161 | |||
162 | #article header { | ||
163 | text-align: left; | ||
164 | } | ||
165 | |||
166 | #article header a { | ||
167 | text-decoration: none; | ||
168 | } | ||
169 | |||
170 | .vieworiginal a, .vieworiginal a:hover, .vieworiginal a:visited { | ||
171 | text-decoration: none; | ||
172 | color: #888; | ||
173 | } | ||
174 | |||
175 | .backhome { | ||
176 | display: inline; | ||
177 | } | ||
178 | |||
179 | #article .tools { | ||
180 | position: relative; | ||
181 | display: inline; | ||
182 | top: 0; | ||
183 | right: 0; | ||
184 | width: 100%; | ||
185 | } | ||
186 | |||
187 | #article .tools ul li { | ||
188 | display: inline; | ||
189 | } | ||
190 | |||
191 | |||
192 | /* Pagination */ | ||
193 | .pagination { | ||
194 | clear: both; | ||
195 | padding-bottom: 20px; | ||
196 | padding-top: 10px; | ||
197 | text-align: right; | ||
198 | } | ||
199 | .pagination a { | ||
200 | border: 1px solid #d5d5d5; | ||
201 | color: #333; | ||
202 | font-size: 11px; | ||
203 | font-weight: bold; | ||
204 | height: 25px; | ||
205 | padding: 4px 8px; | ||
206 | text-decoration: none; | ||
207 | margin: 2px; | ||
208 | } | ||
209 | .pagination a:hover, .pagination a:active { | ||
210 | background-color: #efefef; | ||
211 | } | ||
212 | .pagination .current { | ||
213 | background-color: #ccc; | ||
214 | border: 1px solid #d5d5d5; | ||
215 | color: #000; | ||
216 | font-size: 11px; | ||
217 | font-weight: bold; | ||
218 | height: 25px; | ||
219 | padding: 4px 8px; | ||
220 | text-decoration: none; | ||
221 | margin: 2px; | ||
222 | } | ||
223 | .pagination .disabled { | ||
224 | border: 1px solid #eee; | ||
225 | color: #ddd; | ||
226 | margin: 2px; | ||
227 | padding: 4px 8px; | ||
228 | font-size: 11px; | ||
229 | font-weight: bold; | ||
230 | } | ||
231 | |||
232 | #bookmarklet { | ||
233 | padding: 5px; | ||
234 | border: 1px dashed #808080; | ||
235 | background: #fff; | ||
236 | cursor: move; | ||
237 | } | ||
238 | |||
239 | .top_link { | ||
240 | position: fixed; | ||
241 | right: 15px; | ||
242 | bottom: 15px; | ||
243 | display: none; | ||
244 | padding: 20px; | ||
245 | background: #ccc; | ||
246 | -moz-border-radius: 40px; | ||
247 | -webkit-border-radius: 40px; | ||
248 | border-radius: 40px; | ||
249 | opacity: 0.9; | ||
250 | z-index: 2000; | ||
251 | } | ||
252 | |||
253 | footer { | ||
254 | clear: both; | ||
255 | } | ||
256 | |||
257 | .reading-time { | ||
258 | font-size: 0.8em; | ||
259 | } | ||