diff options
Diffstat (limited to 'tpl/css/style.css')
-rw-r--r-- | tpl/css/style.css | 300 |
1 files changed, 0 insertions, 300 deletions
diff --git a/tpl/css/style.css b/tpl/css/style.css deleted file mode 100644 index d60b443c..00000000 --- a/tpl/css/style.css +++ /dev/null | |||
@@ -1,300 +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 | /* First entry */ | ||
102 | #main #content .results + .entrie { | ||
103 | clear: both; | ||
104 | } | ||
105 | |||
106 | #main .entrie .tools { | ||
107 | list-style-type: none; | ||
108 | } | ||
109 | |||
110 | #main .entrie .tools + p { | ||
111 | min-height: 5.5em; | ||
112 | } | ||
113 | |||
114 | /* | ||
115 | #main .entrie .tools li { | ||
116 | display: inline; | ||
117 | } | ||
118 | */ | ||
119 | |||
120 | .tools { | ||
121 | float: right; | ||
122 | text-align: right; | ||
123 | opacity: 0.5; | ||
124 | } | ||
125 | |||
126 | .tools p { | ||
127 | font-size: 0.8em; | ||
128 | } | ||
129 | |||
130 | /* | ||
131 | .tools ul { | ||
132 | padding: 0; margin: 0; | ||
133 | list-style-type: none; | ||
134 | } | ||
135 | |||
136 | .tools ul li { | ||
137 | line-height: 20px; | ||
138 | } | ||
139 | |||
140 | .tools .tool { | ||
141 | cursor: pointer; | ||
142 | }*/ | ||
143 | |||
144 | #main .entrie .tools .tool span, #article .tools .tool span { | ||
145 | display: inline-block; | ||
146 | width: 16px; | ||
147 | height: 16px; | ||
148 | /* Hide textual content */ | ||
149 | text-indent: -9999px; | ||
150 | text-align: left; | ||
151 | overflow: hidden; | ||
152 | } | ||
153 | |||
154 | |||
155 | /*** ***/ | ||
156 | /*** ARTICLE PAGE ***/ | ||
157 | |||
158 | #article { | ||
159 | margin: 0 auto; | ||
160 | } | ||
161 | |||
162 | #article header, #article article { | ||
163 | border-bottom: 1px solid #222; | ||
164 | } | ||
165 | |||
166 | #article header { | ||
167 | text-align: left; | ||
168 | } | ||
169 | |||
170 | #article header a { | ||
171 | text-decoration: none; | ||
172 | } | ||
173 | |||
174 | .vieworiginal a, .vieworiginal a:hover, .vieworiginal a:visited { | ||
175 | text-decoration: none; | ||
176 | color: #888; | ||
177 | } | ||
178 | |||
179 | .backhome { | ||
180 | display: inline; | ||
181 | } | ||
182 | |||
183 | #article .tools { | ||
184 | position: relative; | ||
185 | display: inline; | ||
186 | top: 0; | ||
187 | right: 0; | ||
188 | width: 100%; | ||
189 | } | ||
190 | |||
191 | #article .tools ul li { | ||
192 | display: inline; | ||
193 | } | ||
194 | |||
195 | |||
196 | .results { | ||
197 | overflow: hidden; | ||
198 | padding-bottom: 20px; | ||
199 | padding-top: 10px; | ||
200 | } | ||
201 | |||
202 | .nb-results { | ||
203 | float: left; | ||
204 | font-size: 0.9em; | ||
205 | line-height: 24px; | ||
206 | vertical-align: middle; | ||
207 | } | ||
208 | |||
209 | /* Pagination */ | ||
210 | .pagination { | ||
211 | float: right; | ||
212 | text-align: right; | ||
213 | } | ||
214 | .pagination a { | ||
215 | border: 1px solid #d5d5d5; | ||
216 | color: #333; | ||
217 | font-size: 11px; | ||
218 | font-weight: bold; | ||
219 | height: 25px; | ||
220 | padding: 4px 8px; | ||
221 | text-decoration: none; | ||
222 | margin: 2px; | ||
223 | } | ||
224 | .pagination a:hover, .pagination a:active { | ||
225 | background-color: #efefef; | ||
226 | } | ||
227 | .pagination .current { | ||
228 | background-color: #ccc; | ||
229 | border: 1px solid #d5d5d5; | ||
230 | color: #000; | ||
231 | font-size: 11px; | ||
232 | font-weight: bold; | ||
233 | height: 25px; | ||
234 | padding: 4px 8px; | ||
235 | text-decoration: none; | ||
236 | margin: 2px; | ||
237 | } | ||
238 | .pagination .disabled { | ||
239 | display: none; | ||
240 | } | ||
241 | |||
242 | #bookmarklet { | ||
243 | padding: 5px; | ||
244 | border: 1px dashed #808080; | ||
245 | background: #fff; | ||
246 | cursor: move; | ||
247 | } | ||
248 | |||
249 | .top_link { | ||
250 | position: fixed; | ||
251 | right: 15px; | ||
252 | bottom: 15px; | ||
253 | display: none; | ||
254 | padding: 20px; | ||
255 | background: #ccc; | ||
256 | -moz-border-radius: 40px; | ||
257 | -webkit-border-radius: 40px; | ||
258 | border-radius: 40px; | ||
259 | opacity: 0.9; | ||
260 | z-index: 2000; | ||
261 | } | ||
262 | |||
263 | footer { | ||
264 | clear: both; | ||
265 | } | ||
266 | |||
267 | .reading-time { | ||
268 | font-size: 0.8em; | ||
269 | } | ||
270 | |||
271 | #inputform { | ||
272 | display: none; | ||
273 | text-align: center; | ||
274 | max-width: 300px; | ||
275 | margin-left: auto; | ||
276 | margin-right: auto; | ||
277 | margin-top: 5px; | ||
278 | padding-bottom: 5px; | ||
279 | background-color: rgba(0, 0, 0, 0.9); | ||
280 | opacity: 0.8; | ||
281 | color: #fff; | ||
282 | border-radius: 3px; | ||
283 | } | ||
284 | |||
285 | a.back span, | ||
286 | a.top span, | ||
287 | a.fav span, | ||
288 | a.fav span:hover, | ||
289 | a.fav-off span, | ||
290 | a.fav-off span:hover, | ||
291 | a.archive span, | ||
292 | a.archive span:hover, | ||
293 | a.archive-off span, | ||
294 | a.archive-off span:hover, | ||
295 | a.twitter span, | ||
296 | a.flattr span, | ||
297 | a.email span, | ||
298 | a.delete span { | ||
299 | background-repeat: no-repeat; | ||
300 | } | ||