Mercurial > public > sg101

annotate media/css/base.css @ 271:4746df47a538

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Follow on to last rev (r292) for #126. Missed updating a shoutbox template. Also the repoze.timeago package uses UTC time by default. Change this to local time for now until we decide to switch over to UTC for everything.
author Brian Neal <bgneal@gmail.com>
date Sun, 26 Sep 2010 17:42:00 +0000
parents 4e307f9ddd2d
children 593fb6dbd449
rev   line source
gremmie@1 1 body {
gremmie@1 2 background-color: #eee;
bgneal@195 3 background: url('../themes/kds/bg.png') no-repeat fixed center;
bgneal@195 4 }
bgneal@195 5 tr.even td {
bgneal@195 6 background-color: #E0F2F6;
bgneal@195 7 }
bgneal@195 8 a {
bgneal@195 9 text-decoration: none;
bgneal@195 10 color: teal;
bgneal@195 11 }
bgneal@195 12 a:hover {
bgneal@195 13 text-decoration: underline;
bgneal@195 14 color: black;
gremmie@1 15 }
gremmie@1 16 #page {
gremmie@1 17 }
gremmie@1 18 #header {
bgneal@195 19 background-position: left;
bgneal@195 20 background-repeat: no-repeat;
bgneal@195 21 text-align: center;
bgneal@195 22 display: block;
bgneal@195 23 height: 150px;
bgneal@195 24 overflow: visible;
bgneal@195 25 background-image: url('../themes/kds/headerbg.png');
gremmie@1 26 }
gremmie@1 27 #header p {
bgneal@195 28 float: none;
bgneal@195 29 padding: 40px 24px 0px 24px;
gremmie@1 30 font-size: 1.5em;
gremmie@1 31 line-height: 1em;
bgneal@195 32 display: block;
bgneal@195 33 clear: both;
gremmie@1 34 }
bgneal@195 35 #header-nav {
bgneal@195 36 background-color: #E0F2F6;
bgneal@196 37 text-align: right;
bgneal@195 38 }
bgneal@195 39 #header-nav ul {
bgneal@195 40 padding-top: 3px;
bgneal@195 41 padding-right: 5px;
bgneal@195 42 margin-bottom: 3px;
bgneal@195 43 /* text-align: right; */
gremmie@1 44 list-style: none;
gremmie@1 45 }
bgneal@195 46 #header-nav li {
gremmie@1 47 display: inline;
bgneal@196 48 margin: 0 36px;
gremmie@1 49 }
bgneal@195 50 #header-nav li a {
bgneal@195 51 font-size: 1.0em;
gremmie@1 52 line-height: 1em;
gremmie@1 53 text-decoration: none;
bgneal@195 54 color: teal;
gremmie@1 55 }
bgneal@195 56 #header-nav li a:hover {
bgneal@195 57 color: black;
gremmie@1 58 }
gremmie@1 59 #content-primary {
gremmie@1 60 }
gremmie@1 61 #content-secondary {
bgneal@195 62 background-color: #E0F2F6;
bgneal@195 63 min-height: 1750px;
bgneal@195 64 }
bgneal@195 65 #content-secondary ul.nav-left {
bgneal@195 66 margin-top: 1.5em;
bgneal@195 67 list-style:none;
bgneal@195 68 }
bgneal@195 69 #content-secondary ul.nav-left li {
bgneal@195 70 background-color: #eee;
bgneal@195 71 background-color: #E0F2F6;
bgneal@195 72 color: black;
bgneal@195 73 }
bgneal@195 74 #content-secondary ul.nav-left li a {
bgneal@195 75 text-decoration: none;
bgneal@195 76 color: teal;
bgneal@195 77 }
bgneal@195 78 #content-secondary ul.nav-left li a:hover {
bgneal@195 79 color: black;
gremmie@1 80 }
gremmie@1 81 #footer {
bgneal@195 82 height: 105px;
gremmie@1 83 font-size: 10px;
gremmie@1 84 line-height: 1em;
gremmie@1 85 text-shadow: 1px 1px 1px #333;
bgneal@195 86 background-repeat: no-repeat;
bgneal@195 87 background-color: #E0F2F6;
bgneal@195 88 color: black;
gremmie@1 89 }
gremmie@1 90 #footer p {
bgneal@195 91 margin: 1em;
bgneal@195 92 text-align: center;
gremmie@1 93 }
bgneal@42 94 #footer a {
bgneal@195 95 color: teal;
bgneal@42 96 }
gremmie@1 97 ul.app-menu {
gremmie@1 98 text-align: center;
gremmie@1 99 list-style: none;
gremmie@1 100 }
gremmie@1 101 ul.app-menu li {
gremmie@1 102 display: inline;
gremmie@1 103 border: 1px solid black;
gremmie@1 104 padding: 3px 1em;
gremmie@1 105 background-color: teal;
gremmie@1 106 }
gremmie@1 107 ul.app-menu li a {
gremmie@1 108 text-decoration: none;
gremmie@1 109 background-color: teal;
gremmie@1 110 color: #111;
gremmie@1 111 }
gremmie@1 112 ul.app-menu li a:hover {
gremmie@1 113 color: #fff;
gremmie@1 114 }
gremmie@1 115 div.side-block {
bgneal@201 116 margin-bottom:1.2em;
bgneal@201 117 margin-left:14px;
bgneal@201 118 margin-right:auto;
bgneal@201 119 width:160px;
gremmie@1 120 }
gremmie@1 121 div.side-block-title {
gremmie@1 122 margin: 0;
gremmie@1 123 background-color: teal;
gremmie@1 124 color: white;
gremmie@1 125 font-weight: bold;
gremmie@1 126 text-align: center;
bgneal@269 127 border-top-left-radius: 5px;
bgneal@269 128 border-top-right-radius: 5px;
bgneal@269 129 -moz-border-radius-topleft: 5px;
bgneal@269 130 -moz-border-radius-topright: 5px;
gremmie@1 131 }
gremmie@1 132 div.side-block-content {
gremmie@1 133 margin: 0;
gremmie@1 134 border: 1px solid teal;
gremmie@1 135 padding: 2px 2px;
bgneal@269 136 border-bottom-left-radius: 5px;
bgneal@269 137 border-bottom-right-radius: 5px;
bgneal@269 138 -moz-border-radius-bottomleft: 5px;
bgneal@269 139 -moz-border-radius-bottomright: 5px;
gremmie@1 140 }
gremmie@1 141 iframe {
gremmie@1 142 margin-bottom: 1em;
gremmie@1 143 }
gremmie@1 144 img {
gremmie@1 145 border-style: none;
gremmie@1 146 }
gremmie@1 147 .breadcrumbs {
gremmie@1 148 font-size: x-small;
bgneal@13 149 padding-bottom: 0.5em;
gremmie@1 150 }
bgneal@5 151 table {
bgneal@5 152 width: auto;
bgneal@195 153 border-style: none;
bgneal@5 154 }
bgneal@16 155 .errorlist {
bgneal@16 156 background: #FBE3E4;
bgneal@16 157 color: #8a1f11;
bgneal@16 158 border-color: #FBC2C4;
bgneal@16 159 border: 2px solid #ddd;
bgneal@16 160 }
bgneal@26 161 .app-logo {
bgneal@26 162 text-align: center;
bgneal@26 163 padding: 0.5em;
bgneal@26 164 }
bgneal@28 165 .bulletin {
bgneal@28 166 text-align: center;
bgneal@28 167 margin: 1em 1em;
bgneal@28 168 padding: 1em 1em 0;
bgneal@28 169 border: 1px solid black;
bgneal@269 170 border-radius: 10px;
bgneal@269 171 -moz-border-radius: 10px;
bgneal@28 172 }
bgneal@28 173 .bulletin h3 {
bgneal@28 174 background-image: url(../icons/asterisk_orange.png);
bgneal@28 175 background-position: center left;
bgneal@28 176 background-repeat: no-repeat;
bgneal@28 177 }
bgneal@28 178 .bulletin .bulletin-meta {
bgneal@28 179 font-size: x-small;
bgneal@28 180 color: gray;
bgneal@28 181 text-align: right;
bgneal@268 182 clear: both;
bgneal@28 183 }
bgneal@29 184 ul.icon-list li {
bgneal@29 185 list-style-type: none;
bgneal@29 186 }
bgneal@33 187 #slideshow {
bgneal@33 188 position:relative;
bgneal@33 189 left:15px;
bgneal@33 190 height:240px;
bgneal@33 191 }
bgneal@33 192 #slideshow img {
bgneal@33 193 position:absolute;
bgneal@33 194 top:0;
bgneal@33 195 left:0;
bgneal@33 196 z-index:8;
bgneal@33 197 opacity:0.0;
bgneal@33 198 }
bgneal@33 199 #slideshow img.active {
bgneal@33 200 z-index:10;
bgneal@33 201 opacity:1.0;
bgneal@33 202 }
bgneal@33 203 #slideshow img.last-active {
bgneal@33 204 z-index:9;
bgneal@33 205 }
bgneal@81 206 table.forum-index-table {
bgneal@81 207 width:100%;
bgneal@81 208 }
bgneal@81 209 table.forum-index-table thead th {
bgneal@81 210 background:teal;
bgneal@81 211 }
bgneal@83 212 table.forum-index-table .forum-title {
bgneal@120 213 width:57%;
bgneal@81 214 }
bgneal@83 215 table.forum-index-table .forum-topics {
bgneal@120 216 width:9%;
bgneal@81 217 text-align:center;
bgneal@81 218 }
bgneal@83 219 table.forum-index-table .forum-posts {
bgneal@120 220 width:9%;
bgneal@81 221 text-align:center;
bgneal@81 222 }
bgneal@83 223 table.forum-index-table .forum-last_post {
bgneal@120 224 width:25%;
bgneal@81 225 text-align:center;
bgneal@81 226 }
bgneal@83 227
bgneal@83 228 table.forum-index-table .forum-index_title {
bgneal@84 229 width:50%;
bgneal@83 230 }
bgneal@83 231 table.forum-index-table .forum-index_replies {
bgneal@120 232 width:8%;
bgneal@81 233 text-align:center;
bgneal@81 234 }
bgneal@83 235 table.forum-index-table .forum-index_author {
bgneal@120 236 width:8%;
bgneal@81 237 text-align:center;
bgneal@81 238 }
bgneal@83 239 table.forum-index-table .forum-index_views {
bgneal@120 240 width:8%;
bgneal@83 241 text-align:center;
bgneal@83 242 }
bgneal@83 243 table.forum-index-table .forum-index_last_post {
bgneal@120 244 width:26%;
bgneal@81 245 text-align:center;
bgneal@81 246 }
bgneal@111 247 table.forum-index-table .forum-index_select {
bgneal@111 248 width:10%;
bgneal@111 249 text-align:center;
bgneal@111 250 }
bgneal@161 251 table.forum-index-table h4 {
bgneal@161 252 margin-bottom: 4px;
bgneal@161 253 }
bgneal@86 254 table.forum-topic {
bgneal@89 255 border-top:1px solid black;
bgneal@89 256 border-left:1px solid black;
bgneal@89 257 border-right:1px solid black;
bgneal@86 258 width:100%;
bgneal@86 259 margin-top: 5px;
bgneal@86 260 }
bgneal@86 261 td.forum-post-author {
bgneal@86 262 width:5%;
bgneal@86 263 border-right: 1px solid #ccc;
bgneal@89 264 border-bottom: 1px solid black;
bgneal@94 265 vertical-align: top;
bgneal@98 266 font-size: x-small;
bgneal@86 267 }
bgneal@86 268 td.forum-post-body {
bgneal@86 269 vertical-align: top;
bgneal@86 270 width:95%;
bgneal@89 271 border-bottom: 1px solid black;
bgneal@86 272 }
bgneal@115 273 td.forum-post-body-split {
bgneal@115 274 vertical-align: top;
bgneal@115 275 width:90%;
bgneal@115 276 border-bottom: 1px solid black;
bgneal@115 277 }
bgneal@115 278 td.forum-post-split-check {
bgneal@115 279 width:5%;
bgneal@115 280 border-left: 1px solid #ccc;
bgneal@115 281 border-bottom: 1px solid black;
bgneal@115 282 vertical-align: middle;
bgneal@115 283 }
bgneal@86 284 div.forum-post-info {
bgneal@86 285 padding: 2px;
bgneal@86 286 font-size:.8em;
bgneal@86 287 border-bottom: 1px solid #ccc;
bgneal@86 288 margin-bottom: 5px;
bgneal@98 289 padding-bottom: 5px;
bgneal@86 290 }
bgneal@86 291 div.forum-post-info img {
bgneal@86 292 float: left;
bgneal@86 293 margin-right: 5px;
bgneal@86 294 }
bgneal@98 295 div.forum-post-info-tools {
bgneal@98 296 border-top: 1px solid #ccc;
bgneal@98 297 padding-top: 5px;
bgneal@98 298 text-align: right;
bgneal@98 299 }
bgneal@105 300 div.forum-post-info-tools img {
bgneal@105 301 padding-left: 1em;
bgneal@105 302 }
bgneal@90 303 .forums-post-navigation {
bgneal@90 304 text-align: right;
bgneal@90 305 }
bgneal@90 306 #forums-quick-reply {
bgneal@90 307 margin-top: 1.5em;
bgneal@90 308 }
bgneal@102 309 img.forums-topic-icon {
bgneal@102 310 float: left;
bgneal@102 311 margin-right: 3px;
bgneal@102 312 }
bgneal@109 313 div.forum-mod-controls form {
bgneal@109 314 display:inline;
bgneal@109 315 }
bgneal@158 316 table.grid {
bgneal@158 317 border-collapse:collapse;
bgneal@158 318 }
bgneal@195 319 table.grid th, table.grid td {
bgneal@158 320 border: 1px solid #eee;
bgneal@158 321 }
bgneal@160 322 ul.inline-list li {
bgneal@160 323 display: inline;
bgneal@160 324 margin: 0 3px;
bgneal@160 325 }
bgneal@167 326 table.forum-topic-table {
bgneal@167 327 width:100%;
bgneal@167 328 }
bgneal@167 329 table.forum-topic-table thead th {
bgneal@167 330 background:teal;
bgneal@167 331 }
bgneal@167 332 table.forum-topic-table .col-0 {
bgneal@167 333 width:23%;
bgneal@167 334 text-align:center;
bgneal@167 335 }
bgneal@167 336 table.forum-topic-table .col-1 {
bgneal@167 337 width:37%;
bgneal@167 338 text-align:center;
bgneal@167 339 }
bgneal@167 340 table.forum-topic-table .col-2 {
bgneal@167 341 width:5%;
bgneal@167 342 text-align:center;
bgneal@167 343 }
bgneal@167 344 table.forum-topic-table .col-3 {
bgneal@167 345 width:5%;
bgneal@167 346 text-align:center;
bgneal@167 347 }
bgneal@167 348 table.forum-topic-table .col-4 {
bgneal@167 349 width:5%;
bgneal@167 350 text-align:center;
bgneal@167 351 }
bgneal@167 352 table.forum-topic-table .col-5 {
bgneal@167 353 width:25%;
bgneal@167 354 text-align:center;
bgneal@167 355 }
bgneal@167 356 table.forum-topic-table .info {
bgneal@167 357 text-align:center;
bgneal@167 358 }
bgneal@167 359 #forum-query-form {
bgneal@167 360 text-align:right;
bgneal@167 361 }
bgneal@169 362 #forums-post-list dt {
bgneal@169 363 margin-top: 0.5em;
bgneal@169 364 padding: 3px 0 3px 0;
bgneal@169 365 }
bgneal@169 366 #forums-post-list dd {
bgneal@169 367 border: 1px solid #555;
bgneal@169 368 padding: 0.5em 0.5em;
bgneal@169 369 }
bgneal@169 370 #forums-post-list dd.even {
bgneal@169 371 background-color:#e5ecf9;
bgneal@169 372 }
bgneal@204 373 #badge_summary {
bgneal@204 374 border-collapse:collapse;
bgneal@204 375 }
bgneal@204 376 #badge_summary th, #badge_summary td {
bgneal@204 377 border: 1px solid teal;
bgneal@204 378 }
bgneal@215 379 .error a {
bgneal@215 380 text-decoration: underline;
bgneal@215 381 }
bgneal@215 382 .stranger {
bgneal@215 383 background:#FFF6BF;
bgneal@215 384 }