Mercurial > public > madeira

annotate static/css/theme.css @ 55:0176eca97d1d

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
In the middle of revamping the band application. Moved the base and home templates out of the band directory. Started hacking on the band models, finally getting rid of older models and views. Not everything works yet in this commit.
author Brian Neal <bgneal@gmail.com>
date Sat, 07 Apr 2012 15:58:51 -0500
parents 0e51e5be34b9
children e4faf6f90710
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 }