Mercurial > hg > mgallery
annotate basic.css @ 20:12916fcdb8b8
Improve the non-tabled mode.
| author | Matti Hamalainen <ccr@tnsp.org> |
|---|---|
| date | Mon, 14 Sep 2015 12:59:54 +0300 |
| parents | 8c1599a30120 |
| children | 1597dc762f14 |
| rev | line source |
|---|---|
| 0 | 1 body { |
| 2 color: #ded; | |
| 3 background: #121; | |
| 4 font-family: Verdana, Arial, helvetica, sans-serif; | |
| 5 font-size: 10pt; | |
| 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 { | |
| 26 font-size: 24pt; | |
| 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 { |
| 0 | 70 width: 15%; |
| 71 padding: 0.5em; | |
| 72 text-align: center; | |
| 73 } | |
| 74 | |
|
20
12916fcdb8b8
Improve the non-tabled mode.
Matti Hamalainen <ccr@tnsp.org>
parents:
18
diff
changeset
|
75 .albumTable { |
| 0 | 76 background: #454; |
| 77 border-radius: 0.5em; | |
| 78 border-top: 1px solid #343; | |
| 79 border-left: 1px solid #343; | |
| 80 border-bottom: 1px solid #787; | |
| 81 border-right: 1px solid #787; | |
| 82 } | |
| 83 | |
|
20
12916fcdb8b8
Improve the non-tabled mode.
Matti Hamalainen <ccr@tnsp.org>
parents:
18
diff
changeset
|
84 .imageTable .galleryEntry { |
| 0 | 85 } |
| 86 | |
| 87 | |
|
20
12916fcdb8b8
Improve the non-tabled mode.
Matti Hamalainen <ccr@tnsp.org>
parents:
18
diff
changeset
|
88 .galleryTable a, .galleryTable a:visited { |
| 0 | 89 text-decoration: none; |
| 90 color: white; | |
| 91 outline: 0; | |
| 92 } | |
| 93 | |
|
20
12916fcdb8b8
Improve the non-tabled mode.
Matti Hamalainen <ccr@tnsp.org>
parents:
18
diff
changeset
|
94 .galleryTable a:hover, .galleryTable a:active, .galleryTable a:focus { |
| 0 | 95 text-shadow: 1px 1px 2px #000; |
| 96 text-decoration: underline; | |
| 97 color: #f00; | |
| 98 } | |
| 99 | |
|
20
12916fcdb8b8
Improve the non-tabled mode.
Matti Hamalainen <ccr@tnsp.org>
parents:
18
diff
changeset
|
100 div.galleryTable div.galleryEntry { |
|
12916fcdb8b8
Improve the non-tabled mode.
Matti Hamalainen <ccr@tnsp.org>
parents:
18
diff
changeset
|
101 display: inline-block; |
|
12916fcdb8b8
Improve the non-tabled mode.
Matti Hamalainen <ccr@tnsp.org>
parents:
18
diff
changeset
|
102 vertical-align: middle; |
|
12916fcdb8b8
Improve the non-tabled mode.
Matti Hamalainen <ccr@tnsp.org>
parents:
18
diff
changeset
|
103 } |
| 0 | 104 |
| 105 | |
| 106 /* | |
| 107 * | |
| 108 */ | |
| 109 div.imageBox, div.imageFilename { | |
| 110 text-align: center; | |
| 111 } | |
| 112 | |
| 113 div.imageBox img, div.imageCtrl img { | |
| 114 border: 0.2em solid black; | |
| 115 border-radius: 0.3em; | |
| 116 box-shadow: 4px 4px 4px black; | |
| 117 } | |
| 118 | |
| 119 div.imageCtrl { | |
| 120 width: 15%; | |
| 121 } | |
| 122 | |
| 123 div.imageBox a:hover img, div.imageBox a:active img, div.imageBox a:focus img, | |
| 124 div.imageCtrl a:hover img, div.imageCtrl a:active img, div.imageCtrl a:focus img { | |
| 125 border: 0.2em solid white; | |
| 126 } | |
| 127 | |
| 18 | 128 img.albumIcon { |
| 129 border: 0.2em solid black; | |
| 130 border-radius: 0.3em; | |
| 0 | 131 box-shadow: 0px 0px 4px black; |
| 18 | 132 } |
| 133 | |
| 134 a:hover img.albumIcon, a:active img.albumIcon, a:focus img.albumIcon { | |
| 135 border: 0.2em solid white; | |
| 0 | 136 } |
| 137 | |
| 138 div.imageCBox { | |
| 139 text-align: center; | |
| 140 } | |
| 141 | |
| 142 div.imageCtrl, div.imageCBox div.imageBox { | |
| 143 display: inline-block; | |
| 144 vertical-align: middle; | |
| 145 } | |
| 146 | |
| 147 div.imageCtrl.next { | |
| 148 left: 0; | |
| 149 } | |
| 150 | |
| 151 div.imageCaption { | |
| 152 text-align: center; | |
| 153 font-size: 1.5em; | |
| 154 text-shadow: 1px 1px 2px black; | |
| 155 padding: 0.5em; | |
| 156 } | |
| 157 | |
| 158 td div.imageCaption { | |
| 159 text-align: center; | |
| 160 font-size: 1em; | |
| 161 text-shadow: 1px 1px 2px black; | |
| 162 padding: 0.5em; | |
| 163 } | |
| 164 | |
| 165 | |
| 166 div.infoBox { | |
| 167 text-align: center; | |
| 168 margin: 0.5em; | |
| 169 padding: 0.5em; | |
| 170 border: 0.2em solid white; | |
| 171 border-radius: 0.5em; | |
| 172 } | |
| 173 | |
| 174 span.infoDateTime { | |
| 175 display: block; | |
| 176 color: white; | |
| 177 font-weight: bold; | |
| 178 text-shadow: 1px 1px 2px black; | |
| 179 } | |
| 180 | |
| 181 /* | |
| 182 * | |
| 183 */ | |
| 184 div.naviControls { | |
| 185 font-size: 1.5em; | |
| 186 text-align: center; | |
| 187 margin: 0.5em; | |
| 188 } | |
| 189 | |
|
3
c85f630a4198
Improve bread crumb navigation by making the current album a link as well.
Matti Hamalainen <ccr@tnsp.org>
parents:
0
diff
changeset
|
190 .naviBreadCrumbItem { |
|
c85f630a4198
Improve bread crumb navigation by making the current album a link as well.
Matti Hamalainen <ccr@tnsp.org>
parents:
0
diff
changeset
|
191 } |
|
c85f630a4198
Improve bread crumb navigation by making the current album a link as well.
Matti Hamalainen <ccr@tnsp.org>
parents:
0
diff
changeset
|
192 |
|
c85f630a4198
Improve bread crumb navigation by making the current album a link as well.
Matti Hamalainen <ccr@tnsp.org>
parents:
0
diff
changeset
|
193 .naviBreadCrumbCurr { |
| 0 | 194 color: red; |
| 195 } | |
| 196 | |
|
3
c85f630a4198
Improve bread crumb navigation by making the current album a link as well.
Matti Hamalainen <ccr@tnsp.org>
parents:
0
diff
changeset
|
197 .naviBreadCrumbSep:before { |
| 0 | 198 content: " → "; |
| 199 color: #0f0; | |
| 200 font-weight: bold; | |
| 201 font-size: 1.5em; | |
| 202 } | |
| 203 | |
| 204 div.naviBreadCrumbs { | |
| 205 text-shadow: 1px 1px 1px black; | |
| 206 padding: 0.5em; | |
| 207 padding-top: 0; | |
| 208 border-radius: 0.3em; | |
| 209 font-size: 1.2em; | |
| 210 | |
| 211 background: #454; | |
| 212 border-top: 1px solid #343; | |
| 213 border-left: 1px solid #343; | |
| 214 border-bottom: 1px solid #787; | |
| 215 border-right: 1px solid #787; | |
| 216 } |