iichan advanced css

.de-thread, table {position: relative;}

/*Стиль блока сообщения*/
td.reply, .de-pview, #de-menu, #de-qarea {
    border-radius: 5px;
    border: 1px solid currentcolor;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
    padding: 5px;
}

#de-menu > span:first-child {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

#de-menu > span:last-child {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

#de-qarea {
    float: left;
    width: auto;
    margin-left: 30px;
}

td.reply > .de-refmap, .de-pview > .de-refmap, .de-thread > div:first-of-type > .de-refmap {
    font-size: 11px;
    margin: 0;
}

td.reply > .de-refmap, .de-pview > .de-refmap {
    clear: both;
}

.doubledash, .thumbnailmsg {
    display: none;
}

.reply > blockquote, div[id^="thread"] > blockquote, .de-thread > div:first-of-type > blockquote {
    margin: 0 0 0 10px;
}

.thumb {
    margin: 0 10px !important;
}

p, blockquote.unkfunc {
    margin: 0;
}

/*Стиль заголовка сообщения*/
td.reply > label, .de-pview > label {
    margin-right: 10px;
}

td.reply > .de-ppanel, .de-pview > .de-ppanel {
    /*position: absolute;
    top: 10px;
    right: 10px;*/
    float: right;
}

#de-qarea + table {
    clear: left;
}

/*Вынесенный вправо заголовок*/
td.reply > label, .de-pview > label/*, .de-thread > div:first-of-type > label*/ {
    -webkit-transform-origin: 50% 100%;
    -webkit-transition: all .2s ease-in-out;
    background: inherit;
    border-radius: 5px;
    border: 1px solid currentcolor;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
    padding: 1px;
    margin: 0;
    position: absolute;
}

td.reply > label, .de-pview > label {
    right: 0;
    text-align: right;
    top: -5px;
}

.de-thread > div:first-of-type > label, div[id^="thread"] > label {
    margin-right: 10px;
}

/*Треугольник*/
td.reply > label::after, .de-pview > label::after {
    -webkit-transform: rotate(-45deg);
    background: inherit;
    border: inherit;
    border-right: none;
    border-top: none;
    bottom: -6px;
    content: "";
    height: 10px;
    left: 50%;
    position: absolute;
    width: 10px;
    z-index:-1;
}

/*Ссылка на файл*/
td.reply > .filesize, div[id^="thread"] > .filesize, .de-thread > div:first-of-type > .filesize, .de-pview > .filesize {
    background: inherit;
    margin: 0;
}

td.reply       > label, .de-pview       > label {opacity: 0; -webkit-transform: translate(0, -100%) scale(1, 0);}
td.reply:hover > label, .de-pview:hover > label {opacity: 1; -webkit-transform: translate(0, -100%) scale(1, 1);}
td.reply       > .filesize, .de-pview       > .filesize {opacity: 0; -webkit-transition: opacity .2s ease-in-out;}
td.reply:hover > .filesize, .de-pview:hover > .filesize {opacity: 1;}

/*Удаляет лишние пустые строки в загаловке*/
td.reply > br:first-of-type, .de-pview > br:first-of-type, div[id^="thread"] > br:first-of-type, .de-thread > div:first-of-type > br:first-of-type {
    display: none;
}

td.reply, .de-pview, td.reply> .filesize, .de-pview > .filesize,
div[id^="thread"], div[id^="thread"] > .filesize,
.de-thread > div:first-of-type, .de-thread > div:first-of-type > .filesize,
.filesize > em {
    font-size: 0;
}

td.reply > a, td.reply > span, td.reply > div, td.reply > blockquote, td.reply > img,
.de-pview > a, .de-pview > span, .de-pview > div, .de-pview > blockquote, .de-pview > img,
div[id^="thread"] > a, div[id^="thread"] > span, div[id^="thread"] > div, div[id^="thread"] > blockquote, div[id^="thread"] > img,
.de-thread > div:first-of-type > a, .de-thread > div:first-of-type > span, .de-thread > div:first-of-type > div, .de-thread > div:first-of-type > blockquote, .de-thread > div:first-of-type > img {
    font-size: 12pt;
}

.filesize > a, td.reply > label, .de-pview > label, div[id^="thread"] > label,
.de-thread > div:first-of-type > label {
    font-size: 10pt;
}

/*Анимация: Мамка в комнате*/
img[src*="thumb"], img[src^="blob"] {
    -webkit-transition: opacity .2s ease-in-out;
}

/*Анимация: Спойлер*/
.spoiler {
    -webkit-transition-duration: .2s;
    -webkit-transition-property: color, background;
    -webkit-transition-timing-function: ease-in-out;
}

/*Анимация: Скрытые треды*/
.de-thr-hid {
    -webkit-transition: opacity .1s ease-in-out;
    opacity: .2;
}
.de-thr-hid:hover {
    opacity: 1;
}

/*Анимация: Слишком длинное сообщение*/
.abbrev > a {
    display: inline-block;
    height: 1em;
    -webkit-transition-property: all;
    -webkit-transition-duration: .2s;
    -webkit-transition-timing-function: ease-in-out;
}

.abbrev > a:hover {
    height: 2em;
}

/*Стиль доски: разделители*/
br[clear="left"] {
    display: none;
}

hr {
    border: 1px solid;
    border-left: none;
    border-right: none;
    height: 2px;
    clear: both;
}

/*Список досок и страниц спрятаны на выезжающие панели*/
body > .adminbar {
    -webkit-transform: translate(0, -90%);
    border-bottom-right-radius: 5px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    top: 0;
}

form ~ table {
    -webkit-transform: translate(0, 90%);
    border-bottom: none;
    border-left: none;
    border-right: 1px solid currentcolor;
    border-top-right-radius: 5px;
    border-top: 1px solid currentcolor;
    bottom: 0;
    max-width: 80%;
}

body > .adminbar, form ~ table {
    -webkit-transition-duration: .2s;
    -webkit-transition-property: -webkit-transform, opacity;
    -webkit-transition-timing-function: ease-in-out;
    background-color: inherit;
    box-shadow: 0 0 5px black;
    display: block;
    left: 0;
    opacity: 0;
    padding: 5px;
    position: fixed;
    z-index: 2;
}

form ~ table:hover, body > .adminbar:hover {
    -webkit-transform: translate(0, 0);
    opacity: 1;
}

body > .adminbar::after {
    bottom: -50%;
    top: 100%;
}

form ~ table::after {
    bottom: 100%;
    top: -50%;
}

form ~ table::after, body > .adminbar::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    z-index: -1;
}

body > .adminbar ~ .adminbar {
    display: none;
}

form ~ table td, form ~ table tbody, form ~ table tr {
    display: inline-block;
    white-space: nowrap;
    border: none;
}

form ~ table td:nth-of-type(2) {
    max-width: 600px;
    overflow: auto;
}

form ~ table td form {
    display: inline-block;
}

form ~ table td:nth-of-type(3)::before {
    content: "►";
}

form ~ table td:nth-of-type(1)::after{
    content: "◄";
}

/*Основные доски выделены жирным*/
.adminbar a[href="/cgi-bin/../b/"], .adminbar a[href="/cgi-bin/../a/"] {
    font-weight: bold;
}

.adminbar a[href="/cgi-bin/../b/"]::before, .adminbar a[href="/cgi-bin/../a/"]::before, .adminbar a[href="/cgi-bin/../b/"]::after, .adminbar a[href="/cgi-bin/../a/"]::after {
    content: "/";
}

/*Не бро*/
a[href$="/bro/"], a[href$="/mlp/"] {
    display: none !important;
}