Mercurial > public > sg101

annotate media/css/base.css @ 160:2eb3984ccb15

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Implement #45, add a who's online feature for the forums. Created middleware that caches usernames and guest session ids in the cache. Added a tag that displays this info.
author Brian Neal <bgneal@gmail.com>
date Tue, 22 Dec 2009 02:08:05 +0000
parents ca7d619ee27b
children 445e1466a98d
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@86 201 table.forum-topic {
bgneal@89 202 border-top:1px solid black;
bgneal@89 203 border-left:1px solid black;
bgneal@89 204 border-right:1px solid black;
bgneal@86 205 width:100%;
bgneal@86 206 margin-top: 5px;
bgneal@86 207 }
bgneal@86 208 td.forum-post-author {
bgneal@86 209 width:5%;
bgneal@86 210 border-right: 1px solid #ccc;
bgneal@89 211 border-bottom: 1px solid black;
bgneal@94 212 vertical-align: top;
bgneal@98 213 font-size: x-small;
bgneal@86 214 }
bgneal@86 215 td.forum-post-body {
bgneal@86 216 vertical-align: top;
bgneal@86 217 width:95%;
bgneal@89 218 border-bottom: 1px solid black;
bgneal@86 219 }
bgneal@115 220 td.forum-post-body-split {
bgneal@115 221 vertical-align: top;
bgneal@115 222 width:90%;
bgneal@115 223 border-bottom: 1px solid black;
bgneal@115 224 }
bgneal@115 225 td.forum-post-split-check {
bgneal@115 226 width:5%;
bgneal@115 227 border-left: 1px solid #ccc;
bgneal@115 228 border-bottom: 1px solid black;
bgneal@115 229 vertical-align: middle;
bgneal@115 230 }
bgneal@86 231 div.forum-post-info {
bgneal@86 232 padding: 2px;
bgneal@86 233 font-size:.8em;
bgneal@86 234 border-bottom: 1px solid #ccc;
bgneal@86 235 margin-bottom: 5px;
bgneal@98 236 padding-bottom: 5px;
bgneal@86 237 }
bgneal@86 238 div.forum-post-info img {
bgneal@86 239 float: left;
bgneal@86 240 margin-right: 5px;
bgneal@86 241 }
bgneal@98 242 div.forum-post-info-tools {
bgneal@98 243 border-top: 1px solid #ccc;
bgneal@98 244 padding-top: 5px;
bgneal@98 245 text-align: right;
bgneal@98 246 }
bgneal@105 247 div.forum-post-info-tools img {
bgneal@105 248 padding-left: 1em;
bgneal@105 249 }
bgneal@90 250 .forums-post-navigation {
bgneal@90 251 text-align: right;
bgneal@90 252 }
bgneal@90 253 #forums-quick-reply {
bgneal@90 254 margin-top: 1.5em;
bgneal@90 255 }
bgneal@102 256 img.forums-topic-icon {
bgneal@102 257 float: left;
bgneal@102 258 margin-right: 3px;
bgneal@102 259 }
bgneal@109 260 div.forum-mod-controls form {
bgneal@109 261 display:inline;
bgneal@109 262 }
bgneal@158 263 table.grid {
bgneal@158 264 border-collapse:collapse;
bgneal@158 265 }
bgneal@158 266 table.grid th,td {
bgneal@158 267 border: 1px solid #eee;
bgneal@158 268 }
bgneal@160 269 ul.inline-list li {
bgneal@160 270 display: inline;
bgneal@160 271 margin: 0 3px;
bgneal@160 272 }