MediaWiki:Mobile.css

Материал из Викитеки — свободной библиотеки

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

  • Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
  • Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
  • Internet Explorer / Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
  • Opera: Нажмите Ctrl+F5.
/* CSS placed here will affect users of the mobile site */

.indent p {
	text-indent: 1.6em; 
	margin-bottom: 0; 
	margin-top: 0; 
	text-align: left;
}

div.text {
	/*width: 84ex;*/
	text-align: left;
	margin: 0 auto;
	font-family: /*Cambria, Times New Roman, Times,*/ serif;
	/*font-size: 120%;*/
}
 
.text p {
	text-indent: 1.6em;
	line-height: normal;
}

#content .text dd, #content .text li { 
	line-height: 1.25 !important;
}


/********************************* Для стихов *********************************/

/* Класс poem используется в теге <poem>.
   text-indent:0em убирает отступ первой строки,
   а margin-bottom: 0ex и margin-top: 0ex убирают лишнюю добавку
   к межстрочному интервалу при использовании нескольких смежных тегов <poem>
 */

.poem p {
	text-indent: 0 !important;
	text-align: left;
	margin-bottom: 0;
	margin-top: 0;
}

.poetry div.centered > p {
	text-align: center;
}

/* Класс .poetry — для простых стихов; реализован через {{poemx|mode=var}}
   Класс .drama — для сложных стихов, стихотворной драмы и OCR;
   реализован через {{poemx|mode=fix*}}
*/

div.poetry .poem {           /* -- строфа -- */
	display: table;
	margin: 1em auto;
}

/* Настройки .poetry и .drama: */
div.poetry .title,
div.drama .title,
.pagetext .title {           /* -- заголовок -- */
	font-size: larger;
	text-align: center;
	text-indent: 0;
	margin: 1em auto;
}
div.poetry .subtitle,
div.drama .subtitle {        /* -- подзаголовок -- */
	font-style: italic;
	text-align: center;
	text-indent: 0;
}
.subtitle { margin: 1em auto; }

.poem > .title, .poem > .subtitle { display: inline-block; width: 100%;}
.poem > .subtitle { margin: 0; }
.title.upper { text-transform: uppercase; }
.title.bold { font-weight: bold; }

.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: 1.25;
	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: 1.25;
}

table.poetry .poem-section { /* -- заголовок строфы: без mode -- */
	display: inline-block;
	width: 100%;
	font-weight: bold;
	text-align: center;
	color: black;
	background: none;
	border-bottom: 1px solid #aaa;
}

.pagetext .poem-section,
.drama .poem-section,
div.poetry .poem-section {   /* -- то же, с mode и в ПИ Страница -- */
	display: inline-block;
	width: 100%;
	font-weight: bold;
	text-align: center;
}

.drama .poem-center, .poetry .poem-center {
	display: inline-block;
	width: 100%;
	text-align: center;
}

.drama .poem-para, .poetry .poem-para {
	display: inline-block;
	width: 100%;
	text-align: justify;
	text-indent: 1.6em;
}

/* Реплики и ремарки */
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: smaller;
	line-height: 1.25;
	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: smaller;
	line-height: 1.25;
	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;
}

.poem-fixed8 .poem > p {
	margin-left: 8em;
}

.poem-fixed12 .poem > p {
	margin-left: 12em;
}

.text .poem.f6 > p {
	margin-left: 6em;
}

.text .poem.f8 > p {
	margin-left: 8em;
}

.text .poem.f10 > p {
	margin-left: 10em;
}

.text .poem.f12 > p {
	margin-left: 12em;
}

.text .poem.f14 > p {
	margin-left: 14em;
}

.text .poem.f16 > p {
	margin-left: 16em;
}

.text .poem.f18 > p {
	margin-left: 18em;
}

/* .italic — добавляет курсив */
.italic {
	font-style: italic;
}

/* Класс .verse — устаревший, не рекомендуется к использованию */

