Перейти к содержанию

MediaWiki:Common.css

Материал из Wikilivres.ru

Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.

  • 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; }