/* Чистка */

pre
{
    word-wrap: break-word;
}

div[id^="thread"],
table,
/*desu*/ form > div:not(.reply) > div:first-child
{
    position: relative;
}

body,
div[id^="thread"],
div[id^="thread"] > span.filesize,
div[id^="thread"] > a:first-of-type,
td.reply,
td.reply > span.filesize,
td.highlight,
td.highlight > span.filesize,
/*desu*/ form > div:not(.reply) > div:first-child,
/*desu*/ form > div:not(.reply) > div:first-child > span.filesize,
/*desu*/ form > div:not(.reply) > div:first-child > a:first-of-type
{
    font-size: 0;
}

body > div,
body > form,
body > p,
body > span,
body > table,
div[id^="thread"] > a,
div[id^="thread"] > span,
div[id^="thread"] > div,
div[id^="thread"] > blockquote,
div[id^="thread"] > table,
/*desu*/ form > div:not(.reply) > div:first-child > a,
/*desu*/ form > div:not(.reply) > div:first-child > span,
/*desu*/ form > div:not(.reply) > div:first-child > div,
/*desu*/ form > div:not(.reply) > div:first-child > blockquote,
/*desu*/ form > div:not(.reply) > div:first-child > table,
td.reply > a,
td.reply > span,
td.reply > div,
td.reply > blockquote,
td.reply > table,
td.highlight > a,
td.highlight > span,
td.highlight > div,
td.highlight > blockquote,
td.highlight > table
{
    font-size: 12pt;
}

div[id^="thread"] > label,
/*desu*/ form > div:not(.reply) > div:first-child > label,
td.reply > label,
td.highlight > label,
div[id^="thread"] > span.filesize > a,
/*desu*/ form > div:not(.reply) > div:first-child > span.filesize > a,
td.reply > span.filesize > a,
td.highlight > span.filesize > a
{
    font-size: 10pt;
}

td.doubledash,
span.thumbnailmsg,
td.reply > br:first-of-type,
td.highlight > br:first-of-type,
div[id^="thread"] > br:first-of-type,
/*desu*/ form > div:not(.reply) > div:first-child > br:first-of-type
{
    display: none;
}

/* Анимация */

img[src*="thumb"], img[src^="blob"], /*Мамка в комнате*/
.spoiler, /*Анимация: Спойлер*/
div[id^="thread"] > .filesize,
div[id^="thread"] > label,
/*desu*/ form > div:not(.reply) > div:first-child > .filesize,
/*desu*/ form > div:not(.reply) > div:first-child > label,
td.reply > .filesize,
td.reply > label,
td.highlight > .filesize,
td.highlight > label,
form ~ table,
body > p:first-child,
body > .adminbar:first-child
{
    -webkit-transition: all .2s 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;
}

/*Стиль блока сообщения*/

td.reply
{
    border: 1px solid currentcolor;
    min-width: 200px;
}

td.reply,
td.highlight
{
    border-radius: 5px;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
    padding: 5px;
}

td.reply > blockquote,
td.highlight > blockquote,
div[id^="thread"] > blockquote,
/*desu*/ form > div:not(.reply) > div:first-child > blockquote
{
    margin: 0 0 0 10px;
}

img.thumb
{
    margin: 0 10px 10px 10px;
}

p,
blockquote.unkfunc
{
    margin: 0;
}

/* Ссылка на файл появляется по наведению */

div[id^="thread"] > .filesize,
/*desu*/ form > div:not(.reply) > div:first-child > .filesize
{
    position: absolute;
    margin: 0 10px;
    left: 0;
    /*background: inherit;*//*Default */
    /*background: #EEF2FF;*//*Burichan*/
    /*background: #EDDAD2;*//*Gurochan*/
      background: #FFFFEE;  /*Futaba  */
}

td.reply > .filesize,
td.highlight > .filesize
{
    margin: 0;
    /*background: inherit;*//*Default */
    /*background: #D6DAF0;*//*Burichan*/
    /*background: #D9AF9E;*//*Gurochan*/
      background: #F0E0D6;  /*Futaba  */
}

div[id^="thread"] > .filesize,
/*desu*/ form > div:not(.reply) > div:first-child > .filesize,
td.reply > .filesize,
td.highlight > .filesize
{
    opacity: 0;
}

div[id^="thread"]:hover > .filesize,
/*desu*/ form > div:not(.reply) > div:first-child:hover > .filesize,
td.reply:hover > .filesize,
td.highlight:hover > .filesize
{
    opacity: 1;
}

/*Вынесенный вверх заголовок*/

div[id^="thread"] > label,
/*desu*/ form > div:not(.reply) > div:first-child > label
{
    left: 0;
    text-align: left;
    top: -10px;
}

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

div[id^="thread"] > label,
/*desu*/ form > div:not(.reply) > div:first-child > label,
td.reply > label,
td.highlight > label
{
    -webkit-transform-origin: 50% 100%;
    margin-right: 5px;
    position: absolute;
    opacity: 0;
    -webkit-transform: translate(0, -100%) scale(1, 0);
}

div[id^="thread"]:hover > label,
/*desu*/ form > div:not(.reply) > div:first-child:hover > label,
td.reply:hover > label,
td.highlight:hover > label
{
    opacity: 1;
    -webkit-transform: translate(0, -100%) scale(1, 1);
}

/* Стиль блока заголовка */

div[id^="thread"] > label,
/*desu*/ form > div:not(.reply) > div:first-child > label,
td.reply > label,
td.highlight > label
{
    /*background: inherit;*//*Default */
    /*background: #D6DAF0;*//*Burichan*/
    /*background: #D9AF9E;*//*Gurochan*/
      background: #F0E0D6;  /*Futaba  */
    border-radius: 5px;
    border: 1px solid currentcolor;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
    padding: 1px;
}

