« back to all changes in this revision
Viewing changes to themes/inverted/SHARED_default.tcss
- browse files at revision 20
- compare with another revision
- download diff
- download tarball
- view history from revision 20
- Committer: Package Import Robot
- Author(s): Michal Čihař, Michal Čihař, Jakub Wilk
- Date: 2013-06-06 12:05:08 UTC
- mfrom: (1.2.13)
- Revision ID: package-import@ubuntu.com-20130606120508-e3g94vl8w9pw7za7
Tags: 0.8-1
[ Michal Čihař ]
* New upstream release.
- Uses new Genshi templates (Closes: #696682).
- Correctly handles wronly encoded artist in EXIF (Closes: #696648).
- Uses GExiv2 (LP: #1074028).
* Depend on GExiv2 instead of pyexiv2.
* Bump standards to 3.9.4.
* Use debhelper 9.
[ Jakub Wilk ]
* Use canonical URIs for Vcs-* fields.
* New upstream release.
- Uses new Genshi templates (Closes: #696682).
- Correctly handles wronly encoded artist in EXIF (Closes: #696648).
- Uses GExiv2 (LP: #1074028).
* Depend on GExiv2 instead of pyexiv2.
* Bump standards to 3.9.4.
* Use debhelper 9.
[ Jakub Wilk ]
* Use canonical URIs for Vcs-* fields.
- files added:
- .pc/applied-patches
- themes/inverted
- themes/singlepage
- files removed:
- README
- files modified:
- ChangeLog
added
removed
themes/inverted/SHARED_default.tcss
1
@import url("basic.css");
2
@import url("images_data.css");
3
{% if display_theme_selector %}
4
@import url("simple_theme_dark.css");
5
{% end %}
6
7
/* ============================================================================
8
HTML5 Boilerplate CSS: h5bp.com/css
9
========================================================================== */
10
11
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
12
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
13
audio:not([controls]) { display: none; }
14
[hidden] { display: none; }
15
16
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
17
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
18
body { margin: 0; font-size: 1em; line-height: 1.4; }
19
20
::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
21
::selection { background: #fe57a1; color: #fff; text-shadow: none; }
22
23
a { color: #00e; }
24
a:visited { color: #551a8b; }
25
a:hover { color: #06e; }
26
a:focus { outline: thin dotted; }
27
a:hover, a:active { outline: 0; }
28
29
abbr[title] { border-bottom: 1px dotted; }
30
b, strong { font-weight: bold; }
31
blockquote { margin: 1em 40px; }
32
dfn { font-style: italic; }
33
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
34
ins { background: #ff9; color: #000; text-decoration: none; }
35
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
36
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
37
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
38
q { quotes: none; }
39
q:before, q:after { content: ""; content: none; }
40
small { font-size: 85%; }
41
42
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
43
sup { top: -0.5em; }
44
sub { bottom: -0.25em; }
45
46
/* ul, ol { margin: 1em 0; padding: 0 0 0 40px; } */
47
ul, ol { margin: 0; padding: 0; list-style:none outside none;}
48
dd { margin: 0 0 0 40px; }
49
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
50
51
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
52
53
svg:not(:root) { overflow: hidden; }
54
55
figure { margin: 0; }
56
57
form { margin: 0; }
58
fieldset { border: 0; margin: 0; padding: 0; }
59
label { cursor: pointer; }
60
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
61
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
62
button, input { line-height: normal; }
63
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
64
button[disabled], input[disabled] { cursor: default; }
65
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
66
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
67
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
68
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
69
textarea { overflow: auto; vertical-align: top; resize: vertical; }
70
input:valid, textarea:valid { }
71
input:invalid, textarea:invalid { background-color: #f0dddd; }
72
73
table { border-collapse: collapse; border-spacing: 0; }
74
td { vertical-align: top; }
75
76
77
/* ===== Primary Styles =======================================================
78
Author: Dobrosław Żybort
79
80
With help of Initializr theme
81
Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
82
========================================================================== */
83
84
/* ===============
85
Light Theme
86
=============== */
87
body {
88
color: #222222;
89
font: 12px Helvetica, Helvetica Neue, Arial;
90
background-color: #F1F1F1;
91
margin-top: 5px;
92
margin-bottom: 5px;
93
text-align: center;
94
}
95
96
.wrapper {
97
width: 90%;
98
margin: 0 5%;
99
}
100
101
a:link {
102
color: #0088CC;
103
text-decoration: none;
104
}
105
106
a:active {
107
color: #0088CC;
108
text-decoration: none;
109
}
110
111
a:visited {
112
color: #0088CC;
113
text-decoration: none;
114
}
115
116
a:hover {
117
color: #0088CC;
118
text-decoration: underline;
119
}
120
121
#header_container {
122
border-bottom: 20px solid transparent;
123
}
124
125
h1#site_title {
126
color: black;
127
margin: 10px 0;
128
}
129
130
#main,
131
#media_options {
132
padding: 15px 0;
133
}
134
135
#main article h1 {
136
font-size:2em;
137
}
138
139
#footer_container {
140
border-top: 20px solid transparent;
141
}
142
143
::-moz-selection {
144
background: #4488ee;
145
color: #fff;
146
text-shadow: none;
147
}
148
149
::selection {
150
background: #4488ee;
151
color: #fff;
152
text-shadow: none;
153
}
154
155
/* ===============
156
ALL: IE Fixes
157
=============== */
158
.ie7 h1#site_title { padding-top:20px; }
159
160
/* ===============
161
Main site content
162
=============== */
163
header,
164
#main,
165
#media_options,
166
footer {
167
background-color: #FFFFFF;
168
border: 1px solid #D7D7D7;
169
border-radius: 6px 6px 6px 6px;
170
171
-webkit-box-shadow: 0 2px 5px 0 #CCCCCC;
172
box-shadow: 0 2px 5px 0 #CCCCCC;
173
display: inline-block;
174
}
175
176
.album_description {
177
margin: auto;
178
padding: 0 10px 10px;
179
width: 90%;
180
}
181
182
/* ===============
183
Breadcrumbs
184
=============== */
185
.breadcrumbs {
186
margin: auto;
187
width: 90%;
188
font-size: 10px;
189
text-align: left;
190
}
191
192
.breadcrumbs ul {
193
list-style: none;
194
background: #F1F1F1;
195
border-width: 1px;
196
border-style: solid;
197
border-color: #cccccc;
198
border-radius: 6px;
199
200
-webkit-box-shadow: inset 0 2px 5px 0 rgba(0,0,0,.2);
201
box-shadow: inset 0 2px 5px 0 rgba(0,0,0,.2);
202
overflow: hidden;
203
width: 100%;
204
}
205
206
.breadcrumbs ul li {
207
float: left;
208
}
209
210
.breadcrumbs ul li a:hover {
211
border-color: #cccccc;
212
213
-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.2);
214
box-shadow: 0 2px 5px 0 rgba(0,0,0,.2);
215
}
216
217
.breadcrumbs ul li a,
218
.breadcrumbs ul li span {
219
padding: 0.7em 0.7em 0.7em 0.7em;
220
float: left;
221
text-decoration: none;
222
color: #444;
223
position: relative;
224
text-shadow: 0 1px 0 rgba(255,255,255,.5);
225
}
226
227
.breadcrumbs ul li a:hover {
228
background: #fff;
229
}
230
231
.breadcrumbs ul li:first-child a:hover {
232
border-radius: 6px 0px 0px 6px;
233
} /* Chrome fix */
234
235
.breadcrumbs ul .bc_current,
236
.breadcrumbs ul .bc_current:hover {
237
font-weight: bold;
238
background: none;
239
}
240
241
.breadcrumbs ul .bc_current::after,
242
.breadcrumbs ul .bc_current::before {
243
content: normal;
244
}
245
246
/* ===============
247
Image size select
248
=============== */
249
.image_size {
250
padding-top: 15px;
251
padding-bottom: 5px;
252
text-align: center;
253
}
254
255
.image_size li {
256
display: inline;
257
}
258
259
.image_size ul li:after {
260
content: " |";
261
}
262
263
.image_size ul li:last-child:after {
264
content: "";
265
}
266
267
/* ===============
268
Pagination
269
=============== */
270
.pagination {
271
line-height: 2em;
272
margin: auto;
273
padding-top: 15px;
274
padding-bottom: 0px;
275
text-align: center;
276
width: 90%;
277
}
278
279
.pagination li {
280
display: inline;
281
}
282
283
.pagination a {
284
padding: 2px 5px 2px 5px;
285
margin-right: 2px;
286
border: 1px solid #ddd;
287
text-decoration: none;
288
color: #aaa;
289
}
290
291
.pagination a:hover,
292
.pagination a:active {
293
padding: 2px 5px 2px 5px;
294
margin-right: 2px;
295
border: 1px solid #a0a0a0;
296
}
297
298
.pagination span.pg_current {
299
padding: 2px 5px 2px 5px;
300
margin-right: 2px;
301
border: 1px solid #e0e0e0;
302
font-weight: bold;
303
background-color: #cfcfcf;
304
color: #444;
305
}
306
307
.pagination span.pg_disabled {
308
padding: 2px 5px 2px 5px;
309
margin-right: 2px;
310
border: 1px solid #f3f3f3;
311
color: #ccc;
312
}
313
314
/* ===============
315
List of sub-galleries
316
=============== */
317
.sub_gallery_link {
318
-webkit-box-sizing: border-box;
319
-moz-box-sizing: border-box;
320
-ms-box-sizing: border-box;
321
box-sizing: border-box;
322
background-color: #FFFFFF;
323
border-color: #DCDCDC #DCDCDC #E1E1E1;
324
border-radius: 0 0 0 0;
325
border-style: solid;
326
border-width: 0 0 1px;
327
display: inline-block;
328
padding-bottom: 20px;
329
padding-top: 20px;
330
text-align: left;
331
width: 90%;
332
}
333
334
.sub_gallery_image img {
335
-webkit-box-sizing: border-box;
336
-moz-box-sizing: border-box;
337
-ms-box-sizing: border-box;
338
box-sizing: border-box;
339
background-color: #FFFFFF;
340
border: 0 solid #666666;
341
border-radius: 0 0 0 0;
342
display: inline-block;
343
float: left;
344
padding: 0;
345
text-align: left;
346
}
347
348
.sub_gallery_name {
349
display: table;
350
}
351
352
h4.sub_gallery_name {
353
font-size: 18px;
354
font-weight: bold;
355
}
356
357
h4.sub_gallery_name a:link {
358
color: #000000;
359
font-weight: bold;
360
text-decoration: none;
361
}
362
363
h4.sub_gallery_name a:active {
364
color: #000000;
365
font-weight: bold;
366
text-decoration: none;
367
}
368
369
h4.sub_gallery_name a:visited {
370
color: #000000;
371
font-weight: bold;
372
text-decoration: none;
373
}
374
375
h4.sub_gallery_name a:hover {
376
color: #000000;
377
font-weight: bold;
378
text-decoration: underline;
379
}
380
381
.sub_gallery_stats {
382
color: #333333;
383
font-size: 10px;
384
}
385
386
.sub_gallery_description {
387
color: #333333;
388
font-size: 14px;
389
}
390
391
/* ===============
392
Thumbs
393
=============== */
394
#media_thumbs {
395
margin-top: 15px;
396
}
397
398
.thumb_image {
399
-webkit-box-sizing: border-box;
400
-moz-box-sizing: border-box;
401
-ms-box-sizing: border-box;
402
box-sizing: border-box;
403
background-color: #F1F1F1;
404
border: 1px solid #DCDCDC;
405
border-radius: 6px 6px 6px 6px;
406
display: inline-block;
407
margin: 5px;
408
padding: 10px;
409
text-align: left;
410
}
411
412
.thumb_image:hover {
413
background-color: #F7F7F7;
414
415
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
416
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
417
}
418
419
.image_file:hover {
420
background-color: #F1F1F1;
421
}
422
423
/* ===============
424
Big image
425
=============== */
426
#image_container,
427
#video_container {
428
margin: 0px auto;
429
}
430
431
.image_position,
432
.video_position {
433
position: relative;
434
margin: 10px 0px;
435
text-align: center;
436
}
437
438
.image_file {
439
background-color: #FFFFFF;
440
border: 1px solid #D7D7D7;
441
border-radius: 6px 6px 6px 6px;
442
443
-webkit-box-shadow: 5px 0 5px -5px #CCCCCC, -5px 0 5px -5px #CCCCCC;
444
box-shadow: 5px 0 5px -5px #CCCCCC, -5px 0 5px -5px #CCCCCC;
445
padding: 10px;
446
}
447
448
#image_caption {
449
border-radius: 6px;
450
background-color: #f9f9f9;
451
border: 1px solid #d6d6d6;
452
display: inline-block;
453
font-size: 13px;
454
margin: 10px auto 0;
455
padding: 10px;
456
width: 85%;
457
}
458
459
.image_comment {
460
margin: 5px 0;
461
}
462
463
.image_original_link {
464
margin: 5px 0;
465
}
466
467
.image_date,
468
.authorship,
469
.image_caption_tech {
470
text-align: left;
471
}
472
473
.image_caption_tech ul {
474
list-style: disc outside none;
475
padding: 5px 20px;
476
}
477
478
/* ===============
479
Previous/Next image links
480
=============== */
481
.prevnext {
482
margin: 0px 15px;
483
}
484
485
.prevnext_text {
486
display: none;
487
}
488
489
#prev_link {
490
position: relative;
491
float: left;
492
left: 0.1em;
493
}
494
495
#next_link {
496
position: relative;
497
float: right;
498
right: 0.1em;
499
}
500
501
/* ===============
502
Zipped folder
503
=============== */
504
.directory_zip {
505
margin-top: 15px;
506
}
507
508
.zip_link {
509
padding: 0px 5px;
510
}
511
512
/* ===============
513
Footer
514
=============== */
515
.footer {
516
font-size: 12px;
517
overflow: auto;
518
color: #666666;
519
margin-bottom: 10px;
520
}
521
522
.footer_info {
523
margin: auto;
524
width: 75%;
525
padding: 0 10px;
526
}
527
528
/* ===============
529
Simple themes
530
=============== */
531
.simple_theme {
532
display: table;
533
width: 20%;
534
padding: 0;
535
margin: auto;
536
}
537
538
.simple_theme li {
539
display: table-cell;
540
padding: 0 2px;
541
}
542
543
.theme_loader {
544
display: table-cell;
545
padding: 10px 0;
546
margin: 10px 1.7%;
547
margin-bottom: 0;
548
min-width: 80px;
549
text-align: center;
550
text-decoration: none;
551
font-weight: bold;
552
}
553
554
.theme_loader:hover {
555
text-decoration: underline;
556
}
557
558
.light_theme {
559
color: #0088CC;
560
background-color: #F1F1F1;
561
border: 1px solid #D7D7D7;
562
border-radius: 6px 6px 0px 0px;
563
564
-webkit-box-shadow: 0 2px 5px 0 #CCCCCC;
565
box-shadow: 0 2px 5px 0 #CCCCCC;
566
}
567
568
a.light_theme,
569
a.light_theme:hover {
570
color: #0088CC;
571
}
572
573
.dark_theme {
574
color: #FF7733;
575
background-color: #0e0e0e;
576
border: 1px solid #282828;
577
border-radius: 6px 6px 0px 0px;
578
579
-webkit-box-shadow: 0 2px 5px 0 #333333;
580
box-shadow: 0 2px 5px 0 #333333;
581
}
582
583
a.dark_theme,
584
a.dark_theme:hover {
585
color: #FF7733;
586
}
587
588
589
/* ============================================================================
590
Media Queries
591
========================================================================== */
592
593
@media only screen and (min-width: 480px) {
594
595
/* ====================
596
INTERMEDIATE: Menu
597
==================== */
598
599
nav a {
600
float:left;
601
width:27%;
602
padding:25px 2%;
603
margin-bottom:0;
604
}
605
606
nav li:first-child a{ margin-left:0; }
607
nav li:last-child a{ margin-right:0; }
608
609
.simple_theme li:first-child .theme_loader{ margin-left:0; }
610
.simple_theme li:last-child .theme_loader{ margin-right:0; }
611
612
.theme_loader {
613
min-width:150px;
614
}
615
616
/* ========================
617
INTERMEDIATE: IE Fixes
618
======================== */
619
620
nav ul li {
621
display:inline;
622
}
623
.oldie nav a {
624
margin:0 0.7%;
625
}
626
627
}
628
629
@media only screen and (min-width: 768px) {
630
631
/* ============
632
WIDE: Menu
633
============ */
634
635
h1#site_title {
636
padding: 0 10px;
637
}
638
639
nav {
640
float:right;
641
width:38%;
642
}
643
644
/* ============
645
WIDE: Main
646
============ */
647
648
#main article {
649
float:left;
650
width:57%;
651
}
652
653
#main aside {
654
float:right;
655
width:28%;
656
}
657
}
658
659
@media only screen and (min-width: 1140px) {
660
661
/* ===============
662
Maximal Width
663
=============== */
664
665
.wrapper {
666
width:1026px; /* 1140px - 10% for margins */
667
margin:0 auto;
668
}
669
}
670
671
/* ============================================================================
672
Non-Semantic Helper Classes
673
========================================================================== */
674
675
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
676
.ir br { display: none; }
677
.hidden { display: none !important; visibility: hidden; }
678
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
679
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
680
.invisible { visibility: hidden; }
681
.clearfix:before, .clearfix:after { content: ""; display: table; }
682
.clearfix:after { clear: both; }
683
.clearfix { *zoom: 1; }
684
685
/* ============================================================================
686
Print Styles
687
========================================================================== */
688
689
@media print {
690
* { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
691
a, a:visited { text-decoration: underline; }
692
a[href]:after { content: " (" attr(href) ")"; }
693
abbr[title]:after { content: " (" attr(title) ")"; }
694
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
695
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
696
thead { display: table-header-group; } /* h5bp.com/t */
697
tr, img { page-break-inside: avoid; }
698
img { max-width: 100% !important; }
699
@page { margin: 0.5cm; }
700
p, h2, h3 { orphans: 3; widows: 3; }
701
h2, h3 { page-break-after: avoid; }
702
}
Loggerhead is a web-based interface for Breezy
Version: 2.0.1