]>
Commit | Line | Data |
---|---|---|
4cc3c2ac NL |
1 | body { |
2 | margin: 10px; | |
3 | font-family: 'Roboto',Verdana,Geneva,sans-serif; | |
4 | font-size: 16px; | |
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, | |
17 | a:hover, | |
18 | a:visited { | |
19 | color: #000; | |
20 | } | |
21 | ||
22 | .bouton { | |
23 | border: none; | |
24 | border-radius: 2px; | |
25 | color: #fff; | |
26 | background-color: #000; | |
27 | } | |
28 | ||
29 | .bouton:hover { | |
30 | color: #f1f1f1; | |
31 | background-color: #222; | |
32 | cursor: pointer; | |
33 | } | |
34 | ||
35 | #main { | |
36 | margin: 0 auto; | |
37 | } | |
38 | ||
39 | #main #links { | |
40 | padding: 0; | |
41 | text-align: center; | |
42 | font-size: 0.9em; | |
43 | list-style-type: none; | |
44 | } | |
45 | ||
46 | #main #links li { | |
47 | display: inline; | |
48 | } | |
49 | ||
50 | #main #links li .current { | |
51 | -webkit-border-radius: 2px; | |
52 | border-radius: 2px; | |
53 | color: #fff; | |
54 | background-color: #000; | |
55 | } | |
56 | ||
57 | #main #sort { | |
58 | padding: 0; | |
59 | text-align: center; | |
60 | list-style-type: none; | |
61 | opacity: 0.5; | |
62 | } | |
63 | ||
64 | #main #sort li { | |
65 | display: inline; | |
66 | font-size: 0.9em; | |
67 | } | |
68 | ||
69 | #main #sort li + li { | |
70 | margin-left: 10px; | |
71 | } | |
72 | ||
73 | #main #sort a { | |
74 | padding: 2px 2px 0; | |
75 | vertical-align: middle; | |
76 | } | |
77 | ||
78 | #main #sort img { | |
79 | vertical-align: baseline; | |
80 | } | |
81 | #main #sort img:hover { | |
82 | cursor: pointer; | |
83 | } | |
84 | ||
85 | #links a { | |
86 | padding: 5px 10px; | |
87 | text-decoration: none; | |
88 | } | |
89 | ||
90 | #links a:hover { | |
91 | -webkit-border-radius: 2px; | |
92 | border-radius: 2px; | |
93 | color: #f1f1f1; | |
94 | background-color: #040707; | |
95 | } | |
96 | ||
97 | /*** ***/ | |
98 | ||
99 | /*** LINKS DISPLAY ***/ | |
100 | ||
101 | #main .tool { | |
102 | text-decoration: none; | |
103 | cursor: pointer; | |
104 | } | |
105 | ||
106 | #main #content { | |
107 | margin-top: 20px; | |
108 | } | |
109 | ||
110 | #main #content h2 { | |
111 | text-decoration: none; | |
112 | font-size: 1.3em; | |
113 | } | |
114 | ||
115 | #main #content .entrie { | |
116 | margin-top: 15px; | |
117 | padding-bottom: 15px; | |
118 | border-bottom: 1px dashed #222; | |
119 | overflow: hidden; | |
120 | } | |
121 | ||
122 | /* First entry */ | |
123 | #main #content .results + .entrie { | |
124 | clear: both; | |
125 | margin-top: 0; | |
126 | } | |
127 | ||
128 | #main .entrie .tools { | |
129 | float: right; | |
130 | text-align: right; | |
131 | list-style-type: none; | |
132 | opacity: 0.5; | |
133 | } | |
134 | ||
135 | #main .entrie .tools .tool span { | |
136 | display: inline-block; | |
137 | width: 16px; | |
138 | height: 16px; | |
139 | /* Hide textual content */ | |
140 | overflow: hidden; | |
141 | text-align: left; | |
142 | text-indent: -9999px; | |
143 | } | |
144 | ||
145 | /*** ***/ | |
146 | ||
147 | /*** ARTICLE PAGE ***/ | |
148 | ||
149 | #article { | |
150 | margin: 0 auto; | |
151 | } | |
152 | ||
153 | #article header { | |
154 | border-bottom: 1px solid #222; | |
155 | } | |
156 | ||
157 | #article header { | |
158 | text-align: left; | |
159 | } | |
160 | ||
161 | #article header h1 small { | |
162 | float: right; | |
163 | font-size: 0.6em; | |
164 | } | |
165 | ||
166 | #article header a { | |
167 | text-decoration: none; | |
168 | } | |
169 | ||
170 | .backhome { | |
171 | display: inline; | |
172 | } | |
173 | ||
174 | .results { | |
175 | padding: 15px 0; | |
176 | overflow: hidden; | |
177 | } | |
178 | ||
179 | .nb-results { | |
180 | float: left; | |
181 | font-size: 0.9em; | |
182 | line-height: 24px; | |
183 | vertical-align: middle; | |
184 | } | |
185 | ||
186 | #article_toolbar { | |
187 | position: fixed; | |
188 | bottom: 0; | |
189 | left: 0; | |
190 | width: 100%; | |
06fef431 | 191 | min-height: 50px; |
4cc3c2ac NL |
192 | padding-top: 17px; |
193 | text-align: center; | |
194 | color: #fff; | |
195 | opacity: 0.8; | |
196 | background: #fff; | |
197 | } | |
198 | ||
199 | #article_toolbar li { | |
200 | display: inline; | |
201 | padding-right: 30px; | |
202 | } | |
203 | ||
204 | #article_toolbar .tool { | |
205 | padding: 0 2px; | |
206 | } | |
207 | ||
208 | #article_toolbar .tool span { | |
209 | display: inline-block; | |
210 | width: 16px; | |
211 | height: 16px; | |
212 | /* Hide textual content */ | |
213 | overflow: hidden; | |
214 | text-align: left; | |
215 | text-indent: -9999px; | |
216 | } | |
217 | ||
218 | /*** ***/ | |
219 | ||
220 | /*** PAGINATION ***/ | |
221 | ||
222 | .pagination { | |
223 | float: right; | |
224 | text-align: right; | |
225 | } | |
226 | ||
227 | .pagination a { | |
228 | height: 25px; | |
229 | margin: 2px; | |
230 | padding: 4px 8px; | |
231 | border: 1px solid #d5d5d5; | |
232 | text-decoration: none; | |
233 | font-size: 11px; | |
234 | font-weight: bold; | |
235 | color: #333; | |
236 | } | |
237 | ||
238 | .pagination a:hover, | |
239 | .pagination a:active { | |
240 | background-color: #efefef; | |
241 | } | |
242 | ||
243 | .pagination .current { | |
244 | height: 25px; | |
245 | margin: 2px; | |
246 | padding: 4px 8px; | |
247 | border: 1px solid #d5d5d5; | |
248 | text-decoration: none; | |
249 | font-size: 11px; | |
250 | font-weight: bold; | |
251 | color: #000; | |
252 | background-color: #ccc; | |
253 | } | |
254 | ||
255 | .pagination .disabled { | |
256 | display: none; | |
257 | } | |
258 | ||
259 | #bookmarklet { | |
260 | padding: 5px; | |
261 | border: 1px dashed #808080; | |
262 | background: #fff; | |
263 | cursor: move; | |
264 | } | |
265 | ||
266 | .top_link { | |
267 | display: none; | |
268 | z-index: 2000; | |
269 | position: fixed; | |
270 | right: 15px; | |
271 | bottom: 15px; | |
272 | padding: 20px; | |
273 | -webkit-border-radius: 40px; | |
274 | -moz-border-radius: 40px; | |
275 | border-radius: 40px; | |
276 | opacity: 0.9; | |
277 | background: #ccc; | |
278 | } | |
279 | ||
280 | footer { | |
281 | clear: both; | |
282 | } | |
283 | ||
284 | .reading-time { | |
285 | font-size: 0.8em; | |
286 | } | |
287 | ||
288 | #inputform { | |
289 | display: none; | |
290 | margin-top: 5px; | |
291 | margin-right: auto; | |
292 | margin-left: auto; | |
293 | padding-bottom: 5px; | |
294 | max-width: 300px; | |
295 | border-radius: 3px; | |
296 | text-align: center; | |
297 | color: #fff; | |
298 | opacity: 0.8; | |
299 | background-color: rgba(0,0,0,0.9); | |
300 | } | |
301 | ||
302 | a.back span, | |
303 | a.top span, | |
304 | a.fav span, | |
305 | a.fav span:hover, | |
306 | a.fav-off span, | |
307 | a.fav-off span:hover, | |
308 | a.archive span, | |
309 | a.archive span:hover, | |
310 | a.archive-off span, | |
311 | a.archive-off span:hover, | |
312 | a.twitter span, | |
313 | a.shaarli span, | |
314 | a.flattr span, | |
315 | a.email span, | |
316 | a.delete span, | |
317 | a.link span, | |
318 | a.bad-display span, | |
319 | a.reading-time span { | |
320 | background-repeat: no-repeat; | |
321 | } |