MediaWiki:Common.css
Внешний вид
Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.
- Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
- Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
- Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
- Opera: Нажмите Ctrl+F5.
/** Размещённый здесь CSS будет применяться ко всем темам оформления */
/*Кнопки для кратких описаний правок*/
#userSummaryButtonsA a {
white-space:nowrap;
background: #D8F5FF;
border: 1px solid #B2DEF8;
padding: 0px 2px;
margin: 2px;
cursor: pointer;
font-size: 80%;
line-height: 17px;
color: #5B5B5B
}
#userSummaryButtonsA a:hover {
background: #B1EBFF;
border: 1px solid #64BDF0;
color: black;
text-decoration: none
}
#userSummaryButtonsA { display: block }
/* Для прозы */
.indent > p {text-indent: 1.6em; margin-bottom: 0; margin-top: 0; text-align: justify;}
/* Класс text (из Wikilivres) */
div.text {
max-width: 42em;
text-align: justify;
margin: 1em auto;
font-family: Cambria, Times New Roman, serif;
font-size: 120%;
}
div.text.double {
max-width: 100%;
}
.sidebyside {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
align-items: flex-start;
}
#content .text h2,
#content .text h3,
#content .text h4,
#content .text h5,
#content .text h6 {
font-family: Cambria, Constantia, serif !important;
}
.text p {
text-indent: 2em;
line-height: normal;
hyphens: auto;
margin: 0.25em auto;
}
.text sup { font-size: 80%;
}
.text pre {
background-color: #ffffff;
font-family: serif;
line-height: 150%;
border: 0px;
padding-left: 2em;
margin: 0;
white-space: pre;
}
.text table {
margin: 0 auto;
}
/*.oldspell, .oldspell-indent {font-family:'Palatino Linotype','Arial Unicode MS';}*/
.oldspell-indent p {text-indent: 0.7cm; margin-bottom: 0ex; margin-top: 0ex; text-align: justify;}
.poem p,
.text .poem p {
text-indent: 0;
margin-bottom: 0 !important;
margin-top: 0 !important;
line-height: normal !important;
text-align: left;
hyphens: none;
}
/* Для {{noindent}} */
.indent p span.noindent,
.text p span.noindent,
.oldspell-indent p span.noindent {
margin-left: -1.6em;
}
/* Для {{noindent|текст}} */
.indent p.noindent,
.text p.noindent,
.oldspell-indent p.noindent {
text-indent: 0;
}
/* Для <div class='text noindent'> */
div.noindent p,
.noindentafter + p, .nia + p {
text-indent: 0 !important;
}
/********************************* Для стихов *********************************/
/* Класс poem используется в теге <poem>.
text-indent:0em убирает отступ первой строки,
а margin-bottom: 0ex и margin-top: 0ex убирают лишнюю добавку
к межстрочному интервалу при использовании нескольких смежных тегов <poem>
*/
.poem p {
text-indent: 0;
margin-bottom: 0;
margin-top: 0;
}
/* Класс .poetry — для простых стихов; реализован через {{poemx|mode=var}}
Класс .drama — для сложных стихов, стихотворной драмы и OCR;
реализован через {{poemx|mode=fix*}}
*/
div.poetry .poem { /* -- строфа -- */
display: table;
margin: 1em auto;
hyphens: none;
}
.centered .poem p {
text-align: center;
}
/* Класс drama - для драматических текстов в стихах и смешанных (с прозой)
* стандартный отступ слева для стихов: 24ex
* классы для уменьшенного отступа: p0, p00, p000
* для увеличенного: p1, p2, p3
* rem - ремарка с выравниванием по центру, rem2 - по ширине
*/
/* для параметра СТИЛЬ */
@media screen and (min-device-width: 600px) {
.drama .poem > p,
.f12 .poem > p, .drama .poem.f12 > p {
margin-left: 12rem;
margin-left: max(0px, min(calc(50% - 9rem), 12rem)); /* для ширины .text < 84ex */
text-indent: 0;
}
.f4 .poem > p, .drama .poem.f4 > p {
margin-left: 4rem;
margin-left: max(0px, min(calc(50% - 17rem), 4rem));
}
.f5 .poem > p, .drama .poem.f5 > p {
margin-left: 5rem;
margin-left: max(0px, min(calc(50% - 16rem), 5rem));
}
.f6 .poem > p, .drama .poem.f6 > p {
margin-left: 6rem;
margin-left: max(0px, min(calc(50% - 15rem), 6rem));
}
.f7 .poem > p, .drama .poem.f7 > p {
margin-left: 7rem;
margin-left: max(0px, min(calc(50% - 14rem), 7rem));
}
.f8 .poem > p, .drama .poem.f8 > p {
margin-left: 8rem;
margin-left: max(0px, min(calc(50% - 13rem), 8rem));
}
.f9 .poem > p, .drama .poem.f9 > p {
margin-left: 9rem;
margin-left: max(0px, min(calc(50% - 12rem), 9rem));
}
.f10 .poem > p, .drama .poem.f10 > p {
margin-left: 10rem;
margin-left: max(0px, min(calc(50% - 11rem), 10rem));
}
.f11 .poem > p, .drama .poem.f11 > p {
margin-left: 11rem;
margin-left: max(0px, min(calc(50% - 10rem), 11rem));
}
.f13 .poem > p, .drama .poem.f13 > p {
margin-left: 13rem;
margin-left: max(0px, min(calc(50% - 8rem), 13rem));
}
.drama .p1 > p,
.f14 .poem > p, .drama .poem.f14 > p {
margin-left: 14rem;
margin-left: max(0px, min(calc(50% - 7rem), 14rem));
}
.f15 .poem > p, .drama .poem.f15 > p {
margin-left: 15rem;
margin-left: max(0px, min(calc(50% - 6rem), 15rem));
}
.drama .p2 > p,
.f16 .poem > p, .drama .poem.f16 > p {
margin-left: 16rem;
margin-left: max(0px, min(calc(50% - 5rem), 16rem));
}
.f17 .poem > p, .drama .poem.f17 > p {
margin-left: 17rem;
margin-left: max(0px, min(calc(50% - 4rem), 17rem));
}
.f18 .poem > p, .drama .poem.f18 > p {
margin-left: 18rem;
margin-left: max(0px, min(calc(50% - 3rem), 18rem));
}
}
/* тонкая настройка */
.pplus {
padding-left: 2ex;
}
/* для mode=var */
.v2 > .poem > p {
padding-left: 2em;
}
.v4 > .poem > p {
padding-left: 4em;
}
/* Настройки .poetry и .drama: */
div.poetry .title,
div.drama .title,
.pagetext .title { /* -- заголовок -- */
font-size: larger;
font-weight: bold;
text-align: center;
text-indent: 0;
margin: 1em auto;
line-height: normal;
}
div.poetry .subtitle,
div.drama .subtitle,
.pagetext .subtitle { /* -- подзаголовок -- */
font-style: italic;
text-align: center;
text-indent: 0;
line-height: normal;
}
.subtitle { margin: 1em auto; }
.poem > .title, .poem > .subtitle { display: inline-block; width: 100%;}
.poem > .subtitle { margin: 0; }
.title.upper { text-transform: uppercase; }
.title p, .subtitle p { text-indent: 0; }
table.poetry .poem-title,
table.poetry .title { /* -- заголовок {{poemx}} без mode -- */
text-align: left;
border-bottom: 1px solid #aaa;
line-height: normal;
font-weight: bold;
}
table.poetry .title {
margin-bottom: 1em;
font-size: larger;
}
.drama .poem-title,
div.poetry .poem-title { /* -- то же, с mode -- */
text-align: center;
line-height: normal;
}
.pagetext .poem-section,
table.poetry .poem-section { /* -- заголовок строфы: без mode и в ПИ Страница -- */
display: inline-block;
width: 100%;
color: black;
background: none;
font-weight: bold;
/*margin-top: 1em;*/
border-bottom: 1px solid #aaa;
text-align: center;
}
.drama .poem-section,
div.poetry .poem-section { /* -- то же, с mode -- */
display: inline-block;
font-weight: bold;
/*margin-top: 1em;*/
text-align: center;
width: 100%;
}
.drama .poem-center, .poetry .poem-center {
display: inline-block;
width: 100%;
text-align: center;
line-height: normal;
}
.drama .poem-para, .poetry .poem-para {
display: inline-block;
width: 100%;
text-align: justify;
text-indent: 1.6em;
}
.poem-align {
border-collapse: collapse;
line-height: normal;
}
.poem-align td {
padding-right: 0.5em;
}
/* Реплики и ремарки */
div.drama div.re,
.poetry .re {
display: inline-block;
text-align: center;
width: 100%;
margin:1ex 0;
}
.re + p {
margin-top:0;
}
div.rem {
width: 100%;
text-align: center;
font-size: 83%;
line-height: normal;
margin-top: 1em !important;
margin-bottom: 1em !important;
}
div.drama div.poem > div.rem {
display: inline-block;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.rem2 {
text-align: justify;
text-indent: 0 !important;
font-size: 80%;
line-height: normal;
margin: 1.5em 0 !important;
text-align-last: center;
-moz-text-align-last: center;
}
/* Для списков действующих лиц */
.text .personae {
border-collapse: collapse;
margin: 2em 0;
width: 100%;
}
.personae + .personae {
margin-top: -2em;
}
.personae td {
padding: 0;
text-align: justify;
}
.personae td:first-child {
padding: 0 0 0 1.6em;
text-indent: -1.6em;
}
.personae caption {
font-size: larger;
font-weight: bold;
margin-bottom: 0.5em;
}
/* Для стихов в прозе: */
.poem-small .poem > p {
font-size: smaller;
}
.poem-fixed .poem > p, .poem-fixed10 .poem > p {
margin-left: 10em !important;
}
.poem-fixed8 .poem > p {
margin-left: 8em !important;
}
.poem-fixed12 .poem > p {
margin-left: 12em !important;
}
.text .poem.f6 > p {
margin-left: 6em !important;
}
.text .poem.f8 > p {
margin-left: 8em !important;
}
.text .poem.f10 > p {
margin-left: 10em !important;
}
.text .poem.f12 > p {
margin-left: 12em !important;
}
.text .poem.f14 > p {
margin-left: 14em !important;
}
.text .poem.f16 > p {
margin-left: 16em !important;
}
.text .poem.f18 > p {
margin-left: 18em !important;
}
/* .italic — добавляет курсив */
.italic {
font-style: italic;
}
/* номера строк (слева) */
.linenum {
position: absolute;
width: 15ex;
text-align: right;
font-style: normal;
color: #a0a0f0;
white-space: nowrap;
}
/* для нумерации строк внутри drama text */
.text .p3 .n000 { margin-left: -42ex; }
.text .p2 .n000, .text .p3 .n00 { margin-left: -38ex; }
.text .p1 .n000, .text .p2 .n00, .text .p3 .n0 { margin-left: -34ex; }
.text .n000, .text .pp .n000, .text .p1 .n00, .text .p2 .n0, .text .p3 .nn { margin-left: -30ex; }
.text .n00, .text .p0 .n000, .text .pp .n00, .text .p1 .n0, .text .p2 .nn, .text .p3 .n1 { margin-left: -26ex; }
.text .n0, .text .p00 .n000, .text .p0 .n00, .text .pp .n0, .text .p1 .nn, .text .p2 .n1, .text .p3 .n2 { margin-left: -22ex; }
.text .nn, .text .p000 .n000, .text .p00 .n00, .text .p0 .n0, .text .pp .nn, .text .p1 .n1, .text .p2 .n2, .text .p3 .n3 { margin-left: -18ex; }
/* Шаблон заголовка */
table.headertemplate {
width:100%;
border:1px solid #ADA;
background:#E4F2E4;
text-align:center;
font-family: Cambria, Constantia, serif;
font-size:0.9em;
}
.headertemplate .header_backlink,
.headertemplate .header_forelink {
width:20%;
font-size:0.9em;
}
.header_notes {
width:100%;
border-bottom:1px solid #A88;
background:#FAFAFF;
font-family: Cambria, Constantia, serif;
font-size:0.9em;
}
.headertemplate .header_title {width: 60%; }
.headertemplate .header_backlink {text-align:left; }
.headertemplate .header_forelink {text-align:right; }
/* fix for line-breaking references */
sup, sub {line-height:1em}
ol.references {line-height: normal;}
/* [[Википедия:Оформление таблиц]] */
table.standard, table.wide
{border:1px solid #AAAAAA; border-collapse: collapse}
table.standard th, table.wide th, table.wikitable th
{border:1px solid #AAAAAA; padding-left:0.2em; padding-right:0.2em; background-color:#EEEEFF;text-align:center}
table.standard td, table.wide td
{border: 1px solid #AAAAAA; padding-left:0.2em; padding-right:0.2em; background-color:#FFFFFF}
table.standard caption, table.wide caption, table.tiles caption
{font-weight:bold; padding-top: 0.2em; padding-bottom:0.2em}
table.wide {width: 100%}
table.simple {border-color:#AAAAAA; border-collapse:collapse}
table.simple th, table.simple td {border-color:#AAAAAA; padding-left:0.2em; padding-right:0.2em}
table.tiles {border-collapse:separate; border-spacing:2px}
table.tiles th {padding-left:0.2em; padding-right:0.2em; background-color: #EEEEFF}
table.tiles td {padding-left:0.2em; padding-right:0.2em; background-color: #F0F0F0}
table.graytable {background:#f0f0f0; padding:1em; width: 100%}
table.graytable caption {padding:0.5em 0 0 0; background:#f0f0f0; font-size:100%; font-weight:bold}
table.graytable caption span.subcaption {font-size:80%; font-weight:normal}
table.graytable th, table.graytable td {font-size:80%}
table.wikitable, table.prettytable
{margin:1em 1em 1em 0; background:#F9F9F9; border:1px solid #AAAAAA; border-collapse:collapse}
table.wikitable th, table.wikitable td,
table.prettytable th, table.prettytable td
{border:1px solid #AAAAAA; padding:0.2em}
table.wikitable caption, table.prettytable caption
{margin-left:inherit; margin-right:inherit; font-size:larger; font-weight:bold}
table.prettytable th
{background:#f2f2f2}
tr.highlight th {background-color: #EEEEFF}
tr.highlight td {background-color: #FFFFEE}
tr.bright th {background-color: #CCCCFF}
tr.bright td {background-color: #FFEECC}
tr.shadow th, tr.shadow td {background-color: #F0F0F0}
tr.dark th, tr.dark td {background-color: #CCCCCC}
table th.highlight {background-color: #EEEEFF}
table td.highlight {background-color: #FFFFEE}
table th.bright {background-color: #CCCCFF}
table td.bright {background-color: #FFEECC}
table th.shadow, table td.shadow {background-color: #F0F0F0}
table th.dark, table td.dark {background-color: #CCCCCC}
table th.transparent, table td.transparent, .transparent {background-color: transparent}
table.toccolours th {background-color: #ccccff}
/*****
** Bytecounter colours
*****/
.mw-plusminus-pos {color:#006400}
.mw-plusminus-neg {color:#8B0000}
.rightnumber {
font-size:70%;
color: #00f;
float: right;
width: 6ex;
text-align: right;
}
/* Для списка редакций */
div#editions_toggle {
float:right;
position:relative;
cursor:pointer;
}
div#editions_toggle p {
margin:0;
color: #909;
}
div#editions_cont {
display:none;
position:absolute;
right:0;
white-space:nowrap;
background-color:white;
border:1px solid steelblue;
padding:0 5px;
text-align:left;
}
#editions_cont table {
border-collapse: collapse;
}
#editions_cont td {
padding: 0;
}
span.fullwidth img {
max-width: 100%;
width: 100%;
height: auto;
}
.wide05 tbody td {
padding: 0 0.5em !important;
}
.wide1 tbody td {
padding: 0 1em !important;
}
.wide2 tbody td {
padding: 0 2em !important;
}
.wide3 tbody td, td.wide3 {
padding: 0 3em !important;
}
.wide4 tbody td, td.wide4 {
padding: 0 4em !important;
}
/********************************* Для сносок *********************************/
.reference {
text-indent: 0;
}
ol.references {
font-size: 100%;
}
.references-small {
font-size: 90%;
}
sup.reference { /* non-italic reference markers */
font-style: normal;
font-size: 70% !important;
white-space: pre;
}
/* highlight focused footnotes and references in some browsers */
sup.reference:target,
ol.references li:target,
cite:target {
background-color:#DDEEFF;
}
sup.reference:target {
font-weight:bold;
}
/* scrollable references */
.references-scroll {
overflow: auto;
padding: 3px;
}
/* fix for line-breaking references */
sup, sub {line-height:1em}
/* my personal refs fixes */
.text ol.references {
margin-left: 0;
list-style-position: inside;
}
.text ol.references li,
.text ol.references > p {
line-height: 1.2 !important;
font-size: 0.9rem;
text-indent: 1.6em;
}
.text ol.references > p:first-child {
text-indent: 0;
}
.reference-text p { margin: 0; }
/* end fixes */
span.error1 {
color: red;
border-bottom: 1px dotted;
cursor: help;
}
span.error2 {
color: darkred;
border-bottom: 1px dotted;
cursor: help;
}
/* Для широких таблиц в классе text и таблиц с числовыми данными */
.twide-container { /* div */
position: relative;
right: 50%;
text-align: center;
}
.twide { /* table */
display: inline-table;
margin-right: -100% !important;
}
.tdata tbody td,
.tdata1 tbody td,
.tdata2 tbody td,
.tdata > td,
.tdata1 > td,
.tdata2 > td {
text-align: right;
}
.tdata tbody td:first-of-type,
.tdata1 tbody td:first-of-type,
.tdata2 tbody td:first-of-type,
.tdata > td:first-of-type,
.tdata1 > td:first-of-type,
.tdata2 > td:first-of-type,
.tcenter > td:first-of-type {
text-align: left;
padding: 0 !important;
}
td.wide0 {
padding: 0 !important;
}
.tdata1 tbody td, .tdata1 > td, td.wide1 {
padding: 0 1em !important;
}
.tdata2 tbody td, .tdata2 > td, td.wide2 {
padding: 0 2em !important;
}
.wide05 tbody td {
padding: 0 0.5em !important;
}
.wide1 tbody td {
padding: 0 1em !important;
}
.wide2 tbody td {
padding: 0 2em !important;
}
.wide3 tbody td, td.wide3 {
padding: 0 3em !important;
}
.wide4 tbody td, td.wide4 {
padding: 0 4em !important;
}
.tcenter > td {
text-align: center;
}
/* Простые таблицы данных как в БСЭ1 */
/* .dtable - данные вправо, .ctable - по центру; первый столбец всегда влево */
/* .plain - без рамок, .outlined - рамка только вокруг всей таблицы */
/* .w1, .w2, .w3, .w4 - увеличенные внутренние оттупы в столбцах данных */
.dtable, .ctable { border-collapse: collapse; border: 1px solid #888; }
table.plain { border: 0; }
table.mini { font-size: smaller; line-height: 1.5em; }
.dtable th, .ctable th { padding: 0.5em; border: 1px solid #888; font-weight: normal; text-align: center; line-height: 1; }
.dtable .top0, .ctable .top0, .dtable .top0 > th, .ctable .top0 > th { padding-top: 0 !important; }
.dtable .bottom0, .ctable .bottom0, .dtable .bottom0 > th, .ctable .bottom0 > th { padding-bottom: 0 !important; }
.dtable td { text-align: right; }
.ctable td { text-align: center; }
.dtable td, .ctable td { padding: 0 0.5em; border-left: 1px solid #888; border-right: 1px solid #888; }
.plain td, .outlined td, .plain tr.total td, .outlined tr.total td, .plain th, .outlined th { border: 0; }
.dtable td:first-child, .ctable td:first-child { text-align: left; }
.dtable td.r, .ctable td.r { text-align: right !important; }
.dtable td.c, .ctable td.c { text-align: center !important; }
.dtable td.l, .ctable td.l { text-align: left !important; }
table.w0 th, table.w0 td, td.w0 { padding-left: 0.2em; padding-right: 0.2em; }
table.w1 td, td.w1 { padding-left: 1em; padding-right: 1em; }
table.w2 td, td.w2 { padding-left: 1.5em; padding-right: 1.5em; }
table.w3 td, td.w3 { padding-left: 2em; padding-right: 2em; }
table.w4 td, td.w4 { padding-left: 2.5em; padding-right: 2.5em; }
table.w1 td:first-child, table.w2 td:first-child, table.w3 td:first-child, table.w4 td:first-child { padding-left: 0.5em; padding-right: 0.5em; }
tr.first > td, tr.only > td, tr.bordered > td, tr.total > td, tr.total2 > td, .dtable tr:first-child > td, .ctable tr:first-child > td { padding-top: 0.5em; }
tr.last > td, tr.only > td, tr.bordered > td, tr.total > td, .dtable tr:last-child > td, .ctable tr:last-child > td { padding-bottom: 0.5em; }
tr.total > td, tr.bordered > td { border-top: 1px solid #888; border-bottom: 1px solid #888; }
tr.total > td:first-child, tr.total2 > td:first-child { padding-left: 2em; }
.plain tr.total > td, tr.total2 > td { border-top: 1px solid #888 !important; }
.plain tr.total > td:first-child { border-top: 0 !important; }
table.centered td { text-align: center; padding: 0 0.5em; }
tr.simpleheader th { text-align: center; background-color: transparent; font-weight: normal; letter-spacing: 0.2em; line-height: 1; padding: 0.5em; }
tr.mini th { font-size: smaller; line-height: 1em; }
th.rot { padding: 0.25em; vertical-align: bottom; line-height: 100%; }
.b0, .b1, .b2, .b3, .b4, .b5, .b6, .b7, .b8, .b9, .b10, .b11, .b12, .b13, .b14, .b15 {
border-color: inherit;
border-style: inherit;
border-width: inherit;
}
.b0, .b2, .b4, .b6, .b8, .b10, .b12, .b14 {
border-top: none !important;
}
.b0, .b1, .b4, .b5, .b8, .b9, .b12, .b13 {
border-right: none !important;
}
.b0, .b1, .b2, .b3, .b8, .b9, .b10, .b11 {
border-bottom: none !important;
}
.b0, .b1, .b2, .b3, .b4, .b5, .b6, .b7 {
border-left: none !important;
}
/* для текста в таблицах */
span.rot1, span.rot2, span.rot3 {
display: inline-block;
text-indent: 0;
}
span.rot1, span.rot3 {
writing-mode: vertical-rl;
}
span.rot2, span.rot3 {
-o-transform:rotate(180deg);
-ms-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-webkit-transform:rotate(180deg);
transform:rotate(180deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
/* Шаблон:Inline float */
.fullwidth img {
max-width: 100%;
width: 100%;
height: auto;
}
.wordlist ul {
list-style: none;
margin-left: 0;
}
.wordlist1 ul {
-ms-column-width: 18em;
-moz-column-width: 18em;
-webkit-column-width: 18em;
column-width: 18em;
-ms-column-rule: 1px solid #a2a9b1;
-moz-column-rule: 1px solid #a2a9b1;
-webkit-column-rule: 1px solid #a2a9b1;
column-rule: 1px solid #a2a9b1;
list-style: none;
margin-left: 0;
border-bottom: 1px solid #a2a9b1;
padding-bottom: 4px;
}
.col14 ul {
-ms-column-width: 14em;
-moz-column-width: 14em;
-webkit-column-width: 14em;
column-width: 14em;
}
.wordlist ul li,
.wordlist1 ul li {
margin-left: 1.5em;
text-indent: -1.5em;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
text-align: left;
}
.wordlist h2, .wordlist h3, .wordlist h4, .wordlist h5,
.wordlist1 h2, .wordlist1 h3, .wordlist1 h4, .wordlist1 h5 {
border-bottom: 1px solid #aaa !important;
text-align: center;
}
/* Для цитат */
blockquote {
margin:0.7em 0 0.7em 5%;
padding:0.7em 2% 0.7em 4%;
background-color:#F5F5F5;
}
/* ----------------------- menu 2022 on ------------------------ */
#extra_nav {
border-bottom: 1px solid #a88;
background-color: #fafaff;
font-size: 0.9em;
margin-top: 0px;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
/* Для __TOC__ */
#extra_nav > ul > li > div#toc {
display: inline;
border: none;
padding: 0;
font-size: inherit;
background-color: transparent;
}
#extra_nav > ul > li > div#toc > div,
#extra_nav > ul > li > div#toc > input,
#extra_nav > ul > li > div#toc .tocnumber {
display: none;
}
#extra_nav > ul {
list-style: none;
margin: 0;
padding: 0;
}
/* Строка меню */
#extra_nav > ul > li {
display: inline-block;
position: relative;
padding-right: 24px;
}
#extra_nav > ul > li > b {
color: teal;
}
#extra_nav > ul > li::after {
content: '';
background: url(//upload.wikimedia.org/wikipedia/commons/thumb/c/c0/OOjs_UI_indicator_arrow-down.svg/12px-OOjs_UI_indicator_arrow-down.svg.png) center no-repeat;
display: block;
position: absolute;
top: 0;
right: 8px;
width: 16px;
height: 20px;
}
/* Блоки меню */
#extra_nav > ul > li > ul,
#extra_nav > ul > li > ul > li > ul,
#extra_nav > ul > li > ul > li > ul > li >ul,
#extra_nav > ul > li > div#toc > ul,
#extra_nav > ul > li > div#toc > ul > li > ul,
#extra_nav > ul > li > div#toc > ul > li > ul > li > ul {
position: absolute;
display: none;
list-style: none;
min-width: 8em;
margin: 0;
padding: 5px 0;
background-color: ghostwhite;
border: 1px solid lightgrey;
white-space: nowrap;
z-index: 99;
}
#extra_nav > ul > li > ul > li,
#extra_nav > ul > li > ul > li > ul > li,
#extra_nav > ul > li > ul > li > ul > li > ul > li,
#extra_nav > ul > li > div#toc > ul > li,
#extra_nav > ul > li > div#toc > ul > li > ul > li,
#extra_nav > ul > li > div#toc > ul > li > ul > li > ul > li {
padding: 0 10px;
}
#extra_nav > ul > li > ul li:hover,
#extra_nav > ul > li > div#toc > ul li:hover {
background-color: #d0d0d7;
}
#extra_nav > ul > li > ul li:has(.selflink):hover,
#extra_nav > ul > li > div#toc > ul li:has(.selflink):hover {
background-color: inherit;
}
#extra_nav > ul > li > ul li:has(.selflink),
#extra_nav > ul > li > div#toc > ul li:has(.selflink) {
display: none;
}
#extra_nav > ul > li#menu-cont > ul li:has(.selflink) {
display: inline-block;
}
#extra_nav > ul > li > ul > li,
#extra_nav > ul > li > ul > li > ul > li,
#extra_nav > ul > li > div#toc > ul > li,
#extra_nav > ul > li > div#toc > ul > li > ul > li {
position: relative;
}
#extra_nav > ul > li > ul > li > ul,
#extra_nav > ul > li > ul > li > ul > li > ul,
#extra_nav > ul > li > div#toc > ul > li > ul,
#extra_nav > ul > li > div#toc > ul > li > ul > li > ul {
left: 100%;
top: 0;
z-index: 100;
margin-top: -5px;
}
#extra_nav > ul > li:hover > ul,
#extra_nav > ul > li > ul > li:hover > ul,
#extra_nav > ul > li > ul > li > ul > li:hover > ul,
#extra_nav > ul > li:hover > div#toc > ul,
#extra_nav > ul > li > div#toc > ul > li:hover > ul,
#extra_nav > ul > li > div#toc > ul > li > ul > li:hover > ul {
display: block;
}
#extra_nav .selflink {
font-weight: normal;
color: #aaa;
}
#menu-editions li > b, #menu-trans li > b, #menu-editions .PRS_edition {
padding-left: 18px;
}
#menu-editions li > b::before, #menu-trans li > b::before {
content: "";
background: url(//upload.wikimedia.org/wikipedia/commons/thumb/1/1c/OOjs_UI_icon_listBullet-ltr_apex.svg/14px-OOjs_UI_icon_listBullet-ltr_apex.svg.png) center no-repeat;
width: 16px;
height: 16px;
position: absolute;
margin-top: 2px;
display: block;
}
.PRS_edition::before {
content: "";
background: url(//upload.wikimedia.org/wikipedia/commons/thumb/6/6f/Arvatica_fra_Divkovi%C4%87_U%2B0462.svg/12px-Arvatica_fra_Divkovi%C4%87_U%2B0462.svg.png) center no-repeat;
width: 16px;
height: 16px;
position: absolute;
display: block;
}
.submenu-label,
#extra_nav > ul > li > ul > li:has(ul),
#extra_nav > ul > li > ul > li > ul > li:has(ul),
#extra_nav > ul > li > div#toc > ul > li:has(ul),
#extra_nav > ul > li > div#toc > ul > li > ul > li:has(ul) {
padding-right: 20px !important;
}
.submenu-label:hover,
#extra_nav > ul > li > ul > li:has(ul):hover,
#extra_nav > ul > li > ul > li > ul > li:has(ul):hover,
#extra_nav > ul > li > div#toc > ul > li:has(ul):hover,
#extra_nav > ul > li > div#toc > ul > li > ul > li:has(ul):hover {
background-color: #d0d0d7;
}
.submenu-label::after,
#extra_nav > ul > li > ul > li:has(ul)::after,
#extra_nav > ul > li > ul > li > ul > li:has(ul)::after,
#extra_nav > ul > li > div#toc > ul > li:has(ul)::after,
#extra_nav > ul > li > div#toc > ul > li > ul > li:has(ul)::after {
content: "";
background: url(//upload.wikimedia.org/wikipedia/commons/thumb/8/8e/OOjs_UI_icon_next-ltr.svg/10px-OOjs_UI_icon_next-ltr.svg.png) center no-repeat;
display: block;
position: absolute;
top: 4px;
width: 10px;
height: 10px;
right: 0;
}
/* separator */
.flexsep {
display: flex;
justify-content: center;
align-items: center;
user-select: none;
}
.flexsep > hr {
width: 100%;
min-width: 2em;
}
.flexsep > span {
font-size: smaller;
padding: 0 5px;
}
.lisep, .lisep:hover {
background-color: ghostwhite !important;
}
/* ------------------------ menu 2022 off ----------------------- */
/* Компактное оглавление */
.tocflex1, .tocflex2 { max-width: 12em; }
.tocflex1 .tocnumber, .tocflex2 .tocnumber { display: none; }
.tocflex1 .toclevel-1, .tocflex2 .toclevel-2 { display: inline-flex; flex-wrap: wrap; }