View difference between Paste ID: ghz4S2L2 and F53ag4LX
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
}