View difference between Paste ID: 6LF6XnEi and s4EGmKet
SHOW: | | - or go back to the newest paste.
1
.banner {
2
    display: none;
3
}
4
5
/*
6
 * Превращает на Ычане верхний админбар во фрейм.
7
 * Note: внимательнее с конфликтами hatsune.ru/b/ - iichan.hk/b/ и tenhou.ru/m/ - iichan.hk/m/
8
 */
9
10
/*==================================================================================================
11
Каркас
12
==================================================================================================*/
13
14
/* админбар */
15
.adminbar:first-child {
16
    bottom: 0;
17
    font-size: 0;
18
    left: 0;
19
    overflow: auto;
20
    position: fixed;
21
    top: 0;
22
    z-index: 2;
23
}
24
25
/* заголовки */
26
.adminbar:first-child > a[href$="/d/"]::before, .adminbar:first-child > a[href$="/es/"]::before, .adminbar:first-child > a[href$="/an/"]::before, .adminbar:first-child > a[href$="/a/"]::before, .adminbar:first-child > a[href$="('Burichan','list')"]::before, .adminbar:first-child > a[href$="ii.booru.org"]::before {
27
    display:block;
28
}
29
30
/* ссылки */
31
.adminbar:first-child > a {
32
    display: block;
33
    font-size: small;
34
}
35
36
/*==================================================================================================
37
Анимация
38
==================================================================================================*/
39
40
/* выезжание админбара */
41
.adminbar:first-child:hover
42
{
43-
    -webkit-transform: translate(0, 0);
43+
44
    opacity: 1;
45
}
46
47
.adminbar:first-child {
48
    transition-property: transform, opacity;
49-
    -webkit-transition-property: -webkit-transform, opacity;
49+
50
    transition-timing-function: ease-in-out;
51-
    -webkit-transition-duration: .2s;
51+
52
    opacity: 0;
53-
    -webkit-transition-timing-function: ease-in-out;
53+
54
55-
    -webkit-transform: translate(-90%, 0);
55+
56
/* .adminbar:first-child:hover ~ *
57
{
58
    transform: translate(215px, 0);
59
}
60
61
.adminbar:first-child ~ *
62
{
63-
    -webkit-transform: translate(215px, 0);
63+
64
} */
65
66
/*==================================================================================================
67
Оформление
68
==================================================================================================*/
69-
    -webkit-transition: -webkit-transform .2s ease-in-out;
69+
70
/* админбар */
71
.adminbar:first-child {
72
    border-right: 1px solid;
73
    background-color: inherit;
74
    box-shadow: 0 0 5px black;
75
    width: 215px;
76
    padding-bottom: 7px;
77
}
78
79
/* заголовки */
80
.adminbar:first-child > a[href$="/d/"]::before, .adminbar:first-child > a[href$="/es/"]::before, .adminbar:first-child > a[href$="/an/"]::before, .adminbar:first-child > a[href$="/a/"]::before, .adminbar:first-child > a[href$="('Burichan','list')"]::before, .adminbar:first-child > a[href$="ii.booru.org"]::before {
81
    background: #EEAA88;
82
    color: #800000;
83
    font-family: sans-serif;
84
    font-size: 10pt;
85
    font-weight: 700;
86
    margin: 7px -3px 0 -3px;
87
    padding: 0px 3px;
88
    text-align: left;
89
    text-decoration: none;
90
}
91
92
/* ссылки */
93
.adminbar:first-child > a {
94
    background: #F0E0D6;
95
    color: #800000;
96
    font-family: sans-serif;
97
    margin: 0 7px;
98
    padding: 0 3px 0 3px;
99
    text-align: right;
100
    text-decoration: none;
101
}
102
103
.adminbar:first-child > a:hover {
104
    background: #FFE;
105
}
106
107
/* Ссылки не на доски не имеют подписей, поэтому выровнены по левому краю. */
108
.adminbar:first-child > a[href$="/hatsune.ru/b/"] ~ a {
109
    text-align: left;
110
}
111
112
.adminbar:first-child > a[href$="blogspot.com"],
113
.adminbar:first-child > a[href$="iichantra.ru"],
114
.adminbar:first-child > a[href$="overchan.ru"] {
115
    text-decoration: underline;
116
    font-family: serif;
117
    font-size: 12pt;
118
    background-color: #FFE;
119
    position: absolute;
120
    left: 0;
121
    right: 0;
122
    text-align: center !important;
123
    text-transform: lowercase;
124
}
125
126
.adminbar:first-child > a[href$="blogspot.com"] {top: 40px;}
127
.adminbar:first-child > a[href$="iichantra.ru"] {top: 58px;}
128
.adminbar:first-child > a[href="http://overchan.ru"] {top: 76px;}
129
.adminbar:first-child > a[href="http://radio.overchan.ru"] {top: 94px;}
130
131
/* Подписи к ссылкам слева. */
132
.adminbar:first-child > a[href$="/d/"]::after, .adminbar:first-child > a[href$="/es/"]::after, .adminbar:first-child > a[href$="/gnx/"]::after, .adminbar:first-child > a[href$="/abe/"]::after, .adminbar:first-child > a[href$="/int/"]::after, .adminbar:first-child > a[href$="/ts/"]::after, .adminbar:first-child > a[href$="/au/"]::after, .adminbar:first-child > a[href$="/b/"]::after, .adminbar:first-child > a[href$="/vg/"]::after, .adminbar:first-child > a[href$="/hr/"]::after, .adminbar:first-child > a[href$="/gf/"]::after, .adminbar:first-child > a[href$="/an/"]::after, .adminbar:first-child > a[href$="/ne/"]::after, .adminbar:first-child > a[href$="/tran/"]::after, .adminbar:first-child > a[href$="/tv/"]::after, .adminbar:first-child > a[href$="/cu/"]::after, .adminbar:first-child > a[href$="/l/"]::after, .adminbar:first-child > a[href$="tenhou.ru/m/"]::after, .adminbar:first-child > a[href$="/bro/"]::after, .adminbar:first-child > a[href$="/m/"]::after, .adminbar:first-child > a[href$="/med/"]::after, .adminbar:first-child > a[href$="/mo/"]::after, .adminbar:first-child > a[href$="/mu/"]::after, .adminbar:first-child > a[href$="/bg/"]::after, .adminbar:first-child > a[href$="/sci/"]::after, .adminbar:first-child > a[href$="/w/"]::after, .adminbar:first-child > a[href$="/mi/"]::after, .adminbar:first-child > a[href$="/o/"]::after, .adminbar:first-child > a[href$="/x/"]::after, .adminbar:first-child > a[href$="/p/"]::after, .adminbar:first-child > a[href$="/r/"]::after, .adminbar:first-child > a[href$="/dev/"]::after, .adminbar:first-child > a[href$="/maid/"]::after, .adminbar:first-child > a[href$="/sp/"]::after, .adminbar:first-child > a[href$="/t/"]::after, .adminbar:first-child > a[href$="/tr/"]::after, .adminbar:first-child > a[href$="/tu/"]::after, .adminbar:first-child > a[href$="/ph/"]::after, .adminbar:first-child > a[href$="/fr/"]::after, .adminbar:first-child > a[href$="/s/"]::after, .adminbar:first-child > a[href$="/jp/"]::after, .adminbar:first-child > a[href$="/a/"]::after, .adminbar:first-child > a[href$="/aa/"]::after, .adminbar:first-child > a[href$="/azu/"]::after, .adminbar:first-child > a[href$="/vn/"]::after, .adminbar:first-child > a[href$="/c/"]::after, .adminbar:first-child > a[href$="/ls/"]::after, .adminbar:first-child > a[href$="/ma/"]::after, .adminbar:first-child > a[href$="/me/"]::after, .adminbar:first-child > a[href$="/rm/"]::after, .adminbar:first-child > a[href$="/tan/"]::after, .adminbar:first-child > a[href$="/sos/"]::after, .adminbar:first-child > a[href$="/to/"]::after, .adminbar:first-child > a[href$="/fi/"]::after, .adminbar:first-child > a[href$="/hau/"]::after, .adminbar:first-child > a[href$="hatsune.ru/b/"]::after {
133
    float: left;
134
}
135
136
/*==================================================================================================
137
Подписи к заголовкам
138
==================================================================================================*/
139
140
.adminbar:first-child > a[href$="/d/"]::before                 {content: "Обсуждения";margin-top: 80px;}
141
.adminbar:first-child > a[href$="/es/"]::before               {content: "На пробу";}
142
.adminbar:first-child > a[href$="/an/"]::before                {content: "Общее";}
143
.adminbar:first-child > a[href$="/a/"]::before                 {content: "Японская культура";}
144
.adminbar:first-child > a[href$="('Burichan','list')"]::before {content: "Стили";}
145
.adminbar:first-child > a[href$="ii.booru.org"]::before        {content: "Разное";}
146
147
/*==================================================================================================
148
Подписи к списку досок
149
==================================================================================================*/
150
151
.adminbar:first-child > a[href$="/d/"]::after    {content: "работа сайта";}
152
.adminbar:first-child > a[href$="/es/"]::after   {content: "бесконечное лето";}
153
.adminbar:first-child > a[href$="hatsune.ru/b/"]::after {content: "vocaloid" !important;}
154
.adminbar:first-child > a[href$="/gnx/"]::after  {content: "gainax";}
155
.adminbar:first-child > a[href$="/abe/"]::after  {content: "ёситоси абэ";}
156
.adminbar:first-child > a[href$="/int/"]::after  {content: "international";}
157
.adminbar:first-child > a[href$="/ts/"]::after   {content: "цундере";}
158
.adminbar:first-child > a[href$="/au/"]::after   {content: "автомобили";}
159
.adminbar:first-child > a[href$="/b/"]::after    {content: "бред";}
160
.adminbar:first-child > a[href$="/vg/"]::after   {content: "видеоигры";}
161
.adminbar:first-child > a[href$="/hr/"]::after   {content: "высокое разрешение";}
162
.adminbar:first-child > a[href$="/gf/"]::after   {content: "gif- и flash-анимация";}
163
.adminbar:first-child > a[href$="/an/"]::after   {content: "живопись";}
164
.adminbar:first-child > a[href$="/ne/"]::after   {content: "животные";}
165
.adminbar:first-child > a[href$="/tran/"]::after {content: "иностранные языки";}
166
.adminbar:first-child > a[href$="/tv/"]::after   {content: "кино и тв";}
167
.adminbar:first-child > a[href$="/cu/"]::after   {content: "кулинария";}
168
.adminbar:first-child > a[href$="/l/"]::after    {content: "литература";}
169
.adminbar:first-child > a[href$="tenhou.ru/m/"]::after   {content: "маджонг" !important;}
170
.adminbar:first-child > a[href$="/bro/"]::after  {content: "my little pony";}
171
.adminbar:first-child > a[href$="/m/"]::after    {content: "макросы/копипаста";}
172
.adminbar:first-child > a[href$="/med/"]::after  {content: "медицина";}
173
.adminbar:first-child > a[href$="/mo/"]::after   {content: "мотоциклы";}
174
.adminbar:first-child > a[href$="/mu/"]::after   {content: "музыка";}
175
.adminbar:first-child > a[href$="/bg/"]::after   {content: "настольные игры";}
176
.adminbar:first-child > a[href$="/sci/"]::after  {content: "наука";}
177
.adminbar:first-child > a[href$="/w/"]::after    {content: "обои";}
178
.adminbar:first-child > a[href$="/mi/"]::after   {content: "оружие";}
179
.adminbar:first-child > a[href$="/o/"]::after    {content: "оэкаки";}
180
.adminbar:first-child > a[href$="/x/"]::after    {content: "паранормальные явления";}
181
.adminbar:first-child > a[href$="/p/"]::after    {content: "политика";}
182
.adminbar:first-child > a[href$="/r/"]::after    {content: "просьбы";}
183
.adminbar:first-child > a[href$="/dev/"]::after  {content: "разработка";}
184
.adminbar:first-child > a[href$="/maid/"]::after {content: "служанки";}
185
.adminbar:first-child > a[href$="/sp/"]::after   {content: "спорт";}
186
.adminbar:first-child > a[href$="/t/"]::after    {content: "торренты";}
187
.adminbar:first-child > a[href$="/tr/"]::after   {content: "транспорт";}
188
.adminbar:first-child > a[href$="/tu/"]::after   {content: "туризм";}
189
.adminbar:first-child > a[href$="/ph/"]::after   {content: "фото";}
190
.adminbar:first-child > a[href$="/fr/"]::after   {content: "фурри";}
191
.adminbar:first-child > a[href$="/s/"]::after    {content: "электроника и по";}
192
.adminbar:first-child > a[href$="/jp/"]::after   {content: "япония";}
193
.adminbar:first-child > a[href$="/a/"]::after    {content: "аниме";}
194
.adminbar:first-child > a[href$="/aa/"]::after   {content: "аниме арт";}
195
.adminbar:first-child > a[href$="/azu/"]::after  {content: "azumanga daioh";}
196
.adminbar:first-child > a[href$="/vn/"]::after   {content: "визуальные новеллы";}
197
.adminbar:first-child > a[href$="/c/"]::after    {content: "косплей";}
198
.adminbar:first-child > a[href$="/ls/"]::after   {content: "lucky star";}
199
.adminbar:first-child > a[href$="/ma/"]::after   {content: "манга";}
200
.adminbar:first-child > a[href$="/me/"]::after   {content: "меха";}
201
.adminbar:first-child > a[href$="/rm/"]::after   {content: "rozen maiden";}
202
.adminbar:first-child > a[href$="/tan/"]::after  {content: "сетевые персонажи";}
203
.adminbar:first-child > a[href$="/sos/"]::after  {content: "suzumiya haruhi no yūutsu";}
204
.adminbar:first-child > a[href$="/to/"]::after   {content: "touhou";}
205
.adminbar:first-child > a[href$="/fi/"]::after   {content: "фигурки";}
206
.adminbar:first-child > a[href$="/hau/"]::after  {content: "higurashi no naku koro ni";}
207
208
.adminbar:first-child > a[href$="ii.booru.org"]::after {
209
    content: 'архив рисунков';
210
    float: left;
211
    margin-right: 5px;
212
}
213
214
.adminbar:first-child > a[href$="acomics.ichan.ru"]::after {
215
    content: 'архив комиксов';
216
    float: left;
217
    margin-right: 5px;
218
}
219
220
.adminbar:first-child > a[href$="cf.ichan.ru"]::after {
221
    content: 'classic fond archive';
222
    float: left;
223
    margin-right: 5px;
224
}
225
226
.adminbar:first-child > a[href$="ost.ichan.ru"]::after {
227
    content: 'ru-boards';
228
    float: left;
229
    margin-right: 5px;
230
}
231
232
.adminbar:first-child > a[href$="ru_iichan"]::after {
233
    content: 'ru_iichan';
234
}
235
236
/*==================================================================================================
237
Скрытые доски
238
==================================================================================================*/
239
240
.adminbar:first-child > a[href$="/bro/"] {display: none;}
241
242
/*==================================================================================================
243
Жирные доски
244
==================================================================================================*/
245
246
.adminbar:first-child > a[href$="/b/"]:not([href$="hatsune.ru/b/"]),
247
.adminbar:first-child > a[href$="/a/"] {
248
    font-weight: bold;
249
}
250
251
.adminbar:first-child > a[href$="/cgi-bin/../"]::after {
252
    content: '#Ычан';
253
    font-size: 35px;
254
    font-family: serif;
255
    text-align: center;
256
    display: block;
257
    position: absolute;
258
    top: 0;
259
    text-decoration: underline;
260
    left: 0;
261
    right: 0;
262
}
263
264
.adminbar::before {
265
    content: '#Ычан';
266
    opacity: 0;
267
    display: block;
268
    font-size: 35px;
269
    text-align: center;
270
}
271
272
/* Чистка */
273
274
pre, code
275
{
276
    word-wrap: break-word;
277
}
278
279
div[id^="thread"],
280
table,
281
/*desu*/ form > div:not(.reply) > div:first-child
282
{
283
    position: relative;
284
}
285
286
body,
287
div[id^="thread"],
288
div[id^="thread"] > span.filesize,
289
div[id^="thread"] > a:first-of-type,
290
td.reply,
291
td.reply > span.filesize,
292
td.highlight,
293
td.highlight > span.filesize,
294
/*desu*/ form > div:not(.reply) > div:first-child,
295
/*desu*/ form > div:not(.reply) > div:first-child > span.filesize,
296
/*desu*/ form > div:not(.reply) > div:first-child > a:first-of-type
297
{
298
    font-size: 0;
299
}
300
301
body > div,
302
body > form,
303
body > p,
304
body > span,
305
body > table,
306
div[id^="thread"] > a,
307
div[id^="thread"] > span,
308
div[id^="thread"] > div,
309
div[id^="thread"] > blockquote,
310
div[id^="thread"] > table,
311
/*desu*/ form > div:not(.reply) > div:first-child > a,
312
/*desu*/ form > div:not(.reply) > div:first-child > span,
313
/*desu*/ form > div:not(.reply) > div:first-child > div,
314
/*desu*/ form > div:not(.reply) > div:first-child > blockquote,
315
/*desu*/ form > div:not(.reply) > div:first-child > table,
316
td.reply > a,
317
td.reply > span,
318
td.reply > div,
319
td.reply > blockquote,
320
td.reply > table,
321
td.highlight > a,
322
td.highlight > span,
323
td.highlight > div,
324
td.highlight > blockquote,
325
td.highlight > table
326
{
327
    font-size: 12pt;
328
}
329
330
div[id^="thread"] > label,
331
/*desu*/ form > div:not(.reply) > div:first-child > label,
332
td.reply > label,
333
td.highlight > label,
334
div[id^="thread"] > span.filesize > a,
335
/*desu*/ form > div:not(.reply) > div:first-child > span.filesize > a,
336
td.reply > span.filesize > a,
337
td.highlight > span.filesize > a
338
{
339
    font-size: 10pt;
340
}
341
342
td.doubledash,
343
span.thumbnailmsg,
344
td.reply > br:first-of-type,
345
td.highlight > br:first-of-type,
346
div[id^="thread"] > br:first-of-type,
347
/*desu*/ form > div:not(.reply) > div:first-child > br:first-of-type
348
{
349
    display: none;
350
}
351
352
/* Анимация */
353
354
img[src*="thumb"], img[src^="blob"], /*Мамка в комнате*/
355
.spoiler, /*Анимация: Спойлер*/
356
div[id^="thread"] > .filesize,
357
div[id^="thread"] > label,
358
/*desu*/ form > div:not(.reply) > div:first-child > .filesize,
359
/*desu*/ form > div:not(.reply) > div:first-child > label,
360
td.reply > .filesize,
361
td.reply > label,
362
td.highlight > .filesize,
363
td.highlight > label,
364
form ~ table,
365
body > p:first-child,
366
body > .adminbar:first-child, td.reply > .de-post-btns > span, td.highlight > .de-post-btns > span
367
{
368
    transition: all .2s ease-in-out;
369
}
370
371
/* Анимация: Скрытые треды */
372
373-
body > .adminbar:first-child, td.reply > .de-post-btns > span
373+
374
{
375-
    -webkit-transition: all .2s ease-in-out;
375+
    transition: opacity .1s ease-in-out;
376
    opacity: .2;
377
}
378
379
.de-thr-hid:hover
380
{
381
    opacity: 1;
382-
    -webkit-transition: opacity .1s ease-in-out;
382+
383
384
/* Анимация: Слишком длинное сообщение */
385
386
.abbrev > a
387
{
388
    display: inline-block;
389
    height: 1em;
390
    transition-property: all;
391
    transition-duration: .2s;
392
    transition-timing-function: ease-in-out;
393
}
394
395
.abbrev > a:hover
396
{
397-
    -webkit-transition-property: all;
397+
398-
    -webkit-transition-duration: .2s;
398+
399-
    -webkit-transition-timing-function: ease-in-out;
399+
400
/* Стиль доски: разделители */
401
402
br[clear="left"]
403
{
404
    display: none;
405
}
406
407
hr {
408
    border: 1px solid;
409
    border-left: none;
410
    border-right: none;
411
    height: 4px;
412
    clear: both;
413
    border-color: #800000;
414
}
415
416
/*Стиль блока сообщения*/
417
418
td.reply
419
{
420
    border: 1px solid currentcolor;
421
    min-width: 200px;
422
}
423
424
td.reply,
425
td.highlight
426
{
427
    border-radius: 5px;
428
    box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
429
    padding: 5px;
430
}
431
432
td.reply > blockquote,
433
td.highlight > blockquote,
434
div[id^="thread"] > blockquote,
435
/*desu*/ form > div:not(.reply) > div:first-child > blockquote
436
{
437
    margin: 0 0 0 10px;
438
}
439
440
img.thumb
441
{
442
    margin: 0 10px 10px 10px;
443
}
444
445
p,
446
blockquote.unkfunc
447
{
448
    margin: 0;
449
}
450
451
/* Ссылка на файл появляется по наведению */
452
453
div[id^="thread"] > .filesize,
454
/*desu*/ form > div:not(.reply) > div:first-child > .filesize
455
{
456
    position: absolute;
457
    margin: 0 10px;
458
    left: 0;
459
    /*background: inherit;*//*Default */
460
    /*background: #EEF2FF;*//*Burichan*/
461
    /*background: #EDDAD2;*//*Gurochan*/
462
      background: #FFFFEE;  /*Futaba  */
463
}
464
465
td.reply > .filesize,
466
td.highlight > .filesize
467
{
468
    margin: 0;
469
    /*background: inherit;*//*Default */
470
    /*background: #D6DAF0;*//*Burichan*/
471
    /*background: #D9AF9E;*//*Gurochan*/
472
      background: #F0E0D6;  /*Futaba  */
473
}
474
475
div[id^="thread"] > .filesize,
476
/*desu*/ form > div:not(.reply) > div:first-child > .filesize,
477
td.reply > .filesize,
478
td.highlight > .filesize, td.reply > .de-post-btns > span:not(.de-post-note), td.highlight > .de-post-btns > span:not(.de-post-note)
479
{
480
    opacity: 0;
481
}
482
483
div[id^="thread"]:hover > .filesize,
484-
td.highlight > .filesize, td.reply > .de-post-btns > span:not(.de-post-note)
484+
485
td.reply:hover > .filesize,
486
td.highlight:hover > .filesize, td.reply:hover > .de-post-btns > span:not(.de-post-note), td.highlight:hover > .de-post-btns > span:not(.de-post-note)
487
{
488
    opacity: 1;
489
}
490
491
/*Вынесенный вверх заголовок*/
492-
td.highlight:hover > .filesize, td.reply:hover > .de-post-btns > span:not(.de-post-note)
492+
493
div[id^="thread"] > label,
494
/*desu*/ form > div:not(.reply) > div:first-child > label
495
{
496
    left: 0;
497
    text-align: left;
498
    top: -10px;
499
}
500
501
td.reply > label,
502
td.highlight > label
503
{
504
    right: 0;
505
    text-align: right;
506
    top: -5px;
507
}
508
509
div[id^="thread"] > label,
510
/*desu*/ form > div:not(.reply) > div:first-child > label,
511
td.reply > label,
512
td.highlight > label
513
{
514
    transform-origin: 50% 100%;
515
    margin-right: 5px;
516
    position: absolute;
517
    opacity: 0;
518
    transform: translate(0, -100%) scale(1, 0);
519
}
520-
    -webkit-transform-origin: 50% 100%;
520+
521
div[id^="thread"]:hover > label,
522
/*desu*/ form > div:not(.reply) > div:first-child:hover > label,
523
td.reply:hover > label,
524-
    -webkit-transform: translate(0, -100%) scale(1, 0);
524+
525
{
526
    opacity: 1;
527
    transform: translate(0, -100%) scale(1, 1);
528
}
529
530
/* Стиль блока заголовка */
531
532
div[id^="thread"] > label,
533-
    -webkit-transform: translate(0, -100%) scale(1, 1);
533+
534
td.reply > label,
535
td.highlight > label
536
{
537
    /*background: inherit;*//*Default */
538
    /*background: #D6DAF0;*//*Burichan*/
539
    /*background: #D9AF9E;*//*Gurochan*/
540
      background: #F0E0D6;  /*Futaba  */
541
    border-radius: 5px;
542
    border: 1px solid currentcolor;
543
    box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
544
    padding: 1px;
545
}
546
547
/* Маленький треугльник под заголовком */
548
549
div[id^="thread"] > label::after,
550
/*desu*/ form > div:not(.reply) > div:first-child > label::after,
551
td.reply > label::after,
552
td.highlight > label::after
553
{
554
    transform: rotate(-45deg);
555
    /*background: inherit;*//*Default */
556
    /*background: #D6DAF0;*//*Burichan*/
557
    /*background: #D9AF9E;*//*Gurochan*/
558
      background: #F0E0D6;  /*Futaba  */
559
    border: inherit;
560-
    -webkit-transform: rotate(-45deg);
560+
561
    border-top: none;
562
    bottom: -6px;
563
    content: "";
564
    height: 10px;
565
    position: absolute;
566
    width: 10px;
567
    z-index:-1;
568
}
569
570
div[id^="thread"] > label::after,
571
/*desu*/ form > div:not(.reply) > div:first-child > label::after
572
{
573
    left: 5%;
574
}
575
576
td.reply > label::after,
577
td.highlight > label::after
578
{
579
    left: 50%;
580
}
581
582
/* Удаление нижнего списка досок */
583
584
body > .adminbar ~ .adminbar, /* Ычан */
585
body > br[clear="all"] + p:not(.footer) /* остальные */
586
{
587
    display: none;
588
}
589
590
/* Селектор страниц выезжает снизу */
591
592
/* Стиль панели */
593
594
form ~ table
595
{
596
    border-bottom: none;
597
    border-left: none;
598
    border-right: 1px solid currentcolor;
599
    border-top-right-radius: 5px;
600
    border-top: 1px solid currentcolor;
601
    background-color: inherit;
602
    box-shadow: 0 0 5px black;
603
    padding: 5px;
604
}
605
606
/* Разметка */
607
608
form ~ table
609
{
610
    transform: translate(0, 90%);
611
    bottom: 0;
612
    display: block;
613
    left: 0;
614
    max-width: 80%;
615
    opacity: 0;
616-
    -webkit-transform: translate(0, 90%);
616+
617
    z-index: 2;
618
}
619
620
form ~ table:hover
621
{
622
    transform: translate(0, 0);
623
    opacity: 1;
624
}
625
626
.adminbar:first-child:hover ~ form ~ table {
627
    margin-left: 198px;
628-
    -webkit-transform: translate(0, 0);
628+
629
630
/* hit area */
631
form ~ table::after
632
{
633
    bottom: 100%;
634
    top: -30px;
635
    content: "";
636
    position: absolute;
637
    left: 0;
638
    right: 0;
639
    z-index: -1;
640
}
641
642
form ~ table tbody,
643
form ~ table td,
644
form ~ table tr
645
{
646
    display: inline-block;
647
    white-space: nowrap;
648
    border: none;
649
}
650
651
form ~ table td:nth-of-type(2)
652
{
653
    max-width: 600px;
654
    overflow: auto;
655
}
656
657
form ~ table td form
658
{
659
    display: inline-block;
660
}
661
662
form ~ table td:nth-of-type(3)::before
663
{
664
    content: "►";
665
}
666
667
form ~ table td:nth-of-type(1)::after
668
{
669
    content: "◄";
670
}
671
672
/* Стиль кнопок */
673
674
675
676
body > a[href$="index.html"], /*"Назад"*/
677
div[id^="thread"] > span.reflink + a, span.de-post-btns + a, /*"Ответ"*/
678
/*desu*/ form > div:not(.reply) > div:first-child > span.de-ppanel + a,
679
/*desu*/ .de-parea > div:first-child > a,
680
/*desu*/ #de-txt-panel .de-abtn
681
{
682
    color: white;
683
    background-color: #777;
684
    text-decoration: none;
685
    display: inline-block;
686
    padding: 2px;
687
    height: 15px;
688
    border-radius: 2px;
689
    font-family: sans-serif;
690
    font-size: 10pt !important;
691
}
692
693
body > a[href$="index.html"]:hover, /*"Назад"*/
694
div[id^="thread"] > span.reflink + a:hover, span.de-post-btns + a:hover, /*"Ответ"*/
695
/*desu*/ form > div:not(.reply) > div:first-child > span.de-ppanel + a:hover,
696
/*desu*/ .de-parea > div:first-child > a:hover,
697
/*desu*/ #de-txt-panel .de-abtn:hover
698
{
699
    background-color: #aaa;
700
}
701
702
ol > li, ul > li {
703
    margin-left: 5em;
704
}
705
706
.userdelete {
707
    font-size: 0;
708
    position: absolute;
709
    right: 5px;
710
}
711
712
.userdelete label {
713
    font-size: 10pt;
714
    float: right;
715
    margin-left: 156px;
716
    display: flex;
717
}
718
719
/* desu only */
720
721
#de-updater-div, .de-thread-updater {
722
    font-size: 0;
723
    border-radius: 2px;
724
    margin-top: 10px;
725
    background-color: #777;
726
    display: block;
727-
#de-updater-div {
727+
728
    color: white;
729
    font-family: sans-serif;
730
    text-decoration: none;
731
}
732
733
#de-updater-div, .de-thread-updater, .de-parea-btn-reply, .de-parea-btn-close, body > a[href$="index.html"] {
734
    float: left;
735
    margin: 5px 5px 5px 0;
736
}
737
738
#de-updater-count {
739-
#de-updater-div, .de-parea-btn-reply, .de-parea-btn-close, body > a[href$="index.html"] {
739+
740
    background-color: white;
741
    border-radius: 2px;
742
    margin: 5px;
743
    font-size: 10pt;
744
}
745
746
#de-updater-div:hover, .de-thread-updater:hover {
747
    background-color: #aaa;
748
}
749
750
div#de-updater-div a, .de-thread-updater a {
751
    font-size: 10pt;
