MediaWiki:Vector.css

/* Весь CSS будет отсюда будет загружен пользователям темы оформления «Векторная» */
/* Поскольку это рабочая тема, то все рюшки и будут настраиваться здесь */
/* Однако кавайные шрифты всё-таки будут импортироваться через Common.css */
/* Шрифт */
:root{
	--font: Istok Web, sans-serif;
}
body, .mw-body h1, .mw-body h2 {
	font-family: var(--font);
}
/* Светлая тема (она же по умолчанию) */

/* Тёмная тема */
@media (prefers-color-scheme: dark){
	:root{
		--backgroundColor: black;
		--textColor: rgb(220, 220, 220);
		--linkColor: yellow;
		--linkUnderlineColor: rgba(255, 255, 255, 0.33);
		--linkOutColor: rgb(112, 255, 200);
		--linkNewColor: rgb( 255, 122, 49);
		--hoverColor: rgb(255, 255, 255);
		--articleActionColorUnselected: rgba(255, 255, 0, 0.25);
		--articleActionColorSelected: rgba(255, 255, 0, 0.75);
		--leftBackgroundColor: rgba(253, 234, 168, 0.25);
		--leftTextColor: rgb(220, 220, 220);
		--leftLinkColor: rgb(220, 220, 220);
		--tableBackgroundColor: rgb(90, 90, 90);
		--tableCaptionBackgroundColor: rgb( 120, 120, 150);
		--codeBackgroundColor: rgba(200, 200, 220, 0.5);
		--messageSuccessBG: rgb(112, 155, 255);
	}
/* Поехали определять! */
/* Фон, видимый, только если потянуть */
body{
	background: var(--backgroundColor);
}
/* Размер текста */
.vector-body{
	font-size: 1em;
}
.vector-body h1{
	font-size: 2em;
}
.vector-body h2{
	font-size: 1.5em;
}
/* Цвет текста — везде и кое-где именно */
body,
.vector-menu-portal,
.vector-menu-heading,
h1, h2, h3, h4{
	color: var(--textColor);
}
.mw-body-content{
	line-height: 1.8;
}
/* Ссылки */
a, a:visited,
.mw-sidebar-action a{
	color: var(--linkColor);
}
/* Ссылки вовне */
/* a:not([href^="/"]):any-link, */
a.external:any-link,
.mw-body-content a:not([href^="/"]):any-link,
.mw-body-content a.external:any-link{
	color: var(--linkOutColor);
}
a[href]:hover{
	color: var(--hoverColor);
	text-decoration: none;
}
/* Ссылки в статье */
.mw-body-content a:any-link{
	text-decoration: none;
	color: var(--linkColor);
	border-color: var(--linkUnderlineColor);
}
/* И только в тексте (не в плашке) */
.vector-body a:any-link{
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.mw-body-content a:hover{
	border-color: var(--hoverColor);
}
.mw-body-content a.new:any-link{
	color: var(--linkNewColor);
}
/* Меню действий со статьёй */
.mw-article-toolbar-container{
	border-bottom: 0;
}
/* И отдельно левая и правая части его */
#left-navigation, #right-navigation{
	border-bottom: 1px solid rgba(254, 254, 254, 0.15);
}
/* И отдельно правая */
#right-navigation{
	font-style: italic;
}
/* И его кнопки */
.vector-menu-tabs .mw-list-item a, 
.vector-menu-tabs .mw-list-item a:visited,
.vector-menu-dropdown .mw-list-item a,
.vector-menu-dropdown .mw-list-item a:visited,
.mw-article-toolbar-container .vector-menu-dropdown .vector-menu-heading{
	background-color: var(--articleActionColorUnselected);
	color: var(--textColor);
	padding: 0 10px;
}
.vector-menu-tabs .mw-list-item.selected a, 
.vector-menu-tabs .mw-list-item.selected a:visited{
	background-color: var(--articleActionColorSelected);
}
/* И фон выпадайки справа */
.vector-menu-dropdown .vector-menu-content{
	background-color: var(--backgroundColor);
}
/* Видимый фон всей страницы */
.mw-page-container{
	background: black;
}
/* Левая панель */
.mw-sidebar{
	background: var(--leftBackgroundColor);
}
/* И заголовки */
.vector-menu-portal .vector-menu-heading{
	color: var(--leftTextColor);
	font-size: 0.9em;
}
/* И пункты-ссылки */
.vector-menu-portal .vector-menu-content li a,
.vector-menu-portal .vector-menu-content li a:visited{
	color: var(--leftLinkColor);
}
.vector-menu-portal .vector-menu-content li a:hover{
	color: var(--hoverColor);
}
/* И загадочное содержание */
.sidebar-toc{
background-color: var(--leftBackgroundColor);
color: var(--leftTextColor);
}
.sidebar-toc .sidebar-toc-link{
color: var(--leftLinkColor);
}
/* Фиксированный при прокрутке заголовок */
.vector-sticky-header{
	background-color: rgba(245, 151, 0, 0.7);
	color: white;
}
/* Меню сверху (видно только наверху статьи */
.mw-header{
	background-color: rgb(245, 151, 0);
}
.mw-ui-button.mw-ui-quiet{
	color: var(--textColor);
}
.vector-sticky-header-context-bar-primary{
font-family: var(--font);
}
/* И имя пользователя там */
/* #pt-userpage-2 a{ */
/*	background-color: magenta; */
/*	color: black; */
/*}*/
/* */
.mw-message-box-warning{
	background-color: #466AD5;
	color: var(--textColor);
}
/* Подвал */
.mw-footer li{
color: var(--textColor);
}
/* Элементы статьи */
/* Обычная таблица (и не очень)*/
.wikitable, .mw-datatable td, 
.mw-datatable tr:hover td,
#mw-allmessagestable tbody:hover td{
	background-color: var(--tableBackgroundColor);
	color: var(--textColor);
}
.wikitable > * > tr > th, .mw-datatable th{
	background-color: var(--tableCaptionBackgroundColor);
}
/* Код */
.pre, code, .mw-code{
	background-color: var(--codeBackgroundColor);
	color: var(--textColor);
	border: #222;
}
/* UniversalLanguangeSelector */
.ulc-search{
	background-color: #111;
}
.uls-lcd{
	background-color: #777;
}
/* Информационные сообщения */
.mw-message-box-success{
	background-color: var(--messageSuccessBG);
}
/* Поле с категориями */
.catlinks{
	background-color: rgba(128, 128, 128, 0.5);
}
/* Поля на странице сравнения версий */
#pagehistory li.selected{
	background-color: rgb(90, 120, 84);
	color: var(--textColor);
}
/* Выпадайка при догадке страницы в разных полях */
.oo-ui-menuSelectWidget{
	background-color: rgba(0, 0, 0, 0.7);
}
/* всё, что ниже, — тяжёлое наследие старых времён 
и либо устарело и должно быть удалено или переписано
(как модификации старго Вектора),
либо устарело и должно быть перемещено 
(как шаблоноспецифичные классы)*/

