annotate media/css/base.css @ 178:d51743322bb2

#56 - Cut over to Django 1.2 messaging system.
author Brian Neal <bgneal@gmail.com>
date Wed, 17 Mar 2010 03:12:05 +0000
parents 7071b196ddd5
children 136719cbcb3c
rev   line source
gremmie@1 1 body {
gremmie@1 2 background-color: #eee;
gremmie@1 3 }
gremmie@1 4 #page {
gremmie@1 5 }
gremmie@1 6 #header {
gremmie@1 7 background-color: teal;
gremmie@1 8 }
gremmie@1 9 #header h1 {
gremmie@1 10 border-bottom: 1px solid #ccc;
gremmie@1 11 font: normal italic 1.5em/18px Georgia, serif;
gremmie@1 12 margin-bottom: 11px;
gremmie@1 13 color: #57FEFF;
gremmie@1 14 margin-left: -108px;
gremmie@1 15 padding: 15px 0 21px 108px;
gremmie@1 16 }
gremmie@1 17 #header p {
gremmie@1 18 float: left;
gremmie@1 19 padding: 60px 24px 24px 24px;
gremmie@1 20 font-size: 1.5em;
gremmie@1 21 line-height: 1em;
gremmie@1 22 }
gremmie@1 23 #header ul {
gremmie@1 24 padding-top: 62px;
gremmie@1 25 padding-right: 12px;
gremmie@1 26 text-align: right;
gremmie@1 27 list-style: none;
gremmie@1 28 }
gremmie@1 29 #header li {
gremmie@1 30 display: inline;
gremmie@1 31 margin: 0 12px;
gremmie@1 32 }
gremmie@1 33 #header li a {
gremmie@1 34 font-size: 1.25em;
gremmie@1 35 line-height: 1em;
gremmie@1 36 text-decoration: none;
gremmie@1 37 color: #57FEFF;
gremmie@1 38 }
gremmie@1 39 #header li a:hover {
gremmie@1 40 color: #300;
gremmie@1 41 }
gremmie@1 42 #content-primary {
gremmie@1 43 }
gremmie@1 44 #content-secondary {
gremmie@1 45 }
gremmie@1 46 #footer {
gremmie@1 47 height: 192px;
gremmie@1 48 background: #333;
gremmie@1 49 font-size: 10px;
gremmie@1 50 line-height: 1em;
gremmie@1 51 text-shadow: 1px 1px 1px #333;
gremmie@1 52 color: #fff;
gremmie@1 53 }
gremmie@1 54 #footer p {
bgneal@19 55 margin: 1em;
gremmie@1 56 }
bgneal@42 57 #footer a {
bgneal@42 58 color: #0ff;
bgneal@42 59 }
gremmie@1 60 ul.app-menu {
gremmie@1 61 text-align: center;
gremmie@1 62 list-style: none;
gremmie@1 63 }
gremmie@1 64 ul.app-menu li {
gremmie@1 65 display: inline;
gremmie@1 66 border: 1px solid black;
gremmie@1 67 padding: 3px 1em;
gremmie@1 68 background-color: teal;
gremmie@1 69 }
gremmie@1 70 ul.app-menu li a {
gremmie@1 71 text-decoration: none;
gremmie@1 72 background-color: teal;
gremmie@1 73 color: #111;
gremmie@1 74 }
gremmie@1 75 ul.app-menu li a:hover {
gremmie@1 76 color: #fff;
gremmie@1 77 }
gremmie@1 78 div.side-block {
gremmie@1 79 margin: 0 0 0.5em 0;
gremmie@1 80 padding: 2px 2px;
gremmie@1 81 width: 100%;
gremmie@1 82 }
gremmie@1 83 div.side-block-title {
gremmie@1 84 margin: 0;
gremmie@1 85 background-color: teal;
gremmie@1 86 color: white;
gremmie@1 87 font-weight: bold;
gremmie@1 88 text-align: center;
gremmie@1 89 }
gremmie@1 90 div.side-block-content {
gremmie@1 91 margin: 0;
gremmie@1 92 border: 1px solid teal;
gremmie@1 93 padding: 2px 2px;
gremmie@1 94 }
gremmie@1 95 iframe {
gremmie@1 96 margin-bottom: 1em;
gremmie@1 97 }
gremmie@1 98 img {
gremmie@1 99 border-style: none;
gremmie@1 100 }
gremmie@1 101 .breadcrumbs {
gremmie@1 102 font-size: x-small;
bgneal@13 103 padding-bottom: 0.5em;
gremmie@1 104 }
bgneal@5 105 table {
bgneal@5 106 width: auto;
bgneal@5 107 }
bgneal@16 108 .errorlist {
bgneal@16 109 background: #FBE3E4;
bgneal@16 110 color: #8a1f11;
bgneal@16 111 border-color: #FBC2C4;
bgneal@16 112 border: 2px solid #ddd;
bgneal@16 113 }
bgneal@26 114 .app-logo {
bgneal@26 115 text-align: center;
bgneal@26 116 padding: 0.5em;
bgneal@26 117 }
bgneal@28 118 .bulletin {
bgneal@28 119 text-align: center;
bgneal@28 120 margin: 1em 1em;
bgneal@28 121 padding: 1em 1em 0;
bgneal@28 122 border: 1px solid black;
bgneal@28 123 }
bgneal@28 124 .bulletin h3 {
bgneal@28 125 background-image: url(../icons/asterisk_orange.png);
bgneal@28 126 background-position: center left;
bgneal@28 127 background-repeat: no-repeat;
bgneal@28 128 }
bgneal@28 129 .bulletin .bulletin-meta {
bgneal@28 130 font-size: x-small;
bgneal@28 131 color: gray;
bgneal@28 132 text-align: right;
bgneal@28 133 }
bgneal@29 134 ul.icon-list li {
bgneal@29 135 list-style-type: none;
bgneal@29 136 }
bgneal@33 137 #slideshow {
bgneal@33 138 position:relative;
bgneal@33 139 left:15px;
bgneal@33 140 height:240px;
bgneal@33 141 }
bgneal@33 142 #slideshow img {
bgneal@33 143 position:absolute;
bgneal@33 144 top:0;
bgneal@33 145 left:0;
bgneal@33 146 z-index:8;
bgneal@33 147 opacity:0.0;
bgneal@33 148 }
bgneal@33 149 #slideshow img.active {
bgneal@33 150 z-index:10;
bgneal@33 151 opacity:1.0;
bgneal@33 152 }
bgneal@33 153 #slideshow img.last-active {
bgneal@33 154 z-index:9;
bgneal@33 155 }
bgneal@81 156 table.forum-index-table {
bgneal@81 157 width:100%;
bgneal@81 158 }
bgneal@81 159 table.forum-index-table thead th {
bgneal@81 160 background:teal;
bgneal@81 161 }
bgneal@83 162 table.forum-index-table .forum-title {
bgneal@120 163 width:57%;
bgneal@81 164 }
bgneal@83 165 table.forum-index-table .forum-topics {
bgneal@120 166 width:9%;
bgneal@81 167 text-align:center;
bgneal@81 168 }
bgneal@83 169 table.forum-index-table .forum-posts {
bgneal@120 170 width:9%;
bgneal@81 171 text-align:center;
bgneal@81 172 }
bgneal@83 173 table.forum-index-table .forum-last_post {
bgneal@120 174 width:25%;
bgneal@81 175 text-align:center;
bgneal@81 176 }
bgneal@83 177
bgneal@83 178 table.forum-index-table .forum-index_title {
bgneal@84 179 width:50%;
bgneal@83 180 }
bgneal@83 181 table.forum-index-table .forum-index_replies {
bgneal@120 182 width:8%;
bgneal@81 183 text-align:center;
bgneal@81 184 }
bgneal@83 185 table.forum-index-table .forum-index_author {
bgneal@120 186 width:8%;
bgneal@81 187 text-align:center;
bgneal@81 188 }
bgneal@83 189 table.forum-index-table .forum-index_views {
bgneal@120 190 width:8%;
bgneal@83 191 text-align:center;
bgneal@83 192 }
bgneal@83 193 table.forum-index-table .forum-index_last_post {
bgneal@120 194 width:26%;
bgneal@81 195 text-align:center;
bgneal@81 196 }
bgneal@111 197 table.forum-index-table .forum-index_select {
bgneal@111 198 width:10%;
bgneal@111 199 text-align:center;
bgneal@111 200 }
bgneal@161 201 table.forum-index-table h4 {
bgneal@161 202 margin-bottom: 4px;
bgneal@161 203 }
bgneal@86 204 table.forum-topic {
bgneal@89 205 border-top:1px solid black;
bgneal@89 206 border-left:1px solid black;
bgneal@89 207 border-right:1px solid black;
bgneal@86 208 width:100%;
bgneal@86 209 margin-top: 5px;
bgneal@86 210 }
bgneal@86 211 td.forum-post-author {
bgneal@86 212 width:5%;
bgneal@86 213 border-right: 1px solid #ccc;
bgneal@89 214 border-bottom: 1px solid black;
bgneal@94 215 vertical-align: top;
bgneal@98 216 font-size: x-small;
bgneal@86 217 }
bgneal@86 218 td.forum-post-body {
bgneal@86 219 vertical-align: top;
bgneal@86 220 width:95%;
bgneal@89 221 border-bottom: 1px solid black;
bgneal@86 222 }
bgneal@115 223 td.forum-post-body-split {
bgneal@115 224 vertical-align: top;
bgneal@115 225 width:90%;
bgneal@115 226 border-bottom: 1px solid black;
bgneal@115 227 }
bgneal@115 228 td.forum-post-split-check {
bgneal@115 229 width:5%;
bgneal@115 230 border-left: 1px solid #ccc;
bgneal@115 231 border-bottom: 1px solid black;
bgneal@115 232 vertical-align: middle;
bgneal@115 233 }
bgneal@86 234 div.forum-post-info {
bgneal@86 235 padding: 2px;
bgneal@86 236 font-size:.8em;
bgneal@86 237 border-bottom: 1px solid #ccc;
bgneal@86 238 margin-bottom: 5px;
bgneal@98 239 padding-bottom: 5px;
bgneal@86 240 }
bgneal@86 241 div.forum-post-info img {
bgneal@86 242 float: left;
bgneal@86 243 margin-right: 5px;
bgneal@86 244 }
bgneal@98 245 div.forum-post-info-tools {
bgneal@98 246 border-top: 1px solid #ccc;
bgneal@98 247 padding-top: 5px;
bgneal@98 248 text-align: right;
bgneal@98 249 }
bgneal@105 250 div.forum-post-info-tools img {
bgneal@105 251 padding-left: 1em;
bgneal@105 252 }
bgneal@90 253 .forums-post-navigation {
bgneal@90 254 text-align: right;
bgneal@90 255 }
bgneal@90 256 #forums-quick-reply {
bgneal@90 257 margin-top: 1.5em;
bgneal@90 258 }
bgneal@102 259 img.forums-topic-icon {
bgneal@102 260 float: left;
bgneal@102 261 margin-right: 3px;
bgneal@102 262 }
bgneal@109 263 div.forum-mod-controls form {
bgneal@109 264 display:inline;
bgneal@109 265 }
bgneal@158 266 table.grid {
bgneal@158 267 border-collapse:collapse;
bgneal@158 268 }
bgneal@158 269 table.grid th,td {
bgneal@158 270 border: 1px solid #eee;
bgneal@158 271 }
bgneal@160 272 ul.inline-list li {
bgneal@160 273 display: inline;
bgneal@160 274 margin: 0 3px;
bgneal@160 275 }
bgneal@167 276 table.forum-topic-table {
bgneal@167 277 width:100%;
bgneal@167 278 }
bgneal@167 279 table.forum-topic-table thead th {
bgneal@167 280 background:teal;
bgneal@167 281 }
bgneal@167 282 table.forum-topic-table .col-0 {
bgneal@167 283 width:23%;
bgneal@167 284 text-align:center;
bgneal@167 285 }
bgneal@167 286 table.forum-topic-table .col-1 {
bgneal@167 287 width:37%;
bgneal@167 288 text-align:center;
bgneal@167 289 }
bgneal@167 290 table.forum-topic-table .col-2 {
bgneal@167 291 width:5%;
bgneal@167 292 text-align:center;
bgneal@167 293 }
bgneal@167 294 table.forum-topic-table .col-3 {
bgneal@167 295 width:5%;
bgneal@167 296 text-align:center;
bgneal@167 297 }
bgneal@167 298 table.forum-topic-table .col-4 {
bgneal@167 299 width:5%;
bgneal@167 300 text-align:center;
bgneal@167 301 }
bgneal@167 302 table.forum-topic-table .col-5 {
bgneal@167 303 width:25%;
bgneal@167 304 text-align:center;
bgneal@167 305 }
bgneal@167 306 table.forum-topic-table .info {
bgneal@167 307 text-align:center;
bgneal@167 308 }
bgneal@167 309 #forum-query-form {
bgneal@167 310 text-align:right;
bgneal@167 311 }
bgneal@169 312 #forums-post-list dt {
bgneal@169 313 margin-top: 0.5em;
bgneal@169 314 padding: 3px 0 3px 0;
bgneal@169 315 }
bgneal@169 316 #forums-post-list dd {
bgneal@169 317 border: 1px solid #555;
bgneal@169 318 padding: 0.5em 0.5em;
bgneal@169 319 }
bgneal@169 320 #forums-post-list dd.even {
bgneal@169 321 background-color:#e5ecf9;
bgneal@169 322 }