752-
#de-updater-div:hover {
752+
753
}
754
755
#de-updater-div + br + hr, #de-main > hr, .de-thread-buttons + br + hr {
756-
div#de-updater-div a {
756+
757
}
758
759
.de-post-btns {
760
    position: relative;
761-
#de-updater-div + br + hr, #de-main > hr {
761+
762
.de-btn-hide, .de-btn-hide-user, .de-btn-rep, .de-btn-expthr, .de-btn-fav, .de-btn-fav-sel, .de-btn-src, .de-btn-stick, .de-btn-stick-on, .de-btn-expthr, .de-post-hide .de-btn-hide-user, .de-post-hide .de-btn-hide {
763
    border-radius: 2px;
764
    background: #777 !important;
765
    width: 14px;
766
    height: 14px;
767
    padding: 0;
768
    position: relative;
769
}
770
771
.de-btn-hide:hover, .de-btn-hide-user:hover, .de-btn-rep:hover, .de-btn-expthr:hover, .de-btn-fav:hover, .de-btn-fav-sel:hover, .de-btn-src:hover, .de-btn-stick:hover, .de-btn-stick-on:hover,
772
.de-btn-expthr:hover, .de-post-hide .de-btn-hide-user:hover, .de-post-hide .de-btn-hide:hover, .de-btn-src:hover {
773
    background: #aaa !important;
774
}
775
776
.de-btn-hide::after, .de-btn-hide-user::after, .de-btn-rep::after, .de-btn-expthr::after, .de-btn-fav::after, .de-btn-fav-sel::after, .de-btn-src::after, .de-btn-stick::after, .de-btn-stick-on::after,
777
.de-post-btns span:not(.de-post-note)::after, .de-btn-expthr:after, .de-post-hide .de-btn-hide-user::after, .de-post-hide .de-btn-hide::after, .de-btn-src::after {
778
    width: 14px;
779
    height: 14px;
780
    padding: 0;
781
    position: absolute;
782
    color: white;
783
    font-family: monospace;
784
    text-align: center;
785
}
786
787
.de-btn-hide::after {
788
    content: '☒';
789
    top: -4px;
790
}
791
792
.de-btn-hide-user::after {
793
    content: '☒';
794
    top: -4px;
795
    color: lightgreen !important;
796
}
797
798
.de-post-hide .de-btn-hide::after {
799
    content: '+';
800
    top: -4px;
801
}
802
803
.de-post-hide .de-btn-hide-user::after {
804
    content: '+';
805
    top: -4px;
806
    color: lightgreen !important;
807
}
808
809
.de-btn-rep::after {
810
    content: '➥';
811
    top: -2px;
812
    font-size: 0.8em;
813
}
814
815
.de-btn-expthr::after {
816
    content: '↕';
817
    top: -2px;
818
}
819
820
.de-btn-fav::after {
821
    content: '☆';
822
    top: -5px;
823
}
824
825
.de-btn-fav-sel::after {
826
    content: '★';
827
    top: -5px;
828
    color: yellow !important;
829
}
830
831
.de-btn-src::after {
832
    content: '?';
833
    font-size: 10pt;
834
    font-family: sans-serif;
835
}
836
837
.de-btn-stick::after {
838
    content: '📌';
839
    font-size: .6em;
840
}
841
842
.de-btn-stick-on::after {
843
    content: '📌';
844
    font-size: .6em;
845
    color: lightgreen !important;
846
}
847
848
td.reply > .de-refmap, td.highlight > .de-refmap,
849
form > div:not(.reply) > div:first-child > .de-refmap
850
{
851
    font-size: 11px;
852
    margin: 0;
853
}
854-
td.reply > .de-refmap,
854+
855
td.reply > .de-refmap, td.highlight > .de-refmap,
856
{
857
    clear: both;
858
}
859
860
td.reply > .de-ppanel
861-
td.reply > .de-refmap
861+
862
    float: right;
863
}
864
865
#de-qarea
866
{
867
    float: left;
868
    width: auto;
869
    margin-left: 30px;
870
    border-radius: 5px;
871
    border: 1px solid currentcolor;
872
    box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
873
    padding: 5px;
874
}
875
876
#de-qarea + table
877
{
878
    clear: left;
879
}
880
881
.de-parea > div:first-child,
882
#de-txt-panel
883
{
884
    font-size: 0;
885
}
886
887
#de-txt-panel .de-abtn,
888
#de-txt-panel .de-abtn:hover
889
{
890
    width: 15px;
891
    height: 15px;
892
    display: inline-block;
893
    margin: 0 2.5px;
894
    text-align: center;
895
    vertical-align: middle;
896
}
897
898
#de-txt-panel #de-btn-bold > a
899
{
900
    font-weight: bold;
901
}
902
903
#de-txt-panel #de-btn-italic > a
904
{
905
    font-weight: normal;
906
    font-style: italic;
907
}
908
909
#de-txt-panel #de-btn-strike > a
910
{
911
    font-weight: normal;
912
    text-decoration: line-through !important;
913
}
914
915
#de-txt-panel #de-btn-code > a
916
{
917
    font-family: monospace;
918
}
919
920
.de-img-full {
921
  margin: 0 10px;
922
}
923
924
.de-pview .de-post-btns span:last-child, .de-post-counter:after {
925
    float: right;
926
}