annotate basic.css @ 179:ff99168270e5

Cosmetic.
author Matti Hamalainen <ccr@tnsp.org>
date Wed, 14 Mar 2018 13:19:44 +0200
parents fa0a19123601
children 05fba4ce0b5a
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
179
ff99168270e5 Cosmetic.
Matti Hamalainen <ccr@tnsp.org>
parents: 178
diff changeset
108
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
109 /*
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
110 * Albums
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
111 */
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
112 div.albumHeaderText {
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
113 padding: 0.5em;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
114 font-size: 1.25em;
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
20
12916fcdb8b8 Improve the non-tabled mode.
Matti Hamalainen <ccr@tnsp.org>
parents: 18
diff changeset
117 .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
118 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
119 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
120 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
121 background: #454;
156
d5ebb0d9d70f Minor CSS adjustments.
Matti Hamalainen <ccr@tnsp.org>
parents: 155
diff changeset
122 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
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
be2e9d5e127d Fix CSS so that use_tables actually works with the default example CSS.
Matti Hamalainen <ccr@tnsp.org>
parents: 139
diff changeset
125 div.galleryTable {
104
d7cc5c0ca1b5 Some CSS adjustments.
Matti Hamalainen <ccr@tnsp.org>
parents: 102
diff changeset
126 display: flex;
d7cc5c0ca1b5 Some CSS adjustments.
Matti Hamalainen <ccr@tnsp.org>
parents: 102
diff changeset
127 flex-wrap: wrap;
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
128 }
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
129
120
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
130 div.galleryEntry {
42
002c19b4618b Add minimum width for image cells.
Matti Hamalainen <ccr@tnsp.org>
parents: 40
diff changeset
131 min-width: 145px;
120
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
132 width: 15em;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
133 padding: 1em;
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
134 text-align: center;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
135 }
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
136
120
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
137 div.galleryEntry img {
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
138 min-width: 145px;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
139 width: 100%;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
140 }
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
141
20
12916fcdb8b8 Improve the non-tabled mode.
Matti Hamalainen <ccr@tnsp.org>
parents: 18
diff changeset
142 .albumTable {
120
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
143 border-bottom: 1px solid black;
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
144 }
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
145
20
12916fcdb8b8 Improve the non-tabled mode.
Matti Hamalainen <ccr@tnsp.org>
parents: 18
diff changeset
146 .galleryTable a, .galleryTable a:visited {
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
147 text-decoration: none;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
148 color: white;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
149 outline: 0;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
150 }
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
151
20
12916fcdb8b8 Improve the non-tabled mode.
Matti Hamalainen <ccr@tnsp.org>
parents: 18
diff changeset
152 .galleryTable a:hover, .galleryTable a:active, .galleryTable a:focus {
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
153 text-shadow: 1px 1px 2px #000;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
154 text-decoration: underline;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
155 color: #f00;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
156 }
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
157
143
be2e9d5e127d Fix CSS so that use_tables actually works with the default example CSS.
Matti Hamalainen <ccr@tnsp.org>
parents: 139
diff changeset
158 div.galleryTable .galleryEntry {
20
12916fcdb8b8 Improve the non-tabled mode.
Matti Hamalainen <ccr@tnsp.org>
parents: 18
diff changeset
159 display: inline-block;
12916fcdb8b8 Improve the non-tabled mode.
Matti Hamalainen <ccr@tnsp.org>
parents: 18
diff changeset
160 vertical-align: middle;
12916fcdb8b8 Improve the non-tabled mode.
Matti Hamalainen <ccr@tnsp.org>
parents: 18
diff changeset
161 }
0
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 *
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
166 */
177
724fac3d21e9 Use .imageBox class selector instead of more specific div.imageBox.
Matti Hamalainen <ccr@tnsp.org>
parents: 176
diff changeset
167 .imageBox {
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
168 text-align: center;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
169 }
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
170
177
724fac3d21e9 Use .imageBox class selector instead of more specific div.imageBox.
Matti Hamalainen <ccr@tnsp.org>
parents: 176
diff changeset
171 .imageBox img,
150
28a2b6e6b527 Cosmetics.
Matti Hamalainen <ccr@tnsp.org>
parents: 144
diff changeset
172 div.imageCtrl img {
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
173 border: 0.2em solid black;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
174 border-radius: 0.3em;
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
177
724fac3d21e9 Use .imageBox class selector instead of more specific div.imageBox.
Matti Hamalainen <ccr@tnsp.org>
parents: 176
diff changeset
177 .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
178 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
179 border: 0.2em solid white;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
180 }
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
181
177
724fac3d21e9 Use .imageBox class selector instead of more specific div.imageBox.
Matti Hamalainen <ccr@tnsp.org>
parents: 176
diff changeset
182 .galleryEntry .imageBox img {
120
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
183 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
184 }
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
185
18
8c1599a30120 CSS improvements.
Matti Hamalainen <ccr@tnsp.org>
parents: 3
diff changeset
186 img.albumIcon {
8c1599a30120 CSS improvements.
Matti Hamalainen <ccr@tnsp.org>
parents: 3
diff changeset
187 border: 0.2em solid black;
21
1597dc762f14 Cleanups.
Matti Hamalainen <ccr@tnsp.org>
parents: 20
diff changeset
188 border-radius: 0.6em;
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
189 box-shadow: 0px 0px 4px black;
18
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
8c1599a30120 CSS improvements.
Matti Hamalainen <ccr@tnsp.org>
parents: 3
diff changeset
192 a:hover img.albumIcon, a:active img.albumIcon, a:focus img.albumIcon {
8c1599a30120 CSS improvements.
Matti Hamalainen <ccr@tnsp.org>
parents: 3
diff changeset
193 border: 0.2em solid white;
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
194 }
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
195
82
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
196 #imageCBox {
152
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
197 position: absolute;
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
198 top: 0;
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
199 bottom: 0;
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
200 left: 0;
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
201 right: 0;
82
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
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
204 div.imageCtrl {
120
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
205 position: absolute;
82
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
206 min-width: 150px;
104
d7cc5c0ca1b5 Some CSS adjustments.
Matti Hamalainen <ccr@tnsp.org>
parents: 102
diff changeset
207 width: 14%;
82
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
208 top: 0;
120
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
209 bottom: 0;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
210 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
211 }
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
212
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
213 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
214 right: 0;
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
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
218 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
219 left: 0;
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
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
223 div.imageCtrl a {
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
224 display: block;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
225 position: absolute;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
226 top: 0;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
227 bottom: 0;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
228 left: 0;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
229 right: 0;
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
230 }
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
231
82
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
232 div.imageCtrl a img {
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
233 position: relative;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
234 display: block;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
235 margin: auto;
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
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
239 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
240 z-index: 1;
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
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
243 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
244 opacity: 0;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
245 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
246 z-index: 10;
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
247 }
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
248
82
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
249 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
250 opacity: 1;
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
251 }
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
252
82
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
253
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
254 #imageImage {
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
255 position: relative;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
256 z-index: 5;
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
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
259 div.imageCtrl * img {
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
260 position: absolute;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
261 top: 40%;
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
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
265
120
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
266 div.albumTitle, div.imageCaption {
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
267 text-align: center;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
268 text-shadow: 1px 1px 2px black;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
269 padding: 0.5em;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
270 }
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
271
24
7f5209a6f7e0 Cosmetics.
Matti Hamalainen <ccr@tnsp.org>
parents: 21
diff changeset
272 .galleryEntry div.imageCaption {
120
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
273 font-size: 1.25em;
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
274 }
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
275
144
c0c0708bd94d Make image caption stand out a bit better on the image page.
Matti Hamalainen <ccr@tnsp.org>
parents: 143
diff changeset
276 #imageCBox div.imageCaption {
152
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
277 background: #350;
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
278 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
279 }
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
280
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
281 div.infoBox {
152
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
282 position: fixed;
120
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
283 bottom: 0;
152
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
284 left: 0.1em;
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
285 right: 0.1em;
82
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
286 height: auto;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
287 min-height: 5em;
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
288 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
289
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
290 text-align: center;
120
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
291 margin: 0;
156
d5ebb0d9d70f Minor CSS adjustments.
Matti Hamalainen <ccr@tnsp.org>
parents: 155
diff changeset
292 padding-top: 0.5em;
d5ebb0d9d70f Minor CSS adjustments.
Matti Hamalainen <ccr@tnsp.org>
parents: 155
diff changeset
293 padding-bottom: 2em;
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
294 border: 0.2em solid white;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
295 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
296
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
297 opacity: 0;
152
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
298 z-index: 15;
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
299 }
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
300
82
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
301 div.infoBox:hover {
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
302 opacity: 1;
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
e0e5e5197bb8 Refactor for somewhat more mobile-bullshit-friendly style and usage.
Matti Hamalainen <ccr@tnsp.org>
parents: 74
diff changeset
305
94
1e9a6e773627 Improve best quality/"full size" link CSS styling.
Matti Hamalainen <ccr@tnsp.org>
parents: 91
diff changeset
306 #imageLink {
1e9a6e773627 Improve best quality/"full size" link CSS styling.
Matti Hamalainen <ccr@tnsp.org>
parents: 91
diff changeset
307 position: absolute;
1e9a6e773627 Improve best quality/"full size" link CSS styling.
Matti Hamalainen <ccr@tnsp.org>
parents: 91
diff changeset
308 left: 0;
1e9a6e773627 Improve best quality/"full size" link CSS styling.
Matti Hamalainen <ccr@tnsp.org>
parents: 91
diff changeset
309 right: 0;
1e9a6e773627 Improve best quality/"full size" link CSS styling.
Matti Hamalainen <ccr@tnsp.org>
parents: 91
diff changeset
310 bottom: 0;
155
144513aefcd4 Cosmetics.
Matti Hamalainen <ccr@tnsp.org>
parents: 152
diff changeset
311
94
1e9a6e773627 Improve best quality/"full size" link CSS styling.
Matti Hamalainen <ccr@tnsp.org>
parents: 91
diff changeset
312 background: white;
1e9a6e773627 Improve best quality/"full size" link CSS styling.
Matti Hamalainen <ccr@tnsp.org>
parents: 91
diff changeset
313 color: black;
155
144513aefcd4 Cosmetics.
Matti Hamalainen <ccr@tnsp.org>
parents: 152
diff changeset
314
94
1e9a6e773627 Improve best quality/"full size" link CSS styling.
Matti Hamalainen <ccr@tnsp.org>
parents: 91
diff changeset
315 text-shadow: none;
1e9a6e773627 Improve best quality/"full size" link CSS styling.
Matti Hamalainen <ccr@tnsp.org>
parents: 91
diff changeset
316 text-decoration: none;
1e9a6e773627 Improve best quality/"full size" link CSS styling.
Matti Hamalainen <ccr@tnsp.org>
parents: 91
diff changeset
317 font-size: 1.25em;
155
144513aefcd4 Cosmetics.
Matti Hamalainen <ccr@tnsp.org>
parents: 152
diff changeset
318
152
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
319 padding: 0.5em;
94
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
1e9a6e773627 Improve best quality/"full size" link CSS styling.
Matti Hamalainen <ccr@tnsp.org>
parents: 91
diff changeset
322
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
323 span.infoDateTime {
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
324 display: block;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
325 color: white;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
326 font-weight: bold;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
327 text-shadow: 1px 1px 2px black;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
328 }
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
329
40
cac085f8f4ab Add comment.
Matti Hamalainen <ccr@tnsp.org>
parents: 24
diff changeset
330
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
331 /*
40
cac085f8f4ab Add comment.
Matti Hamalainen <ccr@tnsp.org>
parents: 24
diff changeset
332 * Navigation controls
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
333 */
3
c85f630a4198 Improve bread crumb navigation by making the current album a link as well.
Matti Hamalainen <ccr@tnsp.org>
parents: 0
diff changeset
334 .naviBreadCrumbItem {
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
c85f630a4198 Improve bread crumb navigation by making the current album a link as well.
Matti Hamalainen <ccr@tnsp.org>
parents: 0
diff changeset
337 .naviBreadCrumbCurr {
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
338 color: red;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
339 }
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
340
3
c85f630a4198 Improve bread crumb navigation by making the current album a link as well.
Matti Hamalainen <ccr@tnsp.org>
parents: 0
diff changeset
341 .naviBreadCrumbSep:before {
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
342 content: " → ";
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
343 color: #0f0;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
344 font-weight: bold;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
345 font-size: 1.5em;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
346 }
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
347
118
6739c52e110c Change naviBreadCrumbs to CSS id instead of class.
Matti Hamalainen <ccr@tnsp.org>
parents: 116
diff changeset
348 #naviBreadCrumbs {
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
349 text-shadow: 1px 1px 1px black;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
350 padding: 0.5em;
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
351 padding-top: 0;
120
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
352 font-size: 1.25em;
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
353
120
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
354 background: #676;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
355 box-shadow: 0px 2px 4px -4px black;
0
ac688606ec4b Initial import of code.
Matti Hamalainen <ccr@tnsp.org>
parents:
diff changeset
356 }
44
bc9da3b71888 Implement imgur-style image zoom/de-zoom via image click/enter.
Matti Hamalainen <ccr@tnsp.org>
parents: 42
diff changeset
357
bc9da3b71888 Implement imgur-style image zoom/de-zoom via image click/enter.
Matti Hamalainen <ccr@tnsp.org>
parents: 42
diff changeset
358
48
5a2dd41ff7ad Initial implementation of language selector.
Matti Hamalainen <ccr@tnsp.org>
parents: 44
diff changeset
359 #languages {
5a2dd41ff7ad Initial implementation of language selector.
Matti Hamalainen <ccr@tnsp.org>
parents: 44
diff changeset
360 position: absolute;
135
8425fcd3fc25 Adjust language selector.
Matti Hamalainen <ccr@tnsp.org>
parents: 123
diff changeset
361 right: 0.5em;
8425fcd3fc25 Adjust language selector.
Matti Hamalainen <ccr@tnsp.org>
parents: 123
diff changeset
362 top: 0.5em;
73
5e98fe999fac Adjust language selector CSS.
Matti Hamalainen <ccr@tnsp.org>
parents: 72
diff changeset
363 background: black;
5e98fe999fac Adjust language selector CSS.
Matti Hamalainen <ccr@tnsp.org>
parents: 72
diff changeset
364 border-radius: 0.35em;
135
8425fcd3fc25 Adjust language selector.
Matti Hamalainen <ccr@tnsp.org>
parents: 123
diff changeset
365 padding: 0.5em;
48
5a2dd41ff7ad Initial implementation of language selector.
Matti Hamalainen <ccr@tnsp.org>
parents: 44
diff changeset
366 }
116
7964b6a27f8a Adjust language selection box.
Matti Hamalainen <ccr@tnsp.org>
parents: 110
diff changeset
367
7964b6a27f8a Adjust language selection box.
Matti Hamalainen <ccr@tnsp.org>
parents: 110
diff changeset
368 #languages a {
120
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
369 display: inline-block;
116
7964b6a27f8a Adjust language selection box.
Matti Hamalainen <ccr@tnsp.org>
parents: 110
diff changeset
370 padding: 0.5em;
120
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
371 margin: 0.1em;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
372 background: white;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
373 color: black;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
374 border-radius: 0.35em;
152
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
375 text-align: center;
116
7964b6a27f8a Adjust language selection box.
Matti Hamalainen <ccr@tnsp.org>
parents: 110
diff changeset
376 }
120
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
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
379 @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
380 div.albumTitle, div.imageCaption {
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
381 font-size: 1.5em;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
382 }
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
383
139
c7e8f8b9dd8d Oops, forgot to rename "contents" to "pageContents" here ..
Matti Hamalainen <ccr@tnsp.org>
parents: 138
diff changeset
384 #pageContents {
120
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
385 padding: 0;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
386 margin: 0;
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
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
389 #languages {
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
390 position: relative;
152
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
391 top: 0;
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
392 right: 0;
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
393 left: 0;
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
394 text-align: right;
120
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
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
397 #languages a {
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
398 width: 5em;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
399 padding: 1em;
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
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
402 #naviBreadCrumbs {
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
403 font-size: 1.6em;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
404 }
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
405
123
956cafa61b91 Adjust.
Matti Hamalainen <ccr@tnsp.org>
parents: 121
diff changeset
406 h1 {
120
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
407 font-size: 1.25em;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
408 }
152
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
409
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
410 #pageInfoFooter {
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
411 display: none;
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
412 }
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
413
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
414 #pageInfoButton, #pageUpNaviButton {
152
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
415 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
416 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
417 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
418 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
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
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 #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
422 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
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
ba02d12cb4be Add "up" navigation button, to go back to the main gallery from image page.
Matti Hamalainen <ccr@tnsp.org>
parents: 156
diff changeset
425 #pageUpNaviButton {
176
d7d773f6b246 Adjust hovering control button positions, size and opacity.
Matti Hamalainen <ccr@tnsp.org>
parents: 168
diff changeset
426 right: 4.5em;
152
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
427 }
120
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
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
431 @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
432 body {
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
433 font-size: 18px;
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
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
438 @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
439 body {
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
440 font-size: 25px;
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
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
443 div.galleryEntry {
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
444 width: 40%;
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
445 }
152
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
446
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
447 #pageInfoButton, #pageUpNaviButton {
152
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
448 font-size: 2em;
606b05c31d5e Improve mobile experience and also desktop image display, maybe.
Matti Hamalainen <ccr@tnsp.org>
parents: 150
diff changeset
449 }
120
d1ed6213f6d2 Various improvements/changes to CSS and usability on mobile devices.
Matti Hamalainen <ccr@tnsp.org>
parents: 118
diff changeset
450 }