/* Цвет статьи и отдельно — заголовков
/*   Шрифты отдельно переписываются, так что и тут тоже указывается */
/*.mw-body  {
/*	background-color: #fdeaa8;
/*    z-index: 2;
/*}
/* Хак, чтобы ничего не мешалось */
/*div.vectorTabs, 
/*div.vectorTabs ul, 
/*div.vectorTabs ul li,
/*div.vectorTabs span {
/*    background-color: transparent;
/*    background-image: none;
/*}
/* 	Стиль невыбранных кнопок в панели навигации */
/*div.vectorTabs ul li {
/*   background: transparent url(http://jantanoo.info/w/images/passiv-fdeaa8.png);
/*    background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAYAAABHLFpgAAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QUJEQwTkctl6AAAACZpVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVAgb24gYSBNYWOV5F9bAAAAg0lEQVQY022NQRIDIRACW2b1/3/LV3JecnAlmsoNpoEBgPv9GgKGAE1l7i5oQ8Al7C4aQ9i1gEtAfyK4x/ZMdYGvRK7QEp72XKGOxmYrK0uZlr+1g/ncSk3nSglPqtROdQ7sYQloedly02Md9dvYbk142i+Imiv/AOkSQHIssIV5wFIfWEA8Uwy7WOAAAAAASUVORK5CYII=');
/*    background-repeat: repeat-x;
/*    background-position: 0% 0%;
/*}
/* 	Стиль выбранных кнопок в панели навигации. 
/*	Используется по умолчанию изображение 1*100 */ 
/*.vectorTabs .selected,
/*.vectorMenu .selected{
/*    background: transparent url(http://jantanoo.info/w/images/aktiv-fdeaa8.png);
/*    background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAYAAABHLFpgAAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QUJEQk30L91fAAAACZpVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVAgb24gYSBNYWOV5F9bAAAAaElEQVQY0+2KwRHCMADDFNE0pczA/vswC9/GPNL0YAc+PtkWx/v1lOQh5C5wRTYhu8AmsAtZJWmX0gTapKynPJQs1zZrsgqpAovQq0CVDPk23/i7zUj3fIfyVYukl5PoRTIIIQj8A/gAI6kyVQCnArkAAAAASUVORK5CYII=');
/*	background-repeat: repeat-x;
/*}
/* 	Шапка 
/*div#mw-head {
}*/
/* 	Основа для страницы — пока непонятно, зачем надо
/*	Может изменять цвет полосы под строкой пользователя */
/*#mw-page-base {
/*	background-color: transparent;
/*	background-image: none;
/*}
/*	Строка с функциями пользователя.
/*	Ширится на всю страницу, ещё и после лого, 
/*	поэтому фон должен быть прозрачным */
/*#p-personal {
/*	position: fixed;
/*	top: 0;
/*    right: 0;
/*    background-color: rgb(255,255,255);
/*	background-color: rgba(255,255,255,0.7);
/*	width: 100%;
/*	max-width: 100%;
/*        z-index: 3;
/*}
/*#p-personal li {
/*	margin: 0.5em 0.25em;
/*}
/*#p-personal ul {
/*        float: right;
/*}
/* 	Панель слева */
/*#mw-panel {
/*	position: fixed;
/*	top: 30px;
/*    z-index: 1;
/*}
/*#p-search form {
/*	background: white;
/*}
/*	Логотип! 
/*#p-logo {
/*}*/
/*	Подвал, шириной со статью 
/*div#footer {
/*}*/
/*/* Пара общих классов
/**/
/*.entirelink a  {
/*	display: block;
/*	width: 100%;
/*	height: 100%;
/*	text-decoration: none !important;
/*}
.cvetssylka a, .cvetssylka span
        {
            color: inherit !important;
        }
.entirelink
        {
            font-size: 150%;
            margin: 0;
        }
/* ТЕГИ ------------------------------------------- */

/* Избавляемся от дважды жирного шрифта (2019-09-08) */
b {
	font-weight: 700;
}

/* Сбрасываем курсивное оформление, применяемое браузером */
cite, dfn {
	font-style: inherit;
}

/* Добавление горизонтального скролла для <pre>,
   для избежания бага с очень длинными строками */
pre {
	overflow-x: auto;
	overflow-y: hidden;
}

/* Размер таба для обычного редактора и для тега <code> */
/*pre,
/*textarea {
/*	tab-size: 4;
/*}
/*
/* Consistent size for <small>, <sub> and <sup> */
/*small {
/*	font-size: 85%;
/*}
/*.mw-body-content sub,
/*.mw-body-content sup,
/*span.reference /* for Parsoid */ {
/*	font-size: 80%;
/*}
/*
/* fix for line-breaking references */
/*sub,
/*sup {
/*	line-height: 1em;
/*}
/*
/*blockquote {
/*	background: #f8f9fa;
/*	overflow: hidden;
/*}
/*
/* КЛАССЫ ----------------------------------------- */
/*
/* Уточнение ширины логотипа на экранах с большей плотностью пикселей (сами
   изображения задаются в файле стилей, не изменяемом локально; помогает
   избежать сглаживания? 136 = 204 / 1,5; 204px — ширина картинки) */
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
	#p-logo a {
		background-size: 136px auto;
	}
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
	#p-logo a {
		background-size: 135px auto;
	}
}

