aboutsummaryrefslogtreecommitdiffhomepage
path: root/themes/courgette/css
diff options
context:
space:
mode:
Diffstat (limited to 'themes/courgette/css')
-rwxr-xr-xthemes/courgette/css/font.css22
-rwxr-xr-xthemes/courgette/css/knacss.css0
-rwxr-xr-xthemes/courgette/css/messages.css75
-rwxr-xr-xthemes/courgette/css/print.css48
-rwxr-xr-xthemes/courgette/css/style-default.css63
-rwxr-xr-xthemes/courgette/css/style.css684
6 files changed, 0 insertions, 892 deletions
diff --git a/themes/courgette/css/font.css b/themes/courgette/css/font.css
deleted file mode 100755
index 849ff85b..00000000
--- a/themes/courgette/css/font.css
+++ /dev/null
@@ -1,22 +0,0 @@
1@font-face {
2 font-family: 'fontello';
3 src: url('../font/fontello.eot?97381924');
4 src: url('../font/fontello.eot?97381924#iefix') format('embedded-opentype'),
5 url('../font/fontello.woff?97381924') format('woff'),
6 url('../font/fontello.ttf?97381924') format('truetype'),
7 url('../font/fontello.svg?97381924#fontello') format('svg');
8 font-weight: normal;
9 font-style: normal;
10}
11
12@font-face {
13 font-family: 'icomoon';
14 src:url('../font/icomoon.eot?-72nnzw');
15 src:url('../font/icomoon.eot?#iefix-72nnzw') format('embedded-opentype'),
16 url('../font/icomoon.woff?-72nnzw') format('woff'),
17 url('../font/comoon.ttf?-72nnzw') format('truetype'),
18 url('../font/icomoon.svg?-72nnzw#icomoon') format('svg');
19 font-weight: normal;
20 font-style: normal;
21}
22
diff --git a/themes/courgette/css/knacss.css b/themes/courgette/css/knacss.css
deleted file mode 100755
index e69de29b..00000000
--- a/themes/courgette/css/knacss.css
+++ /dev/null
diff --git a/themes/courgette/css/messages.css b/themes/courgette/css/messages.css
deleted file mode 100755
index fe6fbbe8..00000000
--- a/themes/courgette/css/messages.css
+++ /dev/null
@@ -1,75 +0,0 @@
1.messages {
2 display: block;
3 clear: both;
4 width: 400px;
5 margin: 10px auto 10px;
6 padding: 10px 0;
7 -moz-border-radius: 4px;
8 border-radius: 4px;
9}
10
11.messages a.closeMessage {
12 display: none;
13 float: right;
14 width: 16px;
15 height: 16px;
16 margin: -14px -8px 0 0;
17 background: url(../img/messages/close.png) no-repeat;
18}
19
20/*.messages:hover a.closeMessage { visibility:visible; }*/
21
22.messages p {
23 margin: 3px 0 3px 10px !important;
24 padding: 0 10px 0 23px !important;
25 font-size: 14px;
26 line-height: 16px;
27}
28
29.messages.error {
30 border: 1px solid #c42608;
31 color: #c00 !important;
32 background: #fff0ef;
33}
34
35.messages.error p {
36 color: #c00 !important;
37 background: url(../img/messages/cross.png) no-repeat 0 50%;
38}
39
40.messages.success {
41 border: 1px solid #6dc70c;
42 background: #e0fbcc;
43}
44
45.messages.success p {
46 color: #2b6301 !important;
47 background: url(../img/messages/tick.png) no-repeat 0 50%;
48}
49
50.messages.warning {
51 border: 1px solid #ebcd41;
52 color: #000;
53 background: #fffcd3;
54}
55
56.messages.warning p {
57 color: #5f4e01;
58 background: url(../img/messages/warning.png) no-repeat 0 50%;
59}
60
61.messages.information,
62.messages.info {
63 border: 1px solid #82aee7;
64 background: #dfebfb;
65}
66
67.messages.information p,
68.messages.info p {
69 color: #064393;
70 background: url(../img/messages/help.png) no-repeat 0 50%;
71}
72
73.messages.information a {
74 text-decoration: underline;
75} \ No newline at end of file
diff --git a/themes/courgette/css/print.css b/themes/courgette/css/print.css
deleted file mode 100755
index 9aefa779..00000000
--- a/themes/courgette/css/print.css
+++ /dev/null
@@ -1,48 +0,0 @@
1/* ### Layout ### */
2
3body {
4 font-family: Serif;
5 background-color: #fff;
6}
7
8@page {
9 margin: 1cm;
10}
11
12img {
13 max-width: 100% !important;
14}
15
16/* ### Content ### */
17
18/* Hide useless blocks */
19body > header,
20#links,
21#sort,
22body > footer,
23.top_link,
24div.tools,
25header div,
26.messages,
27.entrie + .results {
28 display: none !important;
29}
30
31article {
32 border: none !important;
33}
34
35/* Add URL after links */
36.vieworiginal a:after {
37 content: " (" attr(href) ")";
38}
39
40/* Add explanation after abbr */
41abbr[title]:after {
42 content: " (" attr(title) ")";
43}
44
45/* Change border on current pager item */
46.pagination span.current {
47 border-style: dashed;
48}
diff --git a/themes/courgette/css/style-default.css b/themes/courgette/css/style-default.css
deleted file mode 100755
index 297f86ae..00000000
--- a/themes/courgette/css/style-default.css
+++ /dev/null
@@ -1,63 +0,0 @@
1a.back span {
2 background-image: url('../img/default/left.png');
3}
4
5a.top span {
6 background-image: url('../img/default/top.png');
7}
8
9a.fav span,
10a.fav-off span:hover {
11 background-image: url('../img/default/star-on.png');
12}
13
14a.fav span:hover,
15a.fav-off span {
16 background-image: url('../img/default/star-off.png');
17}
18
19a.archive span,
20a.archive-off span:hover {
21 background-image: url('../img/default/checkmark-on.png');
22}
23
24a.archive span:hover,
25a.archive-off span {
26 background-image: url('../img/default/checkmark-off.png');
27}
28
29a.twitter span {
30 background-image: url('../img/default/twitter.png');
31}
32
33a.shaarli span {
34 background-image: url('../img/default/shaarli.png');
35}
36
37a.flattr span {
38 background-image: url('../img/default/flattr.png');
39}
40
41a.carrot span {
42 background-image: url('../img/default/carrot.png')
43}
44
45a.email span {
46 background-image: url('../img/default/envelop.png');
47}
48
49a.delete span {
50 background-image: url('../img/default/remove.png');
51}
52
53a.link span {
54 background-image: url('../img/default/link.png');
55}
56
57a.bad-display span {
58 background-image: url('../img/default/bad-display.png');
59}
60
61a.reading-time span {
62 background-image: url('../img/default/clock.png');
63} \ No newline at end of file
diff --git a/themes/courgette/css/style.css b/themes/courgette/css/style.css
deleted file mode 100755
index edd09c78..00000000
--- a/themes/courgette/css/style.css
+++ /dev/null
@@ -1,684 +0,0 @@
1* {
2 -webkit-box-sizing: border-box;
3 -moz-box-sizing: border-box;
4 box-sizing: border-box;
5}
6
7body {
8 margin: 10px;
9 font-family: 'Roboto',Verdana,Geneva,sans-serif;
10 font-size: 16px;
11 color: #000;
12}
13
14h1 span {
15 color #FFF;
16 background: #000;
17 display: inline-block;
18 padding: 0.2em 1em 0.2em 1.2em;
19 font-size: 0.7em;
20 position: relative;
21 top: -1em;
22 left: -1em;
23}
24
25h1 a {
26 color: #FFF;
27 text-decoration: none;
28}
29
30#menu {
31 font-family: 'fontello';
32 position:fixed;
33 z-index: 11;
34 top: 0.7em;
35 right: 0.5em;
36 border:0;
37 font-size: 2em;
38 background: #000;
39 color:#FFF;
40 height: 58px;
41 width: 58px;
42 line-height:58px;
43 border-radius:120px;
44}
45
46#menu:hover, #menu:focus {
47 background: #FFF;
48 color:#000;
49 cursor: pointer;
50}
51
52#menu span {
53 position: absolute;
54 top: -99999px;
55}
56
57#menuContainer ul, #article_toolbar ul {
58 position:fixed;
59 top: 0;
60 left:0;
61 width: 100%;
62 padding: 0;
63 margin: 0;
64 text-align:center;
65 height:80px;
66}
67
68/*Inspired by http://tympanus.net/Tutorials/AnimatedBorderMenus/index.html */
69
70#menuContainer, #article_toolbar {
71 position: fixed;
72 top: 0;
73 left:0;
74 width: 100%;
75 height: 0;
76 overflow: hidden;
77 border-width:0;
78 border-style: solid;
79 border-color:#000;
80 background-color: transparent;
81 -webkit-transition: border-width 0.3s, background-color 0.3s, height 0s 0.3s;
82 -moz-transition: border-width 0.3s, background-color 0.3s, height 0s 0.3s;
83 transition: border-width 0.3s, background-color 0.3s, height 0s 0.3s;
84}
85
86#article_toolbar ul {
87 padding: 1.7em;
88}
89
90#menuContainer.open, #article_toolbar.open {
91 border-width:80px;
92 height: 100%;
93 background: rgba(0,0,0,0.5);
94 -webkit-transition: border-width 0.3s, background-color 0.3s;
95 -moz-transition: border-width 0.3s, background-color 0.3s;
96 transition: border-width 0.3s, background-color 0.3s;
97 z-index: 1;
98}
99
100#links li, #article_toolbar li {
101 list-style: none;
102 display: inline-block;
103}
104
105#links li a, #article_toolbar a {
106 color:#FFF;
107 display: block;
108 position:relative;
109 top: -200px;
110 -webkit-transition: top 0.3s ease;
111 -moz-transition: top 0.3s ease;
112 transition: top 0.3s ease;
113 padding:1.85em 1em;
114}
115
116#links li a {
117 text-decoration:none;
118 text-transform:uppercase;
119}
120
121#links li a:hover, #links li a:focus {
122 background: #FFF;
123 color:#000;
124}
125
126#menuContainer.open li a, #article_toolbar.open a {
127 top: 0;
128 -webkit-transition: top 0.3s ease;
129 -moz-transition: top 0.3s ease;
130 transition: top 0.3s ease;
131 -webkit-transition-delay:0.25ms;
132 -moz-transition-delay:0.25ms;
133 transition-delay:0.25ms;
134}
135
136#menuContainer.open li:nth-child(2) a {
137 -webkit-transition-delay:0.50ms;
138 -moz-transition-delay:0.50ms;
139 transition-delay:0.50ms;
140}
141
142#menuContainer.open li:nth-child(3) a {
143 -webkit-transition-delay:1ms;
144 -moz-transition-delay:1ms;
145 transition-delay:1ms;
146}
147
148#menuContainer.open li:nth-child(4) a {
149 -webkit-transition-delay:1.25ms;
150 -moz-transition-delay:1.25ms;
151 transition-delay:1.25ms;
152}
153
154#menuContainer.open li:nth-child(5) a {
155 -webkit-transition-delay:1.55ms;
156 -moz-transition-delay:1.55ms;
157 transition-delay:1.55ms;
158}
159
160#article_toolbar li:nth-child(2) { display: none; }
161
162#menu:before {
163 content: "\e801";
164 display: block;
165 text-indent: 0;
166}
167
168body > header {
169 position: fixed;
170 top: 0;
171 left: 1em;
172 z-index: 10;
173}
174
175#main {
176 padding:6em;
177}
178
179/* ==========================================================================
180 entrie
181 ========================================================================== */
182
183.entrie, #article {
184 width: 45em;
185 margin: auto;
186 position:relative;
187 padding: 0 0 1em 0;
188 margin-bottom: 1.5em;
189}
190
191#article a {
192 text-decoration: underline;
193 color:#000;
194}
195
196#article a:hover, #article a:focus {
197 text-decoration: none;
198}
199
200.entrie:after {
201 content:"";
202 position: absolute;
203 width: 100%;
204 height: 4px;
205 background: #000;
206 bottom:0;
207 left: -1em;
208}
209
210.entrie p {
211 padding:0 0 0 1.5em;
212}
213
214.entrie:before {
215 content:'';
216 position: absolute;
217 top: 0;
218 left: -1em;
219 width: 4px;
220 height: 100%;
221 background: #000;
222}
223
224.entrie h2:after {
225 content:"";
226 display: block;
227 width: 0;
228 height: 0;
229 border-color: #000;
230 border-width:7px;
231 border-color:transparent transparent transparent #000;
232 border-style: solid;
233 position: absolute;
234 top: 0.8em;
235 right: -0.58em;
236}
237
238.entrie h2 {
239 margin:0;
240 display: inline-block;
241 position: relative;
242 max-width: 78%;
243}
244
245.entrie h2 a {
246 color:#000;
247 text-decoration:none;
248 display: block;
249 background: #000;
250 padding: 0.4em 1em;
251 color:#FFF;
252 margin-left: -0.5em;
253 -webkit-transition: all 0.3s ease-out;
254 -moz-transition: all 0.3s ease-out;
255 transition: all 0.3s ease-out;
256}
257
258.entrie h2 a:hover, .entrie h2 a:focus {
259 padding:0.4em 1em 0.4em 2em;
260}
261
262ul {
263 padding:0;
264 margin:0;
265}
266
267ul li {
268 list-style: none;
269}
270
271.tools {
272 display: inline-block;
273 margin-left: 1em;
274 vertical-align: top;
275 padding-top: 1em;
276}
277
278.tools a span {
279 position:absolute;
280 top: -99999px;
281}
282
283.tools li {
284 display: inline-block;
285}
286
287.tools a {
288 display: block;
289 color:#FFF;
290 background: #000;
291 text-decoration:none;
292 height: 1.5em;
293 width: 1.5em;
294 text-align: center;
295 line-height:1.5em;
296 border-radius: 90px;
297}
298
299.tools a:hover, .tools a:focus {
300 background: #FFF;
301 color:#000;
302}
303
304.tools a:before { display: block; font-family: 'icomoon'; }
305
306
307.fav-off:before, .fav:before { content: '\e805'; } /* 'î …' */
308.archive-off:before, .archive:before { content: '\e804'; } /* 'î „' */
309.tools .archive, .tools .fav {
310 background: #FFF;
311 color:#000;
312}
313.link:before { content: '\e801'; } /* 'î €' */
314.delete:before { content: '\e80c'; } /* 'î ƒ' */
315.reading-time:before { content: '\e803'; } /* 'î ‚' */
316
317#article_toolbar a:before {
318 display: block;
319 font-family: 'icomoon';
320}
321
322#article_toolbar a {
323 display: block;
324 color:#000;
325 background: #FFF;
326 text-decoration:none;
327 height: 1.5em;
328 width: 1.5em;
329 text-align: center;
330 line-height:1.5em;
331 border-radius: 90px;
332 padding: 0;
333}
334
335#article_toolbar a:hover, #article_toolbar a:focus {
336 background: #000;
337 color:#FFF;
338}
339
340#article_toolbar span {
341 position: absolute;
342 top: -99999px;
343}
344
345.email:before { content: '\e80a'; } /* 'î Š' */
346.icon-check:before { content: '\e804'; } /* 'î „' */
347.back:before { content: '\e806'; } /* 'î †' */
348.flattr:before { content: '\e800'; } /* 'î ˆ' */
349.bad-display:before { content: '\e600'; } /* 'î ˆ' */
350.twitter:before { content: '\e807'; } /* 'î ‡' */
351
352#article_toolbar .flattrli {
353 display: none;
354}
355
356#article_toolbar li {
357 margin: 0 0 0 1em;
358}
359
360
361footer {
362 position: fixed;
363 bottom: 0;
364 width: 100%;
365 padding: 0 2%;
366 left: 0;
367 text-align:right;
368 font-size: 0.8em;
369 font-style: italic;
370 background: rgba(255,255,255,0.5);
371}
372
373footer a {
374 color:#000;
375}
376
377footer a:hover,footer a:focus {
378 text-decoration: none;
379}
380
381footer p:first-child {
382 float:left;
383}
384
385#loginForm fieldset {
386 border:5px solid #000;
387 padding: 1.5em;
388}
389
390fieldset {
391 border:0;
392 padding: 0;
393}
394
395#loginForm {
396 max-width: 25em;
397 margin: auto;
398}
399
400#loginForm .row {
401 margin-bottom: 0.5em;
402}
403
404form h2 {
405 margin-top: 0;
406}
407
408form label {
409 width: 40%;
410 display: inline-block;
411}
412
413form input[type="text"], form input[type="password"], form input[type='url'], form select {
414 border:1px solid #000;
415 padding:0.5em 1em;
416}
417
418@media screen and (-webkit-min-device-pixel-ratio:0){
419 form select{
420 -webkit-appearance: none;
421 background: url(../img/bg-select.png) no-repeat right center;
422 padding-right: 2.2em;
423 border-radius: 0;
424 }
425}
426
427form button, form input[type="submit"] {
428 background: #000;
429 color:#FFF;
430 border:0;
431 font-size:1em;
432 padding:0.5em 1em;
433 margin-top: 1em;
434 cursor: pointer;
435}
436
437form button:hover, form button:focus, form input[type="submit"]:hover, form input[type="submit"]:focus {
438 background: #FFF;
439 color: #000;
440}
441
442/* ==========================================================================
443 Config
444 ========================================================================== */
445
446#config {
447 max-width: 60%;
448 margin: auto;
449}
450
451#config a {
452 background: #000;
453 text-decoration: none;
454 color:#FFF;
455 padding: 0.2em 1em;
456}
457
458#config .special {
459 background: none;
460 padding:0;
461 color: #000;
462}
463
464#config a:hover, #config a:focus {
465 background: #FFF;
466 color:#000;
467}
468
469#config li {
470 margin-bottom: 1em;
471}
472
473#plainurl {
474 font-size: 1em;
475}
476
477#config label {
478 width: 20%;
479}
480
481.results {
482 max-width: 62.5%;
483 font-style:italic;
484 margin: 1em auto 2.5em;
485}
486
487#sort {
488 max-width: 62.5%;
489 margin: 0 auto -2.5em;
490 text-align: right;
491 border-bottom:1px dotted #000;
492}
493
494#sort li {
495 display: inline-block;
496 vertical-align: top;
497 position: relative;
498 top: -0.1em;
499 margin-left: 1em;
500}
501
502#sort li img {
503 display: none;
504}
505
506#sort a {
507 display: inline-block;
508 font-family: 'fontello';
509 color:#000;
510 text-decoration: none;
511}
512
513#sort a:hover, #sort a:focus {
514 text-decoration: underline;
515}
516
517#sort a:before {
518 display: block;
519}
520
521#sort li a:first-child:before {
522 content: '\e809';
523}
524
525#sort li a:first-child + a:before {
526 content: '\e80b';
527}
528
529@media screen and (max-width: 860px) {
530 .entrie, #article {
531 width: 30em;
532 }
533}
534
535@media screen and (max-width: 650px) {
536 #menuContainer ul, #article_toolbar ul {
537 width: 120px;
538 height: 100%;
539 }
540
541 body > header {
542 position: static;
543 }
544
545 #main {
546 padding: 0 0.5em 6em;
547 }
548
549 #menu {
550 display: none;
551 }
552
553 #main:before {
554 content:none;
555 }
556
557 #menuContainer, #article_toolbar, #menuContainer ul, #article_toolbar ul {
558 position: static;
559 width: 100%;
560 height: auto;
561 }
562
563 #links li a, #article_toolbar a {
564 position: static;
565 color: #000;
566 }
567
568 #links li a {
569 padding: 1em;
570 min-width: 120px;
571 text-align: left;
572 }
573
574 #article_toolbar li {
575 margin-bottom: 1em;
576 margin-left: 0.5em;
577 }
578
579}
580
581@media screen and (max-width: 500px) {
582 .entrie, #article {
583 width: 17em;
584 }
585 .entrie h2 {
586 width: 100%;
587 max-width: none;
588 }
589 .entrie h2 a:hover, .entrie h2 a:focus {
590 padding-left: 1em;
591 background: #FFF;
592 color: #000;
593 }
594 .entrie h2:after {
595 content:none;
596 }
597
598 .messages {
599 width: 100%!important;
600 }
601
602 #sort {
603 margin: 3em auto 0;
604 max-width: none;
605 text-align: center;
606 }
607 #config {
608 margin: 7em auto 0;
609 max-width: none;
610 }
611 #config label { width: 100%; }
612 .results {
613 max-width: none;
614 margin-bottom: 1em;
615 }
616
617 footer p:first-child {
618 float: none;
619 }
620 footer {
621 position:static;
622 }
623}
624
625
626.w600p {
627 width: 70%;
628 margin: auto;
629}
630
631.tagForm {
632 margin: 1em 0;
633}
634
635.tagForm p {
636 font-style: italic;
637 margin: 0;
638 font-size: 0.8em;
639 color: #999;
640}
641
642.tagForm label {
643 width: auto;
644 margin-right: 1em;
645}
646
647.back:before {
648 font-family: "icomoon";
649}
650
651.back.link {
652 color: #000;
653 text-decoration: none;
654}
655
656.back.link:before {
657 margin-right: 0.5em;
658}
659
660.tag-list a {
661 color: #000;
662 text-decoration: none;
663}
664
665.tag-list li {
666 display: inline-block;
667 margin-right: 1em;
668}
669
670a:hover {
671 text-decoration: underline;
672}
673
674.tag {
675 background: #000;
676 color: #FFF;
677 padding: 0.5em 1em;
678 text-decoration: none;
679}
680
681.tag:hover, .tag:focus {
682 background: #FFF;
683 color: #000;
684} \ No newline at end of file