Mercurial > public > sg101

annotate media/css/base.css @ 306:6ca2c474d92f

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Fixing #109; make forum links more prominent by underlining them by default.
author Brian Neal <bgneal@gmail.com>
date Sat, 15 Jan 2011 21:55:37 +0000
parents 8fd4984d5c3b
children
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@306 9 text-decoration: underline;
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;
bgneal@195 85 background-repeat: no-repeat;
bgneal@195 86 background-color: #E0F2F6;
bgneal@195 87 color: black;
gremmie@1 88 }
gremmie@1 89 #footer p {
bgneal@195 90 margin: 1em;
bgneal@195 91 text-align: center;
gremmie@1 92 }
bgneal@42 93 #footer a {
bgneal@195 94 color: teal;
bgneal@42 95 }
gremmie@1 96 ul.app-menu {
gremmie@1 97 text-align: center;
gremmie@1 98 list-style: none;
gremmie@1 99 }
gremmie@1 100 ul.app-menu li {
gremmie@1 101 display: inline;
gremmie@1 102 border: 1px solid black;
gremmie@1 103 padding: 3px 1em;
gremmie@1 104 background-color: teal;
gremmie@1 105 }
gremmie@1 106 ul.app-menu li a {
gremmie@1 107 text-decoration: none;
gremmie@1 108 background-color: teal;
gremmie@1 109 color: #111;
gremmie@1 110 }
gremmie@1 111 ul.app-menu li a:hover {
gremmie@1 112 color: #fff;
gremmie@1 113 }
gremmie@1 114 div.side-block {
bgneal@201 115 margin-bottom:1.2em;
bgneal@201 116 margin-left:14px;
bgneal@201 117 margin-right:auto;
bgneal@201 118 width:160px;
gremmie@1 119 }
gremmie@1 120 div.side-block-title {
gremmie@1 121 margin: 0;
gremmie@1 122 background-color: teal;
gremmie@1 123 color: white;
gremmie@1 124 font-weight: bold;
gremmie@1 125 text-align: center;
bgneal@269 126 border-top-left-radius: 5px;
bgneal@269 127 border-top-right-radius: 5px;
bgneal@269 128 -moz-border-radius-topleft: 5px;
bgneal@269 129 -moz-border-radius-topright: 5px;
gremmie@1 130 }
gremmie@1 131 div.side-block-content {
gremmie@1 132 margin: 0;
gremmie@1 133 border: 1px solid teal;
gremmie@1 134 padding: 2px 2px;
bgneal@269 135 border-bottom-left-radius: 5px;
bgneal@269 136 border-bottom-right-radius: 5px;
bgneal@269 137 -moz-border-radius-bottomleft: 5px;
bgneal@269 138 -moz-border-radius-bottomright: 5px;
gremmie@1 139 }
gremmie@1 140 iframe {
gremmie@1 141 margin-bottom: 1em;
gremmie@1 142 }
gremmie@1 143 img {
gremmie@1 144 border-style: none;
gremmie@1 145 }
gremmie@1 146 .breadcrumbs {
gremmie@1 147 font-size: x-small;
bgneal@13 148 padding-bottom: 0.5em;
gremmie@1 149 }
bgneal@5 150 table {
bgneal@5 151 width: auto;
bgneal@195 152 border-style: none;
bgneal@5 153 }
bgneal@16 154 .errorlist {
bgneal@16 155 background: #FBE3E4;
bgneal@16 156 color: #8a1f11;
bgneal@16 157 border-color: #FBC2C4;
bgneal@16 158 border: 2px solid #ddd;
bgneal@16 159 }
bgneal@26 160 .app-logo {
bgneal@26 161 text-align: center;
bgneal@26 162 padding: 0.5em;
bgneal@26 163 }
bgneal@28 164 .bulletin {
bgneal@28 165 text-align: center;
bgneal@28 166 margin: 1em 1em;
bgneal@28 167 padding: 1em 1em 0;
bgneal@28 168 border: 1px solid black;
bgneal@269 169 border-radius: 10px;
bgneal@269 170 -moz-border-radius: 10px;
bgneal@28 171 }
bgneal@28 172 .bulletin h3 {
bgneal@28 173 background-image: url(../icons/asterisk_orange.png);
bgneal@28 174 background-position: center left;
bgneal@28 175 background-repeat: no-repeat;
bgneal@28 176 }
bgneal@28 177 .bulletin .bulletin-meta {
bgneal@28 178 font-size: x-small;
bgneal@28 179 color: gray;
bgneal@28 180 text-align: right;
bgneal@268 181 clear: both;
bgneal@28 182 }
bgneal@29 183 ul.icon-list li {
bgneal@29 184 list-style-type: none;
bgneal@29 185 }
bgneal@33 186 #slideshow {
bgneal@33 187 position:relative;
bgneal@33 188 left:15px;
bgneal@33 189 height:240px;
bgneal@33 190 }
bgneal@33 191 #slideshow img {
bgneal@33 192 position:absolute;
bgneal@33 193 top:0;
bgneal@33 194 left:0;
bgneal@33 195 z-index:8;
bgneal@33 196 opacity:0.0;
bgneal@33 197 }
bgneal@33 198 #slideshow img.active {
bgneal@33 199 z-index:10;
bgneal@33 200 opacity:1.0;
bgneal@33 201 }
bgneal@33 202 #slideshow img.last-active {
bgneal@33 203 z-index:9;
bgneal@33 204 }
bgneal@81 205 table.forum-index-table {
bgneal@81 206 width:100%;
bgneal@81 207 }
bgneal@81 208 table.forum-index-table thead th {
bgneal@81 209 background:teal;
bgneal@81 210 }
bgneal@83 211 table.forum-index-table .forum-title {
bgneal@120 212 width:57%;
bgneal@81 213 }
bgneal@83 214 table.forum-index-table .forum-topics {
bgneal@120 215 width:9%;
bgneal@81 216 text-align:center;
bgneal@81 217 }
bgneal@83 218 table.forum-index-table .forum-posts {
bgneal@120 219 width:9%;
bgneal@81 220 text-align:center;
bgneal@81 221 }
bgneal@83 222 table.forum-index-table .forum-last_post {
bgneal@120 223 width:25%;
bgneal@81 224 text-align:center;
bgneal@81 225 }
bgneal@83 226
bgneal@83 227 table.forum-index-table .forum-index_title {
bgneal@84 228 width:50%;
bgneal@83 229 }
bgneal@83 230 table.forum-index-table .forum-index_replies {
bgneal@120 231 width:8%;
bgneal@81 232 text-align:center;
bgneal@81 233 }
bgneal@83 234 table.forum-index-table .forum-index_author {
bgneal@120 235 width:8%;
bgneal@81 236 text-align:center;
bgneal@81 237 }
bgneal@83 238 table.forum-index-table .forum-index_views {
bgneal@120 239 width:8%;
bgneal@83 240 text-align:center;
bgneal@83 241 }
bgneal@83 242 table.forum-index-table .forum-index_last_post {
bgneal@120 243 width:26%;
bgneal@81 244 text-align:center;
bgneal@81 245 }
bgneal@111 246 table.forum-index-table .forum-index_select {
bgneal@111 247 width:10%;
bgneal@111 248 text-align:center;
bgneal@111 249 }
bgneal@161 250 table.forum-index-table h4 {
bgneal@161 251 margin-bottom: 4px;
bgneal@161 252 }
bgneal@86 253 table.forum-topic {
bgneal@89 254 border-top:1px solid black;
bgneal@89 255 border-left:1px solid black;
bgneal@89 256 border-right:1px solid black;
bgneal@86 257 width:100%;
bgneal@86 258 margin-top: 5px;
bgneal@86 259 }
bgneal@86 260 td.forum-post-author {
bgneal@86 261 width:5%;
bgneal@86 262 border-right: 1px solid #ccc;
bgneal@89 263 border-bottom: 1px solid black;
bgneal@94 264 vertical-align: top;
bgneal@98 265 font-size: x-small;
bgneal@86 266 }
bgneal@86 267 td.forum-post-body {
bgneal@86 268 vertical-align: top;
bgneal@86 269 width:95%;
bgneal@89 270 border-bottom: 1px solid black;
bgneal@86 271 }
bgneal@115 272 td.forum-post-body-split {
bgneal@115 273 vertical-align: top;
bgneal@115 274 width:90%;
bgneal@115 275 border-bottom: 1px solid black;
bgneal@115 276 }
bgneal@115 277 td.forum-post-split-check {
bgneal@115 278 width:5%;
bgneal@115 279 border-left: 1px solid #ccc;
bgneal@115 280 border-bottom: 1px solid black;
bgneal@115 281 vertical-align: middle;
bgneal@115 282 }
bgneal@86 283 div.forum-post-info {
bgneal@86 284 padding: 2px;
bgneal@86 285 font-size:.8em;
bgneal@86 286 border-bottom: 1px solid #ccc;
bgneal@86 287 margin-bottom: 5px;
bgneal@98 288 padding-bottom: 5px;
bgneal@86 289 }
bgneal@86 290 div.forum-post-info img {
bgneal@86 291 float: left;
bgneal@86 292 margin-right: 5px;
bgneal@86 293 }
bgneal@98 294 div.forum-post-info-tools {
bgneal@98 295 border-top: 1px solid #ccc;
bgneal@98 296 padding-top: 5px;
bgneal@98 297 text-align: right;
bgneal@98 298 }
bgneal@105 299 div.forum-post-info-tools img {
bgneal@105 300 padding-left: 1em;
bgneal@105 301 }
bgneal@90 302 .forums-post-navigation {
bgneal@90 303 text-align: right;
bgneal@90 304 }
bgneal@90 305 #forums-quick-reply {
bgneal@90 306 margin-top: 1.5em;
bgneal@90 307 }
bgneal@102 308 img.forums-topic-icon {
bgneal@102 309 float: left;
bgneal@102 310 margin-right: 3px;
bgneal@102 311 }
bgneal@109 312 div.forum-mod-controls form {
bgneal@109 313 display:inline;
bgneal@109 314 }
bgneal@158 315 table.grid {
bgneal@158 316 border-collapse:collapse;
bgneal@158 317 }
bgneal@195 318 table.grid th, table.grid td {
bgneal@158 319 border: 1px solid #eee;
bgneal@158 320 }
bgneal@160 321 ul.inline-list li {
bgneal@160 322 display: inline;
bgneal@160 323 margin: 0 3px;
bgneal@160 324 }
bgneal@167 325 table.forum-topic-table {
bgneal@167 326 width:100%;
bgneal@167 327 }
bgneal@167 328 table.forum-topic-table thead th {
bgneal@167 329 background:teal;
bgneal@167 330 }
bgneal@167 331 table.forum-topic-table .col-0 {
bgneal@167 332 width:23%;
bgneal@167 333 text-align:center;
bgneal@167 334 }
bgneal@167 335 table.forum-topic-table .col-1 {
bgneal@167 336 width:37%;
bgneal@167 337 text-align:center;
bgneal@167 338 }
bgneal@167 339 table.forum-topic-table .col-2 {
bgneal@167 340 width:5%;
bgneal@167 341 text-align:center;
bgneal@167 342 }
bgneal@167 343 table.forum-topic-table .col-3 {
bgneal@167 344 width:5%;
bgneal@167 345 text-align:center;
bgneal@167 346 }
bgneal@167 347 table.forum-topic-table .col-4 {
bgneal@167 348 width:5%;
bgneal@167 349 text-align:center;
bgneal@167 350 }
bgneal@167 351 table.forum-topic-table .col-5 {
bgneal@167 352 width:25%;
bgneal@167 353 text-align:center;
bgneal@167 354 }
bgneal@167 355 table.forum-topic-table .info {
bgneal@167 356 text-align:center;
bgneal@167 357 }
bgneal@167 358 #forum-query-form {
bgneal@167 359 text-align:right;
bgneal@167 360 }
bgneal@169 361 #forums-post-list dt {
bgneal@169 362 margin-top: 0.5em;
bgneal@169 363 padding: 3px 0 3px 0;
bgneal@169 364 }
bgneal@169 365 #forums-post-list dd {
bgneal@169 366 border: 1px solid #555;
bgneal@169 367 padding: 0.5em 0.5em;
bgneal@169 368 }
bgneal@169 369 #forums-post-list dd.even {
bgneal@169 370 background-color:#e5ecf9;
bgneal@169 371 }
bgneal@204 372 #badge_summary {
bgneal@204 373 border-collapse:collapse;
bgneal@204 374 }
bgneal@204 375 #badge_summary th, #badge_summary td {
bgneal@204 376 border: 1px solid teal;
bgneal@204 377 }
bgneal@215 378 .error a {
bgneal@215 379 text-decoration: underline;
bgneal@215 380 }
bgneal@215 381 .stranger {
bgneal@215 382 background:#FFF6BF;
bgneal@215 383 }
bgneal@283 384 h2.forum-nav {font-size:1.2em;margin-top:1em;margin-bottom:0.2em;}
bgneal@283 385 h3.forum-nav {font-size:2em;line-height:1;margin-bottom:1em;margin-left:1em;}
bgneal@285 386 #attachment div {
bgneal@285 387 margin: 1.0em 1.5em;
bgneal@285 388 }
bgneal@285 389 #attachment div span.link {
bgneal@285 390 margin: 1em;
bgneal@285 391 }
bgneal@285 392 div.forum-attachment {
bgneal@285 393 margin: 1.0em 1.5em;
bgneal@285 394 }