.filehistory a img,
#file img {
	background: url(//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png) repeat;
}

/* Remove "external" icon from links to WP */
body.ns-talk a.external[href*="//ru.wikipedia.org/"],
body.ns-4 a.external[href*="//ru.wikipedia.org/"],
body.ns-104 a.external[href*="//ru.wikipedia.org/"],
body.ns-106 a.external[href*="//ru.wikipedia.org/"] {
	background: none !important;
	padding-right: 0 !important;
}

/* PDF icon next to external PDF link for Mozilla and Opera and for {PDFlink} template */
a[href$=".pdf"].external,
a[href*=".pdf?"].external,
a[href*=".pdf#"].external,
a[href$=".PDF"].external,
a[href*=".PDF?"].external,
a[href*=".PDF#"].external,
span.PDFlink a {
	background: url(//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif) center right no-repeat !important;
	padding-right: 18px !important;
}

.hatnote {
	font-style: italic;
	padding-left: 1.6em;
}

.allpagesredirect,
span.redirect-in-category a {
	font-style: italic;
}

/* Clickable speaker in {Audio} ... */
.audiolink a {
	background: url(//upload.wikimedia.org/wikipedia/commons/thumb/8/8a/Loudspeaker.svg/11px-Loudspeaker.svg.png) center left no-repeat !important;
	padding-left: 16px !important;
	padding-right: 0 !important;
}

.clickable-image a:hover {
	text-decoration: none;
}

#mw-subcategories,
#mw-pages {
	clear: both;
}

/* Лечим растягивание СН, страниц истории и вклада, если текст описания правки
   негде перенести. Удалить при добавлении этого правила на глобальном уровне. */
.comment {
	overflow-wrap: break-word;
	word-break: break-word;
}

/* Не отображать множественные уведомления о запрете редактирования списком */
.permissions-errors {
	list-style: none;
	margin: 0;
}

.sitedir-ltr .mw-dismissable-notice-body {
	margin-right: 5em !important; /* was 20% */
}

/* Fix of default <maplink> display */
.mw-kartographer-maplink {
	margin-left: 0 !important;
	padding: 2px 0 2px 20px !important;
}

/* Временный фикс [[Обсуждение MediaWiki:Common.css#Для чего .catlinks li параметр margin: 0.125em 0;?]],
   пока не исправят в нативных стилях */
.mediawiki .catlinks li {
	margin: 2px 0;
}

.mw-tag-markers {
	font: italic 90% sans-serif;
}

.printonly {
	display: none;
}

/* Фикс выравнивания галереи при заданном параметре perrow (2019-10-03) */
.mw-gallery-traditional.center,
.mw-gallery-nolines.center {
	margin-left: auto;
	margin-right: auto;
}

/* Блок «Это старая/текущая версия этой страницы». Надо предложить это в движок */
.mw-revision,
#mw-revision-nav {
	margin-top: 0.5em;
}

/* Кнопки [показать]/[скрыть], создаваемые mw-collapsible */
.mw-collapsible-toggle {
	font-weight: normal;
}

/* Кнопки [показать]/[скрыть], создаваемые динамически функцией collapsibleTables()
   в [[MediaWiki:Common.js]] */
.collapseButton {
	/* @noflip */
	float: right;
	font-weight: normal;
	/* @noflip */
	margin-left: 0.5em;
	/* @noflip */
	text-align: right;
	width: auto;
}

/* Reduce page jumps by hiding collapsed/dismissed content */
.client-js .collapsible.collapsed > tbody > tr:not(:first-child),
.client-js .NavFrame.collapsed > .NavContent,
.client-js .tochidden-wrapper > .toc > ul {
	display: none;
}

/* РАСШИРЕНИЯ ------------------------------------- */

/* Стили для расширения [[mw:Extension:Babel]] (03-09-17) */
/* Скрытие буквы N у родных языков, по аналогии со стандарными шаблонами */
.mw-babel-box-level-N {
	display: none;
}

/* FlaggedRevs */
/* Скрываем верхнюю таблицу для анонимов и показываем
для зарегистрированных с помощью [[MediaWiki:Group-user.css]] */
#mw-fr-revisiontag {
	display: none;
}
.mw-fr-reviewlink,
.fr-hist-basic-user,
.fr-hist-basic-auto {
	font-weight: normal;
	font-size: 85%;
}
.flaggedrevs-pending {
	background: #ffc;
}
.sitedir-ltr div.flaggedrevs_short {
	float: none;
	margin-left: 0;
	padding: 1px;
}
.sitedir-ltr div.flaggedrevs_short_details {
	width: 95%;
	display: none;
}
/* Лишний отступ */
div.flaggedrevs_notice {
    margin-right: 0;
}

/* Remove popup from Content translation tool, if not opted in */
.cx-callout:not(.cx-campaign-contributionsmenu):not(.cx-entrypoint-dialog) { display: none !important; }

/* Покрасить "неприоритетные" ссылки в библиографических ссылках в черный цвет (касается только ссылок, генерируемых Lua) */
.wef_low_priority_links a,
.wef_low_priority_links a.extiw,
.wef_low_priority_links a.external,
.wef_low_priority_links a:visited,
.wef_low_priority_links a.extiw:visited,
.wef_low_priority_links a.external:visited {
	color: #202122;
}

/* РЕДАКТОРЫ -------------------------------------- */

/* Visual editor related */
.mw-ve-editNotice .mbox-image,
.ve-active .ve-hide,
.ve-show {
	display: none;
}

.ve-active div.ve-show,
.ve-active p.ve-show {
	display: block;
}

.ve-active span.ve-show,
.ve-active small.ve-show {
	display: inline;
}

