mode_message/css/blue_moon.css

   1 html {
   2         padding: 0px;
   3         margin: 0px;
   4         background-color: #6B7B8D;
   5 }
   6 body {
   7         padding: 8px;
   8         margin: 0px;
   9         background-color: #6B7B8D;
  10         color: #FFFFFF;
  11         font-family: "Trebuchet MS", serif;
  12 }
  13 a {
  14         color:#AFB9C5;
  15 }
  16 a:visited {
  17         color:#9DA6B0;
  18 }
  19 a:hover {
  20         color:#EEEEEE;
  21 }
  22 form {
  23         margin: 0px;
  24 }
  25 ol ul, ul ol, ul ul, ol ol {
  26         margin-top: 0;
  27         margin-bottom: 0;
  28 }
  29 ol p:first-child, ul p:first-child {
  30         margin-top: 0;
  31 }
  32 ol p:last-child, ul p:last-child {
  33         margin-bottom: 0;
  34 }
  35 .aa {
  36         font-family: Mona,'MS PGothic' !important;
  37 }
  38
  39
  40
  41 .outerbox, .backlogpage #threads {
  42         background-color: #49525D;
  43         color: #EEEEEE;
  44         padding: 4px;
  45         clear: both;
  46 }
  47 #titlebox {
  48         -moz-border-radius: 6px 6px 0 0;
  49 }
  50 h1 {
  51         color: #EEEEEE;
  52         text-align: center;
  53         font-size: 2em;
  54         font-weight: bold;
  55         padding: 0px;
  56         margin: 0px;
  57 }
  58 #titlebox {
  59         position: relative;
  60 }
  61 #titlebox .threadnavigation {
  62         position: absolute;
  63         right: 12px;
  64         top: 4px;
  65         float: right;
  66 }
  67 #titlebox div>.threadnavigation {
  68         right: 4px;
  69 }
  70 #rules, #threadbox .innerbox {
  71         background-color: inherit;
  72         font-size: .8em;
  73         margin: 3px;
  74         margin-bottom: 1em;
  75         padding: 3px;
  76 }
  77 #stylebox {
  78         padding: 1px 9px;
  79         margin: -1px 0;
  80 }
  81 #threadbox {
  82         margin-bottom: 2em;
  83         -moz-border-radius: 0 0 6px 6px;
  84 }
  85 #threadbox .threadlink {
  86         padding-right: 0.5em;
  87 }
  88 #threadlinks {
  89         text-align: right;
  90         font-weight: bold;
  91 }
  92 #createbox {
  93         -moz-border-radius: 4px;
  94 }
  95 #createbox h2 {
  96         background-color: #49525D;
  97         font-size: 1.2em;
  98         color: #EEEEEE;
  99         font-weight: bold;
 100         margin: 0px 0px .3em 1em;
 101         padding: 0px;
 102 }
 103 #createbox form {
 104         background-color: #8C9FB4;
 105         color: #49525D;
 106         font-weight: bold;
 107         font-size: .8em;
 108         margin: 3px;
 109         padding: 3px;
 110         -moz-border-radius: 4px;
 111         font-weight: bold;
 112 }
 113 #createbox input, #createbox textarea {
 114         background-color: #EEEEEE;
 115         border-top: 1px solid #49525D;
 116         border-bottom: 1px solid #B6C2CF;
 117         border-left: 1px solid #49525D;
 118         border-right: 1px solid #B6C2CF;
 119 }
 120 #createbox input[type=submit], #createbox input[type=button] {
 121         background-color: #000000;
 122         color: #FFFFFF;
 123         font-weight: bold;
 124 }
 125 #createbox textarea {
 126         -moz-border-radius: 4px;
 127 }
 128 .threadcaptcha {
 129         color: #000000;
 130 }
 131
 132
 133
 134 #posts {
 135 }
 136 #posts .thread {
 137         background-color: #49525D;
 138         padding: 4px;
 139         margin-bottom: 2em;
 140         clear: both;
 141         -moz-border-radius: 6px;
 142 }
 143 #posts .sagethread
 144 {
 145         background-color: #D6E0F0;
 146         padding: 4px;
 147         margin-bottom: 2em;
 148         clear: both;
 149         -moz-border-radius: 6px;
 150 }
 151 #posts h2 {
 152         float: left;
 153         background-color: inherit;
 154         font-size: 1.2em;
 155         color: #EEEEEE;
 156         font-weight: bold;
 157         margin: 0px 0px .3em 1em;
 158         padding: 0px;
 159 }
 160 #posts h2 a {
 161         color: #EEEEEE;
 162         text-decoration: none;
 163 }
 164 #posts h2 a:hover {
 165         text-decoration: underline;
 166 }
 167 #posts h2 small {
 168         font-weight: normal;
 169         font-size: .7em;
 170 }
 171 #posts .threadnavigation {
 172         float: right;
 173 }
 174 .threadnavigation a {
 175         text-decoration: none;
 176         font-weight: bold;
 177 }
 178 #posts .replies {
 179         clear: both;
 180 }
 181 #posts .allreplies, #posts .firstreply, #posts .finalreplies {
 182         background-color: #DDDDDD;
 183         color: #000080;
 184         /*font-family: serif;*/
 185         font-size: .8em;
 186         margin: 3px;
 187         padding: 3px;
 188         -moz-border-radius: 4px;
 189 }
 190 #posts .allreplies a:link, #posts .firstreply a:link, #posts .finalreplies a:link {
 191         color: #49525D;
 192 }
 193 #posts .allreplies a:visited, #posts .firstreply a:visited, #posts .finalreplies a:visited {
 194         color: #2B3037;
 195 }
 196 #posts .allreplies a:hover, #posts .firstreply a:hover, #posts .finalreplies a:hover {
 197         color: #8C9FB4;
 198 }
 199 #posts .allreplies a:active, #posts .firstreply a:active, #posts .finalreplies a:active {
 200         color: #8C9FB4;
 201 }
 202 #posts .repliesomitted {
 203 }
 204
 205
 206 #posts .reply {
 207         clear: both;
 208 }
 209 #posts .deletedreply {
 210         clear: both;
 211         padding-bottom: 1em;
 212 }
 213 #posts h3 {
 214         /*font-size: .9em;*/
 215         font-size: 1em;
 216         color: #000000;
 217         font-weight: normal;
 218         margin: 0px;
 219         padding: 0px;
 220 }
 221 #posts .deletedreply h3 {
 222         color: #AFAFAF;
 223         font-weight: bold;
 224 }
 225 #posts h3 .replynum {
 226         color: #999999;
 227         font-weight: bold;
 228         margin-left: 0.3em;
 229         margin-right: 0.3em;
 230 }
 231 #posts h3 .replynum a {
 232         color: #999999;
 233         text-decoration: none;
 234 }
 235 #posts h3 .replynum a:hover {
 236         color:#EEEEEE;
 237 }
 238 #posts h3 .postername {
 239         color: #2B3037;
 240         font-weight: bold;
 241         font-size: 1.2em;
 242 }
 243 #posts h3 .postertrip {
 244         color: #49525D;
 245         font-style: italic;
 246         font-size: 1.2em;
 247 }
 248 #posts .deletebutton {
 249         position: absolute;
 250         right: 1.5em;
 251         font-size: small;
 252 }
 253 #posts img.thumb, #posts a img {
 254         border: 1px solid #49525D;
 255         float: left;
 256         margin: 0.5em 2em 0.5em 1em;
 257 }
 258 #posts .nothumbnail {
 259         float: left;
 260         display: inline; /* stupid IE bug */
 261         background: #eeeeee;
 262         border: 2px dashed #cccccc;
 263         text-align: center;
 264         padding: 1em 0.5em 1em 0.5em;
 265         margin: 0.5em 2em 0.5em 2em;
 266 }
 267 .replytext > :first-child {
 268         margin-top: 0em;
 269 }
 270 .replytext > :last-child {
 271         margin-bottom: 0em;
 272 }
 273 .replytext:after {
 274         content: "";
 275         display: block;
 276         height: 0.1px;
 277         clear: both;
 278         margin: 0px;
 279 }
 280 .replytext {
 281         margin: 3px;
 282         padding: 3px;
 283         background-color: #FFFFFF;
 284         border: 1px solid #FFFFFF;
 285         -moz-border-radius: 4px;
 286 }
 287 .replytext blockquote {
 288         margin-left: 0em;
 289         color: #697685;
 290 }
 291 #posts .replyabbrev {
 292         color: #228854;
 293         margin-left: 3px;
 294         margin-bottom: 0.5em;
 295 }
 296
 297
 298
 299 #posts form {
 300         background-color: #99A9BA;
 301         color: #49525D;
 302         /*font-family: serif;*/
 303         font-weight: bold;
 304         font-size: .8em;
 305         margin: 3px;
 306         padding: 3px;
 307         -moz-border-radius: 4px;
 308 }
 309 #posts form a:link, #createbox form a:link {
 310         color: #49525D;
 311 }
 312 #posts form a:visited, #createbox form a:visited {
 313         color: #2B3037;
 314 }
 315 #posts form a:hover, #createbox form a:hover {
 316         color: #EEEEEE;
 317 }
 318 #posts form a:active, #createbox form a:active {
 319         color: #FFFFFF;
 320 }
 321 #posts input, #posts textarea {
 322         background-color: #EEEEEE;
 323         border-top: 1px solid #49525D;
 324         border-bottom: 1px solid #B6C2CF;
 325         border-left: 1px solid #49525D;
 326         border-right: 1px solid #B6C2CF;
 327 }
 328 #posts textarea {
 329         -moz-border-radius: 4px;
 330 }
 331 #posts input[type=submit], #posts input[type=button] {
 332         background-color: #000000;
 333         color: #FFFFFF;
 334         font-weight: bold;
 335 }
 336 #posts form .replytext, #createbox form .replytext {
 337         margin: 0.5em 0;
 338         color: #000080;
 339         font-weight: normal;
 340         border: 6px solid #DDDDDD;
 341 }
 342 .postcaptcha {
 343         color: #000000;
 344 }
 345
 346
 347
 348 #navigation {
 349         margin: 0.3em 0.3em 1em 1em;
 350         font-size: small;
 351         float: left;
 352         white-space: nowrap;
 353         background-color: #49525D;
 354         padding: 3px 0px 3px 0px;
 355         border: 1px solid #49525D;
 356         -moz-border-radius: 4px;
 357 }
 358 #navigation strong {
 359         background-color: #49525D;
 360         padding: 3px;
 361         color: #EEEEEE;
 362         font-weight: bold;
 363 }
 364
 365 #navigation a {
 366         padding: 3px;
 367 }
 368
 369
 370
 371 #oldthreadlist {
 372         width: 100%;
 373         background-color: #FFFFFF;
 374         color: #49525D;
 375         font-family: serif;
 376         padding: 6px;
 377         -moz-border-radius: 4px;
 378         margin: 0 auto;
 379 }
 380 #oldthreadlist a {
 381         color: #49525D;
 382 }
 383 #oldthreadlist a:hover {
 384         color:#6B7480;
 385 }
 386 #oldthreadlist th {
 387         text-align: left;
 388 }
 389 #oldthreadlist .line0 {
 390         background: #FFFFFF;
 391 }
 392 #oldthreadlist .line1 {
 393         background: #E7E7FF;
 394 }
 395 #oldthreadlist a {
 396         display: block;
 397 }
 398
 399
 400
 401 #footer {
 402         text-align: center;
 403         font-size: 0.8em;
 404 }
 405
 406
 407
 408 .errorpage h1, .errorpage h2 {
 409         text-align: center;
 410 }