diff options
author | Nicolas LÅ“uillet <nicolas@loeuillet.org> | 2016-01-22 20:54:17 +0100 |
---|---|---|
committer | Nicolas LÅ“uillet <nicolas@loeuillet.org> | 2016-01-22 20:54:17 +0100 |
commit | 96fcb60c335a8985d0ebb8acec3af7c310edb70c (patch) | |
tree | cf1e1ccb801842cf4acc51c353bb481ede37d364 /src/Wallabag/CoreBundle/Resources/views/themes/baggy/public/css | |
parent | 124f8091cbb1e5cccd7972fa368f8e7c434e0e5b (diff) | |
parent | 30d81a47c689e1d7d963fcd3fd42af9958805e31 (diff) | |
download | wallabag-96fcb60c335a8985d0ebb8acec3af7c310edb70c.tar.gz wallabag-96fcb60c335a8985d0ebb8acec3af7c310edb70c.tar.zst wallabag-96fcb60c335a8985d0ebb8acec3af7c310edb70c.zip |
Merge pull request #1619 from wallabag/v2-themes-folder
Move public assets for themes
Diffstat (limited to 'src/Wallabag/CoreBundle/Resources/views/themes/baggy/public/css')
5 files changed, 0 insertions, 1414 deletions
diff --git a/src/Wallabag/CoreBundle/Resources/views/themes/baggy/public/css/font.css b/src/Wallabag/CoreBundle/Resources/views/themes/baggy/public/css/font.css deleted file mode 100755 index 7c02a16f..00000000 --- a/src/Wallabag/CoreBundle/Resources/views/themes/baggy/public/css/font.css +++ /dev/null | |||
@@ -1,6 +0,0 @@ | |||
1 | @font-face { | ||
2 | font-family: 'PT Sans'; | ||
3 | font-style: normal; | ||
4 | font-weight: 700; | ||
5 | src: local('PT Sans Bold'), local('PTSans-Bold'), url(../fonts/ptsans.woff) format('woff'); | ||
6 | } | ||
diff --git a/src/Wallabag/CoreBundle/Resources/views/themes/baggy/public/css/main.css b/src/Wallabag/CoreBundle/Resources/views/themes/baggy/public/css/main.css deleted file mode 100755 index d3f92926..00000000 --- a/src/Wallabag/CoreBundle/Resources/views/themes/baggy/public/css/main.css +++ /dev/null | |||
@@ -1,1116 +0,0 @@ | |||
1 | /* ========================================================================== | ||
2 | Sommaire | ||
3 | |||
4 | 1 = Style Guide | ||
5 | 2 = Layout | ||
6 | 3 = Pictos | ||
7 | 4 = Messages | ||
8 | 5 = Article | ||
9 | 6 = Media queries | ||
10 | |||
11 | ========================================================================== */ | ||
12 | |||
13 | html { | ||
14 | min-height: 100%; | ||
15 | } | ||
16 | |||
17 | body { | ||
18 | background-color: #EEE; | ||
19 | } | ||
20 | |||
21 | .login { | ||
22 | background-color: #333; | ||
23 | } | ||
24 | |||
25 | .login #main { | ||
26 | padding: 0; | ||
27 | margin: 0; | ||
28 | } | ||
29 | |||
30 | .login form { | ||
31 | background-color: #FFF; | ||
32 | padding: 1.5em; | ||
33 | box-shadow: 0 1px 8px rgba(0,0,0,0.9); | ||
34 | width: 20em; | ||
35 | position: absolute; | ||
36 | top: 8em; | ||
37 | left: 50%; | ||
38 | margin-left: -10em; | ||
39 | } | ||
40 | |||
41 | .login .logo { | ||
42 | position: absolute; | ||
43 | top: 2em; | ||
44 | left: 50%; | ||
45 | margin-left: -55px; | ||
46 | } | ||
47 | |||
48 | /* ========================================================================== | ||
49 | 1 = Style Guide | ||
50 | ========================================================================== */ | ||
51 | |||
52 | ::selection { | ||
53 | color: #FFF; | ||
54 | background-color: #000; | ||
55 | } | ||
56 | |||
57 | .desktopHide { | ||
58 | display: none; | ||
59 | } | ||
60 | |||
61 | .logo { | ||
62 | position: fixed; | ||
63 | z-index: 20; | ||
64 | top: 0.4em; | ||
65 | left: 0.6em; | ||
66 | } | ||
67 | |||
68 | h2, h3, h4 { | ||
69 | font-family: 'PT Sans', sans-serif; | ||
70 | text-transform: uppercase; | ||
71 | } | ||
72 | |||
73 | p, li, label { | ||
74 | color: #666; | ||
75 | } | ||
76 | |||
77 | a { | ||
78 | color: #000; | ||
79 | font-weight: bold; | ||
80 | } | ||
81 | |||
82 | a:hover, a:focus { | ||
83 | text-decoration: none; | ||
84 | } | ||
85 | |||
86 | form fieldset { | ||
87 | border:0; | ||
88 | padding: 0; | ||
89 | margin: 0; | ||
90 | } | ||
91 | |||
92 | form input[type="text"], form input[type="number"], select, form input[type="password"], form input[type="url"], form input[type="email"] { | ||
93 | border: 1px solid #999; | ||
94 | padding: 0.5em 1em; | ||
95 | min-width: 12em; | ||
96 | color: #666; | ||
97 | } | ||
98 | |||
99 | @media screen and (-webkit-min-device-pixel-ratio:0){ | ||
100 | select{ | ||
101 | -webkit-appearance: none; | ||
102 | border-radius: 0; | ||
103 | background: #FFF url(../img/bg-select.png) no-repeat right center; | ||
104 | } | ||
105 | } | ||
106 | |||
107 | .inline .row { | ||
108 | display: inline-block; | ||
109 | margin-right: 0.5em; | ||
110 | } | ||
111 | |||
112 | .inline label { | ||
113 | min-width: 6em; | ||
114 | } | ||
115 | |||
116 | fieldset label { | ||
117 | display: inline-block; | ||
118 | min-width: 12.5em; | ||
119 | color: #666; | ||
120 | } | ||
121 | |||
122 | label { | ||
123 | margin-right: 0.5em; | ||
124 | } | ||
125 | |||
126 | form .row { | ||
127 | margin-bottom: 0.5em; | ||
128 | } | ||
129 | |||
130 | form button, input[type="submit"] { | ||
131 | cursor:pointer; | ||
132 | background-color: #000; | ||
133 | color: #FFF; | ||
134 | border:0; | ||
135 | padding: 0.5em 1em; | ||
136 | display: inline-block; | ||
137 | border:1px solid #000; | ||
138 | } | ||
139 | |||
140 | form button:hover, form button:focus, input[type="submit"]:hover, input[type="submit"]:focus { | ||
141 | background-color: #FFF; | ||
142 | color: #000; | ||
143 | -webkit-transition: all 0.5s ease; | ||
144 | -moz-transition: all 0.5s ease; | ||
145 | -ms-transition: all 0.5s ease; | ||
146 | -o-transition: all 0.5s ease; | ||
147 | transition: all 0.5s ease; | ||
148 | } | ||
149 | |||
150 | #bookmarklet { | ||
151 | cursor: move; | ||
152 | } | ||
153 | |||
154 | h2:after { | ||
155 | content: ""; | ||
156 | height: 4px; | ||
157 | width: 70px; | ||
158 | background-color: #000; | ||
159 | display: block; | ||
160 | } | ||
161 | |||
162 | .links { | ||
163 | padding: 0; | ||
164 | margin: 0; | ||
165 | } | ||
166 | .links li { | ||
167 | list-style: none; | ||
168 | margin: 0; | ||
169 | padding: 0; | ||
170 | } | ||
171 | |||
172 | |||
173 | #links { | ||
174 | position: fixed; | ||
175 | top: 0; | ||
176 | width: 10em; | ||
177 | left: 0; | ||
178 | text-align: right; | ||
179 | background-color: #333; | ||
180 | padding-top: 9.5em; | ||
181 | height: 100%; | ||
182 | box-shadow:inset -4px 0 20px rgba(0,0,0,0.6); | ||
183 | z-index: 15; | ||
184 | } | ||
185 | |||
186 | #main { | ||
187 | margin-left: 13em; | ||
188 | position: relative; | ||
189 | z-index: 10; | ||
190 | padding-right: 5%; | ||
191 | padding-bottom: 1em; | ||
192 | } | ||
193 | |||
194 | #links > li > a { | ||
195 | display: block; | ||
196 | padding: 0.5em 2em 0.5em 1em; | ||
197 | color: #FFF; | ||
198 | position: relative; | ||
199 | text-transform: uppercase; | ||
200 | text-decoration: none; | ||
201 | font-weight: normal; | ||
202 | font-family: 'PT Sans', sans-serif; | ||
203 | -webkit-transition: all 0.5s ease; | ||
204 | -moz-transition: all 0.5s ease; | ||
205 | -ms-transition: all 0.5s ease; | ||
206 | -o-transition: all 0.5s ease; | ||
207 | transition: all 0.5s ease; | ||
208 | } | ||
209 | |||
210 | #links > li > a:hover, #links > li > a:focus { | ||
211 | background-color: #999; | ||
212 | color: #000; | ||
213 | } | ||
214 | |||
215 | #links .current:after { | ||
216 | content: ""; | ||
217 | width: 0; | ||
218 | height: 0; | ||
219 | position: absolute; | ||
220 | border-style: solid; | ||
221 | border-width: 10px; | ||
222 | border-color: transparent #EEE transparent transparent; | ||
223 | right: 0; | ||
224 | top: 50%; | ||
225 | margin-top: -10px; | ||
226 | } | ||
227 | |||
228 | #links li:last-child { | ||
229 | position: fixed; | ||
230 | bottom: 1em; | ||
231 | width: 10em; | ||
232 | } | ||
233 | |||
234 | #links li:last-child a:before { | ||
235 | font-size: 1.2em; | ||
236 | position: relative; | ||
237 | top: 2px; | ||
238 | } | ||
239 | |||
240 | |||
241 | #sort { | ||
242 | padding: 0; | ||
243 | list-style-type: none; | ||
244 | opacity: 0.5; | ||
245 | display: inline-block; | ||
246 | } | ||
247 | |||
248 | #sort li { | ||
249 | display: inline; | ||
250 | font-size: 0.9em; | ||
251 | } | ||
252 | |||
253 | #sort li + li { | ||
254 | margin-left: 10px; | ||
255 | } | ||
256 | |||
257 | #sort a { | ||
258 | padding: 2px 2px 0; | ||
259 | vertical-align: middle; | ||
260 | } | ||
261 | |||
262 | #sort img { | ||
263 | vertical-align: baseline; | ||
264 | } | ||
265 | #sort img:hover { | ||
266 | cursor: pointer; | ||
267 | } | ||
268 | |||
269 | #display-mode { | ||
270 | float: right; | ||
271 | vertical-align: middle; | ||
272 | margin-top: 10px; | ||
273 | margin-bottom: 10px; | ||
274 | opacity: 0.5; | ||
275 | } | ||
276 | #listmode { | ||
277 | width: 16px; | ||
278 | display: inline-block; | ||
279 | text-decoration: none; | ||
280 | } | ||
281 | #listmode a:hover { | ||
282 | opacity: 1; | ||
283 | } | ||
284 | #listmode.tablemode { | ||
285 | background-image: url("../img/baggy/table.png"); | ||
286 | background-repeat: no-repeat; | ||
287 | background-position: bottom; | ||
288 | } | ||
289 | #listmode.listmode { | ||
290 | background-image: url("../img/baggy/list.png"); | ||
291 | background-repeat: no-repeat; | ||
292 | background-position: bottom; | ||
293 | } | ||
294 | |||
295 | |||
296 | /* ========================================================================== | ||
297 | 2 = Layout | ||
298 | ========================================================================== */ | ||
299 | |||
300 | #content { | ||
301 | margin-top: 5em; | ||
302 | min-height: 30em; | ||
303 | } | ||
304 | |||
305 | footer { | ||
306 | text-align: right; | ||
307 | position: relative; | ||
308 | bottom: 0; | ||
309 | right: 5em; | ||
310 | color: #999; | ||
311 | font-size: 0.8em; | ||
312 | font-style: italic; | ||
313 | z-index: 20; | ||
314 | } | ||
315 | |||
316 | footer a { | ||
317 | color: #999; | ||
318 | font-weight: normal; | ||
319 | } | ||
320 | |||
321 | .list-entries { | ||
322 | letter-spacing:-5px; | ||
323 | } | ||
324 | |||
325 | .listmode .entry { | ||
326 | width: 100%!important; | ||
327 | margin-left: 0!important; | ||
328 | } | ||
329 | |||
330 | .list-entries + .results { | ||
331 | margin-bottom: 2em; | ||
332 | } | ||
333 | |||
334 | .estimatedTime .reading-time { | ||
335 | color: #999; | ||
336 | font-style: italic; | ||
337 | font-weight: normal; | ||
338 | font-size: 0.9em; | ||
339 | } | ||
340 | |||
341 | .estimatedTime small { | ||
342 | position: relative; | ||
343 | top: -1px; | ||
344 | } | ||
345 | |||
346 | .entry { | ||
347 | background-color: #FFF; | ||
348 | letter-spacing:normal; | ||
349 | box-shadow: 0 3px 7px rgba(0,0,0,0.3); | ||
350 | display: inline-block; | ||
351 | width: 32%; | ||
352 | margin-bottom: 1.5em; | ||
353 | vertical-align: top; | ||
354 | margin-left: 1.5%; | ||
355 | position: relative; | ||
356 | overflow: hidden; | ||
357 | padding: 1.5em 1.5em 3em 1.5em; | ||
358 | |||
359 | /* Removing CSS transitions because they make the switch from list view to | ||
360 | * table view jerky | ||
361 | */ | ||
362 | /* -webkit-transition: all 0.5s ease; */ | ||
363 | /* -moz-transition: all 0.5s ease; */ | ||
364 | /* -ms-transition: all 0.5s ease; */ | ||
365 | /* -o-transition: all 0.5s ease; */ | ||
366 | /* transition: all 0.5s ease; */ | ||
367 | } | ||
368 | |||
369 | .entry:before { | ||
370 | content: ""; | ||
371 | width: 0; | ||
372 | height: 0; | ||
373 | border-style:solid; | ||
374 | border-color: transparent transparent #000 transparent; | ||
375 | border-width: 10px; | ||
376 | position: absolute; | ||
377 | bottom: 0.3em; | ||
378 | z-index: 10; | ||
379 | right: 1.5em; | ||
380 | -webkit-transition: all 0.5s ease; | ||
381 | -moz-transition: all 0.5s ease; | ||
382 | -ms-transition: all 0.5s ease; | ||
383 | -o-transition: all 0.5s ease; | ||
384 | transition: all 0.5s ease; | ||
385 | } | ||
386 | |||
387 | .entry:after { | ||
388 | content: ""; | ||
389 | position: absolute; | ||
390 | height: 7px; | ||
391 | width: 100%; | ||
392 | bottom: 0; | ||
393 | left: 0; | ||
394 | background-color: #000; | ||
395 | -webkit-transition: all 0.5s ease; | ||
396 | -moz-transition: all 0.5s ease; | ||
397 | -ms-transition: all 0.5s ease; | ||
398 | -o-transition: all 0.5s ease; | ||
399 | transition: all 0.5s ease; | ||
400 | } | ||
401 | |||
402 | .entry:hover { | ||
403 | box-shadow: 0 3px 10px rgba(0,0,0,1); | ||
404 | } | ||
405 | |||
406 | .entry:hover:after { | ||
407 | height: 40px; | ||
408 | } | ||
409 | |||
410 | .entry:hover:before { | ||
411 | bottom: 2.4em; | ||
412 | } | ||
413 | |||
414 | .entry:hover h2 a { | ||
415 | color: #666; | ||
416 | } | ||
417 | |||
418 | .entry h2 { | ||
419 | text-transform: none; | ||
420 | margin-bottom: 0; | ||
421 | line-height: 1.2; | ||
422 | } | ||
423 | |||
424 | .entry h2:after { | ||
425 | content: none; | ||
426 | } | ||
427 | |||
428 | |||
429 | .entry h2 a { | ||
430 | display: block; | ||
431 | text-decoration: none; | ||
432 | color: #000; | ||
433 | word-wrap: break-word; | ||
434 | -webkit-transition: all 0.5s ease; | ||
435 | -moz-transition: all 0.5s ease; | ||
436 | -ms-transition: all 0.5s ease; | ||
437 | -o-transition: all 0.5s ease; | ||
438 | transition: all 0.5s ease; | ||
439 | } | ||
440 | /* | ||
441 | .entry h2 a:after { | ||
442 | content: ""; | ||
443 | position: absolute; | ||
444 | top: 0; | ||
445 | width: 100%; | ||
446 | height: 100%; | ||
447 | left: 0; | ||
448 | } | ||
449 | */ | ||
450 | |||
451 | img.preview { | ||
452 | max-width: 100%; | ||
453 | } | ||
454 | |||
455 | .entry p { | ||
456 | color: #666; | ||
457 | font-size: 0.9em; | ||
458 | line-height: 1.7; | ||
459 | } | ||
460 | |||
461 | .entry h2 a:first-letter { | ||
462 | text-transform: uppercase; | ||
463 | } | ||
464 | |||
465 | .entry:hover .tools { | ||
466 | bottom: 0; | ||
467 | } | ||
468 | |||
469 | .entry .tools { | ||
470 | position: absolute; | ||
471 | bottom: -50px; | ||
472 | left: 0; | ||
473 | width: 100%; | ||
474 | z-index: 10; | ||
475 | padding-right: 0.5em; | ||
476 | text-align: right; | ||
477 | -webkit-transition: all 0.5s ease; | ||
478 | -moz-transition: all 0.5s ease; | ||
479 | -ms-transition: all 0.5s ease; | ||
480 | -o-transition: all 0.5s ease; | ||
481 | transition: all 0.5s ease; | ||
482 | } | ||
483 | |||
484 | .entry .tools a { | ||
485 | color: #666; | ||
486 | text-decoration: none; | ||
487 | display: block; | ||
488 | padding: 0.4em; | ||
489 | } | ||
490 | |||
491 | .entry .tools a:hover { | ||
492 | color: #FFF; | ||
493 | } | ||
494 | |||
495 | .entry .tools li { | ||
496 | display: inline-block; | ||
497 | } | ||
498 | |||
499 | .entry:nth-child(3n+1) { | ||
500 | margin-left: 0; | ||
501 | } | ||
502 | |||
503 | .results { | ||
504 | letter-spacing: -5px; | ||
505 | padding: 0 0 0.5em; | ||
506 | } | ||
507 | |||
508 | .results > * { | ||
509 | display: inline-block; | ||
510 | vertical-align: top; | ||
511 | letter-spacing: normal; | ||
512 | width: 50%; | ||
513 | } | ||
514 | |||
515 | .pagination { | ||
516 | text-align: right; | ||
517 | margin-bottom:50px; | ||
518 | } | ||
519 | |||
520 | .nb-results { | ||
521 | text-align: left; | ||
522 | font-style: italic; | ||
523 | color: #999; | ||
524 | } | ||
525 | |||
526 | .pagination > * { | ||
527 | display: inline-block; | ||
528 | margin-left: 0.5em; | ||
529 | } | ||
530 | |||
531 | .pagination a { | ||
532 | color: #999; | ||
533 | text-decoration: none; | ||
534 | } | ||
535 | |||
536 | .pagination a:hover, .pagination a:focus { | ||
537 | text-decoration: underline; | ||
538 | } | ||
539 | |||
540 | .pagination .disabled { | ||
541 | display: none; | ||
542 | } | ||
543 | |||
544 | .pagination .current { | ||
545 | height: 25px; | ||
546 | padding: 4px 8px; | ||
547 | border: 1px solid #d5d5d5; | ||
548 | text-decoration: none; | ||
549 | font-weight: bold; | ||
550 | color: #000; | ||
551 | background-color: #ccc; | ||
552 | } | ||
553 | |||
554 | /* ========================================================================== | ||
555 | 2.1 = "save a link" related styles | ||
556 | ========================================================================== */ | ||
557 | |||
558 | .popup-form { | ||
559 | background: rgba(0,0,0,0.5); | ||
560 | position: absolute; | ||
561 | top: 0; | ||
562 | left: 10em; | ||
563 | z-index: 20; | ||
564 | height: 100%; | ||
565 | width: 100%; | ||
566 | margin: 0; | ||
567 | margin-top: -30% !important; /* TODO: get rid of !important here; overridden by .messages selector */ | ||
568 | padding: 2em; | ||
569 | display: none; | ||
570 | border-left: 1px #EEE solid; | ||
571 | } | ||
572 | |||
573 | .popup-form form { | ||
574 | background-color: #FFF; | ||
575 | position: absolute; | ||
576 | top: 0; | ||
577 | left: 0; | ||
578 | z-index: 20; | ||
579 | border: 10px solid #000; | ||
580 | width: 400px; | ||
581 | height: 200px; | ||
582 | padding: 2em; | ||
583 | } | ||
584 | |||
585 | #bagit-form-form .addurl { | ||
586 | margin-left: 0; | ||
587 | } | ||
588 | |||
589 | .closeMessage, | ||
590 | .close-button { | ||
591 | background-color: #000; | ||
592 | color: #FFF; | ||
593 | font-size: 1.2em; | ||
594 | line-height: 1.6; | ||
595 | width: 1.6em; | ||
596 | height: 1.6em; | ||
597 | text-align: center; | ||
598 | text-decoration: none; | ||
599 | } | ||
600 | .closeMessage:hover, | ||
601 | .closeMessage:focus, | ||
602 | .close-button:hover, | ||
603 | .close-button:focus { | ||
604 | background-color: #999; | ||
605 | color: #000; | ||
606 | } | ||
607 | |||
608 | .close-button--popup { | ||
609 | display: inline-block; | ||
610 | position: absolute; | ||
611 | top: 0; | ||
612 | right: 0; | ||
613 | font-size: 1.4em; | ||
614 | } | ||
615 | |||
616 | .active-current { | ||
617 | background-color: #999; | ||
618 | } | ||
619 | |||
620 | .active-current:after { | ||
621 | content: ""; | ||
622 | width: 0; | ||
623 | height: 0; | ||
624 | position: absolute; | ||
625 | border-style: solid; | ||
626 | border-width: 10px; | ||
627 | border-color: transparent #EEE transparent transparent; | ||
628 | right: 0; | ||
629 | top: 50%; | ||
630 | margin-top: -10px; | ||
631 | } | ||
632 | |||
633 | .opacity03 { | ||
634 | opacity: 0.3; | ||
635 | } | ||
636 | |||
637 | .add-to-wallabag-link-after { | ||
638 | background-color: #000; | ||
639 | color: #fff; | ||
640 | padding: 0 3px 2px 3px; | ||
641 | } | ||
642 | |||
643 | a.add-to-wallabag-link-after { | ||
644 | visibility: hidden; | ||
645 | position: absolute; | ||
646 | opacity: 0; | ||
647 | transition-duration: 2s; | ||
648 | transition-timing-function: ease-out; | ||
649 | } | ||
650 | |||
651 | #article article a:hover + a.add-to-wallabag-link-after, a.add-to-wallabag-link-after:hover { | ||
652 | opacity: 1; | ||
653 | visibility: visible; | ||
654 | transition-duration: .3s; | ||
655 | transition-timing-function: ease-in; | ||
656 | } | ||
657 | |||
658 | a.add-to-wallabag-link-after:after { | ||
659 | content: "w"; | ||
660 | } | ||
661 | |||
662 | #add-link-result { | ||
663 | font-weight: bold; | ||
664 | font-size: 0.9em; | ||
665 | } | ||
666 | |||
667 | /* ========================================================================== | ||
668 | 3 = Pictos | ||
669 | ========================================================================== */ | ||
670 | |||
671 | @font-face { | ||
672 | font-family: 'icomoon'; | ||
673 | src:url('../fonts/icomoon.eot?-s0mcsx'); | ||
674 | src:url('../fonts/icomoon.eot?#iefix-s0mcsx') format('embedded-opentype'), | ||
675 | url('../fonts/icomoon.woff?-s0mcsx') format('woff'), | ||
676 | url('../fonts/icomoon.ttf?-s0mcsx') format('truetype'), | ||
677 | url('../fonts/icomoon.svg?-s0mcsx#icomoon') format('svg'); | ||
678 | font-weight: normal; | ||
679 | font-style: normal; | ||
680 | } | ||
681 | |||
682 | .icon span, | ||
683 | .icon-image span { | ||
684 | position: absolute; | ||
685 | top: -9999px; | ||
686 | } | ||
687 | |||
688 | [class^="icon-"]:before, [class*=" icon-"]:before { | ||
689 | font-family: 'icomoon'; | ||
690 | speak: none; | ||
691 | font-style: normal; | ||
692 | font-weight: normal; | ||
693 | font-variant: normal; | ||
694 | text-transform: none; | ||
695 | line-height: 1; | ||
696 | |||
697 | /* Better Font Rendering =========== */ | ||
698 | -webkit-font-smoothing: antialiased; | ||
699 | -moz-osx-font-smoothing: grayscale; | ||
700 | } | ||
701 | |||
702 | .icon-flattr:before { | ||
703 | content: "\e800"; | ||
704 | } | ||
705 | .icon-mail:before { | ||
706 | content: "\e80a"; | ||
707 | } | ||
708 | .icon-up-open:before { | ||
709 | content: "\e80b"; | ||
710 | } | ||
711 | .icon-star:before { | ||
712 | content: "\e805"; | ||
713 | } | ||
714 | .icon-check:before { | ||
715 | content: "\e804"; | ||
716 | } | ||
717 | .icon-link:before { | ||
718 | content: "\e801"; | ||
719 | } | ||
720 | .icon-reply:before { | ||
721 | content: "\e806"; | ||
722 | } | ||
723 | .icon-menu:before { | ||
724 | content: "\e802"; | ||
725 | } | ||
726 | .icon-clock:before { | ||
727 | content: "\e803"; | ||
728 | } | ||
729 | .icon-twitter:before { | ||
730 | content: "\e807"; | ||
731 | } | ||
732 | .icon-down-open:before { | ||
733 | content: "\e809"; | ||
734 | } | ||
735 | .icon-trash:before { | ||
736 | content: "\e80c"; | ||
737 | } | ||
738 | .icon-delete:before { | ||
739 | content: "\e600"; | ||
740 | } | ||
741 | .icon-power:before { | ||
742 | content: "\e601"; | ||
743 | } | ||
744 | .icon-arrow-up-thick:before { | ||
745 | content: "\e602"; | ||
746 | } | ||
747 | .icon-rss:before { | ||
748 | content: "\e808"; | ||
749 | } | ||
750 | .icon-print:before { | ||
751 | content: "\e80d"; | ||
752 | } | ||
753 | .icon-reload:before { | ||
754 | content: "\ea2e"; | ||
755 | } | ||
756 | |||
757 | |||
758 | /* .icon-image class, for image-based icons | ||
759 | ========================================================================== */ | ||
760 | |||
761 | .icon-image { | ||
762 | background-size: 16px 16px; | ||
763 | background-repeat: no-repeat; | ||
764 | background-position: center; | ||
765 | padding-right: 1em !important; | ||
766 | padding-left: 1em !important; | ||
767 | } | ||
768 | |||
769 | /* Carrot (http://carrot.org) */ | ||
770 | .icon-image--carrot { | ||
771 | background-image: url('../../_global/img/icons/carrot-icon--white.png'); | ||
772 | } | ||
773 | |||
774 | /* Diaspora */ | ||
775 | .icon-image--diaspora { | ||
776 | background-image: url('../../_global/img/icons/diaspora-icon--black.png'); | ||
777 | } | ||
778 | |||
779 | /* ========================================================================== | ||
780 | Icon selected | ||
781 | ========================================================================== */ | ||
782 | |||
783 | .icon-star.fav:before { | ||
784 | color: #FFF; | ||
785 | } | ||
786 | |||
787 | .icon-check.archive:before { | ||
788 | color: #FFF; | ||
789 | } | ||
790 | |||
791 | /* ========================================================================== | ||
792 | 4 = Messages | ||
793 | ========================================================================== */ | ||
794 | |||
795 | .messages { | ||
796 | text-align: left; | ||
797 | margin-top: 1em; | ||
798 | } | ||
799 | |||
800 | .messages > * { display: inline-block;} | ||
801 | |||
802 | .warning { | ||
803 | /* font-size: 3em; | ||
804 | color: #999; | ||
805 | font-style: italic; | ||
806 | position: absolute; | ||
807 | top: 50%; | ||
808 | left: 0; | ||
809 | width: 100%; | ||
810 | text-align: center; | ||
811 | padding-right: 5%; | ||
812 | margin-top: -2em;*/ | ||
813 | font-weight: bold; | ||
814 | display: block; | ||
815 | width: 100%; | ||
816 | } | ||
817 | |||
818 | .more-info { | ||
819 | font-size: 0.85em; | ||
820 | line-height: 1.5; | ||
821 | color: #aaa; | ||
822 | } | ||
823 | |||
824 | .more-info a { | ||
825 | color: #aaa; | ||
826 | } | ||
827 | |||
828 | /* ========================================================================== | ||
829 | 5 = Article | ||
830 | ========================================================================== */ | ||
831 | |||
832 | #article { | ||
833 | width: 70%; | ||
834 | margin-bottom: 3em; | ||
835 | text-align: justify; | ||
836 | } | ||
837 | |||
838 | #article .tags { | ||
839 | margin-bottom: 1em; | ||
840 | } | ||
841 | |||
842 | #article i { | ||
843 | font-style: normal; | ||
844 | } | ||
845 | |||
846 | blockquote { | ||
847 | border:1px solid #999; | ||
848 | background-color: #FFF; | ||
849 | padding: 1em; | ||
850 | margin: 0; | ||
851 | } | ||
852 | |||
853 | #article h1 { | ||
854 | text-align: left; | ||
855 | } | ||
856 | |||
857 | #article h2, #article h3, #article h4 { | ||
858 | text-transform: none; | ||
859 | } | ||
860 | |||
861 | #article h2:after { | ||
862 | content: none; | ||
863 | } | ||
864 | |||
865 | .topPosF { | ||
866 | position: fixed; | ||
867 | right: 20%; | ||
868 | bottom: 2em; | ||
869 | font-size: 1.5em; | ||
870 | } | ||
871 | |||
872 | #article_toolbar { | ||
873 | margin-bottom: 1em; | ||
874 | } | ||
875 | |||
876 | #article_toolbar li { | ||
877 | display: inline-block; | ||
878 | } | ||
879 | |||
880 | #article_toolbar a { | ||
881 | background-color: #000; | ||
882 | padding: 0.3em 0.5em 0.2em; | ||
883 | color: #FFF; | ||
884 | text-decoration: none; | ||
885 | } | ||
886 | |||
887 | #article_toolbar a:hover, #article_toolbar a:focus { | ||
888 | background-color: #999; | ||
889 | } | ||
890 | |||
891 | .shaarli:before { | ||
892 | content: "*"; | ||
893 | } | ||
894 | |||
895 | .return { | ||
896 | text-decoration: none; | ||
897 | margin-top: 1em; | ||
898 | display: block; | ||
899 | } | ||
900 | |||
901 | .return:before { | ||
902 | margin-right: 0.5em; | ||
903 | } | ||
904 | |||
905 | .notags { | ||
906 | font-style: italic; | ||
907 | color: #999; | ||
908 | } | ||
909 | |||
910 | .icon-rss { | ||
911 | background-color: #000; | ||
912 | color: #FFF; | ||
913 | padding: 0.2em 0.5em; | ||
914 | } | ||
915 | |||
916 | .icon-rss:before { | ||
917 | position: relative; | ||
918 | top: 2px; | ||
919 | } | ||
920 | |||
921 | .list-tags li { | ||
922 | margin-bottom: 0.5em; | ||
923 | } | ||
924 | |||
925 | .list-tags .icon-rss:hover, .list-tags .icon-rss:focus { | ||
926 | background-color: #FFF; | ||
927 | color: #000; | ||
928 | text-decoration: none; | ||
929 | } | ||
930 | |||
931 | .list-tags a { | ||
932 | text-decoration: none; | ||
933 | } | ||
934 | |||
935 | .list-tags a:hover, .list-tags a:focus { | ||
936 | text-decoration: underline; | ||
937 | } | ||
938 | |||
939 | pre code { | ||
940 | font-family: "Courier New", Courier, monospace; | ||
941 | border: 1px solid #ccc; | ||
942 | font-size: 0.96em; | ||
943 | } | ||
944 | |||
945 | #filter-form { | ||
946 | position: fixed; | ||
947 | width: 20%; | ||
948 | height: 100%; | ||
949 | top: 0; | ||
950 | right: 0; | ||
951 | background-color: #FFF; | ||
952 | padding: 15px; | ||
953 | padding-right: 30px; | ||
954 | padding-top: 30px; | ||
955 | border-left: 1px #333 solid; | ||
956 | z-index: 12; | ||
957 | |||
958 | /*transition-property: transform; | ||
959 | transition-duration: 0.3s; | ||
960 | transition-delay: 0.3s; | ||
961 | |||
962 | transform: translate3d(100%, 0, 0);*/ | ||
963 | } | ||
964 | |||
965 | #filter-form form { | ||
966 | |||
967 | } | ||
968 | |||
969 | #filter-form form .filter-group { | ||
970 | margin: 5px; | ||
971 | } | ||
972 | |||
973 | |||
974 | /* ========================================================================== | ||
975 | 6 = Media Queries | ||
976 | ========================================================================== */ | ||
977 | |||
978 | @media screen and (max-width: 1050px) { | ||
979 | .entry { | ||
980 | width: 49%; | ||
981 | } | ||
982 | .entry:nth-child(3n+1) { | ||
983 | margin-left: 1.5%; | ||
984 | } | ||
985 | .entry:nth-child(2n+1) { | ||
986 | margin-left: 0; | ||
987 | } | ||
988 | } | ||
989 | |||
990 | @media screen and (max-width: 900px) { | ||
991 | #article { | ||
992 | width: 80%; | ||
993 | } | ||
994 | .topPosF { | ||
995 | right: 2.5em; | ||
996 | } | ||
997 | } | ||
998 | |||
999 | @media screen and (max-width: 700px) { | ||
1000 | .entry { | ||
1001 | width: 100%; | ||
1002 | margin-left: 0; | ||
1003 | } | ||
1004 | #display-mode { | ||
1005 | display: none; | ||
1006 | } | ||
1007 | } | ||
1008 | |||
1009 | @media screen and (max-width: 500px) { | ||
1010 | .entry { | ||
1011 | width: 100%; | ||
1012 | margin-left: 0; | ||
1013 | } | ||
1014 | body > header { | ||
1015 | background-color: #333; | ||
1016 | position: fixed; | ||
1017 | top: 0; | ||
1018 | width: 100%; | ||
1019 | height: 3em; | ||
1020 | z-index: 11; | ||
1021 | } | ||
1022 | #links li:last-child { | ||
1023 | position: static; | ||
1024 | width: auto; | ||
1025 | } | ||
1026 | #links li:last-child a:before { | ||
1027 | content: none; | ||
1028 | } | ||
1029 | .logo { | ||
1030 | width: 1.25em; | ||
1031 | height: 1.25em; | ||
1032 | left: 0; | ||
1033 | top: 0; | ||
1034 | } | ||
1035 | .login > header { | ||
1036 | position: static; | ||
1037 | } | ||
1038 | .login form { | ||
1039 | width: 100%; | ||
1040 | position: static; | ||
1041 | margin-left: 0; | ||
1042 | } | ||
1043 | .login .logo { | ||
1044 | width: auto; | ||
1045 | height: auto; | ||
1046 | top: 0.5em; | ||
1047 | width: 75px; | ||
1048 | height: 75px; | ||
1049 | margin-left: -37.5px; | ||
1050 | } | ||
1051 | .desktopHide { | ||
1052 | display: block; | ||
1053 | position: fixed; | ||
1054 | z-index: 20; | ||
1055 | top: 0; | ||
1056 | right: 0; | ||
1057 | border:0; | ||
1058 | width: 2.5em; | ||
1059 | height: 2.5em; | ||
1060 | cursor: pointer; | ||
1061 | background-color: #999; | ||
1062 | font-size: 1.2em; | ||
1063 | } | ||
1064 | .desktopHide:hover, .desktopHide:focus { | ||
1065 | background-color: #FFF; | ||
1066 | } | ||
1067 | #links { | ||
1068 | display: none; | ||
1069 | width: 100%; | ||
1070 | height: auto; | ||
1071 | padding-top: 3em; | ||
1072 | } | ||
1073 | #links.menu--open { | ||
1074 | display: block; | ||
1075 | } | ||
1076 | footer { | ||
1077 | position: static; | ||
1078 | margin-right: 3em; | ||
1079 | } | ||
1080 | #main { | ||
1081 | margin-left: 1.5em; | ||
1082 | padding-right: 1.5em; | ||
1083 | position: static; | ||
1084 | margin-top: 3em; | ||
1085 | } | ||
1086 | #article_toolbar .topPosF { | ||
1087 | display: none; | ||
1088 | } | ||
1089 | |||
1090 | #article { | ||
1091 | width: 100%; | ||
1092 | } | ||
1093 | |||
1094 | #article h1 { | ||
1095 | font-size: 1.5em; | ||
1096 | } | ||
1097 | #article_toolbar a { | ||
1098 | padding: 0.3em 0.4em 0.2em; | ||
1099 | } | ||
1100 | |||
1101 | #display-mode { | ||
1102 | display: none; | ||
1103 | } | ||
1104 | |||
1105 | .popup-form, #bagit-form, #search-form { | ||
1106 | left: 0; | ||
1107 | width: 100%; | ||
1108 | border-left: none; | ||
1109 | } | ||
1110 | |||
1111 | .popup-form form, | ||
1112 | #bagit-form form, | ||
1113 | #search-form form { | ||
1114 | width: 100%; | ||
1115 | } | ||
1116 | } | ||
diff --git a/src/Wallabag/CoreBundle/Resources/views/themes/baggy/public/css/messages.css b/src/Wallabag/CoreBundle/Resources/views/themes/baggy/public/css/messages.css deleted file mode 100755 index 42da70b3..00000000 --- a/src/Wallabag/CoreBundle/Resources/views/themes/baggy/public/css/messages.css +++ /dev/null | |||
@@ -1,19 +0,0 @@ | |||
1 | .messages.error.install { | ||
2 | border: 1px solid #c42608; | ||
3 | color: #c00 !important; | ||
4 | background: #fff0ef; | ||
5 | text-align: left; | ||
6 | } | ||
7 | |||
8 | .messages.notice.install { | ||
9 | border: 1px solid #ebcd41; | ||
10 | color: #000; | ||
11 | background: #fffcd3; | ||
12 | text-align: left; | ||
13 | } | ||
14 | |||
15 | .messages.success.install { | ||
16 | border: 1px solid #6dc70c; | ||
17 | background: #e0fbcc !important; | ||
18 | text-align: left; | ||
19 | } \ No newline at end of file | ||
diff --git a/src/Wallabag/CoreBundle/Resources/views/themes/baggy/public/css/print.css b/src/Wallabag/CoreBundle/Resources/views/themes/baggy/public/css/print.css deleted file mode 100755 index 9dd6d295..00000000 --- a/src/Wallabag/CoreBundle/Resources/views/themes/baggy/public/css/print.css +++ /dev/null | |||
@@ -1,62 +0,0 @@ | |||
1 | /* ### Layout ### */ | ||
2 | |||
3 | body { | ||
4 | font-family: Serif; | ||
5 | background-color: #fff; | ||
6 | } | ||
7 | |||
8 | @page { | ||
9 | margin: 1cm; | ||
10 | } | ||
11 | |||
12 | img { | ||
13 | max-width: 100% !important; | ||
14 | } | ||
15 | |||
16 | /* ### Content ### */ | ||
17 | |||
18 | /* Hide useless blocks */ | ||
19 | body > header, | ||
20 | #article_toolbar, | ||
21 | #links, | ||
22 | #sort, | ||
23 | body > footer, | ||
24 | .top_link, | ||
25 | div.tools, | ||
26 | header div, | ||
27 | .messages, | ||
28 | .entrie + .results { | ||
29 | display: none !important; | ||
30 | } | ||
31 | |||
32 | article { | ||
33 | border: none !important; | ||
34 | } | ||
35 | |||
36 | /* Add URL after links */ | ||
37 | .vieworiginal a:after { | ||
38 | content: " (" attr(href) ")"; | ||
39 | } | ||
40 | |||
41 | /* Add explanation after abbr */ | ||
42 | abbr[title]:after { | ||
43 | content: " (" attr(title) ")"; | ||
44 | } | ||
45 | |||
46 | /* Change border on current pager item */ | ||
47 | .pagination span.current { | ||
48 | border-style: dashed; | ||
49 | } | ||
50 | |||
51 | #main { | ||
52 | width: 100%; | ||
53 | padding: 0; | ||
54 | margin: 0; | ||
55 | margin-left: 0; | ||
56 | padding-right: 0; | ||
57 | padding-bottom: 0; | ||
58 | } | ||
59 | |||
60 | #article { | ||
61 | width: 100%; | ||
62 | } | ||
diff --git a/src/Wallabag/CoreBundle/Resources/views/themes/baggy/public/css/ratatouille.css b/src/Wallabag/CoreBundle/Resources/views/themes/baggy/public/css/ratatouille.css deleted file mode 100644 index b203cbb8..00000000 --- a/src/Wallabag/CoreBundle/Resources/views/themes/baggy/public/css/ratatouille.css +++ /dev/null | |||
@@ -1,211 +0,0 @@ | |||
1 | /* | ||
2 | Ratatouille mini Framework css by Thomas LEBEAU | ||
3 | Base on KNACSS => www.KNACSS.com (2013-10) @author: Raphael Goetter, Alsacreations | ||
4 | and normalize.css | ||
5 | */ | ||
6 | |||
7 | * { | ||
8 | -webkit-box-sizing: border-box; | ||
9 | -moz-box-sizing: border-box; | ||
10 | box-sizing: border-box; | ||
11 | } | ||
12 | |||
13 | html { | ||
14 | font-family: sans-serif; /* 1 */ | ||
15 | -ms-text-size-adjust: 100%; /* 2 */ | ||
16 | -webkit-text-size-adjust: 100%; /* 2 */ | ||
17 | } | ||
18 | |||
19 | body { | ||
20 | font-size: 1em; | ||
21 | line-height:1.5; | ||
22 | margin: 0; | ||
23 | } | ||
24 | |||
25 | /* ========================================================================== | ||
26 | Mise en forme | ||
27 | ========================================================================== */ | ||
28 | |||
29 | h1:first-child, | ||
30 | h2:first-child, | ||
31 | h3:first-child, | ||
32 | h4:first-child, | ||
33 | h5:first-child, | ||
34 | h6:first-child, | ||
35 | p:first-child, | ||
36 | ul:first-child, | ||
37 | ol:first-child, | ||
38 | dl:first-child{ | ||
39 | margin-top: 0; | ||
40 | } | ||
41 | |||
42 | code, | ||
43 | kbd, | ||
44 | pre, | ||
45 | samp { | ||
46 | font-family: monospace, serif; | ||
47 | } | ||
48 | |||
49 | pre { | ||
50 | white-space: pre-wrap; | ||
51 | } | ||
52 | |||
53 | |||
54 | .upper { | ||
55 | text-transform: uppercase; | ||
56 | } | ||
57 | |||
58 | .bold { | ||
59 | font-weight: bold; | ||
60 | } | ||
61 | |||
62 | .inner { | ||
63 | margin: 0 auto; | ||
64 | max-width: 61.25em;/*980px*/ | ||
65 | } | ||
66 | |||
67 | table, img { | ||
68 | max-width: 100%; | ||
69 | height :auto; | ||
70 | } | ||
71 | |||
72 | iframe { | ||
73 | max-width: 100%; | ||
74 | } | ||
75 | |||
76 | .fl { | ||
77 | float: left; | ||
78 | } | ||
79 | |||
80 | .fr { | ||
81 | float: right; | ||
82 | } | ||
83 | |||
84 | table { | ||
85 | border-collapse: collapse; | ||
86 | } | ||
87 | |||
88 | figure { | ||
89 | margin: 0; | ||
90 | } | ||
91 | |||
92 | button, | ||
93 | input, | ||
94 | select, | ||
95 | textarea { | ||
96 | font-family: inherit; | ||
97 | font-size: 100%; | ||
98 | margin: 0; | ||
99 | } | ||
100 | |||
101 | input[type="search"] { | ||
102 | -webkit-appearance: textfield; | ||
103 | } | ||
104 | |||
105 | /* ========================================================================== | ||
106 | Mise en page | ||
107 | ========================================================================== */ | ||
108 | |||
109 | .dib { | ||
110 | display: inline-block; | ||
111 | vertical-align: middle; | ||
112 | } | ||
113 | |||
114 | .dnone { | ||
115 | display: none; | ||
116 | } | ||
117 | |||
118 | .dtable { display:table } | ||
119 | |||
120 | .dtable > * { display:table-row; } | ||
121 | |||
122 | .dtable > * > * { display:table-cell; } | ||
123 | |||
124 | .element-invisible { | ||
125 | border: 0; | ||
126 | clip: rect(0 0 0 0); | ||
127 | height: 1px; | ||
128 | margin: -1px; | ||
129 | overflow: hidden; | ||
130 | padding: 0; | ||
131 | position: absolute; | ||
132 | width: 1px; | ||
133 | } | ||
134 | |||
135 | .small { | ||
136 | font-size:0.8em; | ||
137 | } | ||
138 | |||
139 | .big { | ||
140 | font-size: 1.2em; | ||
141 | } | ||
142 | |||
143 | /*Width*/ | ||
144 | |||
145 | .w100 { width:100%; } | ||
146 | .w90 { width:90%; } | ||
147 | .w80 { width:80%; } | ||
148 | .w70 { width:70%; } | ||
149 | .w60 { width:60%; } | ||
150 | .w50 { width:50%; } | ||
151 | .w40 { width:40%; } | ||
152 | .w30 { width:30%; } | ||
153 | .w20 { width:20%; } | ||
154 | .w10 { width:10%; } | ||
155 | |||
156 | |||
157 | /* ========================================================================== | ||
158 | Internet Explorer | ||
159 | ========================================================================== */ | ||
160 | |||
161 | /*IE8 and IE9*/ | ||
162 | |||
163 | article, | ||
164 | aside, | ||
165 | details, | ||
166 | figcaption, | ||
167 | figure, | ||
168 | footer, | ||
169 | header, | ||
170 | hgroup, | ||
171 | main, | ||
172 | nav, | ||
173 | section, | ||
174 | summary { | ||
175 | display: block; | ||
176 | } | ||
177 | |||
178 | /*IE8 and IE9*/ | ||
179 | |||
180 | audio, | ||
181 | canvas, | ||
182 | video { | ||
183 | display: inline-block; | ||
184 | } | ||
185 | |||
186 | @media screen and (-webkit-min-device-pixel-ratio:0){ | ||
187 | select{ | ||
188 | -webkit-appearance: none; | ||
189 | border-radius: 0; | ||
190 | } | ||
191 | } | ||
192 | |||
193 | /* ========================================================================== | ||
194 | Medias Queries | ||
195 | ========================================================================== */ | ||
196 | |||
197 | /*Desktop 1080px*/ | ||
198 | |||
199 | @media screen and (max-width: 67.50em) { | ||
200 | } | ||
201 | |||
202 | /*Tablet 800px*/ | ||
203 | |||
204 | @media screen and (max-width: 50em) { | ||
205 | } | ||
206 | |||
207 | /*Mobile 640px*/ | ||
208 | |||
209 | @media screen and (max-width: 40em) { | ||
210 | } | ||
211 | |||