.ve-active li.ve-show {
	display: list-item;
}

/* Костыль исправляющий дублирование иконки в сообщениях об ошибках (Editnotice) 
при сохранении правки в визуальном редакторе */
.ve-ui-mwSaveDialog .oo-ui-flaggedElement-error.oo-ui-iconElement table.fmbox {
	margin-top: 0;
}
.ve-ui-mwSaveDialog .oo-ui-flaggedElement-error.oo-ui-iconElement .mbox-image {
	display: none;
}

/* ================================================
   СЛУЖЕБНЫЕ КЛАССЫ
   ================================================ */

/* Классы для показа сообщений отдельным группам пользователей */
.group-checkuser-show,
.group-bureaucrat-show,
.group-sysop-show,
.group-engineer-show,
.group-closer-show,
.group-filemover-show,
.group-editor-show,
.group-autoreview-show,
.group-user-show {
	display: none;
}

/* ================================================
   ОБЩИЕ КЛАССЫ
   ================================================ */

/* СПИСКИ ----------------------------------------- */

/* Style for horizontal lists (separator following item).
   @source mediawiki.org/wiki/Snippets/Horizontal_lists
   @revision 9 (2016-08-10)
   @author [[User:Edokter]]
 */
.hlist dl,
.hlist ol,
.hlist ul {
	margin: 0;
	padding: 0;
}
/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
	margin: 0;
	display: inline;
}
/* Display nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
	display: inline;
}
/* Hide empty list items */
.hlist .mw-empty-li,
.hlist .mw-empty-elt {
	display: none;
}
/* Generate bullets */
.hlist dt:after {
	content: ": ";
}
.hlist dd:after,
.hlist li:after {
	content: "\00a0• ";
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
	content: none;
}
/* Add parentheses around nested lists */
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
	content: " (";
	font-weight: normal;
}
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
	content: ")";
	font-weight: normal;
}
/* Put ordinals in front of ordered list items */
.hlist ol {
	counter-reset: listitem;
}
.hlist ol > li {
	counter-increment: listitem;
}
.hlist ol > li:before {
	content: " " counter(listitem) "\a0";
}
.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
	content: " (" counter(listitem) "\a0";
}

/* Немаркированные списки */
.plainlist ol:not(.references),
.plainlist dl,
.plainlist ul {
	line-height: inherit;
	list-style: none none;
	margin: 0;
}
.plainlist ol:not(.references) li,
.plainlist dl dt,
.plainlist dl dd,
.plainlist ul li {
	margin: 0;
}
.plainlist dl dt:after {
	content: ": ";
}

/* Неразрывные пробелы в горизонтальных списках */
.nowrap,
.nowraplinks a,
.nowraplinks .selflink,
.hlist-items-nowrap dd,
.hlist-items-nowrap dt,
.hlist-items-nowrap li {
	white-space: nowrap;
}

/* Но где-то неразрывность надо сбросить (например, в навшаблонах в узких местах) */
.wrap,
.wraplinks a,
.wraplinks .selflink,
.hlist-items-nowrap dl dl, .hlist-items-nowrap dl ol, .hlist-items-nowrap dl ul, /* Allow nested lists to wrap anyway */
.hlist-items-nowrap ol dl, .hlist-items-nowrap ol ol, .hlist-items-nowrap ol ul,
.hlist-items-nowrap ul dl, .hlist-items-nowrap ul ol, .hlist-items-nowrap ul ul {
	white-space: normal;
}

/* ПРИМЕЧАНИЯ ------------------------------------- */

ol.references {
	font-size: 100%;
}
.reflist,
.references-small {
	font-size: 90%;
	margin-bottom: 0.5em;
}
/* .reflist ol.references,*/
/*.references-small ol.references {*/
/*	list-style-type: inherit;  /* Enable custom list style types */
/* } */
.reflist-narrow .mw-references-columns {
	-webkit-column-width: 20em;
	-moz-column-width: 20em;
	column-width: 20em;
}
.reflist-wide .mw-references-columns {
	-webkit-column-width: 40em;
	-moz-column-width: 40em;
	column-width: 40em;
}

/* highlight focused footnotes and references in some browsers */
sup.reference:target,
ol.references li:target,
.highlight-target:target,
cite:target,
span.citation:target {
	background: #eaf3ff;
}
sup.reference:target {
	font-weight: bold;
}

.ref-info {
	font-size: 85%;
	color: #72777d;
}

/* КОЛОНКИ ---------------------------------------- */

/* Авторазбиение списков на колонки. Будет работать только для однострочных списков. 35em является предварительным числом, а фактическое будет посчитано исходя из ширины элементов. Должно использоваться только для UL внутри DIV. Пример использования — шаблон {{Wikidata/SisterCities}} */
.autocolumns {
	-moz-columns: 35em auto;
	columns: 35em auto;
	white-space: nowrap;
}

/* Reset top margin for lists embedded in columns */
div.columns {
	margin-top: 0.3em;
}
div.columns dl,
div.columns ol,
div.columns ul {
	margin-top: 0;
}

/* Avoid elements from breaking between columns */
.nocolbreak,
div.columns li,
div.columns dd dd {
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid-column;
}

/* ТАБЛИЦЫ ---------------------------------------- */

/* [[Википедия:Оформление таблиц]] */
.standard,
.wide {
	/* For align=center tables dont use shorthand margin */
	margin-top:1em;
	margin-bottom:1em;
	border: 1px solid #a2a9b1;
	border-collapse: collapse;
}

.standard > tr > th,
.standard > tr > td,
.standard > * > tr > th,
.standard > * > tr > td,
.wide > tr > th,
.wide > tr > td,
.wide > * > tr > th,
.wide > * > tr > td {
	border: 1px solid #a2a9b1;
	padding: 0.2em 0.4em;
}

.standard > tr > th,
.standard > * > tr > th,
.wide > tr > th,
.wide > * > tr > th {
	background-color: #eaf3ff;
}

.standard > caption,
.wide > caption {
	font-weight: bold;
}

