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 | } |