Mercurial > public > madeira

annotate static/css/theme.css @ 41:63e4211628e1

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