Mercurial > public > sg101

annotate static/css/base.css @ 693:ad69236e8501

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
For issue #52, update many 3rd party Javascript libraries. Updated to jquery 1.10.2, jquery ui 1.10.3. This broke a lot of stuff. - Found a newer version of the jquery cycle all plugin (3.0.3). - Updated JPlayer to 2.4.0. - Updated to MarkItUp 1.1.14. This also required me to add multiline attributes set to true on various buttons in the markdown set. - As per a stackoverflow post, added some code to get multiline titles in a jQuery UI dialog. They removed that functionality but allow you to put it back. Tweaked the MarkItUp preview CSS to show blockquotes in italic. Did not update TinyMCE at this time. I'm not using the JQuery version and this version appears to work ok for now. What I should do is make a repo for MarkItUp and do a vendor branch thing so I don't have to futz around diffing directories to figure out if I'll lose changes when I update.
author Brian Neal <bgneal@gmail.com>
date Wed, 04 Sep 2013 19:55:20 -0500
parents 98f5facc0030
children 99d7bf8cd712
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 height: 105px;
bgneal@312 83 font-size: 10px;
bgneal@312 84 line-height: 1em;
bgneal@312 85 background-repeat: no-repeat;
bgneal@312 86 background-color: #E0F2F6;
bgneal@312 87 color: black;
bgneal@312 88 }
bgneal@312 89 #footer p {
bgneal@312 90 margin: 1em;
bgneal@312 91 text-align: center;
bgneal@312 92 }
bgneal@312 93 #footer a {
bgneal@312 94 color: teal;
bgneal@312 95 }
bgneal@312 96 ul.app-menu {
bgneal@312 97 text-align: center;
bgneal@312 98 list-style: none;
bgneal@312 99 }
bgneal@312 100 ul.app-menu li {
bgneal@312 101 display: inline;
bgneal@312 102 border: 1px solid black;
bgneal@312 103 padding: 3px 1em;
bgneal@312 104 background-color: teal;
bgneal@312 105 }
bgneal@312 106 ul.app-menu li a {
bgneal@312 107 text-decoration: none;
bgneal@312 108 background-color: teal;
bgneal@312 109 color: #111;
bgneal@312 110 }
bgneal@312 111 ul.app-menu li a:hover {
bgneal@312 112 color: #fff;
bgneal@312 113 }
bgneal@312 114 div.side-block {
bgneal@312 115 margin-bottom:1.2em;
bgneal@312 116 margin-left:14px;
bgneal@312 117 margin-right:auto;
bgneal@312 118 width:160px;
bgneal@312 119 }
bgneal@312 120 div.side-block-title {
bgneal@312 121 margin: 0;
bgneal@312 122 background-color: teal;
bgneal@312 123 color: white;
bgneal@312 124 font-weight: bold;
bgneal@312 125 text-align: center;
bgneal@312 126 border-top-left-radius: 5px;
bgneal@312 127 border-top-right-radius: 5px;
bgneal@312 128 -moz-border-radius-topleft: 5px;
bgneal@312 129 -moz-border-radius-topright: 5px;
bgneal@312 130 }
bgneal@312 131 div.side-block-content {
bgneal@312 132 margin: 0;
bgneal@312 133 border: 1px solid teal;
bgneal@312 134 padding: 2px 2px;
bgneal@312 135 border-bottom-left-radius: 5px;
bgneal@312 136 border-bottom-right-radius: 5px;
bgneal@312 137 -moz-border-radius-bottomleft: 5px;
bgneal@312 138 -moz-border-radius-bottomright: 5px;
bgneal@312 139 }
bgneal@312 140 iframe {
bgneal@312 141 margin-bottom: 1em;
bgneal@312 142 }
bgneal@312 143 img {
bgneal@312 144 border-style: none;
bgneal@312 145 }
bgneal@312 146 .breadcrumbs {
bgneal@312 147 font-size: x-small;
bgneal@312 148 padding-bottom: 0.5em;
bgneal@312 149 }
bgneal@312 150 table {
bgneal@312 151 width: auto;
bgneal@312 152 border-style: none;
bgneal@312 153 }
bgneal@312 154 .errorlist {
bgneal@312 155 background: #FBE3E4;
bgneal@312 156 color: #8a1f11;
bgneal@312 157 border-color: #FBC2C4;
bgneal@312 158 border: 2px solid #ddd;
bgneal@312 159 }
bgneal@312 160 .app-logo {
bgneal@312 161 text-align: center;
bgneal@312 162 padding: 0.5em;
bgneal@312 163 }
bgneal@312 164 .bulletin {
bgneal@312 165 text-align: center;
bgneal@312 166 margin: 1em 1em;
bgneal@312 167 padding: 1em 1em 0;
bgneal@312 168 border: 1px solid black;
bgneal@312 169 border-radius: 10px;
bgneal@312 170 -moz-border-radius: 10px;
bgneal@312 171 }
bgneal@312 172 .bulletin h3 {
bgneal@312 173 background-image: url(../icons/asterisk_orange.png);
bgneal@312 174 background-position: center left;
bgneal@312 175 background-repeat: no-repeat;
bgneal@312 176 }
bgneal@312 177 .bulletin .bulletin-meta {
bgneal@312 178 font-size: x-small;
bgneal@312 179 color: gray;
bgneal@312 180 text-align: right;
bgneal@312 181 clear: both;
bgneal@312 182 }
bgneal@312 183 ul.icon-list li {
bgneal@312 184 list-style-type: none;
bgneal@312 185 }
bgneal@312 186 #slideshow {
bgneal@312 187 position:relative;
bgneal@312 188 left:15px;
bgneal@312 189 height:240px;
bgneal@312 190 }
bgneal@312 191 #slideshow img {
bgneal@312 192 position:absolute;
bgneal@312 193 top:0;
bgneal@312 194 left:0;
bgneal@312 195 z-index:8;
bgneal@312 196 opacity:0.0;
bgneal@312 197 }
bgneal@312 198 #slideshow img.active {
bgneal@312 199 z-index:10;
bgneal@312 200 opacity:1.0;
bgneal@312 201 }
bgneal@312 202 #slideshow img.last-active {
bgneal@312 203 z-index:9;
bgneal@312 204 }
bgneal@312 205 table.forum-index-table {
bgneal@312 206 width:100%;
bgneal@312 207 }
bgneal@312 208 table.forum-index-table thead th {
bgneal@312 209 background:teal;
bgneal@312 210 }
bgneal@312 211 table.forum-index-table .forum-title {
bgneal@312 212 width:57%;
bgneal@312 213 }
bgneal@312 214 table.forum-index-table .forum-topics {
bgneal@312 215 width:9%;
bgneal@312 216 text-align:center;
bgneal@312 217 }
bgneal@312 218 table.forum-index-table .forum-posts {
bgneal@312 219 width:9%;
bgneal@312 220 text-align:center;
bgneal@312 221 }
bgneal@312 222 table.forum-index-table .forum-last_post {
bgneal@312 223 width:25%;
bgneal@312 224 text-align:center;
bgneal@312 225 }
bgneal@312 226
bgneal@312 227 table.forum-index-table .forum-index_title {
bgneal@312 228 width:50%;
bgneal@312 229 }
bgneal@312 230 table.forum-index-table .forum-index_replies {
bgneal@312 231 width:8%;
bgneal@312 232 text-align:center;
bgneal@312 233 }
bgneal@312 234 table.forum-index-table .forum-index_author {
bgneal@312 235 width:8%;
bgneal@312 236 text-align:center;
bgneal@312 237 }
bgneal@312 238 table.forum-index-table .forum-index_views {
bgneal@312 239 width:8%;
bgneal@312 240 text-align:center;
bgneal@312 241 }
bgneal@312 242 table.forum-index-table .forum-index_last_post {
bgneal@312 243 width:26%;
bgneal@312 244 text-align:center;
bgneal@312 245 }
bgneal@312 246 table.forum-index-table .forum-index_select {
bgneal@312 247 width:10%;
bgneal@312 248 text-align:center;
bgneal@312 249 }
bgneal@312 250 table.forum-index-table h4 {
bgneal@312 251 margin-bottom: 4px;
bgneal@312 252 }
bgneal@312 253 table.forum-topic {
bgneal@312 254 border-top:1px solid black;
bgneal@312 255 border-left:1px solid black;
bgneal@312 256 border-right:1px solid black;
bgneal@312 257 width:100%;
bgneal@312 258 margin-top: 5px;
bgneal@312 259 }
bgneal@312 260 td.forum-post-author {
bgneal@312 261 width:5%;
bgneal@312 262 border-right: 1px solid #ccc;
bgneal@312 263 border-bottom: 1px solid black;
bgneal@312 264 vertical-align: top;
bgneal@312 265 font-size: x-small;
bgneal@312 266 }
bgneal@312 267 td.forum-post-body {
bgneal@312 268 vertical-align: top;
bgneal@312 269 width:95%;
bgneal@312 270 border-bottom: 1px solid black;
bgneal@312 271 }
bgneal@312 272 td.forum-post-body-split {
bgneal@312 273 vertical-align: top;
bgneal@312 274 width:90%;
bgneal@312 275 border-bottom: 1px solid black;
bgneal@312 276 }
bgneal@312 277 td.forum-post-split-check {
bgneal@312 278 width:5%;
bgneal@312 279 border-left: 1px solid #ccc;
bgneal@312 280 border-bottom: 1px solid black;
bgneal@312 281 vertical-align: middle;
bgneal@312 282 }
bgneal@312 283 div.forum-post-info {
bgneal@312 284 padding: 2px;
bgneal@312 285 font-size:.8em;
bgneal@312 286 border-bottom: 1px solid #ccc;
bgneal@312 287 margin-bottom: 5px;
bgneal@312 288 padding-bottom: 5px;
bgneal@312 289 }
bgneal@312 290 div.forum-post-info img {
bgneal@312 291 float: left;
bgneal@312 292 margin-right: 5px;
bgneal@312 293 }
bgneal@312 294 div.forum-post-info-tools {
bgneal@312 295 border-top: 1px solid #ccc;
bgneal@312 296 padding-top: 5px;
bgneal@312 297 text-align: right;
bgneal@312 298 }
bgneal@312 299 div.forum-post-info-tools img {
bgneal@312 300 padding-left: 1em;
bgneal@312 301 }
bgneal@312 302 .forums-post-navigation {
bgneal@312 303 text-align: right;
bgneal@312 304 }
bgneal@312 305 #forums-quick-reply {
bgneal@312 306 margin-top: 1.5em;
bgneal@312 307 }
bgneal@312 308 img.forums-topic-icon {
bgneal@312 309 float: left;
bgneal@312 310 margin-right: 3px;
bgneal@312 311 }
bgneal@312 312 div.forum-mod-controls form {
bgneal@312 313 display:inline;
bgneal@312 314 }
bgneal@312 315 table.grid {
bgneal@312 316 border-collapse:collapse;
bgneal@312 317 }
bgneal@312 318 table.grid th, table.grid td {
bgneal@312 319 border: 1px solid #eee;
bgneal@312 320 }
bgneal@312 321 ul.inline-list li {
bgneal@312 322 display: inline;
bgneal@312 323 margin: 0 3px;
bgneal@312 324 }
bgneal@312 325 table.forum-topic-table {
bgneal@312 326 width:100%;
bgneal@312 327 }
bgneal@312 328 table.forum-topic-table thead th {
bgneal@312 329 background:teal;
bgneal@312 330 }
bgneal@312 331 table.forum-topic-table .col-0 {
bgneal@312 332 width:23%;
bgneal@312 333 text-align:center;
bgneal@312 334 }
bgneal@312 335 table.forum-topic-table .col-1 {
bgneal@312 336 width:37%;
bgneal@312 337 text-align:center;
bgneal@312 338 }
bgneal@312 339 table.forum-topic-table .col-2 {
bgneal@312 340 width:5%;
bgneal@312 341 text-align:center;
bgneal@312 342 }
bgneal@312 343 table.forum-topic-table .col-3 {
bgneal@312 344 width:5%;
bgneal@312 345 text-align:center;
bgneal@312 346 }
bgneal@312 347 table.forum-topic-table .col-4 {
bgneal@312 348 width:5%;
bgneal@312 349 text-align:center;
bgneal@312 350 }
bgneal@312 351 table.forum-topic-table .col-5 {
bgneal@312 352 width:25%;
bgneal@312 353 text-align:center;
bgneal@312 354 }
bgneal@312 355 table.forum-topic-table .info {
bgneal@312 356 text-align:center;
bgneal@312 357 }
bgneal@312 358 #forum-query-form {
bgneal@312 359 text-align:right;
bgneal@312 360 }
bgneal@358 361 #forum-jumpbox-form {
bgneal@358 362 text-align:right;
bgneal@358 363 margin-top:0.5em;
bgneal@358 364 margin-bottom:0.5em;
bgneal@358 365 }
bgneal@312 366 #forums-post-list dt {
bgneal@312 367 margin-top: 0.5em;
bgneal@312 368 padding: 3px 0 3px 0;
bgneal@312 369 }
bgneal@312 370 #forums-post-list dd {
bgneal@312 371 border: 1px solid #555;
bgneal@312 372 padding: 0.5em 0.5em;
bgneal@312 373 }
bgneal@312 374 #forums-post-list dd.even {
bgneal@312 375 background-color:#e5ecf9;
bgneal@312 376 }
bgneal@312 377 #badge_summary {
bgneal@312 378 border-collapse:collapse;
bgneal@312 379 }
bgneal@312 380 #badge_summary th, #badge_summary td {
bgneal@312 381 border: 1px solid teal;
bgneal@312 382 }
bgneal@312 383 .error a {
bgneal@312 384 text-decoration: underline;
bgneal@312 385 }
bgneal@312 386 .stranger {
bgneal@312 387 background:#FFF6BF;
bgneal@312 388 }
bgneal@312 389 h2.forum-nav {font-size:1.2em;margin-top:1em;margin-bottom:0.2em;}
bgneal@312 390 h3.forum-nav {font-size:2em;line-height:1;margin-bottom:1em;margin-left:1em;}
bgneal@312 391 #attachment div {
bgneal@312 392 margin: 1.0em 1.5em;
bgneal@312 393 }
bgneal@312 394 #attachment div span.link {
bgneal@312 395 margin: 1em;
bgneal@312 396 }
bgneal@312 397 div.forum-attachment {
bgneal@312 398 margin: 1.0em 1.5em;
bgneal@312 399 }
bgneal@323 400 .pointer {
bgneal@323 401 cursor: pointer;
bgneal@323 402 }
bgneal@341 403 .centeredImage {
bgneal@341 404 text-align: center;
bgneal@341 405 margin-top: 0px;
bgneal@341 406 margin-bottom: 0px;
bgneal@341 407 padding: 0px;
bgneal@341 408 }
bgneal@341 409 .centeredImage img {
bgneal@341 410 margin-top: 3px;
bgneal@341 411 margin-bottom: 3px;
bgneal@341 412 }
bgneal@343 413 a.intra {
bgneal@343 414 text-decoration: none;
bgneal@343 415 }
bgneal@344 416 .post-author {
bgneal@344 417 font-size: medium;
bgneal@344 418 }
bgneal@364 419 .centered {
bgneal@364 420 text-align: center;
bgneal@364 421 }
bgneal@371 422 .success {background:#99ff99;color:#264409;border-color:#339933;}
bgneal@378 423
bgneal@378 424 tr.forum-post.even td {
bgneal@378 425 background-color: #E0F2F6;
bgneal@378 426 }
bgneal@378 427 tr.forum-post.odd td {
bgneal@378 428 background-color: #EDF7F6;
bgneal@378 429 }
bgneal@380 430 .solid-background {
bgneal@380 431 background-color: #EDF7F6;
bgneal@380 432 }
bgneal@406 433 div.news-story-container {
bgneal@406 434 padding: 0.5em;
bgneal@406 435 }
bgneal@415 436
bgneal@534 437 ul.no-bullet {
bgneal@534 438 list-style: none;
bgneal@534 439 padding-left: 0.5em;
bgneal@534 440 }
bgneal@415 441 ul.no-bullet-inline-block {
bgneal@415 442 list-style: none;
bgneal@415 443 }
bgneal@415 444 ul.no-bullet-inline-block li {
bgneal@415 445 display: inline-block;
bgneal@415 446 }
bgneal@422 447 .middle {
bgneal@422 448 vertical-align: middle;
bgneal@422 449 }
bgneal@427 450 html.busy, html.busy * {
bgneal@427 451 cursor: wait !important;
bgneal@427 452 }