Mercurial > public > madeira

annotate static/css/theme.css @ 100:e221c38edf40

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
First steps with new Bootstrap 3.0 theme.
author Brian Neal <bgneal@gmail.com>
date Tue, 15 Oct 2013 21:35:48 -0500
parents e4faf6f90710
children 0a8942306b04
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@47 43 margin-top: 1.5em;
bgneal@26 44 color: #6B969C;
bgneal@26 45 border-top: solid 1px #6B969C;
bgneal@26 46 }
bgneal@26 47
bgneal@26 48 div.madeira-photo-list {
bgneal@26 49 margin: 2em;
bgneal@26 50 text-align: center;
bgneal@26 51 }
bgneal@26 52
bgneal@26 53 div.madeira-photo-list img {
bgneal@26 54 border: thin dotted #6B969C;
bgneal@26 55 padding: 2px;
bgneal@26 56 margin: 5px;
bgneal@26 57 }
bgneal@26 58
bgneal@26 59 a.img-link:link { text-decoration: none; background-color: transparent; }
bgneal@26 60 a.img-link:visited { text-decoration: none; background-color: transparent; }
bgneal@26 61 a.img-link:hover { text-decoration: none; background-color: transparent; }
bgneal@26 62
bgneal@26 63 .header {
bgneal@26 64 margin-top: 10px;
bgneal@26 65 margin-left: 5px;
bgneal@26 66 }
bgneal@26 67
bgneal@26 68 .photobkgnd {
bgneal@26 69 margin: 3em;
bgneal@26 70 z-index: 3;
bgneal@26 71 background-color: #888888;
bgneal@26 72 padding: 5px;
bgneal@26 73 }
bgneal@26 74
bgneal@26 75 .newsflash {
bgneal@26 76 margin: 20px 1em;
bgneal@26 77 border: 3px solid #6B969C;
bgneal@26 78 padding: 5px;
bgneal@26 79 background-color: #2e414f;
bgneal@26 80 color: #EF7D21;
bgneal@26 81 }
bgneal@26 82
bgneal@26 83 /*
bgneal@26 84 ** f'in IE doesn't seem to honor my padding and the float doesn't work.
bgneal@26 85 ** solution: make an invisible border...lame.
bgneal@26 86 ** It's fine in Firefox.
bgneal@26 87 */
bgneal@26 88 .floatLeftBox {
bgneal@26 89 /* padding: 0 1em 1em 0; I wish I could just use this */
bgneal@26 90 float: left;
bgneal@26 91 border-right: 0.5em solid #213442;
bgneal@26 92 border-bottom: 0.5em solid #213442;
bgneal@26 93 }
bgneal@26 94
bgneal@26 95 .clearMe {
bgneal@26 96 clear: left;
bgneal@26 97 }
bgneal@26 98
bgneal@26 99 .cdCoverFloatList {
bgneal@26 100 margin-left: 260px;
bgneal@26 101 text-align: left;
bgneal@26 102 }
bgneal@26 103
bgneal@26 104 /* For internal links (within the same page) */
bgneal@26 105 .intLink {
bgneal@26 106 margin-top: 2em;
bgneal@26 107 font-size: small;
bgneal@26 108 }
bgneal@26 109
bgneal@26 110 label.normal {
bgneal@26 111 width: 9em;
bgneal@26 112 float: left;
bgneal@26 113 text-align: right;
bgneal@26 114 margin: 0 1em 10px 0;
bgneal@26 115 clear: both;
bgneal@26 116 font-weight: bold;
bgneal@26 117 }
bgneal@26 118
bgneal@26 119 .form-box {
bgneal@26 120 color: black;
bgneal@26 121 background: #ccc;
bgneal@26 122 border-top: black solid 2px;
bgneal@26 123 border-left: black solid 2px;
bgneal@26 124 border-bottom: #eee solid 2px;
bgneal@26 125 border-right: #eee solid 2px;
bgneal@26 126 margin-bottom: 5px;
bgneal@26 127 }
bgneal@26 128
bgneal@26 129 .form-radio {
bgneal@26 130 margin-left: 10em;
bgneal@26 131 }
bgneal@26 132
bgneal@26 133 .form-comment {
bgneal@26 134 font-style: italic;
bgneal@26 135 font-size: x-small;
bgneal@26 136 margin-left: 10em;
bgneal@26 137 margin-bottom: 10px;
bgneal@26 138 }
bgneal@26 139
bgneal@26 140 .submit-button {
bgneal@26 141 color: black;
bgneal@26 142 background: #6B969C;
bgneal@26 143 border: 2px outset;
bgneal@26 144 padding: 3px;
bgneal@26 145 }
bgneal@26 146
bgneal@26 147 table.input-form th {
bgneal@26 148 vertical-align: top;
bgneal@26 149 }
bgneal@26 150
bgneal@26 151 ul.errorlist {
bgneal@26 152 margin: 0 0 0 1em;
bgneal@26 153 padding: 2px;
bgneal@26 154 }
bgneal@26 155 .errorlist li {
bgneal@26 156 color: red;
bgneal@26 157 }
bgneal@26 158
bgneal@26 159 fieldset {
bgneal@26 160 border: 1px solid teal;
bgneal@26 161 margin-top: 2em;
bgneal@26 162 }
bgneal@26 163
bgneal@26 164 legend {
bgneal@26 165 background: #6B969C;
bgneal@26 166 color: black;
bgneal@26 167 border: 1px solid black;
bgneal@26 168 padding: 2px 12px 2px 12px;
bgneal@26 169 }
bgneal@26 170
bgneal@26 171 #footer {
bgneal@26 172 clear: both;
bgneal@26 173 list-style-type: none;
bgneal@26 174 margin-top: 30px;
bgneal@26 175 padding-top: 1em;
bgneal@26 176 border-top: solid 1px #6B969C;
bgneal@26 177 font-size: small;
bgneal@26 178 font-style: italic;
bgneal@26 179 text-align: right;
bgneal@26 180 }
bgneal@26 181
bgneal@26 182 #navleft ul {
bgneal@26 183 margin: 0 0 0 0;
bgneal@26 184 padding: 0 0 0 0;
bgneal@26 185 font: 12px verdana, tahoma, arial, sans-serif;
bgneal@26 186 font: bold 15px georgia, 'times new roman', sans-serif;
bgneal@26 187 list-style-type: none;
bgneal@26 188 display: inline;
bgneal@26 189 }
bgneal@26 190
bgneal@26 191 #navleft li {
bgneal@26 192 margin: 0px 0 0;
bgneal@26 193 display: inline;
bgneal@26 194 }
bgneal@26 195
bgneal@26 196 #navleft a {
bgneal@26 197 display: block;
bgneal@26 198 padding: 2px 2px 2px 10px;
bgneal@26 199 border: 1px solid #000000;
bgneal@26 200 background: #6B969C;
bgneal@26 201 color: #EF7D21;
bgneal@26 202 text-decoration: none;
bgneal@26 203 }
bgneal@26 204
bgneal@26 205 #navleft a:link, #navleft a:active, #navleft a:visited {
bgneal@26 206 color: #213442;
bgneal@26 207 }
bgneal@26 208
bgneal@26 209 #navleft a:hover {
bgneal@26 210 border: 1px solid #000000;
bgneal@26 211 background: #213442 url(../images/brick.gif);
bgneal@26 212 color: #213442;
bgneal@26 213 }
bgneal@26 214
bgneal@26 215 div.article-source {
bgneal@26 216 font-style: italic;
bgneal@26 217 padding-bottom: 2px;
bgneal@26 218 margin-bottom: 5px;
bgneal@26 219 }
bgneal@26 220
bgneal@26 221 div.center-block {
bgneal@26 222 margin: 10px 30px 10px 30px;
bgneal@26 223 border: 1px solid #6B969C;
bgneal@26 224 padding: 3px;
bgneal@26 225 }
bgneal@26 226
bgneal@26 227 div.center-block h2 {
bgneal@26 228 font: italic 20px verdana, tahoma, arial, sans-serif;
bgneal@26 229 padding-top: 1px;
bgneal@26 230 margin-top: 1px;
bgneal@26 231 color: #6B969C;
bgneal@26 232 border-top: none;
bgneal@26 233 text-align: center;
bgneal@26 234 }
bgneal@26 235
bgneal@26 236 div.thumb-box {
bgneal@26 237 margin: 20px 1em;
bgneal@26 238 border: 3px solid #6B969C;
bgneal@26 239 padding: 5px;
bgneal@26 240 background-color: #2e414f;
bgneal@26 241 color: #EF7D21;
bgneal@26 242 }
bgneal@26 243
bgneal@26 244 div.thumb-box img {
bgneal@26 245 border: thin dotted #6B969C;
bgneal@26 246 padding: 2px;
bgneal@26 247 margin: 5px;
bgneal@26 248 }
bgneal@26 249
bgneal@26 250 div.thumb-box h2 {
bgneal@26 251 font: italic 20px verdana, tahoma, arial, sans-serif;
bgneal@26 252 padding-top: 1px;
bgneal@26 253 margin-top: 1px;
bgneal@26 254 color: #6B969C;
bgneal@26 255 border-top: none;
bgneal@26 256 text-align: center;
bgneal@26 257 }
bgneal@26 258
bgneal@26 259 table {width:auto;}
bgneal@26 260
bgneal@26 261 table.flyers { width: 100% }
bgneal@26 262
bgneal@26 263 table.image-table {
bgneal@26 264 display: inline;
bgneal@26 265 margin: 0 5px 20px 0;
bgneal@26 266 }
bgneal@26 267
bgneal@26 268 table.image-table caption {
bgneal@26 269 font-size: x-small;
bgneal@26 270 caption-side: top;
bgneal@26 271 text-align: center;
bgneal@26 272 background-color: #213442;
bgneal@26 273 }
bgneal@26 274
bgneal@26 275 #slideshow {
bgneal@26 276 width: 600px;
bgneal@26 277 height: 200px;
bgneal@26 278 }
bgneal@76 279
bgneal@76 280 .quotes h2 {
bgneal@76 281 font: italic 20px verdana, tahoma, arial, sans-serif;
bgneal@76 282 padding-top: 0px;
bgneal@76 283 margin-top: 0em;
bgneal@76 284 color: #EF7D21;
bgneal@76 285 border-top: none;
bgneal@76 286 }
bgneal@76 287 .quotes blockquote {
bgneal@76 288 color: #EF7D21;
bgneal@76 289 font-style: italic;
bgneal@76 290 font-family:'Courier New', Courier, monospace;
bgneal@76 291 padding:10px;
bgneal@76 292 }
bgneal@76 293 .quotes blockquote.odd {
bgneal@76 294 border: 1px dotted #6B969C;
bgneal@76 295 -moz-box-shadow: 3px 3px 4px #000;
bgneal@76 296 -webkit-box-shadow: 3px 3px 4px #000;
bgneal@76 297 box-shadow: 3px 3px 4px #000;
bgneal@76 298 /* For IE 8 */
bgneal@76 299 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
bgneal@76 300 /* For IE 5.5 - 7 */
bgneal@76 301 filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
bgneal@76 302 }
bgneal@76 303 .quotes blockquote .citation {
bgneal@76 304 font-style: normal;
bgneal@76 305 font-size: smaller;
bgneal@76 306 font-family: arial, helvetica, sans-serif;
bgneal@76 307 padding:20px;
bgneal@76 308 }