Mercurial > public > madeira

annotate media/css/theme.css @ 18:10be1f4f121b

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Replacing thickbox with fancybox.
author Brian Neal <bgneal@gmail.com>
date Wed, 08 Sep 2010 00:43:03 +0000
parents 37384c648602
children
rev   line source
bgneal@1 1 body {
bgneal@1 2 font-family: arial, helvetica, sans-serif;
bgneal@1 3 color: #EF7D21;
bgneal@1 4 background-color: #213442;
bgneal@12 5 font-size: 1.0em;
bgneal@1 6 }
bgneal@1 7
bgneal@1 8 .centered { text-align: center; }
bgneal@1 9
bgneal@12 10 a:link {
bgneal@1 11 color: #6B969C;
bgneal@1 12 text-decoration: none;
bgneal@1 13 }
bgneal@1 14
bgneal@12 15 a:visited {
bgneal@1 16 color: #6B969C;
bgneal@1 17 text-decoration: none;
bgneal@1 18 }
bgneal@1 19
bgneal@12 20 a:hover {
bgneal@1 21 text-decoration: underline;
bgneal@1 22 }
bgneal@1 23
bgneal@12 24 h1, h3 {
bgneal@12 25 color: #EF7D21;
bgneal@12 26 }
bgneal@12 27
bgneal@1 28 h1 {
bgneal@1 29 font: italic 32px georgia, 'times new roman', sans-serif;
bgneal@1 30 margin: 0px;
bgneal@1 31 padding: 0 0 10px 0;
bgneal@1 32 }
bgneal@1 33
bgneal@1 34 .headline1 {
bgneal@1 35 font: italic 32px georgia, 'times new roman', sans-serif;
bgneal@1 36 margin: 0px;
bgneal@1 37 padding: 0 0 10px 0;
bgneal@1 38 }
bgneal@1 39
bgneal@1 40 h2 {
bgneal@1 41 font: italic 20px verdana, tahoma, arial, sans-serif;
bgneal@1 42 padding-top: 5px;
bgneal@1 43 color: #6B969C;
bgneal@1 44 border-top: solid 1px #6B969C;
bgneal@1 45 }
bgneal@1 46
bgneal@1 47 div.madeira-photo-list {
bgneal@1 48 margin: 2em;
bgneal@1 49 text-align: center;
bgneal@1 50 }
bgneal@1 51
bgneal@1 52 div.madeira-photo-list img {
bgneal@1 53 border: thin dotted #6B969C;
bgneal@1 54 padding: 2px;
bgneal@1 55 margin: 5px;
bgneal@1 56 }
bgneal@1 57
bgneal@1 58 a.img-link:link { text-decoration: none; background-color: transparent; }
bgneal@1 59 a.img-link:visited { text-decoration: none; background-color: transparent; }
bgneal@1 60 a.img-link:hover { text-decoration: none; background-color: transparent; }
bgneal@1 61
bgneal@1 62 .header {
bgneal@1 63 margin-top: 10px;
bgneal@1 64 margin-left: 5px;
bgneal@1 65 }
bgneal@1 66
bgneal@1 67 .photobkgnd {
bgneal@1 68 margin: 3em;
bgneal@1 69 z-index: 3;
bgneal@1 70 background-color: #888888;
bgneal@1 71 padding: 5px;
bgneal@1 72 }
bgneal@1 73
bgneal@1 74 .newsflash {
bgneal@1 75 margin: 20px 1em;
bgneal@1 76 border: 3px solid #6B969C;
bgneal@1 77 padding: 5px;
bgneal@1 78 background-color: #2e414f;
bgneal@1 79 color: #EF7D21;
bgneal@1 80 }
bgneal@1 81
bgneal@1 82 /*
bgneal@1 83 ** f'in IE doesn't seem to honor my padding and the float doesn't work.
bgneal@1 84 ** solution: make an invisible border...lame.
bgneal@1 85 ** It's fine in Firefox.
bgneal@1 86 */
bgneal@1 87 .floatLeftBox {
bgneal@1 88 /* padding: 0 1em 1em 0; I wish I could just use this */
bgneal@1 89 float: left;
bgneal@1 90 border-right: 0.5em solid #213442;
bgneal@1 91 border-bottom: 0.5em solid #213442;
bgneal@1 92 }
bgneal@1 93
bgneal@1 94 .clearMe {
bgneal@1 95 clear: left;
bgneal@1 96 }
bgneal@1 97
bgneal@1 98 .cdCoverFloatList {
bgneal@1 99 margin-left: 260px;
bgneal@1 100 text-align: left;
bgneal@1 101 }
bgneal@1 102
bgneal@1 103 /* For internal links (within the same page) */
bgneal@1 104 .intLink {
bgneal@1 105 margin-top: 2em;
bgneal@1 106 font-size: small;
bgneal@1 107 }
bgneal@1 108
bgneal@1 109 label.normal {
bgneal@1 110 width: 9em;
bgneal@1 111 float: left;
bgneal@1 112 text-align: right;
bgneal@1 113 margin: 0 1em 10px 0;
bgneal@1 114 clear: both;
bgneal@1 115 font-weight: bold;
bgneal@1 116 }
bgneal@1 117
bgneal@1 118 .form-box {
bgneal@1 119 color: black;
bgneal@1 120 background: #ccc;
bgneal@1 121 border-top: black solid 2px;
bgneal@1 122 border-left: black solid 2px;
bgneal@1 123 border-bottom: #eee solid 2px;
bgneal@1 124 border-right: #eee solid 2px;
bgneal@1 125 margin-bottom: 5px;
bgneal@1 126 }
bgneal@1 127
bgneal@1 128 .form-radio {
bgneal@1 129 margin-left: 10em;
bgneal@1 130 }
bgneal@1 131
bgneal@1 132 .form-comment {
bgneal@1 133 font-style: italic;
bgneal@1 134 font-size: x-small;
bgneal@1 135 margin-left: 10em;
bgneal@1 136 margin-bottom: 10px;
bgneal@1 137 }
bgneal@1 138
bgneal@1 139 .submit-button {
bgneal@1 140 color: black;
bgneal@1 141 background: #6B969C;
bgneal@1 142 border: 2px outset;
bgneal@1 143 padding: 3px;
bgneal@1 144 }
bgneal@1 145
bgneal@1 146 table.input-form th {
bgneal@1 147 vertical-align: top;
bgneal@1 148 }
bgneal@1 149
bgneal@1 150 ul.errorlist {
bgneal@1 151 margin: 0 0 0 1em;
bgneal@1 152 padding: 2px;
bgneal@1 153 }
bgneal@1 154 .errorlist li {
bgneal@1 155 color: red;
bgneal@1 156 }
bgneal@1 157
bgneal@1 158 fieldset {
bgneal@1 159 border: 1px solid teal;
bgneal@1 160 margin-top: 2em;
bgneal@1 161 }
bgneal@1 162
bgneal@1 163 legend {
bgneal@1 164 background: #6B969C;
bgneal@1 165 color: black;
bgneal@1 166 border: 1px solid black;
bgneal@1 167 padding: 2px 12px 2px 12px;
bgneal@1 168 }
bgneal@1 169
bgneal@1 170 #footer {
bgneal@1 171 clear: both;
bgneal@1 172 list-style-type: none;
bgneal@1 173 margin-top: 30px;
bgneal@1 174 padding-top: 1em;
bgneal@1 175 border-top: solid 1px #6B969C;
bgneal@1 176 font-size: small;
bgneal@1 177 font-style: italic;
bgneal@1 178 text-align: right;
bgneal@1 179 }
bgneal@1 180
bgneal@1 181 #navleft ul {
bgneal@1 182 margin: 0 0 0 0;
bgneal@1 183 padding: 0 0 0 0;
bgneal@1 184 font: 12px verdana, tahoma, arial, sans-serif;
bgneal@1 185 font: bold 15px georgia, 'times new roman', sans-serif;
bgneal@1 186 list-style-type: none;
bgneal@1 187 display: inline;
bgneal@1 188 }
bgneal@1 189
bgneal@1 190 #navleft li {
bgneal@1 191 margin: 0px 0 0;
bgneal@1 192 display: inline;
bgneal@1 193 }
bgneal@1 194
bgneal@1 195 #navleft a {
bgneal@1 196 display: block;
bgneal@1 197 padding: 2px 2px 2px 10px;
bgneal@1 198 border: 1px solid #000000;
bgneal@1 199 background: #6B969C;
bgneal@1 200 color: #EF7D21;
bgneal@1 201 text-decoration: none;
bgneal@1 202 }
bgneal@1 203
bgneal@1 204 #navleft a:link, #navleft a:active, #navleft a:visited {
bgneal@1 205 color: #213442;
bgneal@1 206 }
bgneal@1 207
bgneal@1 208 #navleft a:hover {
bgneal@1 209 border: 1px solid #000000;
bgneal@1 210 background: #213442 url(../images/brick.gif);
bgneal@1 211 color: #213442;
bgneal@1 212 }
bgneal@1 213
bgneal@1 214 div.article-source {
bgneal@1 215 font-style: italic;
bgneal@1 216 padding-bottom: 2px;
bgneal@1 217 margin-bottom: 5px;
bgneal@1 218 }
bgneal@1 219
bgneal@1 220 div.center-block {
bgneal@1 221 margin: 10px 30px 10px 30px;
bgneal@1 222 border: 1px solid #6B969C;
bgneal@1 223 padding: 3px;
bgneal@1 224 }
bgneal@1 225
bgneal@1 226 div.center-block h2 {
bgneal@1 227 font: italic 20px verdana, tahoma, arial, sans-serif;
bgneal@1 228 padding-top: 1px;
bgneal@1 229 margin-top: 1px;
bgneal@1 230 color: #6B969C;
bgneal@1 231 border-top: none;
bgneal@1 232 text-align: center;
bgneal@1 233 }
bgneal@1 234
bgneal@1 235 div.thumb-box {
bgneal@1 236 margin: 20px 1em;
bgneal@1 237 border: 3px solid #6B969C;
bgneal@1 238 padding: 5px;
bgneal@1 239 background-color: #2e414f;
bgneal@1 240 color: #EF7D21;
bgneal@1 241 }
bgneal@1 242
bgneal@1 243 div.thumb-box img {
bgneal@1 244 border: thin dotted #6B969C;
bgneal@1 245 padding: 2px;
bgneal@1 246 margin: 5px;
bgneal@1 247 }
bgneal@1 248
bgneal@1 249 div.thumb-box h2 {
bgneal@1 250 font: italic 20px verdana, tahoma, arial, sans-serif;
bgneal@1 251 padding-top: 1px;
bgneal@1 252 margin-top: 1px;
bgneal@1 253 color: #6B969C;
bgneal@1 254 border-top: none;
bgneal@1 255 text-align: center;
bgneal@1 256 }
bgneal@1 257
bgneal@12 258 table {width:auto;}
bgneal@12 259
bgneal@12 260 table.flyers { width: 100% }
bgneal@12 261
bgneal@1 262 table.image-table {
bgneal@12 263 display: inline;
bgneal@1 264 margin: 0 5px 20px 0;
bgneal@1 265 }
bgneal@1 266
bgneal@1 267 table.image-table caption {
bgneal@1 268 font-size: x-small;
bgneal@1 269 caption-side: top;
bgneal@12 270 text-align: center;
bgneal@12 271 background-color: #213442;
bgneal@1 272 }
bgneal@13 273
bgneal@13 274 #slideshow {
bgneal@13 275 width: 600px;
bgneal@13 276 height: 200px;
bgneal@13 277 }