Mercurial > public > sg101

annotate media/css/base.css @ 133:c515b7401078

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Use the new common way to apply markItUp to textareas and to get the smiley and markdown help dialogs for all the remaining apps except for forums and comments.
author Brian Neal <bgneal@gmail.com>
date Fri, 27 Nov 2009 00:21:47 +0000
parents f8f4514b806a
children ca7d619ee27b
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 }