Mercurial > public > madeira

annotate media/css/theme.css @ 10:10a8afa02eb2

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