yotsuba.css
1 body { 2 font-family: arial, helvetica, sans-serif; 3 font-size: 10pt; 4 background: #FFFFEE url(/image/fade.png) top center repeat-x; 5 color: #800000; 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 #D9BFB7; 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: #D9BFB7; 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 #ea8; 56 } 57 58 .logo img { 59 border: 1px solid #800; 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 #D9BFB7; 74 height: 0px; 75 } 76 77 .postblock { 78 border: 1px solid #800; 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: #F0E0D6; 98 border-right: 1px solid #D9BFB7; 99 border-bottom: 1px solid #D9BFB7; 100 } 101 102 .pages { 103 border: none; 104 background: #F0E0D6; 105 border-right: 1px solid #D9BFB7; 106 border-bottom: 1px solid #D9BFB7; 107 } 108 109 .pages td { 110 border: none; 111 padding: 1px 5px; 112 } 113 114 .pages td { 115 color: #b86; 116 } 117 118 .pages td b { 119 color: #800; 120 } 121 122 .deletebuttons { 123 text-align: right; 124 } 125 126 .deletebuttons br { 127 display: none; 128 } 129 130 a, a:visited { 131 color: #0000EE; 132 } 133 134 a:hover { 135 color: #DD0000; 136 } 137 138 a.quotelink { 139 color: #000080; 140 } 141 142 .logo { 143 clear: both; 144 text-align: center; 145 font-size: 24pt; 146 color: #800000; 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: #EEAA88; 172 color: #800000; 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 td .filesize { 190 display: inline; 191 background: none; 192 } 193 194 .filesize span, span.postername, span.filetitle, span.commentpostername { 195 unicode-bidi: embed; 196 } 197 198 .filetitle, .replytitle { 199 background: inherit; 200 201 color: #CC1105; 202 font-weight: 800; 203 } 204 205 .postername, .commentpostername { 206 background: inherit; 207 color: #117743; 208 font-weight: 800; 209 } 210 211 .postertrip { 212 background: inherit; 213 color: #228854; 214 } 215 216 .oldpost { 217 background: inherit; 218 color: #f00000; 219 font-weight: 800; 220 } 221 222 .omittedposts, .abbr { 223 color: #707070; 224 } 225 226 .reply { 227 background: #F0E0D6; 228 color: #800000; 229 } 230 231 .replyhl { 232 background: #F0C0B0; 233 color: #800000; 234 } 235 236 .doubledash { 237 vertical-align: top; 238 clear: both; 239 float: left; 240 } 241 242 a.quotejs:active, a.quotejs:link, a.quotejs:visited { 243 color: #800000; 244 text-decoration: none; 245 } 246 247 a.quotejs:hover { 248 color: #d00; 249 } 250 251 .tn_thread { 252 width: 200px; 253 height: 100px; 254 margin: 0px 20px 20px 20px; 255 float: left; 256 background: #eed; 257 border: #ea8 1px solid; 258 text-align: center; 259 } 260 261 .tn_reply { 262 width: 100px; 263 height: 100px; 264 margin: 0px 20px 20px 20px; 265 float: left; 266 background: #eed; 267 border: #ea8 1px solid; 268 text-align: center; 269 } 270 271 .adHeadline { 272 font: bold 10pt serif; 273 text-decoration: underline; 274 color: #00e 275 } 276 277 .adText { 278 font: normal 10pt serif; 279 text-decoration: none; 280 color: #800 281 } 282 283 #ad { 284 width: 120px; 285 286 margin: 0; 287 padding: 0; 288 289 position: absolute; 290 right: 150px; 291 292 border: 1px solid #EEAA88; 293 294 font-family: arial, helvetica, sans-serif; 295 font-size: 11px; 296 297 } 298 299 #ad div { 300 margin: 0; 301 padding: 0.4em; 302 303 } 304 305 #ad div.ad-title { 306 padding: 0em; 307 background: #EEAA88; 308 color: #800000; 309 font-size: 11px; 310 } 311 312 #ad div.ad-title a { 313 font-family: arial, helvetica, sans-serif; 314 color: #800000; 315 } 316 317 #ad div.ad-text { 318 } 319 320 #ad div.ad-text a { 321 font-family: arial, helvetica, sans-serif; 322 } 323 324 #ad div.ad-text a:visited { 325 } 326 327 .bottomAdTitle { 328 font-family: arial, helvetica, sans-serif; 329 background: #EEAA88; 330 color: #800000; 331 } 332 333 #bottomAd { 334 height: 52px; 335 font-size: 11px; 336 } 337 338 #bottomAdOuter { 339 width: 600px; 340 border: 1px solid #EEAA88; 341 font-size: 11px; 342 } 343 344 .spoiler a.quotelink, .spoiler .unkfunc { 345 color: inherit; 346 } 347 348 .exif { 349 display: none; 350 font-family: arial, helvetica, sans-serif; 351 font-size: xx-small; 352 } 353 354 .exif td { 355 font-family: arial, helvetica, sans-serif; 356 font-size: xx-small; 357 } 358 359 .exif td b { 360 font-weight: 800; 361 text-decoration: underline; 362 font-size: x-small; 363 } 364 365 #header { 366 position: absolute; 367 top: 2px; 368 left: 5px; 369 right: 5px; 370 } 371 372 * html #header { 373 width: 100%; 374 } 375 376 #navtop, #navbot { 377 left: 0px; 378 float: left; 379 } 380 381 #navtopr, #navbotr { 382 right: 0px; 383 display: block; 384 float: right; 385 text-align: right; 386 } 387 388 #header, #navbot, #navbotr { 389 font-size: 9pt; 390 color: #b86; 391 } 392 393 #header a, #navbot a, #navbotr a, .pages td a { 394 font-weight: normal; 395 padding: 1px; 396 text-decoration: none; 397 color: #800; 398 } 399 400 #header a:hover, #navbot a:hover, #navbotr a:hover, .pages td a:hover { 401 color: #d00; 402 } 403 404 #footer { 405 clear: both; 406 padding-top: 10px; 407 } 408 409 #footer center font { 410 font-size: 7pt; 411 } 412 413 .pages td a { 414 color: #00e; 415 } 416 417 td.replyhl { 418 border: 1px solid #D99F91; 419 border-left: none; 420 border-top: none; 421 padding: 2px; 422 } 423 424 td.deletebuttons input.checkbox { 425 margin: 1px 2px 1px 2px; 426 } 427 428 div.logo img { 429 margin: 5px 0px 5px 0px; 430 } 431 432 .fstitle { 433 float: left; 434 width: 25px; 435 } 436 437 .recaptchatable { 438 background-color: transparent !important; 439 border: none !important; 440 } 441 442 .recaptcha_image_cell { 443 background-color: transparent !important; 444 } 445 446 #recaptcha_response_field { 447 border: 1px solid #AAA !important; 448 } 449 450 #recaptcha_div { 451 height: 107px; 452 width: 442px; 453 } 454 455 #recaptcha_challenge_field { 456 width: 400px 457 }