.wide {
	width: 100%;
}

table.graytable {
	background: #f0f0f0;
	padding: 1em;
	width: 100%;
}
table.graytable caption {
	padding-top: 0.5em;
	background: #f0f0f0;
	font-weight: bold;
}
table.graytable caption span.subcaption {
	font-size: 88.5%;
	font-weight: normal;
}
table.graytable th,
table.graytable td {
	font-size: 88.5%;
}

/* Оформление ячеек */
tr.highlight th,
table tr th.highlight {
	background: #dcebff;
}
tr.highlight td,
table tr td.highlight {
	background: #ffe;
	font-weight: normal;
}
tr.bright th,
table tr th.bright {
	background: #cfe3ff;
}
tr.bright td,
table tr td.bright {
	background: #fec;
}
tr.shadow th,
tr.shadow td,
table tr th.shadow,
table tr td.shadow {
	background: #f0f0f0;
}
tr.dark th,
tr.dark td,
table tr th.dark,
table tr td.dark {
	background: #ccc;
}

/* ================================================
   ШАБЛОНЫ
   ================================================ */

/* ПРЕДУПРЕЖДЕНИЯ И УВЕДОМЛЕНИЯ ------------------- */

/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
.mbox-text,
.mbox-text {   /* The message body cell(s) */
	border: none;
	/* @noflip */
	padding: 0.25em 0.9em;	 /* 0.9em left/right */
	width: 100%;			   /* Make all mboxes the same width regardless of text length */
}
.mbox-image {				/* The left image cell */
	border: none;
	/* @noflip */
	padding: 2px 0 2px 0.9em;  /* 0.9em left, 0px right */
	text-align: center;
}
.mbox-imageright {		   /* The right image cell */
	border: none;
	/* @noflip */
	padding: 2px 0.9em 2px 0;  /* 0px left, 0.9em right */
	text-align: center;
}
.mbox-empty-cell {		   /* An empty narrow cell */
	border: none;
	padding: 0px;
	width: 1px;
}
.mbox-text .mbox-multiply {
	display: none;
}

/* Image message box styles */
.imbox {
	margin: 4px 10%;
	border-collapse: collapse;
	border: 3px solid #1e90ff;	/* Default "notice" blue */
	background: #fbfbfb;
}
.imbox .mbox-text .imbox {  /* For imboxes inside imbox-text cells. */
	margin: 0 -0.5em;	   /* 0.9 - 0.5 = 0.4em left/right.		*/
	display: block;		 /* Fix for webkit to force 100% width.  */
}
.mbox-inside .imbox {	   /* For imboxes inside other templates.  */
	margin: 4px;
}

.imbox-notice {
	border: 2px solid #1e90ff;	/* Blue */
}
.imbox-speedy {
	border: 2px solid #b22222;	/* Red */
	background: #fee;			 /* Pink */
}
.imbox-delete {
	border: 2px solid #b22222;	/* Red */
}
.imbox-content {
	border: 2px solid #f28500;	/* Orange */
}
.imbox-style {
	border: 2px solid #f4c430;	/* Yellow */
}
.imbox-move {
	border: 2px solid #9932cc;	/* Purple */
}
.imbox-protection {
	border: 2px solid #bba;	   /* Gray-gold */
}
.imbox-license {
	border: 2px solid #88a;	   /* Dark gray */
	background: #f7f8ff;		  /* Light gray */
}
.imbox-featured {
	border: 2px solid #cba135;	/* Brown-gold */
}

/* Category message box styles */
.cmbox {
	margin: 3px 10%;
	border-collapse: collapse;
	border: 1px solid #aaa;
	background: #dfe8ff;	/* Default "notice" blue */
}

.cmbox-notice {
	background: #d8e8ff;	/* Blue */
}
.cmbox-speedy {
	margin-top: 4px;
	margin-bottom: 4px;
	border: 4px solid #b22222;	/* Red */
	background: #ffdbdb;		  /* Pink */
}
.cmbox-delete {
	background: #ffdbdb;	/* Red */
}
.cmbox-content {
	background: #ffe7ce;	/* Orange */
}
.cmbox-style {
	background: #fff9db;	/* Yellow */
}
.cmbox-move {
	background: #e4d8ff;	/* Purple */
}
.cmbox-protection {
	background: #efefe1;	/* Gray-gold */
}

/* Other pages message box styles */
.ombox {
	margin: 4px 10%;
	border-collapse: collapse;
	border: 1px solid #a2a9b1;	   /* Default "notice" gray */
	background: #f8f9fa;
}

.ombox-notice {
	border: 1px solid #a2a9b1;	   /* Gray */
}
.ombox-speedy {
	border: 2px solid #b22222;	/* Red */
	background: #fee;			 /* Pink */
}
.ombox-delete {
	border: 2px solid #b22222;	/* Red */
}
.ombox-content {
	border: 1px solid #f28500;	/* Orange */
}
.ombox-style {
	border: 1px solid #f4c430;	/* Yellow */
}
.ombox-move {
	border: 1px solid #9932cc;	/* Purple */
}
.ombox-protection {
	border: 2px solid #bba;	   /* Gray-gold */
}

/* Talk page message box styles */
.tmbox {
	margin: 4px 10%;
	border-collapse: collapse;
	border: 1px solid #c0c090;	/* Default "notice" gray-brown */
	background: #f8eaba;
}
.mediawiki .mbox-inside .tmbox { /* For tmboxes inside other templates. The "mediawiki" class ensures that */
	margin: 2px 0;			   /* this declaration overrides other styles (including mbox-small above)   */
	width: 100%;				 /* For Safari and Opera */
}
.mbox-inside .tmbox.mbox-small { /* "small" tmboxes should not be small when  */
	line-height: 1.5em;		  /* also "nested", so reset styles that are   */
	font-size: 100%;			 /* set in "mbox-small" above.				*/
}