.verse { padding-left: 5em }

.verse pre {
	margin: 0;
	margin-bottom: 0;
	margin-top: 0;
	font-size: 100%;
	font-family: sans-serif;
	border: 0;
	color: inherit;
	background-color: #ffffff;
	line-height: 150%;
}

.verse h2,
.verse h3,
.verse h4,
.verse h5 {
	padding-left: 3em;
	text-align: left;
	padding-bottom: 0;
}

.verse p {
	padding-left: 1em;
	text-align: left;
}


/* номера строк (слева) */
.linenum {
	position: absolute;
	width: 18ex;
	text-align: right;
	font-style: normal;
	color: #a0a0f0;
	white-space: nowrap;
}

/* Немаркированные списки */
.plainlist ul {
	list-style: none;
}

/* Поддержка шаблона Dotted TOC */
.dottedtoc-cell-1 {
	width:2.5em;
	max-width:2.5em;
	padding-right:0.5em;
	vertical-align:top;
	text-align:right;
}
.dottedtoc-cell-2-1 {
	width:100% !important;
	position:relative;
}
.dottedtoc-cell-2-1-1 {
	max-width:80%;
	text-align:left;
	text-indent:-3em;
	margin-left:3em;
}
.dottedtoc-cell-2-1-1-1 {
	display:inline;
	position:relative;
	padding-right:0.5em;
	background:white;
	z-index:2;
}
.dottedtoc-cell-2-1-2 {
	position:absolute;
	left:0;
	bottom:0;
	width:3em;
	height:0.75em;
	background:white;
	z-index:1;
}
.dottedtoc-cell-2-1-3 {
	position:absolute;
	width:100% !important;
	right:0;
	bottom:0;
	z-index:0;
	overflow:hidden;
	white-space:nowrap;
	text-align:right;
}
.dottedtoc-cell-2-1-3-1 {
	float:right;
}
.dottedtoc-cell-3 {
	vertical-align:bottom;
	text-align:right;
	padding-left:0.5em;
	width:2em;
}

/* скрыть номера страниц */
span.pagenumber {
	display: none;
}

/* выравнивание заголовков */
body.ns-0 h2, body.ns-0 h3, body.ns-0 h4 {
	text-align: center;
}

/* Шаблон заголовка */
/* Отексте */
#extra_nav {
	border-bottom: 1px solid #a88;
	background-color: #fafaff;
	background: transparent;
	font-size: 0.9em;
	margin-top: 0px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
/*#projects_links {*/
/* float: right;*/
/*}*/
#inner_toc {
/*position:sticky;*/
/*top: 0; */
	background: #fafaff;
	z-index: 999;
}
#header_warning {
	color: red;
	font-weight: bold ;
}

 table.headertemplate {
 	width: 100% !important;
 	border: 1px solid #ADA; 
 	background: #E4F2E4; 
 	text-align: center; 
 	font-size: 0.8em;
 	margin: 0;
 }
 
.headertemplate .header_backlink, 
.headertemplate .header_forelink {
	/*display: block;*/
	width: 30%;
	/*font-size: smaller;*/
	line-height: normal;
} 
 
.header_notes {
	width:100% !important; 
	border-bottom:1px solid #A88; 
	background:#FAFAFF; 
	font-size: smaller;
	line-height: normal;
	margin: 0 !important;
}
 
.headertemplate .header_title {
	/*display: block;*/
	width: 40%; 
	/*font-size: small;*/
	line-height: normal;
}

.headertemplate .header_backlink {
	text-align:left; 
}
.headertemplate .header_forelink {
	text-align:right; 
}

/* Для списка редакций */
td#editions {
	max-width: 40%;
}
div#editions_toggle {
	float:none;
	position:static;
}

div#editions_toggle p {
	margin:0;
	color: #909;
}

div#editions_cont {
	display:block;
	position:static;
	/* max-width: 30%; */
	/* white-space:nowrap; */
	background-color:transparent;
	border:1px solid steelblue;
	padding:0 5px;
	text-align:left;
}

