Mercurial > public > sg101

annotate media/css/base.css @ 265:1ba2c6bf6eb7

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Closing #98. Animated GIFs were losing their transparency and animated properties when saved as avatars. Reworked the avatar save process to only run the avatar through PIL if it is too big. This preserves the original uploaded file if it is within the desired size settings. This may still mangle big animated gifs. If this becomes a problem, then maybe look into calling the PIL Image.resize() method directly. Moved the PIL image specific functions from bio.forms to a new module: core.image for better reusability in the future.
author Brian Neal <bgneal@gmail.com>
date Fri, 24 Sep 2010 02:12:09 +0000
parents 8c1832b9d815
children eea6219024ef
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 {
bgneal@201 116 margin-bottom:1.2em;
bgneal@201 117 margin-left:14px;
bgneal@201 118 margin-right:auto;
bgneal@201 119 width:160px;
gremmie@1 120 }
gremmie@1 121 div.side-block-title {
gremmie@1 122 margin: 0;
gremmie@1 123 background-color: teal;
gremmie@1 124 color: white;
gremmie@1 125 font-weight: bold;
gremmie@1 126 text-align: center;
gremmie@1 127 }
gremmie@1 128 div.side-block-content {
gremmie@1 129 margin: 0;
gremmie@1 130 border: 1px solid teal;
gremmie@1 131 padding: 2px 2px;
gremmie@1 132 }
gremmie@1 133 iframe {
gremmie@1 134 margin-bottom: 1em;
gremmie@1 135 }
gremmie@1 136 img {
gremmie@1 137 border-style: none;
gremmie@1 138 }
gremmie@1 139 .breadcrumbs {
gremmie@1 140 font-size: x-small;
bgneal@13 141 padding-bottom: 0.5em;
gremmie@1 142 }
bgneal@5 143 table {
bgneal@5 144 width: auto;
bgneal@195 145 border-style: none;
bgneal@5 146 }
bgneal@16 147 .errorlist {
bgneal@16 148 background: #FBE3E4;
bgneal@16 149 color: #8a1f11;
bgneal@16 150 border-color: #FBC2C4;
bgneal@16 151 border: 2px solid #ddd;
bgneal@16 152 }
bgneal@26 153 .app-logo {
bgneal@26 154 text-align: center;
bgneal@26 155 padding: 0.5em;
bgneal@26 156 }
bgneal@28 157 .bulletin {
bgneal@28 158 text-align: center;
bgneal@28 159 margin: 1em 1em;
bgneal@28 160 padding: 1em 1em 0;
bgneal@28 161 border: 1px solid black;
bgneal@28 162 }
bgneal@28 163 .bulletin h3 {
bgneal@28 164 background-image: url(../icons/asterisk_orange.png);
bgneal@28 165 background-position: center left;
bgneal@28 166 background-repeat: no-repeat;
bgneal@28 167 }
bgneal@28 168 .bulletin .bulletin-meta {
bgneal@28 169 font-size: x-small;
bgneal@28 170 color: gray;
bgneal@28 171 text-align: right;
bgneal@28 172 }
bgneal@29 173 ul.icon-list li {
bgneal@29 174 list-style-type: none;
bgneal@29 175 }
bgneal@33 176 #slideshow {
bgneal@33 177 position:relative;
bgneal@33 178 left:15px;
bgneal@33 179 height:240px;
bgneal@33 180 }
bgneal@33 181 #slideshow img {
bgneal@33 182 position:absolute;
bgneal@33 183 top:0;
bgneal@33 184 left:0;
bgneal@33 185 z-index:8;
bgneal@33 186 opacity:0.0;
bgneal@33 187 }
bgneal@33 188 #slideshow img.active {
bgneal@33 189 z-index:10;
bgneal@33 190 opacity:1.0;
bgneal@33 191 }
bgneal@33 192 #slideshow img.last-active {
bgneal@33 193 z-index:9;
bgneal@33 194 }
bgneal@81 195 table.forum-index-table {
bgneal@81 196 width:100%;
bgneal@81 197 }
bgneal@81 198 table.forum-index-table thead th {
bgneal@81 199 background:teal;
bgneal@81 200 }
bgneal@83 201 table.forum-index-table .forum-title {
bgneal@120 202 width:57%;
bgneal@81 203 }
bgneal@83 204 table.forum-index-table .forum-topics {
bgneal@120 205 width:9%;
bgneal@81 206 text-align:center;
bgneal@81 207 }
bgneal@83 208 table.forum-index-table .forum-posts {
bgneal@120 209 width:9%;
bgneal@81 210 text-align:center;
bgneal@81 211 }
bgneal@83 212 table.forum-index-table .forum-last_post {
bgneal@120 213 width:25%;
bgneal@81 214 text-align:center;
bgneal@81 215 }
bgneal@83 216
bgneal@83 217 table.forum-index-table .forum-index_title {
bgneal@84 218 width:50%;
bgneal@83 219 }
bgneal@83 220 table.forum-index-table .forum-index_replies {
bgneal@120 221 width:8%;
bgneal@81 222 text-align:center;
bgneal@81 223 }
bgneal@83 224 table.forum-index-table .forum-index_author {
bgneal@120 225 width:8%;
bgneal@81 226 text-align:center;
bgneal@81 227 }
bgneal@83 228 table.forum-index-table .forum-index_views {
bgneal@120 229 width:8%;
bgneal@83 230 text-align:center;
bgneal@83 231 }
bgneal@83 232 table.forum-index-table .forum-index_last_post {
bgneal@120 233 width:26%;
bgneal@81 234 text-align:center;
bgneal@81 235 }
bgneal@111 236 table.forum-index-table .forum-index_select {
bgneal@111 237 width:10%;
bgneal@111 238 text-align:center;
bgneal@111 239 }
bgneal@161 240 table.forum-index-table h4 {
bgneal@161 241 margin-bottom: 4px;
bgneal@161 242 }
bgneal@86 243 table.forum-topic {
bgneal@89 244 border-top:1px solid black;
bgneal@89 245 border-left:1px solid black;
bgneal@89 246 border-right:1px solid black;
bgneal@86 247 width:100%;
bgneal@86 248 margin-top: 5px;
bgneal@86 249 }
bgneal@86 250 td.forum-post-author {
bgneal@86 251 width:5%;
bgneal@86 252 border-right: 1px solid #ccc;
bgneal@89 253 border-bottom: 1px solid black;
bgneal@94 254 vertical-align: top;
bgneal@98 255 font-size: x-small;
bgneal@86 256 }
bgneal@86 257 td.forum-post-body {
bgneal@86 258 vertical-align: top;
bgneal@86 259 width:95%;
bgneal@89 260 border-bottom: 1px solid black;
bgneal@86 261 }
bgneal@115 262 td.forum-post-body-split {
bgneal@115 263 vertical-align: top;
bgneal@115 264 width:90%;
bgneal@115 265 border-bottom: 1px solid black;
bgneal@115 266 }
bgneal@115 267 td.forum-post-split-check {
bgneal@115 268 width:5%;
bgneal@115 269 border-left: 1px solid #ccc;
bgneal@115 270 border-bottom: 1px solid black;
bgneal@115 271 vertical-align: middle;
bgneal@115 272 }
bgneal@86 273 div.forum-post-info {
bgneal@86 274 padding: 2px;
bgneal@86 275 font-size:.8em;
bgneal@86 276 border-bottom: 1px solid #ccc;
bgneal@86 277 margin-bottom: 5px;
bgneal@98 278 padding-bottom: 5px;
bgneal@86 279 }
bgneal@86 280 div.forum-post-info img {
bgneal@86 281 float: left;
bgneal@86 282 margin-right: 5px;
bgneal@86 283 }
bgneal@98 284 div.forum-post-info-tools {
bgneal@98 285 border-top: 1px solid #ccc;
bgneal@98 286 padding-top: 5px;
bgneal@98 287 text-align: right;
bgneal@98 288 }
bgneal@105 289 div.forum-post-info-tools img {
bgneal@105 290 padding-left: 1em;
bgneal@105 291 }
bgneal@90 292 .forums-post-navigation {
bgneal@90 293 text-align: right;
bgneal@90 294 }
bgneal@90 295 #forums-quick-reply {
bgneal@90 296 margin-top: 1.5em;
bgneal@90 297 }
bgneal@102 298 img.forums-topic-icon {
bgneal@102 299 float: left;
bgneal@102 300 margin-right: 3px;
bgneal@102 301 }
bgneal@109 302 div.forum-mod-controls form {
bgneal@109 303 display:inline;
bgneal@109 304 }
bgneal@158 305 table.grid {
bgneal@158 306 border-collapse:collapse;
bgneal@158 307 }
bgneal@195 308 table.grid th, table.grid td {
bgneal@158 309 border: 1px solid #eee;
bgneal@158 310 }
bgneal@160 311 ul.inline-list li {
bgneal@160 312 display: inline;
bgneal@160 313 margin: 0 3px;
bgneal@160 314 }
bgneal@167 315 table.forum-topic-table {
bgneal@167 316 width:100%;
bgneal@167 317 }
bgneal@167 318 table.forum-topic-table thead th {
bgneal@167 319 background:teal;
bgneal@167 320 }
bgneal@167 321 table.forum-topic-table .col-0 {
bgneal@167 322 width:23%;
bgneal@167 323 text-align:center;
bgneal@167 324 }
bgneal@167 325 table.forum-topic-table .col-1 {
bgneal@167 326 width:37%;
bgneal@167 327 text-align:center;
bgneal@167 328 }
bgneal@167 329 table.forum-topic-table .col-2 {
bgneal@167 330 width:5%;
bgneal@167 331 text-align:center;
bgneal@167 332 }
bgneal@167 333 table.forum-topic-table .col-3 {
bgneal@167 334 width:5%;
bgneal@167 335 text-align:center;
bgneal@167 336 }
bgneal@167 337 table.forum-topic-table .col-4 {
bgneal@167 338 width:5%;
bgneal@167 339 text-align:center;
bgneal@167 340 }
bgneal@167 341 table.forum-topic-table .col-5 {
bgneal@167 342 width:25%;
bgneal@167 343 text-align:center;
bgneal@167 344 }
bgneal@167 345 table.forum-topic-table .info {
bgneal@167 346 text-align:center;
bgneal@167 347 }
bgneal@167 348 #forum-query-form {
bgneal@167 349 text-align:right;
bgneal@167 350 }
bgneal@169 351 #forums-post-list dt {
bgneal@169 352 margin-top: 0.5em;
bgneal@169 353 padding: 3px 0 3px 0;
bgneal@169 354 }
bgneal@169 355 #forums-post-list dd {
bgneal@169 356 border: 1px solid #555;
bgneal@169 357 padding: 0.5em 0.5em;
bgneal@169 358 }
bgneal@169 359 #forums-post-list dd.even {
bgneal@169 360 background-color:#e5ecf9;
bgneal@169 361 }
bgneal@204 362 #badge_summary {
bgneal@204 363 border-collapse:collapse;
bgneal@204 364 }
bgneal@204 365 #badge_summary th, #badge_summary td {
bgneal@204 366 border: 1px solid teal;
bgneal@204 367 }
bgneal@215 368 .error a {
bgneal@215 369 text-decoration: underline;
bgneal@215 370 }
bgneal@215 371 .stranger {
bgneal@215 372 background:#FFF6BF;
bgneal@215 373 }