iichan_adminbar_pseudoframe

/*
 * Превращает на Ычане верхний админбар во фрейм.
 * Note: внимательнее с конфликтами hatsune.ru/b/ - iichan.hk/b/ и tenhou.ru/m/ - iichan.hk/m/
 */

/*==================================================================================================
Каркас
==================================================================================================*/

/* админбар */
.adminbar:first-child {
    bottom: 0;
    font-size: 0;
    left: 0;
    overflow: auto;
    position: fixed;
    top: 0;
    z-index: 2;
}

/* заголовки */
.adminbar:first-child > a[href$="/d/"]::before, .adminbar:first-child > a[href$="/abe/"]::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$="blogspot.com"]::before {
    display:block;
}

/* ссылки */
.adminbar:first-child > a {
    display: block;
    font-size: small;
}

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

/* выезжание админбара */
.adminbar:first-child:hover
{
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
}

.adminbar:first-child {
    -webkit-transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transform: translate(-90%, 0);
    transform: translate(-90%, 0);
    opacity: 0;
}

/* Вся страница съезжает вправо */
.adminbar:first-child:hover ~ *
{
    -webkit-transform: translate(215px, 0);
    transform: translate(215px, 0);
}

.adminbar:first-child ~ *
{
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
}

/*==================================================================================================
Оформление
==================================================================================================*/

/* админбар */
.adminbar:first-child {
    border-right: 1px solid;
    background-color: inherit;
    box-shadow: 0 0 5px black;
    width: 215px;
    padding-bottom: 7px;
}

/* заголовки */
.adminbar:first-child > a[href$="/d/"]::before, .adminbar:first-child > a[href$="/abe/"]::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$="blogspot.com"]::before {
    background: #EEAA88;
    color: #800000;
    font-family: sans-serif;
    font-size: 10pt;
    font-weight: 700;
    margin: 7px -3px 0 -3px;
    padding: 0px 3px;
    text-align: left;
    text-decoration: none;
}

/* ссылки */
.adminbar:first-child > a {
    background: #F0E0D6;
    color: #800000;
    font-family: sans-serif;
    margin: 0 7px;
    padding: 0 3px 0 3px;
    text-align: right;
    text-decoration: none;
}

.adminbar:first-child > a:hover {
    background: #FFE;
}

/* Ссылки не на доски не имеют подписей, поэтому выровнены по левому краю. */
.adminbar:first-child > a[href$="/vn/"] ~ a {
    text-align: left;
}

/* Подписи к ссылкам слева. */
.adminbar:first-child > a[href$="/d/"]::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 {
    float: left;
}

/*==================================================================================================
Подписи к заголовкам
==================================================================================================*/

.adminbar:first-child > a[href$="/d/"]::before                 {content: "Обсуждения";}
.adminbar:first-child > a[href$="/abe/"]::before               {content: "На пробу";}
.adminbar:first-child > a[href$="/an/"]::before                {content: "Общее";}
.adminbar:first-child > a[href$="/a/"]::before                 {content: "Аниме";}
.adminbar:first-child > a[href$="('Burichan','list')"]::before {content: "Стили";}
.adminbar:first-child > a[href$="blogspot.com"]::before        {content: "Разное";}

/*==================================================================================================
Подписи к списку досок
==================================================================================================*/

