diff options
Diffstat (limited to 'themes/default/css/style.css')
-rw-r--r-- | themes/default/css/style.css | 321 |
1 files changed, 321 insertions, 0 deletions
diff --git a/themes/default/css/style.css b/themes/default/css/style.css new file mode 100644 index 00000000..eb04f0c4 --- /dev/null +++ b/themes/default/css/style.css | |||
@@ -0,0 +1,321 @@ | |||
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%; | ||
191 | height: 50px; | ||
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 | } \ No newline at end of file | ||