annotate basic.css @ 178:fa0a19123601

Remove possibly useless max-width/height definitions.
author Matti Hamalainen <ccr@tnsp.org>
date Wed, 14 Mar 2018 01:48:58 +0200
parents 724fac3d21e9
children ff99168270e5
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
138
c69e9b3f3046 Rename CSS "contents" element ID to "pageContents".
Matti Hamalainen <ccr@tnsp.org>
parents: 135
diff changeset
21 #pageContents {
152
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
22 padding: 0;
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
23 margin: 0;
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
150
28a2b6e6b527 Cosmetics.
Matti Hamalainen <ccr@tnsp.org>
parents: 144
diff changeset
26
82
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
27 h1 {
123
956cafa61b91 Adjust.
Matti Hamalainen <ccr@tnsp.org>
parents: 121
diff changeset
28 font-size: 1.5em;
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
29 font-family: helvetica;
120
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
30 margin: 0;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
31 padding: 0.25em;
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
32 color: white;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
33 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
34 background: #787;
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
35
120
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
36 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
37 border-top-right-radius: 0.25em;
0
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
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
40
120
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
41 #pageInfoHeader {
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
42 background: #565;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
43 margin: 0;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
44 padding: 0.25em;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
45
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
46 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
47 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
48 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
49 }
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
50
102
f8e6e0f2471d Use CSS id instead of generic selector.
Matti Hamalainen <ccr@tnsp.org>
parents: 94
diff changeset
51 #pageInfoFooter {
152
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
52 position: fixed;
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
53 bottom: 0;
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
54 left: 0;
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
55 right: 0;
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
56
120
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
57 background: #565;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
58 margin: 0;
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
59 padding: 0.25em;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
60 text-align: right;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
61 font-size: 0.75em;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
62 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
63
152
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
64 z-index: 12;
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
65 }
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
66
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
67
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
68 div.imagePageHeader {
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
69 position: fixed;
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
70
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
71 z-index: 12;
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
72
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
73 top: 0;
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
74 left: 0;
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
75 right: 0;
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
76 }
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
77
168
ba02d12cb4be Add "up" navigation button, to go back to the main gallery from image page.
Matti Hamalainen <ccr@tnsp.org>
parents: 156
diff changeset
78 #pageInfoButton, #pageUpNaviButton {
ba02d12cb4be Add "up" navigation button, to go back to the main gallery from image page.
Matti Hamalainen <ccr@tnsp.org>
parents: 156
diff changeset
79 display: block;
ba02d12cb4be Add "up" navigation button, to go back to the main gallery from image page.
Matti Hamalainen <ccr@tnsp.org>
parents: 156
diff changeset
80 text-decoration: none;
152
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
81 position: fixed;
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
82 top: 0.25em;
176
d7d773f6b246 Adjust hovering control button positions, size and opacity.
Matti Hamalainen <ccr@tnsp.org>
parents: 168
diff changeset
83 left: 0.15em;
152
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
84 z-index: 30;
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
85
176
d7d773f6b246 Adjust hovering control button positions, size and opacity.
Matti Hamalainen <ccr@tnsp.org>
parents: 168
diff changeset
86 text-align: center;
d7d773f6b246 Adjust hovering control button positions, size and opacity.
Matti Hamalainen <ccr@tnsp.org>
parents: 168
diff changeset
87 width: 1em;
d7d773f6b246 Adjust hovering control button positions, size and opacity.
Matti Hamalainen <ccr@tnsp.org>
parents: 168
diff changeset
88 height: 1em;
152
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
89 font-size: 1.25em;
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
90
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
91 background: black;
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
92 color: white;
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
93
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
94 border: 0.2em solid white;
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
95 border-radius: 0.3em;
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
96 padding: 1em;
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
97 }
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
98
168
ba02d12cb4be Add "up" navigation button, to go back to the main gallery from image page.
Matti Hamalainen <ccr@tnsp.org>
parents: 156
diff changeset
99 #pageInfoButton:hover, #pageUpNaviButton:hover {
152
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
100 background: white;
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
101 color: black;
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
102 }
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
103
168
ba02d12cb4be Add "up" navigation button, to go back to the main gallery from image page.
Matti Hamalainen <ccr@tnsp.org>
parents: 156
diff changeset
104 #pageUpNaviButton {
176
d7d773f6b246 Adjust hovering control button positions, size and opacity.
Matti Hamalainen <ccr@tnsp.org>
parents: 168
diff changeset
105 top: 4em;
168
ba02d12cb4be Add "up" navigation button, to go back to the main gallery from image page.
Matti Hamalainen <ccr@tnsp.org>
parents: 156
diff changeset
106 }
ba02d12cb4be Add "up" navigation button, to go back to the main gallery from image page.
Matti Hamalainen <ccr@tnsp.org>
parents: 156
diff changeset
107
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
108 /*
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
109 * Albums
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
110 */
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
111 div.albumHeaderText {
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
112 padding: 0.5em;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
113 font-size: 1.25em;
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
20
12916fcdb8b8 Improve the non-tabled mode.
Matti Hamalainen <ccr@tnsp.org>
parents: 18
diff changeset
116 .galleryTable {
143
be2e9d5e127d Fix CSS so that use_tables actually works with the default example CSS.
Matti Hamalainen <ccr@tnsp.org>
parents: 139
diff changeset
117 align-items: center;
be2e9d5e127d Fix CSS so that use_tables actually works with the default example CSS.
Matti Hamalainen <ccr@tnsp.org>
parents: 139
diff changeset
118 justify-content: center;
be2e9d5e127d Fix CSS so that use_tables actually works with the default example CSS.
Matti Hamalainen <ccr@tnsp.org>
parents: 139
diff changeset
119 width: 100%;
be2e9d5e127d Fix CSS so that use_tables actually works with the default example CSS.
Matti Hamalainen <ccr@tnsp.org>
parents: 139
diff changeset
120 background: #454;
156
d5ebb0d9d70f Minor CSS adjustments.
Matti Hamalainen <ccr@tnsp.org>
parents: 155
diff changeset
121 margin-bottom: 1em;
143
be2e9d5e127d Fix CSS so that use_tables actually works with the default example CSS.
Matti Hamalainen <ccr@tnsp.org>
parents: 139
diff changeset
122 }
be2e9d5e127d Fix CSS so that use_tables actually works with the default example CSS.
Matti Hamalainen <ccr@tnsp.org>
parents: 139
diff changeset
123
be2e9d5e127d Fix CSS so that use_tables actually works with the default example CSS.
Matti Hamalainen <ccr@tnsp.org>
parents: 139
diff changeset
124 div.galleryTable {
104
d7cc5c0ca1b5 Some CSS adjustments.
Matti Hamalainen <ccr@tnsp.org>
parents: 102
diff changeset
125 display: flex;
d7cc5c0ca1b5 Some CSS adjustments.
Matti Hamalainen <ccr@tnsp.org>
parents: 102
diff changeset
126 flex-wrap: wrap;
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
127 }
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
128
120
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
129 div.galleryEntry {
42
002c19b4618b Add minimum width for image cells.
Matti Hamalainen <ccr@tnsp.org>
parents: 40
diff changeset
130 min-width: 145px;
120
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
131 width: 15em;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
132 padding: 1em;
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
133 text-align: center;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
134 }
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
135
120
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
136 div.galleryEntry img {
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
137 min-width: 145px;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
138 width: 100%;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
139 }
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
140
20
12916fcdb8b8 Improve the non-tabled mode.
Matti Hamalainen <ccr@tnsp.org>
parents: 18
diff changeset
141 .albumTable {
120
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
142 border-bottom: 1px solid black;
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
20
12916fcdb8b8 Improve the non-tabled mode.
Matti Hamalainen <ccr@tnsp.org>
parents: 18
diff changeset
145 .galleryTable a, .galleryTable a:visited {
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
146 text-decoration: none;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
147 color: white;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
148 outline: 0;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
149 }
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
150
20
12916fcdb8b8 Improve the non-tabled mode.
Matti Hamalainen <ccr@tnsp.org>
parents: 18
diff changeset
151 .galleryTable a:hover, .galleryTable a:active, .galleryTable a:focus {
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
152 text-shadow: 1px 1px 2px #000;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
153 text-decoration: underline;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
154 color: #f00;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
155 }
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
156
143
be2e9d5e127d Fix CSS so that use_tables actually works with the default example CSS.
Matti Hamalainen <ccr@tnsp.org>
parents: 139
diff changeset
157 div.galleryTable .galleryEntry {
20
12916fcdb8b8 Improve the non-tabled mode.
Matti Hamalainen <ccr@tnsp.org>
parents: 18
diff changeset
158 display: inline-block;
12916fcdb8b8 Improve the non-tabled mode.
Matti Hamalainen <ccr@tnsp.org>
parents: 18
diff changeset
159 vertical-align: middle;
12916fcdb8b8 Improve the non-tabled mode.
Matti Hamalainen <ccr@tnsp.org>
parents: 18
diff changeset
160 }
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
161
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
162
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
163 /*
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
164 *
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
165 */
177
724fac3d21e9 Use .imageBox class selector instead of more specific div.imageBox.
Matti Hamalainen <ccr@tnsp.org>
parents: 176
diff changeset
166 .imageBox {
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
167 text-align: center;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
168 }
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
169
177
724fac3d21e9 Use .imageBox class selector instead of more specific div.imageBox.
Matti Hamalainen <ccr@tnsp.org>
parents: 176
diff changeset
170 .imageBox img,
150
28a2b6e6b527 Cosmetics.
Matti Hamalainen <ccr@tnsp.org>
parents: 144
diff changeset
171 div.imageCtrl img {
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
172 border: 0.2em solid black;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
173 border-radius: 0.3em;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
174 }
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
175
177
724fac3d21e9 Use .imageBox class selector instead of more specific div.imageBox.
Matti Hamalainen <ccr@tnsp.org>
parents: 176
diff changeset
176 .imageBox a:hover img, .imageBox a:active img, .imageBox a:focus img,
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
177 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
178 border: 0.2em solid white;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
179 }
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
180
177
724fac3d21e9 Use .imageBox class selector instead of more specific div.imageBox.
Matti Hamalainen <ccr@tnsp.org>
parents: 176
diff changeset
181 .galleryEntry .imageBox img {
120
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
182 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
183 }
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
184
18
8c1599a30120 CSS improvements.
Matti Hamalainen <ccr@tnsp.org>
parents: 3
diff changeset
185 img.albumIcon {
8c1599a30120 CSS improvements.
Matti Hamalainen <ccr@tnsp.org>
parents: 3
diff changeset
186 border: 0.2em solid black;
21
1597dc762f14 Cleanups.
Matti Hamalainen <ccr@tnsp.org>
parents: 20
diff changeset
187 border-radius: 0.6em;
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
188 box-shadow: 0px 0px 4px black;
18
8c1599a30120 CSS improvements.
Matti Hamalainen <ccr@tnsp.org>
parents: 3
diff changeset
189 }
8c1599a30120 CSS improvements.
Matti Hamalainen <ccr@tnsp.org>
parents: 3
diff changeset
190
8c1599a30120 CSS improvements.
Matti Hamalainen <ccr@tnsp.org>
parents: 3
diff changeset
191 a:hover img.albumIcon, a:active img.albumIcon, a:focus img.albumIcon {
8c1599a30120 CSS improvements.
Matti Hamalainen <ccr@tnsp.org>
parents: 3
diff changeset
192 border: 0.2em solid white;
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
193 }
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
194
82
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
195 #imageCBox {
152
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
196 position: absolute;
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
197 top: 0;
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
198 bottom: 0;
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
199 left: 0;
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
200 right: 0;
82
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
201 }
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
202
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
203 div.imageCtrl {
120
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
204 position: absolute;
82
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
205 min-width: 150px;
104
d7cc5c0ca1b5 Some CSS adjustments.
Matti Hamalainen <ccr@tnsp.org>
parents: 102
diff changeset
206 width: 14%;
82
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
207 top: 0;
120
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
208 bottom: 0;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
209 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
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 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
213 right: 0;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
214 }
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
215
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
216
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
217 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
218 left: 0;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
219 }
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
220
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
221
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
222 div.imageCtrl a {
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
223 display: block;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
224 position: absolute;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
225 top: 0;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
226 bottom: 0;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
227 left: 0;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
228 right: 0;
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
229 }
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
230
82
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
231 div.imageCtrl a img {
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
232 position: relative;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
233 display: block;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
234 margin: auto;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
235 }
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
236
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
237
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
238 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
239 z-index: 1;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
240 }
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
241
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
242 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
243 opacity: 0;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
244 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
245 z-index: 10;
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
246 }
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
247
82
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
248 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
249 opacity: 1;
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
250 }
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
251
82
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
252
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
253 #imageImage {
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
254 position: relative;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
255 z-index: 5;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
256 }
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
257
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
258 div.imageCtrl * img {
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
259 position: absolute;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
260 top: 40%;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
261 }
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
262
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
263
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
264
120
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
265 div.albumTitle, div.imageCaption {
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
266 text-align: center;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
267 text-shadow: 1px 1px 2px black;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
268 padding: 0.5em;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
269 }
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
270
24
7f5209a6f7e0 Cosmetics.
Matti Hamalainen <ccr@tnsp.org>
parents: 21
diff changeset
271 .galleryEntry div.imageCaption {
120
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
272 font-size: 1.25em;
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
273 }
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
274
144
c0c0708bd94d Make image caption stand out a bit better on the image page.
Matti Hamalainen <ccr@tnsp.org>
parents: 143
diff changeset
275 #imageCBox div.imageCaption {
152
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
276 background: #350;
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
277 z-index: 12;
144
c0c0708bd94d Make image caption stand out a bit better on the image page.
Matti Hamalainen <ccr@tnsp.org>
parents: 143
diff changeset
278 }
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
279
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
280 div.infoBox {
152
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
281 position: fixed;
120
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
282 bottom: 0;
152
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
283 left: 0.1em;
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
284 right: 0.1em;
82
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
285 height: auto;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
286 min-height: 5em;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
287 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
288
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
289 text-align: center;
120
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
290 margin: 0;
156
d5ebb0d9d70f Minor CSS adjustments.
Matti Hamalainen <ccr@tnsp.org>
parents: 155
diff changeset
291 padding-top: 0.5em;
d5ebb0d9d70f Minor CSS adjustments.
Matti Hamalainen <ccr@tnsp.org>
parents: 155
diff changeset
292 padding-bottom: 2em;
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
293 border: 0.2em solid white;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
294 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
295
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
296 opacity: 0;
152
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
297 z-index: 15;
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
298 }
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
299
82
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
300 div.infoBox:hover {
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
301 opacity: 1;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
302 }
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
303
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
304
94
1e9a6e773627 Improve best quality/"full size" link CSS styling.
Matti Hamalainen <ccr@tnsp.org>
parents: 91
diff changeset
305 #imageLink {
1e9a6e773627 Improve best quality/"full size" link CSS styling.
Matti Hamalainen <ccr@tnsp.org>
parents: 91
diff changeset
306 position: absolute;
1e9a6e773627 Improve best quality/"full size" link CSS styling.
Matti Hamalainen <ccr@tnsp.org>
parents: 91
diff changeset
307 left: 0;
1e9a6e773627 Improve best quality/"full size" link CSS styling.
Matti Hamalainen <ccr@tnsp.org>
parents: 91
diff changeset
308 right: 0;
1e9a6e773627 Improve best quality/"full size" link CSS styling.
Matti Hamalainen <ccr@tnsp.org>
parents: 91
diff changeset
309 bottom: 0;
155
144513aefcd4 Cosmetics.
Matti Hamalainen <ccr@tnsp.org>
parents: 152
diff changeset
310
94
1e9a6e773627 Improve best quality/"full size" link CSS styling.
Matti Hamalainen <ccr@tnsp.org>
parents: 91
diff changeset
311 background: white;
1e9a6e773627 Improve best quality/"full size" link CSS styling.
Matti Hamalainen <ccr@tnsp.org>
parents: 91
diff changeset
312 color: black;
155
144513aefcd4 Cosmetics.
Matti Hamalainen <ccr@tnsp.org>
parents: 152
diff changeset
313
94
1e9a6e773627 Improve best quality/"full size" link CSS styling.
Matti Hamalainen <ccr@tnsp.org>
parents: 91
diff changeset
314 text-shadow: none;
1e9a6e773627 Improve best quality/"full size" link CSS styling.
Matti Hamalainen <ccr@tnsp.org>
parents: 91
diff changeset
315 text-decoration: none;
1e9a6e773627 Improve best quality/"full size" link CSS styling.
Matti Hamalainen <ccr@tnsp.org>
parents: 91
diff changeset
316 font-size: 1.25em;
155
144513aefcd4 Cosmetics.
Matti Hamalainen <ccr@tnsp.org>
parents: 152
diff changeset
317
152
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
318 padding: 0.5em;
94
1e9a6e773627 Improve best quality/"full size" link CSS styling.
Matti Hamalainen <ccr@tnsp.org>
parents: 91
diff changeset
319 }
1e9a6e773627 Improve best quality/"full size" link CSS styling.
Matti Hamalainen <ccr@tnsp.org>
parents: 91
diff changeset
320
1e9a6e773627 Improve best quality/"full size" link CSS styling.
Matti Hamalainen <ccr@tnsp.org>
parents: 91
diff changeset
321
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
322 span.infoDateTime {
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
323 display: block;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
324 color: white;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
325 font-weight: bold;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
326 text-shadow: 1px 1px 2px black;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
327 }
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
328
40
cac085f8f4ab Add comment.
Matti Hamalainen <ccr@tnsp.org>
parents: 24
diff changeset
329
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
330 /*
40
cac085f8f4ab Add comment.
Matti Hamalainen <ccr@tnsp.org>
parents: 24
diff changeset
331 * Navigation controls
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
332 */
3
c85f630a4198 Improve bread crumb navigation by making the current album a link as well.
Matti Hamalainen <ccr@tnsp.org>
parents: 0
diff changeset
333 .naviBreadCrumbItem {
c85f630a4198 Improve bread crumb navigation by making the current album a link as well.
Matti Hamalainen <ccr@tnsp.org>
parents: 0
diff changeset
334 }
c85f630a4198 Improve bread crumb navigation by making the current album a link as well.
Matti Hamalainen <ccr@tnsp.org>
parents: 0
diff changeset
335
c85f630a4198 Improve bread crumb navigation by making the current album a link as well.
Matti Hamalainen <ccr@tnsp.org>
parents: 0
diff changeset
336 .naviBreadCrumbCurr {
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
337 color: red;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
338 }
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
339
3
c85f630a4198 Improve bread crumb navigation by making the current album a link as well.
Matti Hamalainen <ccr@tnsp.org>
parents: 0
diff changeset
340 .naviBreadCrumbSep:before {
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
341 content: " → ";
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
342 color: #0f0;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
343 font-weight: bold;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
344 font-size: 1.5em;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
345 }
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
346
118
6739c52e110c Change naviBreadCrumbs to CSS id instead of class.
Matti Hamalainen <ccr@tnsp.org>
parents: 116
diff changeset
347 #naviBreadCrumbs {
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
348 text-shadow: 1px 1px 1px black;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
349 padding: 0.5em;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
350 padding-top: 0;
120
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
351 font-size: 1.25em;
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
352
120
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
353 background: #676;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
354 box-shadow: 0px 2px 4px -4px black;
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
355 }
44
bc9da3b71888 Implement imgur-style image zoom/de-zoom via image click/enter.
Matti Hamalainen <ccr@tnsp.org>
parents: 42
diff changeset
356
bc9da3b71888 Implement imgur-style image zoom/de-zoom via image click/enter.
Matti Hamalainen <ccr@tnsp.org>
parents: 42
diff changeset
357
48
5a2dd41ff7ad Initial implementation of language selector.
Matti Hamalainen <ccr@tnsp.org>
parents: 44
diff changeset
358 #languages {
5a2dd41ff7ad Initial implementation of language selector.
Matti Hamalainen <ccr@tnsp.org>
parents: 44
diff changeset
359 position: absolute;
135
8425fcd3fc25 Adjust language selector.
Matti Hamalainen <ccr@tnsp.org>
parents: 123
diff changeset
360 right: 0.5em;
8425fcd3fc25 Adjust language selector.
Matti Hamalainen <ccr@tnsp.org>
parents: 123
diff changeset
361 top: 0.5em;
73
5e98fe999fac Adjust language selector CSS.
Matti Hamalainen <ccr@tnsp.org>
parents: 72
diff changeset
362 background: black;
5e98fe999fac Adjust language selector CSS.
Matti Hamalainen <ccr@tnsp.org>
parents: 72
diff changeset
363 border-radius: 0.35em;
135
8425fcd3fc25 Adjust language selector.
Matti Hamalainen <ccr@tnsp.org>
parents: 123
diff changeset
364 padding: 0.5em;
48
5a2dd41ff7ad Initial implementation of language selector.
Matti Hamalainen <ccr@tnsp.org>
parents: 44
diff changeset
365 }
116
7964b6a27f8a Adjust language selection box.
Matti Hamalainen <ccr@tnsp.org>
parents: 110
diff changeset
366
7964b6a27f8a Adjust language selection box.
Matti Hamalainen <ccr@tnsp.org>
parents: 110
diff changeset
367 #languages a {
120
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
368 display: inline-block;
116
7964b6a27f8a Adjust language selection box.
Matti Hamalainen <ccr@tnsp.org>
parents: 110
diff changeset
369 padding: 0.5em;
120
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
370 margin: 0.1em;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
371 background: white;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
372 color: black;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
373 border-radius: 0.35em;
152
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
374 text-align: center;
116
7964b6a27f8a Adjust language selection box.
Matti Hamalainen <ccr@tnsp.org>
parents: 110
diff changeset
375 }
120
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
376
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
377
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
378 @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
379 div.albumTitle, div.imageCaption {
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
380 font-size: 1.5em;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
381 }
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
382
139
c7e8f8b9dd8d Oops, forgot to rename "contents" to "pageContents" here ..
Matti Hamalainen <ccr@tnsp.org>
parents: 138
diff changeset
383 #pageContents {
120
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
384 padding: 0;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
385 margin: 0;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
386 }
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
387
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
388 #languages {
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
389 position: relative;
152
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
390 top: 0;
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
391 right: 0;
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
392 left: 0;
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
393 text-align: right;
120
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
394 }
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
395
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
396 #languages a {
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
397 width: 5em;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
398 padding: 1em;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
399 }
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
400
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
401 #naviBreadCrumbs {
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
402 font-size: 1.6em;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
403 }
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
404
123
956cafa61b91 Adjust.
Matti Hamalainen <ccr@tnsp.org>
parents: 121
diff changeset
405 h1 {
120
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
406 font-size: 1.25em;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
407 }
152
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
408
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
409 #pageInfoFooter {
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
410 display: none;
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
411 }
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
412
168
ba02d12cb4be Add "up" navigation button, to go back to the main gallery from image page.
Matti Hamalainen <ccr@tnsp.org>
parents: 156
diff changeset
413 #pageInfoButton, #pageUpNaviButton {
152
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
414 font-size: 1.5em;
168
ba02d12cb4be Add "up" navigation button, to go back to the main gallery from image page.
Matti Hamalainen <ccr@tnsp.org>
parents: 156
diff changeset
415 top: auto;
ba02d12cb4be Add "up" navigation button, to go back to the main gallery from image page.
Matti Hamalainen <ccr@tnsp.org>
parents: 156
diff changeset
416 left: auto;
ba02d12cb4be Add "up" navigation button, to go back to the main gallery from image page.
Matti Hamalainen <ccr@tnsp.org>
parents: 156
diff changeset
417 bottom: 0.5em;
ba02d12cb4be Add "up" navigation button, to go back to the main gallery from image page.
Matti Hamalainen <ccr@tnsp.org>
parents: 156
diff changeset
418 }
ba02d12cb4be Add "up" navigation button, to go back to the main gallery from image page.
Matti Hamalainen <ccr@tnsp.org>
parents: 156
diff changeset
419
ba02d12cb4be Add "up" navigation button, to go back to the main gallery from image page.
Matti Hamalainen <ccr@tnsp.org>
parents: 156
diff changeset
420 #pageInfoButton {
ba02d12cb4be Add "up" navigation button, to go back to the main gallery from image page.
Matti Hamalainen <ccr@tnsp.org>
parents: 156
diff changeset
421 right: 0.5em;
ba02d12cb4be Add "up" navigation button, to go back to the main gallery from image page.
Matti Hamalainen <ccr@tnsp.org>
parents: 156
diff changeset
422 }
ba02d12cb4be Add "up" navigation button, to go back to the main gallery from image page.
Matti Hamalainen <ccr@tnsp.org>
parents: 156
diff changeset
423
ba02d12cb4be Add "up" navigation button, to go back to the main gallery from image page.
Matti Hamalainen <ccr@tnsp.org>
parents: 156
diff changeset
424 #pageUpNaviButton {
176
d7d773f6b246 Adjust hovering control button positions, size and opacity.
Matti Hamalainen <ccr@tnsp.org>
parents: 168
diff changeset
425 right: 4.5em;
152
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
426 }
120
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
427 }
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
428
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
429
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
430 @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
431 body {
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
432 font-size: 18px;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
433 }
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
434 }
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
435
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
436
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
437 @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
438 body {
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
439 font-size: 25px;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
440 }
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
441
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
442 div.galleryEntry {
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
443 width: 40%;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
444 }
152
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
445
168
ba02d12cb4be Add "up" navigation button, to go back to the main gallery from image page.
Matti Hamalainen <ccr@tnsp.org>
parents: 156
diff changeset
446 #pageInfoButton, #pageUpNaviButton {
152
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
447 font-size: 2em;
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
448 }
120
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
449 }