annotate basic.css @ 135:8425fcd3fc25

Adjust language selector.
author Matti Hamalainen <ccr@tnsp.org>
date Mon, 04 Sep 2017 14:37:33 +0300
parents 956cafa61b91
children c69e9b3f3046
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
1 body {
120
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
2 color: white;
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
3 background: #121;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
4 font-family: Verdana, Arial, helvetica, sans-serif;
120
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
5 font-size: 12px;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
6 margin: 0;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
7 padding: 0;
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
8 }
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
9
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
10 a {
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
11 color: white;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
12 }
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
13
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
14 a:hover {
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
15 text-decoration: none;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
16 color: yellow;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
17 text-shadow: 1px 1px 2px #000;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
18 }
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
19
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
20
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
21 #contents {
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
22 padding: 0.5em;
120
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
23 margin: 0em;
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
24 }
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
25
82
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
26 h1 {
123
956cafa61b91 Adjust.
Matti Hamalainen <ccr@tnsp.org>
parents: 121
diff changeset
27 font-size: 1.5em;
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
28 font-family: helvetica;
120
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
29 margin: 0;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
30 padding: 0.25em;
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
31 color: white;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
32 text-shadow: 2px 2px 2px #000;
120
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
33 background: #787;
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
34
120
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
35 border-top-left-radius: 0.25em;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
36 border-top-right-radius: 0.25em;
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
37 }
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
38
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
39
120
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
40 #pageInfoHeader {
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
41 background: #565;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
42 margin: 0;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
43 padding: 0.25em;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
44
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
45 border-top-left-radius: 0.5em;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
46 border-top-right-radius: 0.5em;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
47 box-shadow: 0px -4px 4px black;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
48 }
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
49
102
f8e6e0f2471d Use CSS id instead of generic selector.
Matti Hamalainen <ccr@tnsp.org>
parents: 94
diff changeset
50 #pageInfoFooter {
120
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
51 background: #565;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
52 margin: 0;
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
53 padding: 0.25em;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
54 text-align: right;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
55 font-size: 0.75em;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
56 text-shadow: 1px 1px 1px black;
120
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
57
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
58 border-bottom-left-radius: 0.5em;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
59 border-bottom-right-radius: 0.5em;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
60 box-shadow: 0px 5px 4px black;
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
61 }
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
62
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
63
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
64 /*
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
65 * Albums
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
66 */
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
67 div.albumHeaderText {
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
68 padding: 0.5em;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
69 font-size: 1.25em;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
70 }
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
71
20
12916fcdb8b8 Improve the non-tabled mode.
Matti Hamalainen <ccr@tnsp.org>
parents: 18
diff changeset
72 .galleryTable {
104
d7cc5c0ca1b5 Some CSS adjustments.
Matti Hamalainen <ccr@tnsp.org>
parents: 102
diff changeset
73 display: flex;
d7cc5c0ca1b5 Some CSS adjustments.
Matti Hamalainen <ccr@tnsp.org>
parents: 102
diff changeset
74 flex-wrap: wrap;
d7cc5c0ca1b5 Some CSS adjustments.
Matti Hamalainen <ccr@tnsp.org>
parents: 102
diff changeset
75 align-items: center;
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
76 width: 100%;
120
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
77 background: #454;
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
78 }
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
79
120
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
80 div.galleryEntry {
42
002c19b4618b Add minimum width for image cells.
Matti Hamalainen <ccr@tnsp.org>
parents: 40
diff changeset
81 min-width: 145px;
120
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
82 width: 15em;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
83 padding: 1em;
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
84 text-align: center;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
85 }
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
86
120
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
87 div.galleryEntry img {
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
88 min-width: 145px;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
89 width: 100%;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
90 }
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
91
20
12916fcdb8b8 Improve the non-tabled mode.
Matti Hamalainen <ccr@tnsp.org>
parents: 18
diff changeset
92 .albumTable {
120
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
93 border-bottom: 1px solid black;
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
94 }
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
95
20
12916fcdb8b8 Improve the non-tabled mode.
Matti Hamalainen <ccr@tnsp.org>
parents: 18
diff changeset
96 .galleryTable a, .galleryTable a:visited {
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
97 text-decoration: none;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
98 color: white;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
99 outline: 0;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
100 }
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
101
20
12916fcdb8b8 Improve the non-tabled mode.
Matti Hamalainen <ccr@tnsp.org>
parents: 18
diff changeset
102 .galleryTable a:hover, .galleryTable a:active, .galleryTable a:focus {
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
103 text-shadow: 1px 1px 2px #000;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
104 text-decoration: underline;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
105 color: #f00;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
106 }
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
107
91
f6e77f23c30b Apply some CSS settings more globally, not specific to div-elements only.
Matti Hamalainen <ccr@tnsp.org>
parents: 88
diff changeset
108 .galleryTable .galleryEntry {
20
12916fcdb8b8 Improve the non-tabled mode.
Matti Hamalainen <ccr@tnsp.org>
parents: 18
diff changeset
109 display: inline-block;
12916fcdb8b8 Improve the non-tabled mode.
Matti Hamalainen <ccr@tnsp.org>
parents: 18
diff changeset
110 vertical-align: middle;
12916fcdb8b8 Improve the non-tabled mode.
Matti Hamalainen <ccr@tnsp.org>
parents: 18
diff changeset
111 }
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
112
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
113
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
114 /*
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
115 *
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
116 */
120
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
117 div.imageBox {
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
118 text-align: center;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
119 }
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
120
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
121 div.imageBox img, div.imageCtrl img {
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
122 border: 0.2em solid black;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
123 border-radius: 0.3em;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
124 }
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
125
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
126 div.imageBox a:hover img, div.imageBox a:active img, div.imageBox a:focus img,
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
127 div.imageCtrl a:hover img, div.imageCtrl a:active img, div.imageCtrl a:focus img {
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
128 border: 0.2em solid white;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
129 }
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
130
91
f6e77f23c30b Apply some CSS settings more globally, not specific to div-elements only.
Matti Hamalainen <ccr@tnsp.org>
parents: 88
diff changeset
131 .galleryEntry div.imageBox img {
120
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
132 box-shadow: 2px 2px 4px -2px black;
82
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
133 }
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
134
18
8c1599a30120 CSS improvements.
Matti Hamalainen <ccr@tnsp.org>
parents: 3
diff changeset
135 img.albumIcon {
8c1599a30120 CSS improvements.
Matti Hamalainen <ccr@tnsp.org>
parents: 3
diff changeset
136 border: 0.2em solid black;
21
1597dc762f14 Cleanups.
Matti Hamalainen <ccr@tnsp.org>
parents: 20
diff changeset
137 border-radius: 0.6em;
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
138 box-shadow: 0px 0px 4px black;
18
8c1599a30120 CSS improvements.
Matti Hamalainen <ccr@tnsp.org>
parents: 3
diff changeset
139 }
8c1599a30120 CSS improvements.
Matti Hamalainen <ccr@tnsp.org>
parents: 3
diff changeset
140
8c1599a30120 CSS improvements.
Matti Hamalainen <ccr@tnsp.org>
parents: 3
diff changeset
141 a:hover img.albumIcon, a:active img.albumIcon, a:focus img.albumIcon {
8c1599a30120 CSS improvements.
Matti Hamalainen <ccr@tnsp.org>
parents: 3
diff changeset
142 border: 0.2em solid white;
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
143 }
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
144
82
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
145 #imageCBox {
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
146 position: relative;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
147 }
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
148
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
149 div.imageCtrl {
120
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
150 position: absolute;
82
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
151 min-width: 150px;
104
d7cc5c0ca1b5 Some CSS adjustments.
Matti Hamalainen <ccr@tnsp.org>
parents: 102
diff changeset
152 width: 14%;
82
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
153 top: 0;
120
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
154 bottom: 0;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
155 background: rgba(0,0,0, 0.35);
82
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
156 }
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
157
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
158 div.imageCtrl.next, div.imageCtrl.nextBtm {
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
159 right: 0;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
160 }
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
161
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
162
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
163 div.imageCtrl.prev, div.imageCtrl.prevBtm {
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
164 left: 0;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
165 }
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
166
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
167
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
168 div.imageCtrl a {
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
169 display: block;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
170 position: absolute;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
171 top: 0;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
172 bottom: 0;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
173 left: 0;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
174 right: 0;
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
175 }
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
176
82
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
177 div.imageCtrl a img {
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
178 position: relative;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
179 display: block;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
180 margin: auto;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
181 }
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
182
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
183
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
184 div.imageCtrl.nextBtm, div.imageCtrl.prevBtm {
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
185 z-index: 1;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
186 }
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
187
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
188 div.imageCtrl.prev, div.imageCtrl.next {
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
189 opacity: 0;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
190 transition: opacity 0.15s linear;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
191 z-index: 10;
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
192 }
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
193
82
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
194 div.imageCtrl.prev:hover, div.imageCtrl.next:hover {
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
195 opacity: 1;
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
196 }
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
197
82
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
198
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
199 #imageImage {
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
200 position: relative;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
201 z-index: 5;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
202 max-width: 100%;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
203 max-height: 100%;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
204 }
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
205
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
206 div.imageCtrl * img {
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
207 position: absolute;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
208 top: 40%;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
209 }
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
210
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
211
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
212
120
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
213 div.albumTitle, div.imageCaption {
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
214 text-align: center;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
215 text-shadow: 1px 1px 2px black;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
216 padding: 0.5em;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
217 }
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
218
24
7f5209a6f7e0 Cosmetics.
Matti Hamalainen <ccr@tnsp.org>
parents: 21
diff changeset
219 .galleryEntry div.imageCaption {
120
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
220 font-size: 1.25em;
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
221 }
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
222
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
223
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
224 div.infoBox {
82
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
225 position: absolute;
120
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
226 bottom: 0;
82
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
227 left: 1em;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
228 right: 1em;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
229 height: auto;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
230 min-height: 5em;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
231 background: rgba(0,0,0, 0.5);
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
232
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
233 text-align: center;
120
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
234 margin: 0;
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
235 padding: 0.5em;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
236 border: 0.2em solid white;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
237 border-radius: 0.5em;
82
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
238
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
239 opacity: 0;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
240 z-index: 12;
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
241 }
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
242
82
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
243 div.infoBox:hover {
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
244 opacity: 1;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
245 }
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
246
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
247
94
1e9a6e773627 Improve best quality/"full size" link CSS styling.
Matti Hamalainen <ccr@tnsp.org>
parents: 91
diff changeset
248 #imageLink {
1e9a6e773627 Improve best quality/"full size" link CSS styling.
Matti Hamalainen <ccr@tnsp.org>
parents: 91
diff changeset
249 position: absolute;
1e9a6e773627 Improve best quality/"full size" link CSS styling.
Matti Hamalainen <ccr@tnsp.org>
parents: 91
diff changeset
250 left: 0;
1e9a6e773627 Improve best quality/"full size" link CSS styling.
Matti Hamalainen <ccr@tnsp.org>
parents: 91
diff changeset
251 right: 0;
1e9a6e773627 Improve best quality/"full size" link CSS styling.
Matti Hamalainen <ccr@tnsp.org>
parents: 91
diff changeset
252 bottom: 0;
1e9a6e773627 Improve best quality/"full size" link CSS styling.
Matti Hamalainen <ccr@tnsp.org>
parents: 91
diff changeset
253 background: white;
1e9a6e773627 Improve best quality/"full size" link CSS styling.
Matti Hamalainen <ccr@tnsp.org>
parents: 91
diff changeset
254 color: black;
1e9a6e773627 Improve best quality/"full size" link CSS styling.
Matti Hamalainen <ccr@tnsp.org>
parents: 91
diff changeset
255 text-shadow: none;
1e9a6e773627 Improve best quality/"full size" link CSS styling.
Matti Hamalainen <ccr@tnsp.org>
parents: 91
diff changeset
256 text-decoration: none;
1e9a6e773627 Improve best quality/"full size" link CSS styling.
Matti Hamalainen <ccr@tnsp.org>
parents: 91
diff changeset
257 font-size: 1.25em;
1e9a6e773627 Improve best quality/"full size" link CSS styling.
Matti Hamalainen <ccr@tnsp.org>
parents: 91
diff changeset
258 }
1e9a6e773627 Improve best quality/"full size" link CSS styling.
Matti Hamalainen <ccr@tnsp.org>
parents: 91
diff changeset
259
1e9a6e773627 Improve best quality/"full size" link CSS styling.
Matti Hamalainen <ccr@tnsp.org>
parents: 91
diff changeset
260
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
261 span.infoDateTime {
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
262 display: block;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
263 color: white;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
264 font-weight: bold;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
265 text-shadow: 1px 1px 2px black;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
266 }
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
267
40
cac085f8f4ab Add comment.
Matti Hamalainen <ccr@tnsp.org>
parents: 24
diff changeset
268
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
269 /*
40
cac085f8f4ab Add comment.
Matti Hamalainen <ccr@tnsp.org>
parents: 24
diff changeset
270 * Navigation controls
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
271 */
3
c85f630a4198 Improve bread crumb navigation by making the current album a link as well.
Matti Hamalainen <ccr@tnsp.org>
parents: 0
diff changeset
272 .naviBreadCrumbItem {
c85f630a4198 Improve bread crumb navigation by making the current album a link as well.
Matti Hamalainen <ccr@tnsp.org>
parents: 0
diff changeset
273 }
c85f630a4198 Improve bread crumb navigation by making the current album a link as well.
Matti Hamalainen <ccr@tnsp.org>
parents: 0
diff changeset
274
c85f630a4198 Improve bread crumb navigation by making the current album a link as well.
Matti Hamalainen <ccr@tnsp.org>
parents: 0
diff changeset
275 .naviBreadCrumbCurr {
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
276 color: red;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
277 }
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
278
3
c85f630a4198 Improve bread crumb navigation by making the current album a link as well.
Matti Hamalainen <ccr@tnsp.org>
parents: 0
diff changeset
279 .naviBreadCrumbSep:before {
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
280 content: " → ";
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
281 color: #0f0;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
282 font-weight: bold;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
283 font-size: 1.5em;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
284 }
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
285
118
6739c52e110c Change naviBreadCrumbs to CSS id instead of class.
Matti Hamalainen <ccr@tnsp.org>
parents: 116
diff changeset
286 #naviBreadCrumbs {
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
287 text-shadow: 1px 1px 1px black;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
288 padding: 0.5em;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
289 padding-top: 0;
120
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
290 font-size: 1.25em;
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
291
120
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
292 background: #676;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
293 box-shadow: 0px 2px 4px -4px black;
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
294 }
44
bc9da3b71888 Implement imgur-style image zoom/de-zoom via image click/enter.
Matti Hamalainen <ccr@tnsp.org>
parents: 42
diff changeset
295
bc9da3b71888 Implement imgur-style image zoom/de-zoom via image click/enter.
Matti Hamalainen <ccr@tnsp.org>
parents: 42
diff changeset
296
48
5a2dd41ff7ad Initial implementation of language selector.
Matti Hamalainen <ccr@tnsp.org>
parents: 44
diff changeset
297 #languages {
5a2dd41ff7ad Initial implementation of language selector.
Matti Hamalainen <ccr@tnsp.org>
parents: 44
diff changeset
298 position: absolute;
135
8425fcd3fc25 Adjust language selector.
Matti Hamalainen <ccr@tnsp.org>
parents: 123
diff changeset
299 right: 0.5em;
8425fcd3fc25 Adjust language selector.
Matti Hamalainen <ccr@tnsp.org>
parents: 123
diff changeset
300 top: 0.5em;
73
5e98fe999fac Adjust language selector CSS.
Matti Hamalainen <ccr@tnsp.org>
parents: 72
diff changeset
301 background: black;
5e98fe999fac Adjust language selector CSS.
Matti Hamalainen <ccr@tnsp.org>
parents: 72
diff changeset
302 border-radius: 0.35em;
135
8425fcd3fc25 Adjust language selector.
Matti Hamalainen <ccr@tnsp.org>
parents: 123
diff changeset
303 padding: 0.5em;
73
5e98fe999fac Adjust language selector CSS.
Matti Hamalainen <ccr@tnsp.org>
parents: 72
diff changeset
304 z-index: 50;
48
5a2dd41ff7ad Initial implementation of language selector.
Matti Hamalainen <ccr@tnsp.org>
parents: 44
diff changeset
305 }
116
7964b6a27f8a Adjust language selection box.
Matti Hamalainen <ccr@tnsp.org>
parents: 110
diff changeset
306
7964b6a27f8a Adjust language selection box.
Matti Hamalainen <ccr@tnsp.org>
parents: 110
diff changeset
307 #languages a {
120
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
308 display: inline-block;
116
7964b6a27f8a Adjust language selection box.
Matti Hamalainen <ccr@tnsp.org>
parents: 110
diff changeset
309 padding: 0.5em;
120
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
310 margin: 0.1em;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
311 background: white;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
312 color: black;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
313 border-radius: 0.35em;
116
7964b6a27f8a Adjust language selection box.
Matti Hamalainen <ccr@tnsp.org>
parents: 110
diff changeset
314 }
120
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
315
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
316
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
317 @media screen and (min-resolution: 150dpi) {
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
318 div.albumTitle, div.imageCaption {
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
319 font-size: 1.5em;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
320 }
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
321
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
322 #contents {
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
323 padding: 0;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
324 margin: 0;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
325 }
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
326
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
327 #languages {
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
328 position: relative;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
329 }
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
330
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
331 #languages a {
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
332 width: 5em;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
333 padding: 1em;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
334 text-align: center;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
335 }
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
336
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
337 #naviBreadCrumbs {
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
338 font-size: 1.6em;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
339 }
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
340
123
956cafa61b91 Adjust.
Matti Hamalainen <ccr@tnsp.org>
parents: 121
diff changeset
341 h1 {
120
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
342 font-size: 1.25em;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
343 }
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
344 }
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
345
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
346
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
347 @media screen and (min-resolution: 150dpi) and (orientation: landscape) {
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
348 body {
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
349 font-size: 18px;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
350 }
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
351
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
352 #pageInfoFooter {
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
353 display: none;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
354 }
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
355 }
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
356
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
357
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
358 @media screen and (min-resolution: 150dpi) and (orientation: portrait) {
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
359 body {
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
360 font-size: 25px;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
361 }
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
362
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
363 div.galleryEntry {
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
364 width: 40%;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
365 }
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
366 }