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