.tmbox-speedy {
	border: 2px solid #b22222;	/* Red */
	background: #fee;			 /* Pink */
}
.tmbox-delete {
	border: 2px solid #b22222;	/* Red */
}
.tmbox-content {
	border: 2px solid #f28500;	/* Orange */
}
.tmbox-style {
	border: 2px solid #f4c430;	/* Yellow */
}
.tmbox-move {
	border: 2px solid #9932cc;	/* Purple */
}
.tmbox-protection,
.tmbox-notice {
	border: 1px solid #c0c090;	/* Gray-brown */
}

/* {ambox} */
.ambox {
	margin: 0 10%;				  /* 10% = Will not overlap with other elements */
	border: 1px solid #a2a9b1;
	/* @noflip */
	border-left: 10px solid #36c;  /* Default "notice" blue */
	background: #fbfbfb;
}
.ambox + .ambox {	  /* Single border between stacked boxes. */
	margin-top: -1px;
}
.ambox .mbox-text,
.ambox .mbox-text {			/* The message body cell(s) */
	padding: 0 0.5em;	   /* 0.5em left/right */
}
.ambox .mbox-image {		   /* The left image cell */
	/* @noflip */
	padding: 2px 0 2px 0.5em;	/* 0.5em left, 0px right */
}
.ambox .mbox-imageright {	  /* The right image cell */
	/* @noflip */
	padding: 2px 0.5em 2px 0;	/* 0px left, 0.5em right */
}

.navbox + .ambox {              /* for ambox 1em before navbox */
	margin-top: 1em;
}

.ambox-notice {
	/* @noflip */
	border-left: 10px solid #36c;	/* Blue */
}
.ambox-speedy {
	/* @noflip */
	border-left: 10px solid #b22222;	/* Red */
	background: #fee7e6;				   /* Pink */
}
.ambox-delete,
.ambox-serious {
	/* @noflip */
	border-left: 10px solid #b22222;	/* Red */
}
.ambox-content {
	/* @noflip */
	border-left: 10px solid #f28500;	/* Orange */
}
.ambox-style {
	/* @noflip */
	border-left: 10px solid #f4c430;	/* Yellow */
}
.ambox-good {
	border-left: 10px solid #66cc44;
}
.ambox-discussion {
	border-left: 10px solid #339966;
}
.ambox-merge {
	border-left: 10px solid #9932cc;
}
.ambox-move {
	/* @noflip */
	border-left: 10px solid #9932cc;	/* Purple */
}
.ambox-protection {
	/* @noflip */
	border-left: 10px solid #a2a9b1;	   /* Gray-gold */
}

/* Footer and header message box styles */
.fmbox {
	clear: both;
	margin: 0.2em 0;
	width: 100%;
	border: 1px solid #aaa;
	/* Default "system" gray */
	background: #f9f9f9;
}
.fmbox-system {
	background: #f9f9f9;
}
.fmbox-warning {
	border: 1px solid #bb7070;  /* Dark pink */
	background: #ffdbdb;		/* Pink */
}
.fmbox-editnotice {
	background: transparent;
}
/* Div based "warning" style fmbox messages. */
div.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div#mw-protect-cascadeon {
	clear: both;
	margin: 0.2em 0;
	border: 1px solid #bb7070;
	background: #ffdbdb;
	padding: 0.25em 0.9em;
}
/* Div based "system" style fmbox messages.
	Used in [[MediaWiki:Readonly lag]]. */
div.mw-lag-warn-normal,
div.fmbox-system {
	clear: both;
	margin: 0.2em 0;
	border: 1px solid #aaa;
	background: #f9f9f9;
	padding: 0.25em 0.9em;
}

/* These mbox-small classes must be placed after all other
	ambox/tmbox/ombox etc classes. "body.mediawiki" is so
	they override "table.ambox + table.ambox" above. */
.mediawiki .mbox-small.mbox-small {   /* For the "small=yes" option. */
	/* @noflip */
	clear: right;
	/* @noflip */
	float: right;
	/* @noflip */
	margin: 4px 0 4px 1em;
	width: 238px;
	font-size: 88%;
	line-height: 1.25em;
}
.mediawiki .mbox-small.mbox-small-left {   /* For the "small=left" option. */
	/* @noflip */
	margin: 4px 1em 4px 0;
	width: 238px;
	border-collapse: collapse;
	font-size: 88%;
	line-height: 1.25em;
}

/* Style for {{rq}} */
/* Hide the extra cells */
.ambox-multiple_issues .ambox .mbox-image,
.ambox-multiple_issues .ambox .mbox-imageright,
.ambox-multiple_issues .ambox .mbox-empty-cell,
.ambox-multiple_issues .ambox .mbox-text-div,
.ambox-multiple_issues .ambox .mbox-textsmall-div {
	display: none;
}

/* Remove borders, backgrounds, padding, etc. */
.ambox-multiple_issues .ambox {
	border: none;
	border-collapse: collapse;
	background: transparent;
	margin: 0 0 0 1.6em;
	padding: 0;
	width: auto;
	display: block;
}
.ambox-multiple_issues .mbox-small-left {
	font-size: 100%;
	width: auto;
	margin: 0;
}
/* Style the text cell as a list item and remove its padding */
.ambox-multiple_issues .ambox .mbox-text {
    padding: 0;
    margin: 0;
}
.ambox-multiple_issues .ambox .mbox-multiply {
    display: list-item;
    line-height: 1.5em;
	list-style-image: url(/w/skins/Vector/resources/common/images/bullet-icon.svg);
}
.skin-monobook .ambox-multiple_issues .ambox .mbox-multiply {
    list-style-type: square;
	list-style-image: url(/w/skins/MonoBook/resources/images/bullet.svg);
}
/* Allow for hiding text in compact form */
.ambox-multiple_issue .hide-when-compact {
	display: none;
}

/* Стили нотификаций для ноутбуков */
@media (max-width: 1366px) {
	.ombox,
	.tmbox,
	.ambox {
		margin-left: 6%;
		margin-right: 6%;
	}
}

