Mercurial > public > sg101

annotate static/css/base.css @ 1141:5a95815f147c

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Convert submit news pages to V3 design.
author Brian Neal <bgneal@gmail.com>
date Tue, 01 Nov 2016 19:44:15 -0500
parents ecb8f07d937b
children
rev   line source
bgneal@312 1 body {
bgneal@312 2 background-color: #eee;
bgneal@312 3 background: url('../themes/kds/bg.png') no-repeat fixed center;
bgneal@312 4 }
bgneal@312 5 tr.even td {
bgneal@312 6 background-color: #E0F2F6;
bgneal@312 7 }
bgneal@312 8 a {
bgneal@312 9 text-decoration: underline;
bgneal@312 10 color: teal;
bgneal@312 11 }
bgneal@312 12 a:hover {
bgneal@312 13 text-decoration: underline;
bgneal@312 14 color: black;
bgneal@312 15 }
bgneal@312 16 #page {
bgneal@312 17 }
bgneal@312 18 #header {
bgneal@312 19 background-position: left;
bgneal@312 20 background-repeat: no-repeat;
bgneal@312 21 text-align: center;
bgneal@312 22 display: block;
bgneal@312 23 height: 150px;
bgneal@312 24 overflow: visible;
bgneal@312 25 background-image: url('../themes/kds/headerbg.png');
bgneal@312 26 }
bgneal@312 27 #header p {
bgneal@312 28 float: none;
bgneal@312 29 padding: 40px 24px 0px 24px;
bgneal@312 30 font-size: 1.5em;
bgneal@312 31 line-height: 1em;
bgneal@312 32 display: block;
bgneal@312 33 clear: both;
bgneal@312 34 }
bgneal@312 35 #header-nav {
bgneal@312 36 background-color: #E0F2F6;
bgneal@312 37 text-align: right;
bgneal@312 38 }
bgneal@312 39 #header-nav ul {
bgneal@312 40 padding-top: 3px;
bgneal@312 41 padding-right: 5px;
bgneal@312 42 margin-bottom: 3px;
bgneal@312 43 /* text-align: right; */
bgneal@312 44 list-style: none;
bgneal@312 45 }
bgneal@312 46 #header-nav li {
bgneal@312 47 display: inline;
bgneal@312 48 margin: 0 36px;
bgneal@312 49 }
bgneal@312 50 #header-nav li a {
bgneal@312 51 font-size: 1.0em;
bgneal@312 52 line-height: 1em;
bgneal@312 53 text-decoration: none;
bgneal@312 54 color: teal;
bgneal@312 55 }
bgneal@312 56 #header-nav li a:hover {
bgneal@312 57 color: black;
bgneal@312 58 }
bgneal@312 59 #content-primary {
bgneal@312 60 }
bgneal@312 61 #content-secondary {
bgneal@312 62 background-color: #E0F2F6;
bgneal@312 63 min-height: 1750px;
bgneal@312 64 }
bgneal@312 65 #content-secondary ul.nav-left {
bgneal@312 66 margin-top: 1.5em;
bgneal@312 67 list-style:none;
bgneal@312 68 }
bgneal@312 69 #content-secondary ul.nav-left li {
bgneal@312 70 background-color: #eee;
bgneal@312 71 background-color: #E0F2F6;
bgneal@312 72 color: black;
bgneal@312 73 }
bgneal@312 74 #content-secondary ul.nav-left li a {
bgneal@312 75 text-decoration: none;
bgneal@312 76 color: teal;
bgneal@312 77 }
bgneal@312 78 #content-secondary ul.nav-left li a:hover {
bgneal@312 79 color: black;
bgneal@312 80 }
bgneal@312 81 #footer {
bgneal@312 82 font-size: 10px;
bgneal@312 83 line-height: 1em;
bgneal@312 84 background-repeat: no-repeat;
bgneal@312 85 background-color: #E0F2F6;
bgneal@312 86 color: black;
bgneal@312 87 }
bgneal@312 88 #footer p {
bgneal@312 89 margin: 1em;
bgneal@312 90 text-align: center;
bgneal@312 91 }
bgneal@312 92 #footer a {
bgneal@312 93 color: teal;
bgneal@312 94 }
bgneal@312 95 ul.app-menu {
bgneal@312 96 text-align: center;
bgneal@312 97 list-style: none;
bgneal@312 98 }
bgneal@312 99 ul.app-menu li {
bgneal@312 100 display: inline;
bgneal@312 101 border: 1px solid black;
bgneal@312 102 padding: 3px 1em;
bgneal@312 103 background-color: teal;
bgneal@312 104 }
bgneal@312 105 ul.app-menu li a {
bgneal@312 106 text-decoration: none;
bgneal@312 107 background-color: teal;
bgneal@312 108 color: #111;
bgneal@312 109 }
bgneal@312 110 ul.app-menu li a:hover {
bgneal@312 111 color: #fff;
bgneal@312 112 }
bgneal@312 113 div.side-block {
bgneal@312 114 margin-bottom:1.2em;
bgneal@312 115 margin-left:14px;
bgneal@312 116 margin-right:auto;
bgneal@312 117 width:160px;
bgneal@312 118 }
bgneal@312 119 div.side-block-title {
bgneal@312 120 margin: 0;
bgneal@312 121 background-color: teal;
bgneal@312 122 color: white;
bgneal@312 123 font-weight: bold;
bgneal@312 124 text-align: center;
bgneal@312 125 border-top-left-radius: 5px;
bgneal@312 126 border-top-right-radius: 5px;
bgneal@312 127 -moz-border-radius-topleft: 5px;
bgneal@312 128 -moz-border-radius-topright: 5px;
bgneal@312 129 }
bgneal@312 130 div.side-block-content {
bgneal@312 131 margin: 0;
bgneal@312 132 border: 1px solid teal;
bgneal@312 133 padding: 2px 2px;
bgneal@312 134 border-bottom-left-radius: 5px;
bgneal@312 135 border-bottom-right-radius: 5px;
bgneal@312 136 -moz-border-radius-bottomleft: 5px;
bgneal@312 137 -moz-border-radius-bottomright: 5px;
bgneal@312 138 }
bgneal@312 139 iframe {
bgneal@312 140 margin-bottom: 1em;
bgneal@312 141 }
bgneal@312 142 img {
bgneal@312 143 border-style: none;
bgneal@312 144 }
bgneal@312 145 .breadcrumbs {
bgneal@312 146 font-size: x-small;
bgneal@312 147 padding-bottom: 0.5em;
bgneal@312 148 }
bgneal@312 149 table {
bgneal@312 150 width: auto;
bgneal@312 151 border-style: none;
bgneal@312 152 }
bgneal@312 153 .errorlist {
bgneal@312 154 background: #FBE3E4;
bgneal@312 155 color: #8a1f11;
bgneal@312 156 border-color: #FBC2C4;
bgneal@312 157 border: 2px solid #ddd;
bgneal@312 158 }
bgneal@312 159 .app-logo {
bgneal@312 160 text-align: center;
bgneal@312 161 padding: 0.5em;
bgneal@312 162 }
bgneal@312 163 .bulletin {
bgneal@312 164 text-align: center;
bgneal@312 165 margin: 1em 1em;
bgneal@312 166 padding: 1em 1em 0;
bgneal@312 167 border: 1px solid black;
bgneal@312 168 border-radius: 10px;
bgneal@312 169 -moz-border-radius: 10px;
bgneal@312 170 }
bgneal@312 171 .bulletin h3 {
bgneal@312 172 background-image: url(../icons/asterisk_orange.png);
bgneal@312 173 background-position: center left;
bgneal@312 174 background-repeat: no-repeat;
bgneal@312 175 }
bgneal@312 176 .bulletin .bulletin-meta {
bgneal@312 177 font-size: x-small;
bgneal@312 178 color: gray;
bgneal@312 179 text-align: right;
bgneal@312 180 clear: both;
bgneal@312 181 }
bgneal@312 182 ul.icon-list li {
bgneal@312 183 list-style-type: none;
bgneal@312 184 }
bgneal@312 185 #slideshow {
bgneal@312 186 position:relative;
bgneal@312 187 left:15px;
bgneal@312 188 height:240px;
bgneal@312 189 }
bgneal@312 190 #slideshow img {
bgneal@312 191 position:absolute;
bgneal@312 192 top:0;
bgneal@312 193 left:0;
bgneal@312 194 z-index:8;
bgneal@312 195 opacity:0.0;
bgneal@312 196 }
bgneal@312 197 #slideshow img.active {
bgneal@312 198 z-index:10;
bgneal@312 199 opacity:1.0;
bgneal@312 200 }
bgneal@312 201 #slideshow img.last-active {
bgneal@312 202 z-index:9;
bgneal@312 203 }
bgneal@312 204 table.forum-index-table {
bgneal@312 205 width:100%;
bgneal@312 206 }
bgneal@312 207 table.forum-index-table thead th {
bgneal@312 208 background:teal;
bgneal@312 209 }
bgneal@312 210 table.forum-index-table .forum-title {
bgneal@312 211 width:57%;
bgneal@312 212 }
bgneal@312 213 table.forum-index-table .forum-topics {
bgneal@312 214 width:9%;
bgneal@312 215 text-align:center;
bgneal@312 216 }
bgneal@312 217 table.forum-index-table .forum-posts {
bgneal@312 218 width:9%;
bgneal@312 219 text-align:center;
bgneal@312 220 }
bgneal@312 221 table.forum-index-table .forum-last_post {
bgneal@312 222 width:25%;
bgneal@312 223 text-align:center;
bgneal@312 224 }
bgneal@312 225
bgneal@312 226 table.forum-index-table .forum-index_title {
bgneal@312 227 width:50%;
bgneal@312 228 }
bgneal@312 229 table.forum-index-table .forum-index_replies {
bgneal@312 230 width:8%;
bgneal@312 231 text-align:center;
bgneal@312 232 }
bgneal@312 233 table.forum-index-table .forum-index_author {
bgneal@312 234 width:8%;
bgneal@312 235 text-align:center;
bgneal@312 236 }
bgneal@312 237 table.forum-index-table .forum-index_views {
bgneal@312 238 width:8%;
bgneal@312 239 text-align:center;
bgneal@312 240 }
bgneal@312 241 table.forum-index-table .forum-index_last_post {
bgneal@312 242 width:26%;
bgneal@312 243 text-align:center;
bgneal@312 244 }
bgneal@312 245 table.forum-index-table .forum-index_select {
bgneal@312 246 width:10%;
bgneal@312 247 text-align:center;
bgneal@312 248 }
bgneal@312 249 table.forum-index-table h4 {
bgneal@312 250 margin-bottom: 4px;
bgneal@312 251 }
bgneal@312 252 table.forum-topic {
bgneal@312 253 border-top:1px solid black;
bgneal@312 254 border-left:1px solid black;
bgneal@312 255 border-right:1px solid black;
bgneal@312 256 width:100%;
bgneal@312 257 margin-top: 5px;
bgneal@312 258 }
bgneal@312 259 td.forum-post-author {
bgneal@312 260 width:5%;
bgneal@312 261 border-right: 1px solid #ccc;
bgneal@312 262 border-bottom: 1px solid black;
bgneal@312 263 vertical-align: top;
bgneal@312 264 font-size: x-small;
bgneal@312 265 }
bgneal@312 266 td.forum-post-body {
bgneal@312 267 vertical-align: top;
bgneal@312 268 width:95%;
bgneal@312 269 border-bottom: 1px solid black;
bgneal@312 270 }
bgneal@312 271 td.forum-post-body-split {
bgneal@312 272 vertical-align: top;
bgneal@312 273 width:90%;
bgneal@312 274 border-bottom: 1px solid black;
bgneal@312 275 }
bgneal@312 276 td.forum-post-split-check {
bgneal@312 277 width:5%;
bgneal@312 278 border-left: 1px solid #ccc;
bgneal@312 279 border-bottom: 1px solid black;
bgneal@312 280 vertical-align: middle;
bgneal@312 281 }
bgneal@312 282 div.forum-post-info {
bgneal@312 283 padding: 2px;
bgneal@312 284 font-size:.8em;
bgneal@312 285 border-bottom: 1px solid #ccc;
bgneal@312 286 margin-bottom: 5px;
bgneal@312 287 padding-bottom: 5px;
bgneal@312 288 }
bgneal@312 289 div.forum-post-info img {
bgneal@312 290 float: left;
bgneal@312 291 margin-right: 5px;
bgneal@312 292 }
bgneal@312 293 div.forum-post-info-tools {
bgneal@312 294 border-top: 1px solid #ccc;
bgneal@312 295 padding-top: 5px;
bgneal@312 296 text-align: right;
bgneal@312 297 }
bgneal@312 298 div.forum-post-info-tools img {
bgneal@312 299 padding-left: 1em;
bgneal@312 300 }
bgneal@312 301 .forums-post-navigation {
bgneal@312 302 text-align: right;
bgneal@312 303 }
bgneal@312 304 #forums-quick-reply {
bgneal@312 305 margin-top: 1.5em;
bgneal@312 306 }
bgneal@312 307 img.forums-topic-icon {
bgneal@312 308 float: left;
bgneal@312 309 margin-right: 3px;
bgneal@312 310 }
bgneal@312 311 div.forum-mod-controls form {
bgneal@312 312 display:inline;
bgneal@312 313 }
bgneal@312 314 table.grid {
bgneal@312 315 border-collapse:collapse;
bgneal@312 316 }
bgneal@312 317 table.grid th, table.grid td {
bgneal@312 318 border: 1px solid #eee;
bgneal@312 319 }
bgneal@312 320 ul.inline-list li {
bgneal@312 321 display: inline;
bgneal@312 322 margin: 0 3px;
bgneal@312 323 }
bgneal@312 324 table.forum-topic-table {
bgneal@312 325 width:100%;
bgneal@312 326 }
bgneal@312 327 table.forum-topic-table thead th {
bgneal@312 328 background:teal;
bgneal@312 329 }
bgneal@312 330 table.forum-topic-table .col-0 {
bgneal@312 331 width:23%;
bgneal@312 332 text-align:center;
bgneal@312 333 }
bgneal@312 334 table.forum-topic-table .col-1 {
bgneal@312 335 width:37%;
bgneal@312 336 text-align:center;
bgneal@312 337 }
bgneal@312 338 table.forum-topic-table .col-2 {
bgneal@312 339 width:5%;
bgneal@312 340 text-align:center;
bgneal@312 341 }
bgneal@312 342 table.forum-topic-table .col-3 {
bgneal@312 343 width:5%;
bgneal@312 344 text-align:center;
bgneal@312 345 }
bgneal@312 346 table.forum-topic-table .col-4 {
bgneal@312 347 width:5%;
bgneal@312 348 text-align:center;
bgneal@312 349 }
bgneal@312 350 table.forum-topic-table .col-5 {
bgneal@312 351 width:25%;
bgneal@312 352 text-align:center;
bgneal@312 353 }
bgneal@312 354 table.forum-topic-table .info {
bgneal@312 355 text-align:center;
bgneal@312 356 }
bgneal@312 357 #forum-query-form {
bgneal@312 358 text-align:right;
bgneal@312 359 }
bgneal@358 360 #forum-jumpbox-form {
bgneal@358 361 text-align:right;
bgneal@358 362 margin-top:0.5em;
bgneal@358 363 margin-bottom:0.5em;
bgneal@358 364 }
bgneal@312 365 #forums-post-list dt {
bgneal@312 366 margin-top: 0.5em;
bgneal@312 367 padding: 3px 0 3px 0;
bgneal@312 368 }
bgneal@312 369 #forums-post-list dd {
bgneal@312 370 border: 1px solid #555;
bgneal@312 371 padding: 0.5em 0.5em;
bgneal@312 372 }
bgneal@312 373 #forums-post-list dd.even {
bgneal@312 374 background-color:#e5ecf9;
bgneal@312 375 }
bgneal@312 376 #badge_summary {
bgneal@312 377 border-collapse:collapse;
bgneal@312 378 }
bgneal@312 379 #badge_summary th, #badge_summary td {
bgneal@312 380 border: 1px solid teal;
bgneal@312 381 }
bgneal@312 382 .error a {
bgneal@312 383 text-decoration: underline;
bgneal@312 384 }
bgneal@312 385 .stranger {
bgneal@312 386 background:#FFF6BF;
bgneal@312 387 }
bgneal@312 388 h2.forum-nav {font-size:1.2em;margin-top:1em;margin-bottom:0.2em;}
bgneal@312 389 h3.forum-nav {font-size:2em;line-height:1;margin-bottom:1em;margin-left:1em;}
bgneal@312 390 #attachment div {
bgneal@312 391 margin: 1.0em 1.5em;
bgneal@312 392 }
bgneal@312 393 #attachment div span.link {
bgneal@312 394 margin: 1em;
bgneal@312 395 }
bgneal@312 396 div.forum-attachment {
bgneal@312 397 margin: 1.0em 1.5em;
bgneal@312 398 }
bgneal@323 399 .pointer {
bgneal@323 400 cursor: pointer;
bgneal@323 401 }
bgneal@341 402 .centeredImage {
bgneal@341 403 text-align: center;
bgneal@341 404 margin-top: 0px;
bgneal@341 405 margin-bottom: 0px;
bgneal@341 406 padding: 0px;
bgneal@341 407 }
bgneal@341 408 .centeredImage img {
bgneal@341 409 margin-top: 3px;
bgneal@341 410 margin-bottom: 3px;
bgneal@341 411 }
bgneal@343 412 a.intra {
bgneal@343 413 text-decoration: none;
bgneal@343 414 }
bgneal@344 415 .post-author {
bgneal@344 416 font-size: medium;
bgneal@344 417 }
bgneal@364 418 .centered {
bgneal@364 419 text-align: center;
bgneal@364 420 }
bgneal@371 421 .success {background:#99ff99;color:#264409;border-color:#339933;}
bgneal@378 422
bgneal@378 423 tr.forum-post.even td {
bgneal@378 424 background-color: #E0F2F6;
bgneal@378 425 }
bgneal@378 426 tr.forum-post.odd td {
bgneal@378 427 background-color: #EDF7F6;
bgneal@378 428 }
bgneal@380 429 .solid-background {
bgneal@380 430 background-color: #EDF7F6;
bgneal@380 431 }
bgneal@406 432 div.news-story-container {
bgneal@406 433 padding: 0.5em;
bgneal@406 434 }
bgneal@415 435
bgneal@534 436 ul.no-bullet {
bgneal@534 437 list-style: none;
bgneal@534 438 padding-left: 0.5em;
bgneal@534 439 }
bgneal@415 440 ul.no-bullet-inline-block {
bgneal@415 441 list-style: none;
bgneal@415 442 }
bgneal@415 443 ul.no-bullet-inline-block li {
bgneal@415 444 display: inline-block;
bgneal@415 445 }
bgneal@422 446 .middle {
bgneal@422 447 vertical-align: middle;
bgneal@422 448 }
bgneal@427 449 html.busy, html.busy * {
bgneal@427 450 cursor: wait !important;
bgneal@427 451 }
bgneal@729 452
bgneal@729 453 input.search {
bgneal@729 454 margin: 0.5em 0;
bgneal@729 455 padding: 5px;
bgneal@729 456 }
bgneal@758 457
bgneal@758 458 ul.logo-block {
bgneal@758 459 margin: 1.5em 3em 1.5em 3em;
bgneal@758 460 background-color: white;
bgneal@758 461 border-top-left-radius: 5px;
bgneal@758 462 border-top-right-radius: 5px;
bgneal@758 463 border-bottom-left-radius: 5px;
bgneal@758 464 border-bottom-right-radius: 5px;
bgneal@758 465 }
bgneal@758 466 ul.logo-block li {
bgneal@758 467 display: inline-block;
bgneal@758 468 vertical-align: middle;
bgneal@758 469 margin: 1em 1.5em 1em 1.5em;
bgneal@758 470 }
bgneal@1081 471
bgneal@1081 472 .inline-bullet-list li {
bgneal@1081 473 display: inline-block;
bgneal@1081 474 margin: 0 6px;
bgneal@1081 475 }
bgneal@1081 476 .inline-bullet-list li:before {
bgneal@1081 477 content: "\2022";
bgneal@1081 478 margin-right: 3px;
bgneal@1081 479 }