.adminbar:first-child > a[href$="/d/"]::after    {content: "работа сайта";}
.adminbar:first-child > a[href$="hatsune.ru/b/"]::after {content: "vocaloid" !important;}
.adminbar:first-child > a[href$="/gnx/"]::after  {content: "gainax";}
.adminbar:first-child > a[href$="/abe/"]::after  {content: "ёситоси абэ";}
.adminbar:first-child > a[href$="/int/"]::after  {content: "international";}
.adminbar:first-child > a[href$="/ts/"]::after   {content: "цундере";}
.adminbar:first-child > a[href$="/au/"]::after   {content: "автомобили";}
.adminbar:first-child > a[href$="/b/"]::after    {content: "бред";}
.adminbar:first-child > a[href$="/vg/"]::after   {content: "видеоигры";}
.adminbar:first-child > a[href$="/hr/"]::after   {content: "высокое разрешение";}
.adminbar:first-child > a[href$="/gf/"]::after   {content: "gif- и flash-анимация";}
.adminbar:first-child > a[href$="/an/"]::after   {content: "живопись";}
.adminbar:first-child > a[href$="/ne/"]::after   {content: "животные";}
.adminbar:first-child > a[href$="/tran/"]::after {content: "иностранные языки";}
.adminbar:first-child > a[href$="/tv/"]::after   {content: "кино и тв";}
.adminbar:first-child > a[href$="/cu/"]::after   {content: "кулинария";}
.adminbar:first-child > a[href$="/l/"]::after    {content: "литература";}
.adminbar:first-child > a[href$="tenhou.ru/m/"]::after   {content: "маджонг" !important;}
.adminbar:first-child > a[href$="/bro/"]::after  {content: "my little pony";}
.adminbar:first-child > a[href$="/m/"]::after    {content: "макросы/копипаста";}
.adminbar:first-child > a[href$="/med/"]::after  {content: "медицина";}
.adminbar:first-child > a[href$="/mo/"]::after   {content: "мотоциклы";}
.adminbar:first-child > a[href$="/mu/"]::after   {content: "музыка";}
.adminbar:first-child > a[href$="/bg/"]::after   {content: "настольные игры";}
.adminbar:first-child > a[href$="/sci/"]::after  {content: "наука";}
.adminbar:first-child > a[href$="/w/"]::after    {content: "обои";}
.adminbar:first-child > a[href$="/mi/"]::after   {content: "оружие";}
.adminbar:first-child > a[href$="/o/"]::after    {content: "оэкаки";}
.adminbar:first-child > a[href$="/x/"]::after    {content: "паранормальные явления";}
.adminbar:first-child > a[href$="/p/"]::after    {content: "политика";}
.adminbar:first-child > a[href$="/r/"]::after    {content: "просьбы";}
.adminbar:first-child > a[href$="/dev/"]::after  {content: "разработка";}
.adminbar:first-child > a[href$="/maid/"]::after {content: "служанки";}
.adminbar:first-child > a[href$="/sp/"]::after   {content: "спорт";}
.adminbar:first-child > a[href$="/t/"]::after    {content: "торренты";}
.adminbar:first-child > a[href$="/tr/"]::after   {content: "транспорт";}
.adminbar:first-child > a[href$="/tu/"]::after   {content: "туризм";}
.adminbar:first-child > a[href$="/ph/"]::after   {content: "фото";}
.adminbar:first-child > a[href$="/fr/"]::after   {content: "фурри";}
.adminbar:first-child > a[href$="/s/"]::after    {content: "электроника и по";}
.adminbar:first-child > a[href$="/jp/"]::after   {content: "япония";}
.adminbar:first-child > a[href$="/a/"]::after    {content: "аниме";}
.adminbar:first-child > a[href$="/aa/"]::after   {content: "аниме арт";}
.adminbar:first-child > a[href$="/azu/"]::after  {content: "azumanga daioh";}
.adminbar:first-child > a[href$="/vn/"]::after   {content: "визуальные новеллы";}
.adminbar:first-child > a[href$="/c/"]::after    {content: "косплей";}
.adminbar:first-child > a[href$="/ls/"]::after   {content: "lucky☆star";}
.adminbar:first-child > a[href$="/ma/"]::after   {content: "манга";}
.adminbar:first-child > a[href$="/me/"]::after   {content: "меха";}
.adminbar:first-child > a[href$="/rm/"]::after   {content: "rozen maiden";}
.adminbar:first-child > a[href$="/tan/"]::after  {content: "сетевые персонажи";}
.adminbar:first-child > a[href$="/sos/"]::after  {content: "suzumiya haruhi no yūutsu";}
.adminbar:first-child > a[href$="/to/"]::after   {content: "touhou";}
.adminbar:first-child > a[href$="/fi/"]::after   {content: "фигурки";}
.adminbar:first-child > a[href$="/hau/"]::after  {content: "higurashi no naku koro ni";}

/*==================================================================================================
Скрытые доски
==================================================================================================*/

.adminbar:first-child > a[href$="/bro/"] {display: none;}

/*==================================================================================================
Жирные доски
==================================================================================================*/

.adminbar:first-child > a[href$="/b/"]:not([href$="hatsune.ru/b/"]),
.adminbar:first-child > a[href$="/a/"] {
    font-weight: bold;
}