/* Стили нотификаций для мобильного устройсва */
@media (max-width: 719px) {
	.ombox,
	.tmbox,
	.ambox {
		margin-left: 0;
		margin-right: 0;
	}
}

/* Устаревший стиль, на данный момент практически везде используется
   неверно, почистить и удалить при первой возможности */
.messagebox {
	border: thin solid #aaa;
	background: #f9f9f9;
	width: 88%;
	margin: 0 auto 1em auto;
	padding: .4em;
	vertical-align: middle;
	font-size: 90%
}
.messagebox.standard-talk {
	border: 1px solid #c0c090;
	background: #f8eaba;
}
.messagebox .floatleft {
	vertical-align: middle;
	clear: both;
	margin: 2px;
	padding: 0;
}
.messagebox .image {
	margin: 0;
	padding: 0;
}

/* КАРТОЧКА --------------------------------------- */

.infobox {
	border: 1px solid #a2a9b1;
	background: #f8f9fa;
	margin-bottom: .5em;
	margin-left: 1em;
	padding: .4em;
	float: right;
	clear: right;
	font-size: 90%;
	width: 23em;
	vertical-align: middle;
	text-align: left;
	line-height: 1.5em;
	border-collapse: separate;
	border-spacing: 2px;
}
.infobox > caption {
	font-size: 125%;
	font-weight: bold;
		padding: .2em;
}
.infobox td,
.infobox th {
	vertical-align: top;
}

/* Компоненты карточки */
.infobox-above {
	background: #cfe3ff;
	font-size: 120%;
	text-align: center;
}
.infobox-image {
	padding-left: 0;
	padding-right: 0;
	text-align: center;
}
.infobox-header {
	background: #dcebff;
	text-align: center;
}
.infobox-below {
	background: #dcebff;
	text-align: center;
}
.infobox-table,
.infobox-tablebox,
.infobox-medals {
	padding: 0;
}
.infobox-inner-table,
.infobox-table > table,
.infobox-tablebox > table,
.infobox-medals > table {
	width: 100%;
	display: table;
	margin: 0;
	background: transparent;
}
.infobox-tablebox > table {
	background: #ffffff;
	border: 1px solid #a2a9b1;
}
.infobox-medals > table {
	border-collapse: separate;
}
.infobox-medals .NavFrame {
	padding: 0;
	border: none;
	font-size: 100%;
}
.infobox-medals .NavFrame .NavHead {
	padding: 1px 5em;
}
.infobox-medals .NavFrame .NavToggle {
	position: absolute;
	top: 1px;
	right: 1px;
}
.infobox-medals .NavFrame .NavContent {
	font-size: 95%;
}

/* Встраиваемая карточка */
.infobox-child {
	width: 100%;
	margin: 0;
	padding: 0;
	border: none;
	font-size: 100%;
}

/* Списки в карточках */ 
.infobox th:not(.noplainlist) > ul,
.infobox td:not(.noplainlist) > ul,
.infobox [data-wikidata-property-id] > ul {
	list-style-type: none;
	list-style-image: none;
	margin: 0;
}
.infobox .noplainlist > ul:first-child {
	margin-top: 0;
}
.infobox th > ol,
.infobox td > ol,
.infobox [data-wikidata-property-id] > ol {
	margin: 0 0 0 2em;
}
.infobox th > dl,
.infobox td > dl,
.infobox [data-wikidata-property-id] > dl {
	margin: 0;
}
.infobox li,
.infobox dt,
.infobox dd {
	margin-bottom: 0;
}
.infobox th > ol.references,
.infobox td > ol.references {
	line-height: 1.25em;
}
.infobox th > ol.references li,
.infobox td > ol.references li {
	margin-bottom: 0.1em;
}
.infobox th > ol.references li:last-child,
.infobox td > ol.references li:last-child {
	margin-bottom: 0;
}

/* ToDo: temporarily fix */
.infobox td p {
	margin: 0 !important;
}

.infobox small,
.navbox small {
	font-size: 90%;
}

/* СКРЫТЫЙ ---------------------------------------- */

/* {Навигационная полоса}, {Hider}, ... */
div.NavFrame {
	margin: 0;
	padding: 2px;
	overflow: hidden;
	border: 1px solid #a2a9b1;
	border-collapse: collapse;
	font-size: 95%;
}
div.NavFrame + div.NavFrame {
	border-top-style: none;
	border-top-style: hidden;
}
div.NavPic {
	background: #fff;
	margin: 0;
	padding: 2px;
	float: left;
}
div.NavFrame div.NavHead {
	text-align: center;
	font-weight: bold;
	font-size: 100%;
	background: #eaecf0;
	position: relative;
}
div.NavFrame div.NavContent {
	overflow-x: auto;
	overflow-y: hidden;
	clear: both;
}
div.NavFrame p,
div.NavFrame div.NavContent,
div.NavFrame div.NavContent p {
	font-size: 100%
}
a.NavToggle {
	float: right;
	margin-right: 3px;
	font-weight: normal;
	font-size: 90%;
}

/* НАВИГАЦИОННЫЙ ШАБЛОН --------------------------- */

/* Default style for navigation boxes */
.navbox {					 /* Navbox container style */
	box-sizing: border-box;
	border: 1px solid #a2a9b1;
	width: 100%;
	margin: 1em auto 0; /* Prevent preceding content from clinging to navboxes */
	clear: both;
	font-size: 90%;
	text-align: center;
	padding: 3px;
}
.navbox-inner,
.navbox-subgroup {
	width: 100%;
}
.navbox-group,
.navbox-title,
.navbox-abovebelow {
	padding: 0.25em 1em;	  /* Title, group and above/below styles */
	text-align: center;
}
.navbox-title {
	line-height: 1.6em;	   /* Standard 1.6em for title */
}

/* cell spacing for navbox cells */
tr + tr > .navbox-abovebelow,
tr + tr > .navbox-group,
tr + tr > .navbox-image,
tr + tr > .navbox-list {	/* Borders above 2nd, 3rd, etc. rows */
	border-top: 2px solid #fdfdfd; /* Must match background color */
}