#editions_cont table {
	border-collapse: collapse;
}

#editions_cont td {
	padding: 0;
}

span.error1 {
  color: red;
  border-bottom: 1px dotted;
  cursor: help;
}

span.error2 {
  color: darkred;
  border-bottom: 1px dotted;
  cursor: help;
}

big { font-size: larger; } /* отключено по умолчанию */

small { font-size: smaller; } /* отключено по умолчанию */

/* вертикальное размещение */
/*.header_notes > tbody > tr > td { display: table-row; }*/  /* вызывает ошибку: иконка "ѣ" отображается по центру в мобильной версии */

.wordlist {
	-ms-column-rule: 1px solid #eaecf0;
	-moz-column-rule: 1px solid #eaecf0;
	-webkit-column-rule: 1px solid #eaecf0;
	column-rule: 1px solid #eaecf0;
}

.wordlist ul {
	list-style: none;
}

.wordlist ul li {
	margin-bottom: 5px;
}

@media screen and (min-width: 768px) {
	.wordlist {
		-moz-columns: 3;
		-webkit-columns: 3;
		columns: 3;
	}
}

@media screen and (min-width: 481px) and (max-width: 767px) {
	.wordlist {
		-moz-columns: 2;
		-webkit-columns: 2;
		columns: 2;
	}
}

@media screen and (max-width: 480px) {
	.wordlist {
		-moz-columns: 1;
		-webkit-columns: 1;
		columns: 1;
	}
}

/* Стили для заглавной страницы */
/*
@media (max-width: 719px) {
	
	.page-Заглавная_страница #content {
		background-color:#eaecf0;
	}
	.page-Заглавная_страница .header-container.header-chrome {
		box-shadow:none; 
	}
	
	
	.main-box {
		background: #fff;
		border: solid #c8ccd1;
		border-width: 1px 0;
		box-shadow: 0 1px 1px rgba( 0, 0, 0, 0.15 );
		margin: 0 -1rem 1.5rem;
		padding: 1rem;
	} 
	
} */

/* Web Font CSS declaration for Church Slavonic fonts */
/* Slavonic Computing Initiative (https://sci.ponomar.net/) */
.ponomar { font-family: ponomar unicode, serif; line-height: inherit; }
.menaion { font-family: menaion unicode, serif; line-height: inherit; }

#pre-reform {
	display: none;
}

/* menu 2022 on */
#extra_nav {
	justify-content: flex-start;
}

#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 {
	position: absolute;
	display: none;
	list-style: none;
	margin: 0;
	padding: 5px 10px;
	background-color: ghostwhite;
	border: 1px solid lightgrey;
	white-space: nowrap;
	z-index: 99;
}

#extra_nav > ul > li:hover > ul {
	display: block;
}

#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;
    bottom: 9px;
    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;
}

/* menu 2022 off */



/* Шаблон:razr */
.razr {
	letter-spacing: 0.15em; 
	/*word-spacing: -0.2em;*/ 
	margin-left: 0.2em;
}
.razr2 {
	letter-spacing: 0.15em; 
	/* word-spacing: -0.2em; */
	/* margin-left: 0.2em; */
	margin-right: -0.2em;
}

/* Шаблон:left sidenote */
.left-sidenote {
	float: left; 
	margin-left: -11em; 
	width: 10em; 
	margin-top: 4px; 
	text-align: left; 
	text-indent: 0; 
	font-size: 83%; 
	line-height: 125%;
}

/* Шаблон:P */
.pagination-inline {
	color: darkgray;
}
.pagination-margin {
	position: absolute; 
	left: 1em; 
	width: 6em; 
	text-align: right; 
	text-indent: 0em; 
	font-size: 70%;
}
Источник — https://ru.wikisource.org/w/index.php?title=MediaWiki:Mobile.css&oldid=4848053