aboutsummaryrefslogtreecommitdiffhomepage
path: root/themes/default/css/style.css
diff options
context:
space:
mode:
Diffstat (limited to 'themes/default/css/style.css')
-rw-r--r--themes/default/css/style.css321
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 @@
1body {
2 margin: 10px;
3 font-family: 'Roboto',Verdana,Geneva,sans-serif;
4 font-size: 16px;
5 color: #000;
6}
7
8header {
9 text-align: center;
10}
11
12header h1 {
13 font-size: 1.3em;
14}
15
16a,
17a:hover,
18a: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
280footer {
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
302a.back span,
303a.top span,
304a.fav span,
305a.fav span:hover,
306a.fav-off span,
307a.fav-off span:hover,
308a.archive span,
309a.archive span:hover,
310a.archive-off span,
311a.archive-off span:hover,
312a.twitter span,
313a.shaarli span,
314a.flattr span,
315a.email span,
316a.delete span,
317a.link span,
318a.bad-display span,
319a.reading-time span {
320 background-repeat: no-repeat;
321} \ No newline at end of file