th.navbox-group {			 /* Group style */
	white-space: nowrap;
	/* @noflip */
	text-align: right;
}
.navbox,
.navbox-subgroup {
	background: #fdfdfd;	  /* Background color */
}
.navbox-list {
	border-color: #fdfdfd;	/* Must match background color */
}
.navbox th,
.navbox-title {
	background: #cfe3ff;	  /* Level 1 color */
}
.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title {
	background: #dcebff;	  /* Level 2 color */
}
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
	background: #eaf3ff;	  /* Level 3 color */
}
.navbox-even {
	background: #f5f5f5;	  /* Even row striping */
}
.navbox-odd {
	background: transparent;  /* Odd row striping */
}
.navbox .hlist td dl,
.navbox .hlist td ol,
.navbox .hlist td ul,
.navbox td.hlist dl,
.navbox td.hlist ol,
.navbox td.hlist ul {
	padding: 1px 0 0;	   /* Adjust hlist padding in navboxes */
}
.navbox .navbox {
	margin-top: 0;			/* No top margin for nested navboxes */
}
.navbox + .navbox {
	margin-top: -1px;		 /* Single pixel border between adjacent navboxes */
}

/* Default styling for Navbar template */
.navbar {
	display: inline;
	font-size: 11px;
	font-weight: normal;
}
.navbar ul {
	display: inline;
	white-space: nowrap;
}
.mw-body-content .navbar ul {
	line-height: inherit;
}
.navbar.mini {
	word-spacing: -0.1em;
}
.navbar.mini span abbr[title] {
  border-bottom: none;
  text-decoration: none;
  cursor: inherit;
}

/* Navbar styling when nested in infobox and navbox */
.infobox .navbar {
	font-size: 100%;
}
.navbox .navbar {
	display: block;
	font-size: 100%;
}
.navbox-title .navbar {
	/* @noflip */
	float: left;
	/* @noflip */
	text-align: left;
	/* @noflip */
	margin-right: 0.5em;
	width: 5em;
}

/* [[Шаблон:Coord]] ------------------------------- */

#mw-indicator-0-coord + .mw-indicator {
	border-left: 1px solid #A7D7F9;
	margin-left: 0.25em;
	padding-left: 0.5em;
}

.mw-body-content .geo-services {
	font-size: 82%;
}

.geo-services a > span {
	margin: 0.25em;
}
.geo-services > :first-child a > span {
	margin-left: 0.4em;
}

.geo-geo-dec .geo-dec,
.geo-geo-dms .geo-dms {
	display: inline;
}
.geo-geo-dec .geo-dms,
.geo-geo-dms .geo-dec,
.geo-multi-punct {
	display: none;
}
.geo-lat,
.geo-lon {
	white-space: nowrap;
}

/* ================================================
   СТРАНИЦЫ
   ================================================ */

/* [[Заглавная страница]] ------------------------- */

body.page-Заглавная_страница #ca-current,
body.page-Заглавная_страница #ca-delete,
body.page-Заглавная_страница #t-cite,
body.page-Заглавная_страница #catlinks,
body.page-Заглавная_страница #lastmod,
body.page-Заглавная_страница #footer-info-lastmod,
body.page-Заглавная_страница.action-view #siteSub,
body.page-Заглавная_страница.action-view #contentSub,
body.page-Заглавная_страница.action-view #contentSub2,
body.page-Заглавная_страница.action-view #mw-data-after-content {
	display: none !important;
}

/*
 * Костыли-префиксы для поддержки устаревших браузеров заглавной страницей
 * Будут переведены на TemplateStyles, см. [[phab:T162379]]
*/
.main-top-right > ul {
	display: -webkit-box;
	display: -webkit-flex;
	-webkit-flex-wrap: wrap;
}

.main-featuredLists > .main-featuredLists-item {
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-webkit-column-break-inside: avoid;
	display: -webkit-box;
	display: -webkit-flex;
}

.main-featuredLists-item > img {
	-webkit-box-flex: 0;
	-webkit-flex: 0 auto;
}

.main-footer {
	display: -webkit-box;
	display: -webkit-flex;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
}

.main-footer-actions {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
}

.main-footer-actions > ul {
	-webkit-box-align: center;
	-webkit-align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
}

.main-footer-menu {
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	display: -webkit-box;
	display: -webkit-flex;
}

.main-footer-menuToggle {
	-webkit-box-align: center;
	-webkit-align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
}

.main-wikimedia-list {
	-webkit-column-count: 4;
	-webkit-column-width: 15em;
}

.main-wikimedia-list > .main-wikimedia-listItem {
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-webkit-column-break-inside: avoid;
	display: -webkit-box;
	display: -webkit-flex;
}

.main-wikimedia-listItem > img {
	-webkit-box-flex: 0;
	-webkit-flex: 0 auto;
}

.main-wikimedia-listItem > a {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
}

@media (max-width: 719px) {
	.main-wikimedia-list {
		-webkit-column-width: 10em;
	}
}

@media (min-width: 1000px) {
	.main-wrapper {
		display: -webkit-box;
		display: -webkit-flex;
	}

	.main-wrapper-column {
		-webkit-box-flex: 1;
		-webkit-flex: 1;
	}

	.main-top {
		-webkit-box-align: center;
		-webkit-align-items: center;
		display: -webkit-box;
		display: -webkit-flex;
	}

	.main-top-left {
		background-image: -webkit-linear-gradient(left, #f8f9fa 0%, #f8f9fa 70%, rgba(248, 249, 250, 0) 100%);
		-webkit-box-flex: 3;
		-webkit-flex: 3;
	}
	
	.main-top-right {
		-webkit-box-flex: 2;
		-webkit-flex: 2;
	}

	.main-top-right > ul {
		-webkit-box-align: center;
		-webkit-align-items: center;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-webkit-flex-direction: row-reverse;
		-webkit-box-pack: left;
		-webkit-justify-content: left;
	}
}
/*