aboutsummaryrefslogtreecommitdiffhomepage
path: root/themes/courgette/css
diff options
context:
space:
mode:
Diffstat (limited to 'themes/courgette/css')
-rw-r--r--themes/courgette/css/.DS_Storebin0 -> 6148 bytes
-rwxr-xr-xthemes/courgette/css/font.css10
-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.css59
-rwxr-xr-xthemes/courgette/css/style.css620
7 files changed, 812 insertions, 0 deletions
diff --git a/themes/courgette/css/.DS_Store b/themes/courgette/css/.DS_Store
new file mode 100644
index 00000000..c788a093
--- /dev/null
+++ b/themes/courgette/css/.DS_Store
Binary files differ
diff --git a/themes/courgette/css/font.css b/themes/courgette/css/font.css
new file mode 100755
index 00000000..7c16cce4
--- /dev/null
+++ b/themes/courgette/css/font.css
@@ -0,0 +1,10 @@
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} \ No newline at end of file
diff --git a/themes/courgette/css/knacss.css b/themes/courgette/css/knacss.css
new file mode 100755
index 00000000..e69de29b
--- /dev/null
+++ b/themes/courgette/css/knacss.css
diff --git a/themes/courgette/css/messages.css b/themes/courgette/css/messages.css
new file mode 100755
index 00000000..fe6fbbe8
--- /dev/null
+++ b/themes/courgette/css/messages.css
@@ -0,0 +1,75 @@
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
new file mode 100755
index 00000000..9aefa779
--- /dev/null
+++ b/themes/courgette/css/print.css
@@ -0,0 +1,48 @@
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
new file mode 100755
index 00000000..3377a75b
--- /dev/null
+++ b/themes/courgette/css/style-default.css
@@ -0,0 +1,59 @@
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.email span {
42 background-image: url('../img/default/envelop.png');
43}
44
45a.delete span {
46 background-image: url('../img/default/remove.png');
47}
48
49a.link span {
50 background-image: url('../img/default/link.png');
51}
52
53a.bad-display span {
54 background-image: url('../img/default/bad-display.png');
55}
56
57a.reading-time span {
58 background-image: url('../img/default/clock.png');
59}
diff --git a/themes/courgette/css/style.css b/themes/courgette/css/style.css
new file mode 100755
index 00000000..2ba16b71
--- /dev/null
+++ b/themes/courgette/css/style.css
@@ -0,0 +1,620 @@
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#menu:before {
161 content: "\e801";
162 display: block;
163 text-indent: 0;
164}
165
166body > header {
167 position: fixed;
168 top: 0;
169 left: 1em;
170 z-index: 10;
171}
172
173#main {
174 padding:6em;
175}
176
177/* ==========================================================================
178 entrie
179 ========================================================================== */
180
181.entrie, #article {
182 width: 45em;
183 margin: auto;
184 position:relative;
185 padding: 0 0 1em 0;
186 margin-bottom: 1.5em;
187}
188
189#article a {
190 text-decoration: underline;
191 color:#000;
192}
193
194#article a:hover, #article a:focus {
195 text-decoration: none;
196}
197
198.entrie:after {
199 content:"";
200 position: absolute;
201 width: 100%;
202 height: 4px;
203 background: #000;
204 bottom:0;
205 left: -1em;
206}
207
208.entrie p {
209 padding:0 0 0 1.5em;
210}
211
212.entrie:before {
213 content:'';
214 position: absolute;
215 top: 0;
216 left: -1em;
217 width: 4px;
218 height: 100%;
219 background: #000;
220}
221
222.entrie h2:after {
223 content:"";
224 display: block;
225 width: 0;
226 height: 0;
227 border-color: #000;
228 border-width:7px;
229 border-color:transparent transparent transparent #000;
230 border-style: solid;
231 position: absolute;
232 top: 0.8em;
233 right: -0.58em;
234}
235
236.entrie h2 {
237 margin:0;
238 display: inline-block;
239 position: relative;
240 max-width: 78%;
241}
242
243.entrie h2 a {
244 color:#000;
245 text-decoration:none;
246 display: block;
247 background: #000;
248 padding: 0.4em 1em;
249 color:#FFF;
250 margin-left: -0.5em;
251 -webkit-transition: all 0.3s ease-out;
252 -moz-transition: all 0.3s ease-out;
253 transition: all 0.3s ease-out;
254}
255
256.entrie h2 a:hover, .entrie h2 a:focus {
257 padding:0.4em 1em 0.4em 2em;
258}
259
260ul {
261 padding:0;
262 margin:0;
263}
264
265ul li {
266 list-style: none;
267}
268
269.tools {
270 display: inline-block;
271 margin-left: 1em;
272 vertical-align: top;
273 padding-top: 1em;
274}
275
276.tools a span {
277 position:absolute;
278 top: -99999px;
279}
280
281.tools li {
282 display: inline-block;
283}
284
285.tools a {
286 display: block;
287 color:#FFF;
288 background: #000;
289 text-decoration:none;
290 height: 1.5em;
291 width: 1.5em;
292 text-align: center;
293 line-height:1.5em;
294 border-radius: 90px;
295}
296
297.tools a:hover, .tools a:focus {
298 background: #FFF;
299 color:#000;
300}
301
302.tools a:before { display: block; font-family: 'fontello'; }
303
304
305.fav-off:before, .fav:before { content: '\e805'; } /* 'î …' */
306.archive-off:before, .archive:before { content: '\e804'; } /* 'î „' */
307.tools .archive, .tools .fav {
308 background: #FFF;
309 color:#000;
310}
311.link:before { content: '\e800'; } /* 'î €' */
312.delete:before { content: '\e803'; } /* 'î ƒ' */
313.reading-time:before { content: '\e802'; } /* 'î ‚' */
314
315#article_toolbar a:before {
316 display: block;
317 font-family: 'fontello';
318}
319
320#article_toolbar a {
321 display: block;
322 color:#000;
323 background: #FFF;
324 text-decoration:none;
325 height: 1.5em;
326 width: 1.5em;
327 text-align: center;
328 line-height:1.5em;
329 border-radius: 90px;
330 padding: 0;
331}
332
333#article_toolbar a:hover, #article_toolbar a:focus {
334 background: #000;
335 color:#FFF;
336}
337
338#article_toolbar span {
339 position: absolute;
340 top: -99999px;
341}
342
343.email:before { content: '\e80a'; } /* 'î Š' */
344.icon-check:before { content: '\e804'; } /* 'î „' */
345.back:before { content: '\e806'; } /* 'î †' */
346.bad-display:before { content: '\e808'; } /* 'î ˆ' */
347.twitter:before { content: '\e807'; } /* 'î ‡' */
348
349#article_toolbar .flattrli {
350 display: none;
351}
352
353#article_toolbar li {
354 margin: 0 0 0 1em;
355}
356
357
358footer {
359 position: fixed;
360 bottom: 0;
361 width: 100%;
362 padding: 0 2%;
363 left: 0;
364 text-align:right;
365 font-size: 0.8em;
366 font-style: italic;
367 background: rgba(255,255,255,0.5);
368}
369
370footer a {
371 color:#000;
372}
373
374footer a:hover,footer a:focus {
375 text-decoration: none;
376}
377
378footer p:first-child {
379 float:left;
380}
381
382#loginForm fieldset {
383 border:5px solid #000;
384 padding: 1.5em;
385}
386
387fieldset {
388 border:0;
389 padding: 0;
390}
391
392#loginForm {
393 max-width: 25em;
394 margin: auto;
395}
396
397#loginForm .row {
398 margin-bottom: 0.5em;
399}
400
401form h2 {
402 margin-top: 0;
403}
404
405form label {
406 width: 40%;
407 display: inline-block;
408}
409
410form input[type="text"], form input[type="password"], form input[type='url'], form select {
411 border:1px solid #000;
412 padding:0.5em 1em;
413}
414
415@media screen and (-webkit-min-device-pixel-ratio:0){
416 form select{
417 -webkit-appearance: none;
418 background: url(../img/bg-select.png) no-repeat right center;
419 padding-right: 2.2em;
420 border-radius: 0;
421 }
422}
423
424form button, form input[type="submit"] {
425 background: #000;
426 color:#FFF;
427 border:0;
428 font-size:1em;
429 padding:0.5em 1em;
430 margin-top: 1em;
431 cursor: pointer;
432}
433
434form button:hover, form button:focus, form input[type="submit"]:hover, form input[type="submit"]:focus {
435 background: #FFF;
436 color: #000;
437}
438
439/* ==========================================================================
440 Config
441 ========================================================================== */
442
443#config {
444 max-width: 60%;
445 margin: auto;
446}
447
448#config a {
449 background: #000;
450 text-decoration: none;
451 color:#FFF;
452 padding: 0.2em 1em;
453}
454
455#config .special {
456 background: none;
457 padding:0;
458 color: #000;
459}
460
461#config a:hover, #config a:focus {
462 background: #FFF;
463 color:#000;
464}
465
466#config li {
467 margin-bottom: 1em;
468}
469
470#plainurl {
471 font-size: 1em;
472}
473
474#config label {
475 width: 20%;
476}
477
478.results {
479 max-width: 62.5%;
480 font-style:italic;
481 margin: 1em auto 2.5em;
482}
483
484#sort {
485 max-width: 62.5%;
486 margin: 0 auto -2.5em;
487 text-align: right;
488 border-bottom:1px dotted #000;
489}
490
491#sort li {
492 display: inline-block;
493 vertical-align: top;
494 position: relative;
495 top: -0.1em;
496 margin-left: 1em;
497}
498
499#sort li img {
500 display: none;
501}
502
503#sort a {
504 display: inline-block;
505 font-family: 'fontello';
506 color:#000;
507 text-decoration: none;
508}
509
510#sort a:hover, #sort a:focus {
511 text-decoration: underline;
512}
513
514#sort a:before {
515 display: block;
516}
517
518#sort li a:first-child:before {
519 content: '\e809';
520}
521
522#sort li a:first-child + a:before {
523 content: '\e80b';
524}
525
526@media screen and (max-width: 860px) {
527 .entrie, #article {
528 width: 30em;
529 }
530}
531
532@media screen and (max-width: 650px) {
533 #menuContainer ul, #article_toolbar ul {
534 width: 120px;
535 height: 100%;
536 }
537
538 body > header {
539 position: static;
540 }
541
542 #main {
543 padding: 0 0.5em 6em;
544 }
545
546 #menu {
547 display: none;
548 }
549
550 #main:before {
551 content:none;
552 }
553
554 #menuContainer, #article_toolbar, #menuContainer ul, #article_toolbar ul {
555 position: static;
556 width: 100%;
557 height: auto;
558 }
559
560 #links li a, #article_toolbar a {
561 position: static;
562 color: #000;
563 }
564
565 #links li a {
566 padding: 1em;
567 min-width: 120px;
568 text-align: left;
569 }
570
571 #article_toolbar li {
572 margin-bottom: 1em;
573 margin-left: 0.5em;
574 }
575
576}
577
578@media screen and (max-width: 500px) {
579 .entrie, #article {
580 width: 17em;
581 }
582 .entrie h2 {
583 width: 100%;
584 max-width: none;
585 }
586 .entrie h2 a:hover, .entrie h2 a:focus {
587 padding-left: 1em;
588 background: #FFF;
589 color: #000;
590 }
591 .entrie h2:after {
592 content:none;
593 }
594
595 .messages {
596 width: 100%!important;
597 }
598
599 #sort {
600 margin: 3em auto 0;
601 max-width: none;
602 text-align: center;
603 }
604 #config {
605 margin: 7em auto 0;
606 max-width: none;
607 }
608 #config label { width: 100%; }
609 .results {
610 max-width: none;
611 margin-bottom: 1em;
612 }
613
614 footer p:first-child {
615 float: none;
616 }
617 footer {
618 position:static;
619 }
620}