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