Mercurial > public > sg101

annotate media/css/base.css @ 163:4f07047e0a40

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Shoutbox history CSS tweaks. For some reason, the table lost the top and bottom borders.
author Brian Neal <bgneal@gmail.com>
date Tue, 22 Dec 2009 03:56:26 +0000
parents 445e1466a98d
children cf9f9d4c4d54
rev   line source
gremmie@1 1 body {
gremmie@1 2 background-color: #eee;
gremmie@1 3 }
gremmie@1 4 #page {
gremmie@1 5 }
gremmie@1 6 #header {
gremmie@1 7 background-color: teal;
gremmie@1 8 }
gremmie@1 9 #header h1 {
gremmie@1 10 border-bottom: 1px solid #ccc;
gremmie@1 11 font: normal italic 1.5em/18px Georgia, serif;
gremmie@1 12 margin-bottom: 11px;
gremmie@1 13 color: #57FEFF;
gremmie@1 14 margin-left: -108px;
gremmie@1 15 padding: 15px 0 21px 108px;
gremmie@1 16 }
gremmie@1 17 #header p {
gremmie@1 18 float: left;
gremmie@1 19 padding: 60px 24px 24px 24px;
gremmie@1 20 font-size: 1.5em;
gremmie@1 21 line-height: 1em;
gremmie@1 22 }
gremmie@1 23 #header ul {
gremmie@1 24 padding-top: 62px;
gremmie@1 25 padding-right: 12px;
gremmie@1 26 text-align: right;
gremmie@1 27 list-style: none;
gremmie@1 28 }
gremmie@1 29 #header li {
gremmie@1 30 display: inline;
gremmie@1 31 margin: 0 12px;
gremmie@1 32 }
gremmie@1 33 #header li a {
gremmie@1 34 font-size: 1.25em;
gremmie@1 35 line-height: 1em;
gremmie@1 36 text-decoration: none;
gremmie@1 37 color: #57FEFF;
gremmie@1 38 }
gremmie@1 39 #header li a:hover {
gremmie@1 40 color: #300;
gremmie@1 41 }
gremmie@1 42 #content-primary {
gremmie@1 43 }
gremmie@1 44 #content-secondary {
gremmie@1 45 }
gremmie@1 46 #footer {
gremmie@1 47 height: 192px;
gremmie@1 48 background: #333;
gremmie@1 49 font-size: 10px;
gremmie@1 50 line-height: 1em;
gremmie@1 51 text-shadow: 1px 1px 1px #333;
gremmie@1 52 color: #fff;
gremmie@1 53 }
gremmie@1 54 #footer p {
bgneal@19 55 margin: 1em;
gremmie@1 56 }
bgneal@42 57 #footer a {
bgneal@42 58 color: #0ff;
bgneal@42 59 }
gremmie@1 60 ul.app-menu {
gremmie@1 61 text-align: center;
gremmie@1 62 list-style: none;
gremmie@1 63 }
gremmie@1 64 ul.app-menu li {
gremmie@1 65 display: inline;
gremmie@1 66 border: 1px solid black;
gremmie@1 67 padding: 3px 1em;
gremmie@1 68 background-color: teal;
gremmie@1 69 }
gremmie@1 70 ul.app-menu li a {
gremmie@1 71 text-decoration: none;
gremmie@1 72 background-color: teal;
gremmie@1 73 color: #111;
gremmie@1 74 }
gremmie@1 75 ul.app-menu li a:hover {
gremmie@1 76 color: #fff;
gremmie@1 77 }
gremmie@1 78 div.side-block {
gremmie@1 79 margin: 0 0 0.5em 0;
gremmie@1 80 padding: 2px 2px;
gremmie@1 81 width: 100%;
gremmie@1 82 }
gremmie@1 83 div.side-block-title {
gremmie@1 84 margin: 0;
gremmie@1 85 background-color: teal;
gremmie@1 86 color: white;
gremmie@1 87 font-weight: bold;
gremmie@1 88 text-align: center;
gremmie@1 89 }
gremmie@1 90 div.side-block-content {
gremmie@1 91 margin: 0;
gremmie@1 92 border: 1px solid teal;
gremmie@1 93 padding: 2px 2px;
gremmie@1 94 }
gremmie@1 95 iframe {
gremmie@1 96 margin-bottom: 1em;
gremmie@1 97 }
gremmie@1 98 img {
gremmie@1 99 border-style: none;
gremmie@1 100 }
gremmie@1 101 .breadcrumbs {
gremmie@1 102 font-size: x-small;
bgneal@13 103 padding-bottom: 0.5em;
gremmie@1 104 }
bgneal@5 105 table {
bgneal@5 106 width: auto;
bgneal@5 107 }
bgneal@16 108 .errorlist {
bgneal@16 109 background: #FBE3E4;
bgneal@16 110 color: #8a1f11;
bgneal@16 111 border-color: #FBC2C4;
bgneal@16 112 border: 2px solid #ddd;
bgneal@16 113 }
bgneal@26 114 .app-logo {
bgneal@26 115 text-align: center;
bgneal@26 116 padding: 0.5em;
bgneal@26 117 }
bgneal@28 118 .bulletin {
bgneal@28 119 text-align: center;
bgneal@28 120 margin: 1em 1em;
bgneal@28 121 padding: 1em 1em 0;
bgneal@28 122 border: 1px solid black;
bgneal@28 123 }
bgneal@28 124 .bulletin h3 {
bgneal@28 125 background-image: url(../icons/asterisk_orange.png);
bgneal@28 126 background-position: center left;
bgneal@28 127 background-repeat: no-repeat;
bgneal@28 128 }
bgneal@28 129 .bulletin .bulletin-meta {
bgneal@28 130 font-size: x-small;
bgneal@28 131 color: gray;
bgneal@28 132 text-align: right;
bgneal@28 133 }
bgneal@29 134 ul.icon-list li {
bgneal@29 135 list-style-type: none;
bgneal@29 136 }
bgneal@33 137 #slideshow {
bgneal@33 138 position:relative;
bgneal@33 139 left:15px;
bgneal@33 140 height:240px;
bgneal@33 141 }
bgneal@33 142 #slideshow img {
bgneal@33 143 position:absolute;
bgneal@33 144 top:0;
bgneal@33 145 left:0;
bgneal@33 146 z-index:8;
bgneal@33 147 opacity:0.0;
bgneal@33 148 }
bgneal@33 149 #slideshow img.active {
bgneal@33 150 z-index:10;
bgneal@33 151 opacity:1.0;
bgneal@33 152 }
bgneal@33 153 #slideshow img.last-active {
bgneal@33 154 z-index:9;
bgneal@33 155 }
bgneal@81 156 table.forum-index-table {
bgneal@81 157 width:100%;
bgneal@81 158 }
bgneal@81 159 table.forum-index-table thead th {
bgneal@81 160 background:teal;
bgneal@81 161 }
bgneal@83 162 table.forum-index-table .forum-title {
bgneal@120 163 width:57%;
bgneal@81 164 }
bgneal@83 165 table.forum-index-table .forum-topics {
bgneal@120 166 width:9%;
bgneal@81 167 text-align:center;
bgneal@81 168 }
bgneal@83 169 table.forum-index-table .forum-posts {
bgneal@120 170 width:9%;
bgneal@81 171 text-align:center;
bgneal@81 172 }
bgneal@83 173 table.forum-index-table .forum-last_post {
bgneal@120 174 width:25%;
bgneal@81 175 text-align:center;
bgneal@81 176 }
bgneal@83 177
bgneal@83 178 table.forum-index-table .forum-index_title {
bgneal@84 179 width:50%;
bgneal@83 180 }
bgneal@83 181 table.forum-index-table .forum-index_replies {
bgneal@120 182 width:8%;
bgneal@81 183 text-align:center;
bgneal@81 184 }
bgneal@83 185 table.forum-index-table .forum-index_author {
bgneal@120 186 width:8%;
bgneal@81 187 text-align:center;
bgneal@81 188 }
bgneal@83 189 table.forum-index-table .forum-index_views {
bgneal@120 190 width:8%;
bgneal@83 191 text-align:center;
bgneal@83 192 }
bgneal@83 193 table.forum-index-table .forum-index_last_post {
bgneal@120 194 width:26%;
bgneal@81 195 text-align:center;
bgneal@81 196 }
bgneal@111 197 table.forum-index-table .forum-index_select {
bgneal@111 198 width:10%;
bgneal@111 199 text-align:center;
bgneal@111 200 }
bgneal@161 201 table.forum-index-table h4 {
bgneal@161 202 margin-bottom: 4px;
bgneal@161 203 }
bgneal@86 204 table.forum-topic {
bgneal@89 205 border-top:1px solid black;
bgneal@89 206 border-left:1px solid black;
bgneal@89 207 border-right:1px solid black;
bgneal@86 208 width:100%;
bgneal@86 209 margin-top: 5px;
bgneal@86 210 }
bgneal@86 211 td.forum-post-author {
bgneal@86 212 width:5%;
bgneal@86 213 border-right: 1px solid #ccc;
bgneal@89 214 border-bottom: 1px solid black;
bgneal@94 215 vertical-align: top;
bgneal@98 216 font-size: x-small;
bgneal@86 217 }
bgneal@86 218 td.forum-post-body {
bgneal@86 219 vertical-align: top;
bgneal@86 220 width:95%;
bgneal@89 221 border-bottom: 1px solid black;
bgneal@86 222 }
bgneal@115 223 td.forum-post-body-split {
bgneal@115 224 vertical-align: top;
bgneal@115 225 width:90%;
bgneal@115 226 border-bottom: 1px solid black;
bgneal@115 227 }
bgneal@115 228 td.forum-post-split-check {
bgneal@115 229 width:5%;
bgneal@115 230 border-left: 1px solid #ccc;
bgneal@115 231 border-bottom: 1px solid black;
bgneal@115 232 vertical-align: middle;
bgneal@115 233 }
bgneal@86 234 div.forum-post-info {
bgneal@86 235 padding: 2px;
bgneal@86 236 font-size:.8em;
bgneal@86 237 border-bottom: 1px solid #ccc;
bgneal@86 238 margin-bottom: 5px;
bgneal@98 239 padding-bottom: 5px;
bgneal@86 240 }
bgneal@86 241 div.forum-post-info img {
bgneal@86 242 float: left;
bgneal@86 243 margin-right: 5px;
bgneal@86 244 }
bgneal@98 245 div.forum-post-info-tools {
bgneal@98 246 border-top: 1px solid #ccc;
bgneal@98 247 padding-top: 5px;
bgneal@98 248 text-align: right;
bgneal@98 249 }
bgneal@105 250 div.forum-post-info-tools img {
bgneal@105 251 padding-left: 1em;
bgneal@105 252 }
bgneal@90 253 .forums-post-navigation {
bgneal@90 254 text-align: right;
bgneal@90 255 }
bgneal@90 256 #forums-quick-reply {
bgneal@90 257 margin-top: 1.5em;
bgneal@90 258 }
bgneal@102 259 img.forums-topic-icon {
bgneal@102 260 float: left;
bgneal@102 261 margin-right: 3px;
bgneal@102 262 }
bgneal@109 263 div.forum-mod-controls form {
bgneal@109 264 display:inline;
bgneal@109 265 }
bgneal@158 266 table.grid {
bgneal@158 267 border-collapse:collapse;
bgneal@158 268 }
bgneal@158 269 table.grid th,td {
bgneal@158 270 border: 1px solid #eee;
bgneal@158 271 }
bgneal@160 272 ul.inline-list li {
bgneal@160 273 display: inline;
bgneal@160 274 margin: 0 3px;
bgneal@160 275 }