SHOW:
|
|
- or go back to the newest paste.
| 1 | /* Чистка */ | |
| 2 | ||
| 3 | - | pre |
| 3 | + | pre, code |
| 4 | {
| |
| 5 | word-wrap: break-word; | |
| 6 | } | |
| 7 | ||
| 8 | div[id^="thread"], | |
| 9 | table, | |
| 10 | /*desu*/ form > div:not(.reply) > div:first-child | |
| 11 | {
| |
| 12 | position: relative; | |
| 13 | } | |
| 14 | ||
| 15 | body, | |
| 16 | div[id^="thread"], | |
| 17 | div[id^="thread"] > span.filesize, | |
| 18 | div[id^="thread"] > a:first-of-type, | |
| 19 | td.reply, | |
| 20 | td.reply > span.filesize, | |
| 21 | td.highlight, | |
| 22 | td.highlight > span.filesize, | |
| 23 | /*desu*/ form > div:not(.reply) > div:first-child, | |
| 24 | /*desu*/ form > div:not(.reply) > div:first-child > span.filesize, | |
| 25 | /*desu*/ form > div:not(.reply) > div:first-child > a:first-of-type | |
| 26 | {
| |
| 27 | font-size: 0; | |
| 28 | } | |
| 29 | ||
| 30 | body > div, | |
| 31 | body > form, | |
| 32 | body > p, | |
| 33 | body > span, | |
| 34 | body > table, | |
| 35 | div[id^="thread"] > a, | |
| 36 | div[id^="thread"] > span, | |
| 37 | div[id^="thread"] > div, | |
| 38 | div[id^="thread"] > blockquote, | |
| 39 | div[id^="thread"] > table, | |
| 40 | /*desu*/ form > div:not(.reply) > div:first-child > a, | |
| 41 | /*desu*/ form > div:not(.reply) > div:first-child > span, | |
| 42 | /*desu*/ form > div:not(.reply) > div:first-child > div, | |
| 43 | /*desu*/ form > div:not(.reply) > div:first-child > blockquote, | |
| 44 | /*desu*/ form > div:not(.reply) > div:first-child > table, | |
| 45 | td.reply > a, | |
| 46 | td.reply > span, | |
| 47 | td.reply > div, | |
| 48 | td.reply > blockquote, | |
| 49 | td.reply > table, | |
| 50 | td.highlight > a, | |
| 51 | td.highlight > span, | |
| 52 | td.highlight > div, | |
| 53 | td.highlight > blockquote, | |
| 54 | td.highlight > table | |
| 55 | {
| |
| 56 | font-size: 12pt; | |
| 57 | } | |
| 58 | ||
| 59 | div[id^="thread"] > label, | |
| 60 | /*desu*/ form > div:not(.reply) > div:first-child > label, | |
| 61 | td.reply > label, | |
| 62 | td.highlight > label, | |
| 63 | div[id^="thread"] > span.filesize > a, | |
| 64 | /*desu*/ form > div:not(.reply) > div:first-child > span.filesize > a, | |
| 65 | td.reply > span.filesize > a, | |
| 66 | td.highlight > span.filesize > a | |
| 67 | {
| |
| 68 | font-size: 10pt; | |
| 69 | } | |
| 70 | ||
| 71 | td.doubledash, | |
| 72 | span.thumbnailmsg, | |
| 73 | td.reply > br:first-of-type, | |
| 74 | td.highlight > br:first-of-type, | |
| 75 | div[id^="thread"] > br:first-of-type, | |
| 76 | /*desu*/ form > div:not(.reply) > div:first-child > br:first-of-type | |
| 77 | {
| |
| 78 | display: none; | |
| 79 | } | |
| 80 | ||
| 81 | /* Анимация */ | |
| 82 | ||
| 83 | img[src*="thumb"], img[src^="blob"], /*Мамка в комнате*/ | |
| 84 | .spoiler, /*Анимация: Спойлер*/ | |
| 85 | div[id^="thread"] > .filesize, | |
| 86 | div[id^="thread"] > label, | |
| 87 | /*desu*/ form > div:not(.reply) > div:first-child > .filesize, | |
| 88 | /*desu*/ form > div:not(.reply) > div:first-child > label, | |
| 89 | td.reply > .filesize, | |
| 90 | td.reply > label, | |
| 91 | td.highlight > .filesize, | |
| 92 | td.highlight > label, | |
| 93 | form ~ table, | |
| 94 | body > p:first-child, | |
| 95 | body > .adminbar:first-child | |
| 96 | {
| |
| 97 | -webkit-transition: all .2s ease-in-out; | |
| 98 | } | |
| 99 | ||
| 100 | /* Анимация: Скрытые треды */ | |
| 101 | ||
| 102 | .de-thr-hid | |
| 103 | {
| |
| 104 | -webkit-transition: opacity .1s ease-in-out; | |
| 105 | opacity: .2; | |
| 106 | } | |
| 107 | ||
| 108 | .de-thr-hid:hover | |
| 109 | {
| |
| 110 | opacity: 1; | |
| 111 | } | |
| 112 | ||
| 113 | /* Анимация: Слишком длинное сообщение */ | |
| 114 | ||
| 115 | .abbrev > a | |
| 116 | {
| |
| 117 | display: inline-block; | |
| 118 | height: 1em; | |
| 119 | -webkit-transition-property: all; | |
| 120 | -webkit-transition-duration: .2s; | |
| 121 | -webkit-transition-timing-function: ease-in-out; | |
| 122 | } | |
| 123 | ||
| 124 | .abbrev > a:hover | |
| 125 | {
| |
| 126 | height: 2em; | |
| 127 | } | |
| 128 | ||
| 129 | /* Стиль доски: разделители */ | |
| 130 | ||
| 131 | br[clear="left"] | |
| 132 | {
| |
| 133 | display: none; | |
| 134 | } | |
| 135 | ||
| 136 | hr {
| |
| 137 | border: 1px solid; | |
| 138 | border-left: none; | |
| 139 | border-right: none; | |
| 140 | height: 2px; | |
| 141 | clear: both; | |
| 142 | } | |
| 143 | ||
| 144 | /*Стиль блока сообщения*/ | |
| 145 | ||
| 146 | td.reply | |
| 147 | {
| |
| 148 | border: 1px solid currentcolor; | |
| 149 | min-width: 200px; | |
| 150 | } | |
| 151 | ||
| 152 | td.reply, | |
| 153 | td.highlight | |
| 154 | {
| |
| 155 | border-radius: 5px; | |
| 156 | box-shadow: 2px 2px 5px rgba(0,0,0,0.3); | |
| 157 | padding: 5px; | |
| 158 | } | |
| 159 | ||
| 160 | td.reply > blockquote, | |
| 161 | td.highlight > blockquote, | |
| 162 | div[id^="thread"] > blockquote, | |
| 163 | /*desu*/ form > div:not(.reply) > div:first-child > blockquote | |
| 164 | {
| |
| 165 | margin: 0 0 0 10px; | |
| 166 | } | |
| 167 | ||
| 168 | img.thumb | |
| 169 | {
| |
| 170 | margin: 0 10px 10px 10px; | |
| 171 | } | |
| 172 | ||
| 173 | p, | |
| 174 | blockquote.unkfunc | |
| 175 | {
| |
| 176 | margin: 0; | |
| 177 | } | |
| 178 | ||
| 179 | /* Ссылка на файл появляется по наведению */ | |
| 180 | ||
| 181 | div[id^="thread"] > .filesize, | |
| 182 | /*desu*/ form > div:not(.reply) > div:first-child > .filesize | |
| 183 | {
| |
| 184 | position: absolute; | |
| 185 | margin: 0 10px; | |
| 186 | left: 0; | |
| 187 | /*background: inherit;*//*Default */ | |
| 188 | /*background: #EEF2FF;*//*Burichan*/ | |
| 189 | /*background: #EDDAD2;*//*Gurochan*/ | |
| 190 | background: #FFFFEE; /*Futaba */ | |
| 191 | } | |
| 192 | ||
| 193 | td.reply > .filesize, | |
| 194 | td.highlight > .filesize | |
| 195 | {
| |
| 196 | margin: 0; | |
| 197 | /*background: inherit;*//*Default */ | |
| 198 | /*background: #D6DAF0;*//*Burichan*/ | |
| 199 | /*background: #D9AF9E;*//*Gurochan*/ | |
| 200 | background: #F0E0D6; /*Futaba */ | |
| 201 | } | |
| 202 | ||
| 203 | div[id^="thread"] > .filesize, | |
| 204 | /*desu*/ form > div:not(.reply) > div:first-child > .filesize, | |
| 205 | td.reply > .filesize, | |
| 206 | td.highlight > .filesize | |
| 207 | {
| |
| 208 | opacity: 0; | |
| 209 | } | |
| 210 | ||
| 211 | div[id^="thread"]:hover > .filesize, | |
| 212 | /*desu*/ form > div:not(.reply) > div:first-child:hover > .filesize, | |
| 213 | td.reply:hover > .filesize, | |
| 214 | td.highlight:hover > .filesize | |
| 215 | {
| |
| 216 | opacity: 1; | |
| 217 | } | |
| 218 | ||
| 219 | /*Вынесенный вверх заголовок*/ | |
| 220 | ||
| 221 | div[id^="thread"] > label, | |
| 222 | /*desu*/ form > div:not(.reply) > div:first-child > label | |
| 223 | {
| |
| 224 | left: 0; | |
| 225 | text-align: left; | |
| 226 | top: -10px; | |
| 227 | } | |
| 228 | ||
| 229 | td.reply > label, | |
| 230 | td.highlight > label | |
| 231 | {
| |
| 232 | right: 0; | |
| 233 | text-align: right; | |
| 234 | top: -5px; | |
| 235 | } | |
| 236 | ||
| 237 | div[id^="thread"] > label, | |
| 238 | /*desu*/ form > div:not(.reply) > div:first-child > label, | |
| 239 | td.reply > label, | |
| 240 | td.highlight > label | |
| 241 | {
| |
| 242 | -webkit-transform-origin: 50% 100%; | |
| 243 | margin-right: 5px; | |
| 244 | position: absolute; | |
| 245 | opacity: 0; | |
| 246 | -webkit-transform: translate(0, -100%) scale(1, 0); | |
| 247 | } | |
| 248 | ||
| 249 | div[id^="thread"]:hover > label, | |
| 250 | /*desu*/ form > div:not(.reply) > div:first-child:hover > label, | |
| 251 | td.reply:hover > label, | |
| 252 | td.highlight:hover > label | |
| 253 | {
| |
| 254 | opacity: 1; | |
| 255 | -webkit-transform: translate(0, -100%) scale(1, 1); | |
| 256 | } | |
| 257 | ||
| 258 | /* Стиль блока заголовка */ | |
| 259 | ||
| 260 | div[id^="thread"] > label, | |
| 261 | /*desu*/ form > div:not(.reply) > div:first-child > label, | |
| 262 | td.reply > label, | |
| 263 | td.highlight > label | |
| 264 | {
| |
| 265 | /*background: inherit;*//*Default */ | |
| 266 | /*background: #D6DAF0;*//*Burichan*/ | |
| 267 | /*background: #D9AF9E;*//*Gurochan*/ | |
| 268 | background: #F0E0D6; /*Futaba */ | |
| 269 | border-radius: 5px; | |
| 270 | border: 1px solid currentcolor; | |
| 271 | box-shadow: 2px 2px 5px rgba(0,0,0,0.3); | |
| 272 | padding: 1px; | |
| 273 | } | |
| 274 | ||
| 275 | /* Маленький треугльник под заголовком */ | |
| 276 | ||
| 277 | div[id^="thread"] > label::after, | |
| 278 | /*desu*/ form > div:not(.reply) > div:first-child > label::after, | |
| 279 | td.reply > label::after, | |
| 280 | td.highlight > label::after | |
| 281 | {
| |
| 282 | -webkit-transform: rotate(-45deg); | |
| 283 | /*background: inherit;*//*Default */ | |
| 284 | /*background: #D6DAF0;*//*Burichan*/ | |
| 285 | /*background: #D9AF9E;*//*Gurochan*/ | |
| 286 | background: #F0E0D6; /*Futaba */ | |
| 287 | border: inherit; | |
| 288 | border-right: none; | |
| 289 | border-top: none; | |
| 290 | bottom: -6px; | |
| 291 | content: ""; | |
| 292 | height: 10px; | |
| 293 | position: absolute; | |
| 294 | width: 10px; | |
| 295 | z-index:-1; | |
| 296 | } | |
| 297 | ||
| 298 | div[id^="thread"] > label::after, | |
| 299 | /*desu*/ form > div:not(.reply) > div:first-child > label::after | |
| 300 | {
| |
| 301 | left: 5%; | |
| 302 | } | |
| 303 | ||
| 304 | td.reply > label::after, | |
| 305 | td.highlight > label::after | |
| 306 | {
| |
| 307 | left: 50%; | |
| 308 | } | |
| 309 | ||
| 310 | /* Спискок досок на панели сверху */ | |
| 311 | ||
| 312 | /* Стиль панели */ | |
| 313 | ||
| 314 | body > p:first-child, | |
| 315 | body > .adminbar:first-child | |
| 316 | {
| |
| 317 | border-bottom-right-radius: 5px; | |
| 318 | border-bottom: 1px solid; | |
| 319 | border-right: 1px solid; | |
| 320 | background-color: inherit; | |
| 321 | box-shadow: 0 0 5px black; | |
| 322 | padding: 5px; | |
| 323 | } | |
| 324 | ||
| 325 | /* Разметка */ | |
| 326 | ||
| 327 | body > p:first-child, | |
| 328 | body > .adminbar:first-child | |
| 329 | {
| |
| 330 | -webkit-transform: translate(0, -90%); | |
| 331 | top: 0; | |
| 332 | display: block; | |
| 333 | left: 0; | |
| 334 | opacity: 0; | |
| 335 | position: fixed; | |
| 336 | z-index: 2; | |
| 337 | } | |
| 338 | ||
| 339 | body > p:first-child:hover, | |
| 340 | body > .adminbar:first-child:hover | |
| 341 | {
| |
| 342 | -webkit-transform: translate(0, 0); | |
| 343 | opacity: 1; | |
| 344 | } | |
| 345 | ||
| 346 | /* hit area */ | |
| 347 | body > p:first-child::after, | |
| 348 | body > .adminbar:first-child::after | |
| 349 | {
| |
| 350 | bottom: -30px; | |
| 351 | top: 100%; | |
| 352 | content: ""; | |
| 353 | position: absolute; | |
| 354 | left: 0; | |
| 355 | right: 0; | |
| 356 | z-index: -1; | |
| 357 | } | |
| 358 | ||
| 359 | /* Удаление нижнего списка досок */ | |
| 360 | ||
| 361 | body > .adminbar ~ .adminbar, /* Ычан */ | |
| 362 | body > br[clear="all"] + p:not(.footer) /* остальные */ | |
| 363 | {
| |
| 364 | display: none; | |
| 365 | } | |
| 366 | ||
| 367 | /* Селектор страниц выезжает снизу */ | |
| 368 | ||
| 369 | /* Стиль панели */ | |
| 370 | ||
| 371 | form ~ table | |
| 372 | {
| |
| 373 | border-bottom: none; | |
| 374 | border-left: none; | |
| 375 | border-right: 1px solid currentcolor; | |
| 376 | border-top-right-radius: 5px; | |
| 377 | border-top: 1px solid currentcolor; | |
| 378 | background-color: inherit; | |
| 379 | box-shadow: 0 0 5px black; | |
| 380 | padding: 5px; | |
| 381 | } | |
| 382 | ||
| 383 | /* Разметка */ | |
| 384 | ||
| 385 | form ~ table | |
| 386 | {
| |
| 387 | -webkit-transform: translate(0, 90%); | |
| 388 | bottom: 0; | |
| 389 | display: block; | |
| 390 | left: 0; | |
| 391 | max-width: 80%; | |
| 392 | opacity: 0; | |
| 393 | position: fixed; | |
| 394 | z-index: 2; | |
| 395 | } | |
| 396 | ||
| 397 | form ~ table:hover | |
| 398 | {
| |
| 399 | -webkit-transform: translate(0, 0); | |
| 400 | opacity: 1; | |
| 401 | } | |
| 402 | ||
| 403 | /* hit area */ | |
| 404 | form ~ table::after | |
| 405 | {
| |
| 406 | bottom: 100%; | |
| 407 | top: -30px; | |
| 408 | content: ""; | |
| 409 | position: absolute; | |
| 410 | left: 0; | |
| 411 | right: 0; | |
| 412 | z-index: -1; | |
| 413 | } | |
| 414 | ||
| 415 | form ~ table tbody, | |
| 416 | form ~ table td, | |
| 417 | form ~ table tr | |
| 418 | {
| |
| 419 | display: inline-block; | |
| 420 | white-space: nowrap; | |
| 421 | border: none; | |
| 422 | } | |
| 423 | ||
| 424 | form ~ table td:nth-of-type(2) | |
| 425 | {
| |
| 426 | max-width: 600px; | |
| 427 | overflow: auto; | |
| 428 | } | |
| 429 | ||
| 430 | form ~ table td form | |
| 431 | {
| |
| 432 | display: inline-block; | |
| 433 | } | |
| 434 | ||
| 435 | form ~ table td:nth-of-type(3)::before | |
| 436 | {
| |
| 437 | content: "►"; | |
| 438 | } | |
| 439 | ||
| 440 | form ~ table td:nth-of-type(1)::after | |
| 441 | {
| |
| 442 | content: "◄"; | |
| 443 | } | |
| 444 | ||
| 445 | /* Основные доски выделены жирным */ | |
| 446 | ||
| 447 | body > .adminbar a[href$="/b/"], | |
| 448 | body > .adminbar a[href$="/a/"], | |
| 449 | body > p:first-child a[href$="/b/"], | |
| 450 | body > p:first-child a[href$="/a/"] | |
| 451 | {
| |
| 452 | font-weight: bold; | |
| 453 | font-size: 1.2em; | |
| 454 | } | |
| 455 | ||
| 456 | body > .adminbar br ~ a, /* Ычан only */ | |
| 457 | body > .adminbar:not(:first-child) | |
| 458 | {
| |
| 459 | font-size: .75em; | |
| 460 | } | |
| 461 | ||
| 462 | /* Не бро */ | |
| 463 | ||
| 464 | a[href$="/bro/"], /* Ычан */ | |
| 465 | a[href$="/mlp/"], /* остальные */ | |
| 466 | a[href$="/pony/"] /* еще где-нибудь*/ | |
| 467 | {
| |
| 468 | display: none !important; | |
| 469 | } | |
| 470 | ||
| 471 | /* Стиль кнопок */ | |
| 472 | ||
| 473 | body > a[href$="index.html"], /*"Назад"*/ | |
| 474 | div[id^="thread"] > span.reflink + a, /*"Ответ"*/ | |
| 475 | /*desu*/ form > div:not(.reply) > div:first-child > span.de-ppanel + a, | |
| 476 | - | /*desu*/ .de-parea > div > a, |
| 476 | + | /*desu*/ .de-parea > div:first-child > a, |
| 477 | /*desu*/ #de-txt-panel .de-abtn | |
| 478 | {
| |
| 479 | color: white; | |
| 480 | background-color: #777; | |
| 481 | text-decoration: none; | |
| 482 | display: inline-block; | |
| 483 | padding: 2px; | |
| 484 | border-radius: 2px; | |
| 485 | font-family: sans-serif; | |
| 486 | font-size: 10pt; | |
| 487 | } | |
| 488 | ||
| 489 | body > a[href$="index.html"]:hover, /*"Назад"*/ | |
| 490 | div[id^="thread"] > span.reflink + a:hover, /*"Ответ"*/ | |
| 491 | /*desu*/ form > div:not(.reply) > div:first-child > span.de-ppanel + a:hover, | |
| 492 | - | /*desu*/ .de-parea > div > a:hover, |
| 492 | + | /*desu*/ .de-parea > div:first-child > a:hover, |
| 493 | /*desu*/ #de-txt-panel .de-abtn:hover | |
| 494 | {
| |
| 495 | color: white; | |
| 496 | background-color: #aaa; | |
| 497 | text-decoration: none; | |
| 498 | display: inline-block; | |
| 499 | padding: 2px; | |
| 500 | border-radius: 2px; | |
| 501 | font-family: sans-serif; | |
| 502 | font-size: 10pt; | |
| 503 | } | |
| 504 | ||
| 505 | /* desu only */ | |
| 506 | ||
| 507 | td.reply > .de-refmap, | |
| 508 | form > div:not(.reply) > div:first-child > .de-refmap | |
| 509 | {
| |
| 510 | font-size: 11px; | |
| 511 | margin: 0; | |
| 512 | } | |
| 513 | ||
| 514 | td.reply > .de-refmap | |
| 515 | {
| |
| 516 | clear: both; | |
| 517 | } | |
| 518 | ||
| 519 | td.reply > .de-ppanel | |
| 520 | {
| |
| 521 | float: right; | |
| 522 | } | |
| 523 | ||
| 524 | #de-qarea | |
| 525 | {
| |
| 526 | float: left; | |
| 527 | width: auto; | |
| 528 | margin-left: 30px; | |
| 529 | border-radius: 5px; | |
| 530 | border: 1px solid currentcolor; | |
| 531 | box-shadow: 2px 2px 5px rgba(0,0,0,0.3); | |
| 532 | padding: 5px; | |
| 533 | } | |
| 534 | ||
| 535 | #de-qarea + table | |
| 536 | {
| |
| 537 | clear: left; | |
| 538 | } | |
| 539 | ||
| 540 | - | .de-parea > div, |
| 540 | + | .de-parea > div:first-child, |
| 541 | #de-txt-panel | |
| 542 | {
| |
| 543 | font-size: 0; | |
| 544 | } | |
| 545 | ||
| 546 | #de-txt-panel .de-abtn, | |
| 547 | #de-txt-panel .de-abtn:hover | |
| 548 | {
| |
| 549 | width: 15px; | |
| 550 | height: 15px; | |
| 551 | display: inline-block; | |
| 552 | margin: 0 2.5px; | |
| 553 | text-align: center; | |
| 554 | vertical-align: middle; | |
| 555 | } | |
| 556 | ||
| 557 | #de-txt-panel #de-btn-bold > a | |
| 558 | {
| |
| 559 | font-weight: bold; | |
| 560 | } | |
| 561 | ||
| 562 | #de-txt-panel #de-btn-italic > a | |
| 563 | {
| |
| 564 | font-weight: normal; | |
| 565 | font-style: italic; | |
| 566 | } | |
| 567 | ||
| 568 | #de-txt-panel #de-btn-strike > a | |
| 569 | {
| |
| 570 | font-weight: normal; | |
| 571 | text-decoration: line-through !important; | |
| 572 | } | |
| 573 | ||
| 574 | #de-txt-panel #de-btn-code > a | |
| 575 | {
| |
| 576 | font-family: monospace; | |
| 577 | } |