Mercurial > public > sg101

annotate media/css/base.css @ 196:893b6d462cf9

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Closing #70 with this commit and the previous on. Incorportating Ken Dushane's design for the site.
author Brian Neal <bgneal@gmail.com>
date Wed, 07 Apr 2010 01:59:09 +0000
parents 136719cbcb3c
children bc958bc3c6eb
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 {
gremmie@1 116 margin: 0 0 0.5em 0;
gremmie@1 117 padding: 2px 2px;
gremmie@1 118 width: 100%;
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;
gremmie@1 126 }
gremmie@1 127 div.side-block-content {
gremmie@1 128 margin: 0;
gremmie@1 129 border: 1px solid teal;
gremmie@1 130 padding: 2px 2px;
gremmie@1 131 }
gremmie@1 132 iframe {
gremmie@1 133 margin-bottom: 1em;
gremmie@1 134 }
gremmie@1 135 img {
gremmie@1 136 border-style: none;
gremmie@1 137 }
gremmie@1 138 .breadcrumbs {
gremmie@1 139 font-size: x-small;
bgneal@13 140 padding-bottom: 0.5em;
gremmie@1 141 }
bgneal@5 142 table {
bgneal@5 143 width: auto;
bgneal@195 144 border-style: none;
bgneal@5 145 }
bgneal@16 146 .errorlist {
bgneal@16 147 background: #FBE3E4;
bgneal@16 148 color: #8a1f11;
bgneal@16 149 border-color: #FBC2C4;
bgneal@16 150 border: 2px solid #ddd;
bgneal@16 151 }
bgneal@26 152 .app-logo {
bgneal@26 153 text-align: center;
bgneal@26 154 padding: 0.5em;
bgneal@26 155 }
bgneal@28 156 .bulletin {
bgneal@28 157 text-align: center;
bgneal@28 158 margin: 1em 1em;
bgneal@28 159 padding: 1em 1em 0;
bgneal@28 160 border: 1px solid black;
bgneal@28 161 }
bgneal@28 162 .bulletin h3 {
bgneal@28 163 background-image: url(../icons/asterisk_orange.png);
bgneal@28 164 background-position: center left;
bgneal@28 165 background-repeat: no-repeat;
bgneal@28 166 }
bgneal@28 167 .bulletin .bulletin-meta {
bgneal@28 168 font-size: x-small;
bgneal@28 169 color: gray;
bgneal@28 170 text-align: right;
bgneal@28 171 }
bgneal@29 172 ul.icon-list li {
bgneal@29 173 list-style-type: none;
bgneal@29 174 }
bgneal@33 175 #slideshow {
bgneal@33 176 position:relative;
bgneal@33 177 left:15px;
bgneal@33 178 height:240px;
bgneal@33 179 }
bgneal@33 180 #slideshow img {
bgneal@33 181 position:absolute;
bgneal@33 182 top:0;
bgneal@33 183 left:0;
bgneal@33 184 z-index:8;
bgneal@33 185 opacity:0.0;
bgneal@33 186 }
bgneal@33 187 #slideshow img.active {
bgneal@33 188 z-index:10;
bgneal@33 189 opacity:1.0;
bgneal@33 190 }
bgneal@33 191 #slideshow img.last-active {
bgneal@33 192 z-index:9;
bgneal@33 193 }
bgneal@81 194 table.forum-index-table {
bgneal@81 195 width:100%;
bgneal@81 196 }
bgneal@81 197 table.forum-index-table thead th {
bgneal@81 198 background:teal;
bgneal@81 199 }
bgneal@83 200 table.forum-index-table .forum-title {
bgneal@120 201 width:57%;
bgneal@81 202 }
bgneal@83 203 table.forum-index-table .forum-topics {
bgneal@120 204 width:9%;
bgneal@81 205 text-align:center;
bgneal@81 206 }
bgneal@83 207 table.forum-index-table .forum-posts {
bgneal@120 208 width:9%;
bgneal@81 209 text-align:center;
bgneal@81 210 }
bgneal@83 211 table.forum-index-table .forum-last_post {
bgneal@120 212 width:25%;
bgneal@81 213 text-align:center;
bgneal@81 214 }
bgneal@83 215
bgneal@83 216 table.forum-index-table .forum-index_title {
bgneal@84 217 width:50%;
bgneal@83 218 }
bgneal@83 219 table.forum-index-table .forum-index_replies {
bgneal@120 220 width:8%;
bgneal@81 221 text-align:center;
bgneal@81 222 }
bgneal@83 223 table.forum-index-table .forum-index_author {
bgneal@120 224 width:8%;
bgneal@81 225 text-align:center;
bgneal@81 226 }
bgneal@83 227 table.forum-index-table .forum-index_views {
bgneal@120 228 width:8%;
bgneal@83 229 text-align:center;
bgneal@83 230 }
bgneal@83 231 table.forum-index-table .forum-index_last_post {
bgneal@120 232 width:26%;
bgneal@81 233 text-align:center;
bgneal@81 234 }
bgneal@111 235 table.forum-index-table .forum-index_select {
bgneal@111 236 width:10%;
bgneal@111 237 text-align:center;
bgneal@111 238 }
bgneal@161 239 table.forum-index-table h4 {
bgneal@161 240 margin-bottom: 4px;
bgneal@161 241 }
bgneal@86 242 table.forum-topic {
bgneal@89 243 border-top:1px solid black;
bgneal@89 244 border-left:1px solid black;
bgneal@89 245 border-right:1px solid black;
bgneal@86 246 width:100%;
bgneal@86 247 margin-top: 5px;
bgneal@86 248 }
bgneal@86 249 td.forum-post-author {
bgneal@86 250 width:5%;
bgneal@86 251 border-right: 1px solid #ccc;
bgneal@89 252 border-bottom: 1px solid black;
bgneal@94 253 vertical-align: top;
bgneal@98 254 font-size: x-small;
bgneal@86 255 }
bgneal@86 256 td.forum-post-body {
bgneal@86 257 vertical-align: top;
bgneal@86 258 width:95%;
bgneal@89 259 border-bottom: 1px solid black;
bgneal@86 260 }
bgneal@115 261 td.forum-post-body-split {
bgneal@115 262 vertical-align: top;
bgneal@115 263 width:90%;
bgneal@115 264 border-bottom: 1px solid black;
bgneal@115 265 }
bgneal@115 266 td.forum-post-split-check {
bgneal@115 267 width:5%;
bgneal@115 268 border-left: 1px solid #ccc;
bgneal@115 269 border-bottom: 1px solid black;
bgneal@115 270 vertical-align: middle;
bgneal@115 271 }
bgneal@86 272 div.forum-post-info {
bgneal@86 273 padding: 2px;
bgneal@86 274 font-size:.8em;
bgneal@86 275 border-bottom: 1px solid #ccc;
bgneal@86 276 margin-bottom: 5px;
bgneal@98 277 padding-bottom: 5px;
bgneal@86 278 }
bgneal@86 279 div.forum-post-info img {
bgneal@86 280 float: left;
bgneal@86 281 margin-right: 5px;
bgneal@86 282 }
bgneal@98 283 div.forum-post-info-tools {
bgneal@98 284 border-top: 1px solid #ccc;
bgneal@98 285 padding-top: 5px;
bgneal@98 286 text-align: right;
bgneal@98 287 }
bgneal@105 288 div.forum-post-info-tools img {
bgneal@105 289 padding-left: 1em;
bgneal@105 290 }
bgneal@90 291 .forums-post-navigation {
bgneal@90 292 text-align: right;
bgneal@90 293 }
bgneal@90 294 #forums-quick-reply {
bgneal@90 295 margin-top: 1.5em;
bgneal@90 296 }
bgneal@102 297 img.forums-topic-icon {
bgneal@102 298 float: left;
bgneal@102 299 margin-right: 3px;
bgneal@102 300 }
bgneal@109 301 div.forum-mod-controls form {
bgneal@109 302 display:inline;
bgneal@109 303 }
bgneal@158 304 table.grid {
bgneal@158 305 border-collapse:collapse;
bgneal@158 306 }
bgneal@195 307 table.grid th, table.grid td {
bgneal@158 308 border: 1px solid #eee;
bgneal@158 309 }
bgneal@160 310 ul.inline-list li {
bgneal@160 311 display: inline;
bgneal@160 312 margin: 0 3px;
bgneal@160 313 }
bgneal@167 314 table.forum-topic-table {
bgneal@167 315 width:100%;
bgneal@167 316 }
bgneal@167 317 table.forum-topic-table thead th {
bgneal@167 318 background:teal;
bgneal@167 319 }
bgneal@167 320 table.forum-topic-table .col-0 {
bgneal@167 321 width:23%;
bgneal@167 322 text-align:center;
bgneal@167 323 }
bgneal@167 324 table.forum-topic-table .col-1 {
bgneal@167 325 width:37%;
bgneal@167 326 text-align:center;
bgneal@167 327 }
bgneal@167 328 table.forum-topic-table .col-2 {
bgneal@167 329 width:5%;
bgneal@167 330 text-align:center;
bgneal@167 331 }
bgneal@167 332 table.forum-topic-table .col-3 {
bgneal@167 333 width:5%;
bgneal@167 334 text-align:center;
bgneal@167 335 }
bgneal@167 336 table.forum-topic-table .col-4 {
bgneal@167 337 width:5%;
bgneal@167 338 text-align:center;
bgneal@167 339 }
bgneal@167 340 table.forum-topic-table .col-5 {
bgneal@167 341 width:25%;
bgneal@167 342 text-align:center;
bgneal@167 343 }
bgneal@167 344 table.forum-topic-table .info {
bgneal@167 345 text-align:center;
bgneal@167 346 }
bgneal@167 347 #forum-query-form {
bgneal@167 348 text-align:right;
bgneal@167 349 }
bgneal@169 350 #forums-post-list dt {
bgneal@169 351 margin-top: 0.5em;
bgneal@169 352 padding: 3px 0 3px 0;
bgneal@169 353 }
bgneal@169 354 #forums-post-list dd {
bgneal@169 355 border: 1px solid #555;
bgneal@169 356 padding: 0.5em 0.5em;
bgneal@169 357 }
bgneal@169 358 #forums-post-list dd.even {
bgneal@169 359 background-color:#e5ecf9;
bgneal@169 360 }