yotsublue.css
1 body { 2 font-family: arial, helvetica, sans-serif; 3 font-size: 10pt; 4 background: #EEF2FF url(/image/fade-blue.png) top center repeat-x; 5 color: #000000; 6 padding-left: 5px; 7 padding-right: 5px; 8 margin-right: 0px; 9 margin-left: 0px; 10 margin-top: 5px; 11 } 12 13 td { 14 font-size: 10pt; 15 padding: 0; 16 margin: 0; 17 } 18 19 td.reply { 20 border: 1px solid #B7C5D9; 21 border-left: none; 22 border-top: none; 23 padding: 2px; 24 } 25 26 blockquote { 27 font-size: 10pt; 28 } 29 30 .doubledash { 31 color: #B7C5D9; 32 } 33 34 .inputtext { 35 margin: 0; 36 margin-right: 2px; 37 padding: 1px 4px; 38 border: 1px solid #aaa; 39 outline: none; 40 font-family: arial, helvetica, sans-serif; 41 font-size: 10pt; 42 } 43 44 input.inputtext { 45 height: 1.75em; 46 } 47 48 td > .inputtext { 49 height: auto; 50 padding-top: 2px; 51 padding-bottom: 3px; 52 } 53 54 .inputtext:focus { 55 border: 1px solid #9988EE; 56 } 57 58 .logo img { 59 border: 1px solid #34345C; 60 } 61 62 .logo b span { 63 font-family: tahoma; 64 } 65 66 .logo span { 67 font-size: 28px; 68 letter-spacing: -2px; 69 } 70 71 hr { 72 border: none; 73 border-top: 1px solid #B7C5D9; 74 height: 0px; 75 } 76 77 .postblock { 78 border: 1px solid #000; 79 font-size: 10pt; 80 padding: 0px 5px; 81 line-height: 20px; 82 } 83 84 .rules { 85 font-size: 10pt; 86 } 87 88 .rules a { 89 text-decoration: none; 90 } 91 92 form a img { 93 margin-top: 3px; 94 } 95 96 iframe, .rotating { 97 background: #D6DAF0; 98 border-right: 1px solid #B7C5D9; 99 border-bottom: 1px solid #B7C5D9; 100 } 101 102 .pages { 103 border: none; 104 background: #D6DAF0; 105 border-right: 1px solid #B7C5D9; 106 border-bottom: 1px solid #B7C5D9; 107 } 108 109 .pages td { 110 border: none; 111 padding: 1px 5px; 112 } 113 114 .pages td { 115 color: #89a; 116 } 117 118 .pages td b { 119 color: #000; 120 } 121 122 .deletebuttons { 123 text-align: right; 124 } 125 126 .deletebuttons br { 127 display: none; 128 } 129 130 a, a:visited { 131 color: #34345C; 132 } 133 134 a:hover { 135 color: #DD0000; 136 } 137 138 a.quotelink { 139 color: #DD0000; 140 } 141 142 .logo { 143 clear: both; 144 text-align: center; 145 font-size: 24pt; 146 color: #AF0A0F; 147 width: 100%; 148 } 149 150 form { 151 margin-top: 0px; 152 } 153 154 .rules { 155 width: 468px; 156 font-size: 10px; 157 } 158 159 .rules a, .rules a:visited, .rules a:link { 160 } 161 162 .rules > li { 163 list-style: none; 164 } 165 166 .rules > li:before { 167 content: "\2022 \20"; 168 } 169 170 .postblock { 171 background: #9988EE; 172 color: #000000; 173 font-weight: 800; 174 } 175 176 .footer { 177 text-align: center; 178 font-size: 12px; 179 } 180 181 .unkfunc { 182 color: #789922; 183 } 184 185 .filesize { 186 text-decoration: none; 187 } 188 189 .filesize span, span.postername, span.filetitle, span.commentpostername { 190 unicode-bidi: embed; 191 } 192 193 .filetitle, .replytitle { 194 background: inherit; 195 color: #0F0C5D; 196 font-weight: 800; 197 } 198 199 .postername, .commentpostername { 200 background: inherit; 201 color: #117743; 202 font-weight: 800; 203 } 204 205 .postertrip { 206 background: inherit; 207 color: #228854; 208 } 209 210 .oldpost { 211 background: inherit; 212 color: #0F0C5D; 213 font-weight: 800; 214 } 215 216 .omittedposts, .abbr { 217 color: #070707; 218 } 219 220 .reply { 221 background: #D6DAF0; 222 color: #000000; 223 } 224 225 .replyhl { 226 background: #D6BAD0; 227 color: #000000; 228 } 229 230 .doubledash { 231 vertical-align: top; 232 clear: both; 233 float: left; 234 } 235 236 a.quotejs:active, a.quotejs:link, a.quotejs:visited { 237 color: #000000; 238 text-decoration: none; 239 } 240 241 a.quotejs:hover { 242 color: #d00; 243 } 244 245 .tn_thread { 246 width: 200px; 247 height: 100px; 248 margin: 0px 20px 20px 20px; 249 float: left; 250 background: #eef2ff; 251 border: #98e 1px solid; 252 text-align: center; 253 } 254 255 .tn_reply { 256 width: 100px; 257 height: 100px; 258 margin: 0px 20px 20px 20px; 259 float: left; 260 background: #eef2ff; 261 border: #98e 1px solid; 262 text-align: center; 263 } 264 265 .adHeadline { 266 font: bold 10pt serif; 267 text-decoration: underline; 268 color: #00e 269 } 270 271 .adText { 272 font: normal 10pt serif; 273 text-decoration: none; 274 color: #000 275 } 276 277 #ad { 278 width: 120px; 279 280 margin: 0; 281 padding: 0; 282 283 position: absolute; 284 right: 150px; 285 286 border: 1px solid #98E; 287 288 font-family: arial, helvetica, sans-serif; 289 font-size: 11px; 290 291 } 292 293 #ad div { 294 margin: 0; 295 padding: 0.4em; 296 297 } 298 299 #ad div.ad-title { 300 padding: 0em; 301 background: #98E; 302 color: #000; 303 font-size: 11px; 304 } 305 306 #ad div.ad-title a { 307 font-family: arial, helvetica, sans-serif; 308 color: #000; 309 } 310 311 #ad div.ad-text { 312 } 313 314 #ad div.ad-text a { 315 font-family: arial, helvetica, sans-serif; 316 } 317 318 #ad div.ad-text a:visited { 319 } 320 321 .bottomAdTitle { 322 font-family: arial, helvetica, sans-serif; 323 background: #98E; 324 color: #000000; 325 } 326 327 #bottomAd { 328 height: 52px; 329 font-size: 11px; 330 } 331 332 #bottomAdOuter { 333 width: 600px; 334 border: 1px solid #98E; 335 font-size: 11px; 336 } 337 338 .spoiler a.quotelink, .spoiler .unkfunc { 339 color: inherit; 340 } 341 342 .exif { 343 display: none; 344 font-family: arial, helvetica, sans-serif; 345 font-size: xx-small; 346 } 347 348 .exif td { 349 font-family: arial, helvetica, sans-serif; 350 font-size: xx-small; 351 } 352 353 .exif td b { 354 font-weight: 800; 355 text-decoration: underline; 356 font-size: x-small; 357 } 358 359 #header { 360 position: absolute; 361 top: 2px; 362 left: 5px; 363 right: 5px; 364 } 365 366 * html #header { 367 width: 100%; 368 } 369 370 #navtop, #navbot { 371 left: 0px; 372 float: left; 373 } 374 375 #navtopr, #navbotr { 376 right: 0px; 377 display: block; 378 float: right; 379 text-align: right; 380 } 381 382 #header, #navbot, #navbotr { 383 font-size: 9pt; 384 color: #89a; 385 } 386 387 #header a, #navbot a, #navbotr a, .pages td a { 388 font-weight: normal; 389 padding: 1px; 390 text-decoration: none; 391 color: #34345C; 392 } 393 394 #header a:hover, #navbot a:hover, #navbotr a:hover, .pages td a:hover { 395 color: #d00; 396 } 397 398 #footer { 399 clear: both; 400 padding-top: 10px; 401 } 402 403 #footer center font { 404 font-size: 7pt; 405 } 406 407 .pages td a { 408 color: #34345C; 409 } 410 411 td.replyhl { 412 border: 1px solid #BA9DBF; 413 border-left: none; 414 border-top: none; 415 padding: 2px; 416 } 417 418 td.deletebuttons input.checkbox { 419 margin: 1px 2px 1px 2px; 420 } 421 422 div.logo img { 423 margin: 5px 0px 5px 0px; 424 } 425 426 .fstitle { 427 float: left; 428 width: 25px; 429 } 430 431 .recaptchatable { 432 background-color: transparent !important; 433 border: none !important; 434 } 435 436 .recaptcha_image_cell { 437 background-color: transparent !important; 438 } 439 440 #recaptcha_response_field { 441 border: 1px solid #AAA !important; 442 } 443 444 #recaptcha_div { 445 height: 107px; 446 width: 442px; 447 } 448 449 #recaptcha_challenge_field { 450 width: 400px 451 } 452 453 .ad-plea { 454 margin-top: 2px; 455 text-align: center; 456 font-size: smaller; 457 }