/* Маленький треугльник под заголовком */

div[id^="thread"] > label::after,
/*desu*/ form > div:not(.reply) > div:first-child > label::after,
td.reply > label::after,
td.highlight > label::after
{
    -webkit-transform: rotate(-45deg);
    /*background: inherit;*//*Default */
    /*background: #D6DAF0;*//*Burichan*/
    /*background: #D9AF9E;*//*Gurochan*/
      background: #F0E0D6;  /*Futaba  */
    border: inherit;
    border-right: none;
    border-top: none;
    bottom: -6px;
    content: "";
    height: 10px;
    position: absolute;
    width: 10px;
    z-index:-1;
}

div[id^="thread"] > label::after,
/*desu*/ form > div:not(.reply) > div:first-child > label::after
{
    left: 5%;
}

td.reply > label::after,
td.highlight > label::after
{
    left: 50%;
}

/* Спискок досок на панели сверху */

/* Стиль панели */

body > p:first-child,
body > .adminbar:first-child
{
    border-bottom-right-radius: 5px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    background-color: inherit;
    box-shadow: 0 0 5px black;
    padding: 5px;
}

/* Разметка */

body > p:first-child,
body > .adminbar:first-child
{
    -webkit-transform: translate(0, -90%);
    top: 0;
    display: block;
    left: 0;
    opacity: 0;
    position: fixed;
    z-index: 2;
}

body > p:first-child:hover,
body > .adminbar:first-child:hover
{
    -webkit-transform: translate(0, 0);
    opacity: 1;
}

/* hit area */
body > p:first-child::after,
body > .adminbar:first-child::after
{
    bottom: -30px;
    top: 100%;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    z-index: -1;
}

/* Удаление нижнего списка досок */

body > .adminbar ~ .adminbar, /* Ычан */
body > br[clear="all"] + p:not(.footer) /* остальные */
{
    display: none;
}

/* Селектор страниц выезжает снизу */

/* Стиль панели */

form ~ table
{
    border-bottom: none;
    border-left: none;
    border-right: 1px solid currentcolor;
    border-top-right-radius: 5px;
    border-top: 1px solid currentcolor;
    background-color: inherit;
    box-shadow: 0 0 5px black;
    padding: 5px;
}

/* Разметка */

form ~ table
{
    -webkit-transform: translate(0, 90%);
    bottom: 0;
    display: block;
    left: 0;
    max-width: 80%;
    opacity: 0;
    position: fixed;
    z-index: 2;
}

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

/* hit area */
form ~ table::after
{
    bottom: 100%;
    top: -30px;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    z-index: -1;
}

form ~ table tbody,
form ~ table td,
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: "◄";
}

/* Основные доски выделены жирным */

body > .adminbar a[href$="/b/"],
body > .adminbar a[href$="/a/"],
body > p:first-child a[href$="/b/"],
body > p:first-child a[href$="/a/"]
{
    font-weight: bold;
    font-size: 1.2em;
}

body > .adminbar br ~ a, /* Ычан only */
body > .adminbar:not(:first-child)
{
    font-size: .75em;
}

/* Не бро */

a[href$="/bro/"], /* Ычан */
a[href$="/mlp/"], /* остальные */
a[href$="/pony/"] /* еще где-нибудь*/
{
    display: none !important;
}

/* Стиль кнопок */

body > a[href$="index.html"], /*"Назад"*/
div[id^="thread"] > span.reflink + a, /*"Ответ"*/
/*desu*/ form > div:not(.reply) > div:first-child > span.de-ppanel + a,
/*desu*/ .de-parea > div > a,
/*desu*/ #de-txt-panel .de-abtn
{
    color: white;
    background-color: #777;
    text-decoration: none;
    display: inline-block;
    padding: 2px;
    border-radius: 2px;
    font-family: sans-serif;
    font-size: 10pt;
}

body > a[href$="index.html"]:hover, /*"Назад"*/
div[id^="thread"] > span.reflink + a:hover, /*"Ответ"*/
/*desu*/ form > div:not(.reply) > div:first-child > span.de-ppanel + a:hover,
/*desu*/ .de-parea > div > a:hover,
/*desu*/ #de-txt-panel .de-abtn:hover
{
    color: white;
    background-color: #aaa;
    text-decoration: none;
    display: inline-block;
    padding: 2px;
    border-radius: 2px;
    font-family: sans-serif;
    font-size: 10pt;
}

/* desu only */

td.reply > .de-refmap,
form > div:not(.reply) > div:first-child > .de-refmap
{
    font-size: 11px;
    margin: 0;
}

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

td.reply > .de-ppanel
{
    float: right;
}

#de-qarea
{
    float: left;
    width: auto;
    margin-left: 30px;
    border-radius: 5px;
    border: 1px solid currentcolor;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
    padding: 5px;
}

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

.de-parea > div,
#de-txt-panel
{
    font-size: 0;
}

#de-txt-panel .de-abtn,
#de-txt-panel .de-abtn:hover
{
    width: 15px;
    height: 15px;
    display: inline-block;
    margin: 0 2.5px;
    text-align: center;
    vertical-align: middle;
}

#de-txt-panel #de-btn-bold > a
{
    font-weight: bold;
}

#de-txt-panel #de-btn-italic > a
{
    font-weight: normal;
    font-style: italic;
}

#de-txt-panel #de-btn-strike > a
{
    font-weight: normal;
    text-decoration: line-through !important;
}

#de-txt-panel #de-btn-code > a
{
    font-family: monospace;
}