Mercurial > hg > mgallery
annotate basic.css @ 74:f2ba5a9f0aa8
Remove large image zoom.
| author | Matti Hamalainen <ccr@tnsp.org> |
|---|---|
| date | Wed, 14 Sep 2016 17:33:14 +0300 |
| parents | 5e98fe999fac |
| children | e0e5e5197bb8 |
| rev | line source |
|---|---|
| 0 | 1 body { |
| 2 color: #ded; | |
| 3 background: #121; | |
| 4 font-family: Verdana, Arial, helvetica, sans-serif; | |
| 50 | 5 font-size: 65%; |
| 0 | 6 } |
| 7 | |
| 8 a { | |
| 9 color: white; | |
| 10 } | |
| 11 | |
| 12 a:hover { | |
| 13 text-decoration: none; | |
| 14 color: yellow; | |
| 15 text-shadow: 1px 1px 2px #000; | |
| 16 } | |
| 17 | |
| 18 | |
| 19 #contents { | |
| 20 background: #565; | |
| 21 border-radius: 0.5em; | |
| 22 padding: 0.5em; | |
| 23 } | |
| 24 | |
| 25 #contents h1 { | |
| 50 | 26 font-size: 2em; |
| 0 | 27 font-family: helvetica; |
| 28 margin-top: 0; | |
| 29 margin-bottom: 0.1em; | |
| 30 background: #343; | |
| 31 padding: 5pt; | |
| 32 color: white; | |
| 33 text-shadow: 2px 2px 2px #000; | |
| 34 | |
| 35 border-radius: 8px; | |
| 36 } | |
| 37 | |
| 38 h2,h3 { | |
| 39 padding: 5pt; | |
| 40 border-radius: 8px; | |
| 41 background: #343; | |
| 42 color: white; | |
| 43 text-shadow: 2px 2px 2px #000; | |
| 44 } | |
| 45 | |
| 46 | |
| 47 div.pageInfoFooter { | |
| 48 margin-top: 0.5em; | |
| 49 padding: 0.25em; | |
| 50 text-align: right; | |
| 51 font-size: 0.75em; | |
| 52 text-shadow: 1px 1px 1px black; | |
| 53 color: white; | |
| 54 } | |
| 55 | |
| 56 | |
| 57 /* | |
| 58 * Albums | |
| 59 */ | |
| 60 div.albumHeaderText { | |
| 61 padding: 0.5em; | |
| 62 font-size: 1.25em; | |
| 63 } | |
| 64 | |
|
20
12916fcdb8b8
Improve the non-tabled mode.
Matti Hamalainen <ccr@tnsp.org>
parents:
18
diff
changeset
|
65 .galleryTable { |
| 0 | 66 width: 100%; |
| 67 } | |
| 68 | |
|
20
12916fcdb8b8
Improve the non-tabled mode.
Matti Hamalainen <ccr@tnsp.org>
parents:
18
diff
changeset
|
69 .galleryEntry { |
|
42
002c19b4618b
Add minimum width for image cells.
Matti Hamalainen <ccr@tnsp.org>
parents:
40
diff
changeset
|
70 min-width: 145px; |
| 0 | 71 width: 15%; |
| 72 padding: 0.5em; | |
| 73 text-align: center; | |
| 74 } | |
| 75 | |
|
20
12916fcdb8b8
Improve the non-tabled mode.
Matti Hamalainen <ccr@tnsp.org>
parents:
18
diff
changeset
|
76 .albumTable { |
| 0 | 77 background: #454; |
| 78 border-radius: 0.5em; | |
| 79 border-top: 1px solid #343; | |
| 80 border-left: 1px solid #343; | |
| 81 border-bottom: 1px solid #787; | |
| 82 border-right: 1px solid #787; | |
| 83 } | |
| 84 | |
|
20
12916fcdb8b8
Improve the non-tabled mode.
Matti Hamalainen <ccr@tnsp.org>
parents:
18
diff
changeset
|
85 .galleryTable a, .galleryTable a:visited { |
| 0 | 86 text-decoration: none; |
| 87 color: white; | |
| 88 outline: 0; | |
| 89 } | |
| 90 | |
|
20
12916fcdb8b8
Improve the non-tabled mode.
Matti Hamalainen <ccr@tnsp.org>
parents:
18
diff
changeset
|
91 .galleryTable a:hover, .galleryTable a:active, .galleryTable a:focus { |
| 0 | 92 text-shadow: 1px 1px 2px #000; |
| 93 text-decoration: underline; | |
| 94 color: #f00; | |
| 95 } | |
| 96 | |
|
20
12916fcdb8b8
Improve the non-tabled mode.
Matti Hamalainen <ccr@tnsp.org>
parents:
18
diff
changeset
|
97 div.galleryTable div.galleryEntry { |
|
12916fcdb8b8
Improve the non-tabled mode.
Matti Hamalainen <ccr@tnsp.org>
parents:
18
diff
changeset
|
98 display: inline-block; |
|
12916fcdb8b8
Improve the non-tabled mode.
Matti Hamalainen <ccr@tnsp.org>
parents:
18
diff
changeset
|
99 vertical-align: middle; |
|
12916fcdb8b8
Improve the non-tabled mode.
Matti Hamalainen <ccr@tnsp.org>
parents:
18
diff
changeset
|
100 } |
| 0 | 101 |
| 102 | |
| 103 /* | |
| 104 * | |
| 105 */ | |
| 106 div.imageBox, div.imageFilename { | |
| 107 text-align: center; | |
| 108 } | |
| 109 | |
| 110 div.imageBox img, div.imageCtrl img { | |
| 111 border: 0.2em solid black; | |
| 112 border-radius: 0.3em; | |
| 113 box-shadow: 4px 4px 4px black; | |
| 114 } | |
| 115 | |
| 116 div.imageCtrl { | |
| 117 width: 15%; | |
| 118 } | |
| 119 | |
| 120 div.imageBox a:hover img, div.imageBox a:active img, div.imageBox a:focus img, | |
| 121 div.imageCtrl a:hover img, div.imageCtrl a:active img, div.imageCtrl a:focus img { | |
| 122 border: 0.2em solid white; | |
| 123 } | |
| 124 | |
| 18 | 125 img.albumIcon { |
| 126 border: 0.2em solid black; | |
| 21 | 127 border-radius: 0.6em; |
| 0 | 128 box-shadow: 0px 0px 4px black; |
| 18 | 129 } |
| 130 | |
| 131 a:hover img.albumIcon, a:active img.albumIcon, a:focus img.albumIcon { | |
| 132 border: 0.2em solid white; | |
| 0 | 133 } |
| 134 | |
| 135 div.imageCBox { | |
| 136 text-align: center; | |
| 137 } | |
| 138 | |
| 139 div.imageCtrl, div.imageCBox div.imageBox { | |
| 140 display: inline-block; | |
| 141 vertical-align: middle; | |
| 142 } | |
| 143 | |
| 144 div.imageCtrl.next { | |
| 145 left: 0; | |
| 146 } | |
| 147 | |
| 148 div.imageCaption { | |
| 149 text-align: center; | |
| 150 font-size: 1.5em; | |
| 151 text-shadow: 1px 1px 2px black; | |
| 152 padding: 0.5em; | |
| 153 } | |
| 154 | |
| 24 | 155 .galleryEntry div.imageCaption { |
| 0 | 156 text-align: center; |
| 157 font-size: 1em; | |
| 158 text-shadow: 1px 1px 2px black; | |
| 159 padding: 0.5em; | |
| 160 } | |
| 161 | |
| 162 | |
| 163 div.infoBox { | |
| 164 text-align: center; | |
| 165 margin: 0.5em; | |
| 166 padding: 0.5em; | |
| 167 border: 0.2em solid white; | |
| 168 border-radius: 0.5em; | |
| 169 } | |
| 170 | |
| 171 span.infoDateTime { | |
| 172 display: block; | |
| 173 color: white; | |
| 174 font-weight: bold; | |
| 175 text-shadow: 1px 1px 2px black; | |
| 176 } | |
| 177 | |
| 40 | 178 |
| 0 | 179 /* |
| 40 | 180 * Navigation controls |
| 0 | 181 */ |
| 182 div.naviControls { | |
| 183 font-size: 1.5em; | |
| 184 text-align: center; | |
| 185 margin: 0.5em; | |
| 186 } | |
| 187 | |
|
3
c85f630a4198
Improve bread crumb navigation by making the current album a link as well.
Matti Hamalainen <ccr@tnsp.org>
parents:
0
diff
changeset
|
188 .naviBreadCrumbItem { |
|
c85f630a4198
Improve bread crumb navigation by making the current album a link as well.
Matti Hamalainen <ccr@tnsp.org>
parents:
0
diff
changeset
|
189 } |
|
c85f630a4198
Improve bread crumb navigation by making the current album a link as well.
Matti Hamalainen <ccr@tnsp.org>
parents:
0
diff
changeset
|
190 |
|
c85f630a4198
Improve bread crumb navigation by making the current album a link as well.
Matti Hamalainen <ccr@tnsp.org>
parents:
0
diff
changeset
|
191 .naviBreadCrumbCurr { |
| 0 | 192 color: red; |
| 193 } | |
| 194 | |
|
3
c85f630a4198
Improve bread crumb navigation by making the current album a link as well.
Matti Hamalainen <ccr@tnsp.org>
parents:
0
diff
changeset
|
195 .naviBreadCrumbSep:before { |
| 0 | 196 content: " → "; |
| 197 color: #0f0; | |
| 198 font-weight: bold; | |
| 199 font-size: 1.5em; | |
| 200 } | |
| 201 | |
| 202 div.naviBreadCrumbs { | |
| 203 text-shadow: 1px 1px 1px black; | |
| 204 padding: 0.5em; | |
| 205 padding-top: 0; | |
| 206 border-radius: 0.3em; | |
| 207 font-size: 1.2em; | |
| 208 | |
| 209 background: #454; | |
| 210 border-top: 1px solid #343; | |
| 211 border-left: 1px solid #343; | |
| 212 border-bottom: 1px solid #787; | |
| 213 border-right: 1px solid #787; | |
| 214 } | |
|
44
bc9da3b71888
Implement imgur-style image zoom/de-zoom via image click/enter.
Matti Hamalainen <ccr@tnsp.org>
parents:
42
diff
changeset
|
215 |
|
bc9da3b71888
Implement imgur-style image zoom/de-zoom via image click/enter.
Matti Hamalainen <ccr@tnsp.org>
parents:
42
diff
changeset
|
216 |
|
48
5a2dd41ff7ad
Initial implementation of language selector.
Matti Hamalainen <ccr@tnsp.org>
parents:
44
diff
changeset
|
217 #languages { |
|
5a2dd41ff7ad
Initial implementation of language selector.
Matti Hamalainen <ccr@tnsp.org>
parents:
44
diff
changeset
|
218 position: absolute; |
|
5a2dd41ff7ad
Initial implementation of language selector.
Matti Hamalainen <ccr@tnsp.org>
parents:
44
diff
changeset
|
219 right: 1.5em; |
|
5a2dd41ff7ad
Initial implementation of language selector.
Matti Hamalainen <ccr@tnsp.org>
parents:
44
diff
changeset
|
220 top: 2em; |
|
73
5e98fe999fac
Adjust language selector CSS.
Matti Hamalainen <ccr@tnsp.org>
parents:
72
diff
changeset
|
221 background: black; |
| 72 | 222 border: 2px solid rgba(255,255,255,0.2); |
|
73
5e98fe999fac
Adjust language selector CSS.
Matti Hamalainen <ccr@tnsp.org>
parents:
72
diff
changeset
|
223 border-radius: 0.35em; |
|
5e98fe999fac
Adjust language selector CSS.
Matti Hamalainen <ccr@tnsp.org>
parents:
72
diff
changeset
|
224 padding: 0.35em; |
|
5e98fe999fac
Adjust language selector CSS.
Matti Hamalainen <ccr@tnsp.org>
parents:
72
diff
changeset
|
225 z-index: 50; |
|
48
5a2dd41ff7ad
Initial implementation of language selector.
Matti Hamalainen <ccr@tnsp.org>
parents:
44
diff
changeset
|
226 } |