@font-face {
    font-family: 'i-diary';
    src:  url('../fonts/i-diary.eot?v8yatz');
    src:  url('../fonts/i-diary.eot?v8yatz#iefix') format('embedded-opentype'),
    url('../fonts/i-diary.ttf?v8yatz') format('truetype'),
    url('../fonts/i-diary.woff?v8yatz') format('woff'),
    url('../fonts/i-diary.svg?v8yatz#i-diary') format('svg');
}

[class^="i-"], [class*=" i-"], body:not(.design_2008) .TagJIco {
    font-family: 'i-diary' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.i-b-b:before {
    content: "\e942";
}
.i-b-code:before {
    content: "\e944";
}
.i-b-dash:before {
    content: "\e943";
}
.i-b-dog:before {
    content: "\e945";
}
.i-b-i:before {
    content: "\e94a";
}
.i-b-img:before {
    content: "\e94b";
}
.i-b-just-all:before {
    content: "\e94c";
}
.i-b-just-center:before {
    content: "\e94d";
}
.i-b-just-right:before {
    content: "\e94e";
}
.i-b-l:before {
    content: "\e94f";
}
.i-b-link:before {
    content: "\e950";
    font-size: 8px !important;
}
.i-b-more:before {
    content: "\e951";
}
.i-b-ni:before {
    content: "\e952";
}
.i-b-ot:before {
    content: "\e953";
}
.i-b-quest:before {
    content: "\e954";
}
.i-b-quots:before {
    content: "\e955";
    font-size: 8px !important;
}
.i-b-s:before {
    content: "\e956";
}
.i-b-u:before {
    content: "\e95d";
}
.i-b-translit::before {
    content: "\e95c";
}
.i-b-unicode::before {
    content: "\e95e";
}
.i-b-spoiler:before {
    /* В icon-шрифте i-diary нет глифа для спойлера, поэтому рисуем кнопку
       обычным текстом. Переопределяем font-family (его [class^="i-"] ставит
       в 'i-diary'), а цвет/размер наследуются от стиля панели в каждом
       редакторе (TinyMCE и #codebuttons), чтобы кнопка выглядела одинаково
       с соседними (More, NI, Code) в обоих редакторах. */
    content: "Spoiler";
    /* Соседние кнопки (More, NI, Code) рисуются глифами icon-шрифта i-diary:
       нейтральный гротеск, поэтому берём нейтральный sans вместо Verdana. */
    font-family: Arial, Helvetica, sans-serif !important;
    /* Базовый размер рассчитан на обычный редактор #codebuttons (там этот
       размер уже хорош); !important перебивает навязанные #codebuttons 10px.
       Для визуального редактора TinyMCE размер увеличен отдельным правилом ниже. */
    font-size: 13px !important;
}
/* В визуальном редакторе TinyMCE кнопка крупнее и обычной жирности
   (перебиваем bold из базового правила). Обычного редактора #codebuttons
   это не касается — там остаётся 13px bold. */
.tox-tbtn .i-b-spoiler:before {
    font-size: 18px !important;
    font-weight: normal !important;
}