MediaWiki:Common.css

/* Этот набор стилей включается в отдельные css-файлы других шкурок.
 *
 *    @import-строки (подключение внешних CSS) должны быть первыми среди стилей.
 *
 */

/*  Включаем полосу прокрутки при отображении разности версий статей,
 *  если полоса прокрутки необходима.
*/
pre,
td.diff-context div,
td.diff-deletedline div,
td.diff-addedline div { overflow: auto; }

/* Список сносок надо заставить выглядеть меньше */
.references-small {font-size:90%}

/* highlight focused footnotes and references in some browsers */
sup.reference:target, ol.references li:target, .highlight-target:target, cite:target, span.citation:target {background:#DEF}
sup.reference:target {font-weight:bold}
/* scrollable references */
.references-scroll {
    overflow: auto;
    padding: 3px;
}
 
/* fix for line-breaking references */
sup, sub {line-height:1em}

.notice { margin: 1em 1em 1em 20%; padding: 0.2em; }
#disambig { border-top: 3px double #cccccc; border-bottom: 3px double #cccccc; }
#spoiler  { border-top: 2px solid  #dddddd; border-bottom: 2px solid  #dddddd; }
.Talk-Notice {border: 1px solid #C0C090;
              background-color: #F8EABA;
              width: 85%;
              border-spacing: 3px;
              margin-bottom: 3px; margin-left: auto; margin-right: auto; }
.Talk-Notice td { background: inherit; }
.Use_Default_Date_Convention { display: inline; }
.Use_AD_and_BC  { display: none; }
.Use_BCE_and_CE { display: none; }
.plainlinksneverexpand { background: none; padding: 0; }
.plainlinksneverexpand .urlexpansion { display: none; }
.plainlinksneverexpand a { background: none; padding: 0; }
.plainlinksneverexpand a.external.text:after { display: none; }
.plainlinksneverexpand a.external.autonumber:after { display: none; }

#bodyContent .plainlinksneverexpand a { background: none; padding: 0; }

.messagebox {border:thin solid #dedede;background-color:#f7f7f7;margin-bottom:1em;padding:.4em;vertical-align:middle;font-size: 90%}
.messagebox.merge {border: 1px solid #cf9fff;background-color: #f5edf5;text-align: center}
.messagebox.cleanup {border: 1px solid #9f9fff;background-color: #efefff;text-align: center}
.messagebox.standard-talk {border: 1px solid #c0c090;background-color: #f8eaba}
.messagebox .floatleft{vertical-align:middle;clear:both;margin:2px;padding:0;}
.messagebox .image{margin:0;padding:0;}

.infobox {border: 1px solid #aaaaaa;
          background-color: #f9f9f9;
          margin-bottom: 0.5em; margin-left: 1em;
          padding: .4em;
          float: right; clear: right;
          font-size: 90%; width: 18em; vertical-align: middle; }

/* Это для рамок-ссылок на Вики-сайты */
.infobox.sisterproject {background-color:#f9fafd}

/* {{lj user}}, {{lj comm}}, {{lj synd}} */
.lj a { text-decoration: underline; font: bold small Verdana; background: none !important; padding: 0 !important; }
.lj img { vertical-align: -2px; }
/* {{hh user}} */
.habr { white-space: nowrap; }
.habr a { background: none !important; padding: 0 !important; }
.habr img { vertical-align: baseline; }
/* {{fs user}} */
.formspring { white-space: nowrap; }
.formspring a { background: none !important; padding: 0 0 0 1px !important; }
.formspring img { vertical-align: -2px; }
/* KML */
.GoogleEarthPlacemark img { vertical-align: middle; }
/* изображения, которые нужно выровнять по базовой линии текста */
.val-1 img { vertical-align: -1px; }
.val-2 img { vertical-align: -2px; }
.val-3 img { vertical-align: -3px; }
/* гиперссылки magnet: */
#bodyContent a.external[href ^="magnet:"]{
   background: url("https://upload.wikimedia.org/wikipedia/commons/c/c2/Magnet-icon.gif") center right no-repeat;
   padding-right: 16px;
}

.IPA {font-family: 'Chrysanthi Unicode', 'Doulos SIL', Gentium, GentiumAlt, Code2000, 'TITUS Cyberbit Basic', 'DejaVu Sans', 'Bitstream Vera Sans', 'Bitstream Cyberbit', 'Arial Unicode MS', 'Lucida Sans Unicode', 'Hiragino Kaku Gothic Pro', 'Matrix Unicode';font-family /**/:inherit}

.Unicode {font-family: 'TITUS Cyberbit Basic', Code2000, 'Doulos SIL', 'Chrysanthi Unicode', 'Bitstream Cyberbit', 'Bitstream CyberBase', 'Bitstream Vera', Thryomanes, Gentium, GentiumAlt, 'Visual Geez Unicode', 'Lucida Grande', 'Arial Unicode MS', 'Microsoft Sans Serif', 'Lucida Sans Unicode'; font-family /**/:inherit}

.polytonic {font-family: Athena, Gentium, 'Palatino Linotype', 'Arial Unicode MS', 'Lucida Sans Unicode', 'Lucida Grande', Code2000; font-family /**/:inherit}

#wpSave {font-weight: bold}

blockquote { margin: 0.7em 0 0.7em 5%; padding: 0.7em 2% 0.7em 4%; background-color: #f5f5f5; }
blockquote.quoteTemplate { /* [[шаблон:цитата]] */
   margin-left:  0;  margin-right:  0;
   padding-left: 0;  padding-right: 0;
   background-color: inherit;
}

table.toccolours { text-align: center; } /* может напортить! */
table.toccolours th { background-color: #ccccff; }

/* См. Правила оформления таблиц */
table.simple {border-color: rgb(170,170,170); border-collapse: collapse}
table.simple th, table.simple td {border-color: rgb(170,170,170); padding-left: 0.2em; padding-right: 0.2em}

table.standard, table.wide, table.wikitable, table.standart { border: 1px solid rgb(170,170,170);
border-collapse: collapse; }

table.standard th, table.wide th, table.wikitable th, table.standart th {border: 1px solid rgb(170,170,170);
padding-left: 0.2em; padding-right: 0.2em; background-color: #EEEEFF; }

table.standard td, table.wide td, table.wikitable td, table.standart td {border: 1px solid rgb(170,170,170);
padding-left: 0.2em; padding-right: 0.2em; }

table.standard caption, table.wide caption, table.wikitable caption, table.standart caption, table.tiles caption
{font-weight: bold; padding-top: 0.2em; padding-bottom: 0.2em; }

table.wide {width: 100%; }

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

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 {background-color: #F0F0F0}
tr.shadow td {background-color: #F0F0F0}
tr.dark th {background-color: #CCCCCC}
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 {background-color: #F0F0F0}
table td.shadow {background-color: #F0F0F0}
table th.dark {background-color: #CCCCCC}
table td.dark {background-color: #CCCCCC} 

table th.transparent {background-color: transparent}
table td.transparent {background-color: transparent}

/* Добавление прозрачным изображениям клетчатого фона */
#file img {background: url("https://upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png") repeat;}

.allpagesredirect { font-style: italic; }

/*  {{Строчный блок}}
 *  https://habrahabr.ru/blogs/css/96152/
 *  ↑ https://www.smashingmagazine.com/2010/06/10/50-new-useful-css-techniques-tools-and-tutorials/
 *    ↑ https://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/
 *      ↑ первоисточник
*/
.lineBlock {
   border: 0; margin: 0.3em 0.15em; padding: 0;

   display: -moz-inline-stack; /* ← Firefox 2 backwards compatibility */
   display: inline-block;
   vertical-align: top;

   /* ↓ IE6 & IE7 «hasLayout» voodoo */
   zoom: 1;
   *display: inline;
   /* ↑ IE6 & IE7 starhack ← https://www.ejeliot.com/blog/63 */
}
.lineBlock DIV.lbInner {
   margin: 0; border: 0; padding: 0;
}
.lineBlock div.tright {
  margin: 0;
}

/* Для [[Шаблон:Навигационная полоса|навигационных полос]] (из нем. Википедии) */
/*добавление Stylesheet для обычных навигационных полос */
 
div.Boxmerge,
div.NavFrame {
        margin: 0px;
        padding: 2px;
        border: 1px solid #aaa;
        text-align: center;
        border-collapse: collapse;
        font-size: 95%;
}
div.Boxmerge div.NavFrame {
        border-style: none;
        border-style: hidden;
}
div.NavFrame + div.NavFrame {
        border-top-style: none;
        border-top-style: hidden;
}
div.NavPic {
        background-color: #fff;
        margin: 0px;
        padding: 2px;
        float: left;
}
div.NavFrame div.NavHead {
        height: 1.6em;
        font-weight: bold;
        font-size: 100%;
        background-color: #efefef;
        position:relative;
}
div.NavFrame p {
        font-size: 100%;
}
div.NavFrame div.NavContent {
        font-size: 100%;
}
div.NavFrame div.NavContent p {
        font-size: 100%;
}
div.NavEnd {
        margin: 0px;
        padding: 0px;
        line-height: 1px;
        clear: both;
}
div.NavShow, div.NavHide {
		display: none;
}
a.NavToggle {
        position:absolute;
        top:0px;
        right:3px;
        font-weight:normal;
        font-size:smaller;
}

.warningbox{
 background:#FFFF99;
 border:1px solid #EEEE00;
 padding:10px 10px 10px 60px;
 background-image:url('https://upload.wikimedia.org/wikipedia/commons/thumb/6/62/Nuvola_apps_important.png/40px-Nuvola_apps_important.png');
 background-position:10px center;
 background-repeat:no-repeat;
 vertical-align:middle;
 font-size:smaller;
 min-height:55px;
}

.informationbox{
 background:#F4FBFF;
 border:1px solid #D5D9E6;
 padding:10px 10px 10px 60px;
 background-image:url('https://upload.wikimedia.org/wikipedia/commons/thumb/2/28/Information.svg/40px-Information.svg.png');
 background-position:10px center;
 background-repeat:no-repeat;
 vertical-align:middle;
 font-size:smaller;
 min-height:55px;
}

.diffchange {
  border: 1px dotted #AAAAAA;
}

.dablink {
    font-style: italic;
    padding-left: 2em;
}
 
.dablink i {
    font-style: normal;
}

.stickybox {
    margin-top: 1.5em;
}

.stickybox + .stickybox {
    margin-top: 0;
}

small{font-size:90%}

/* Уменьшение высоты линии верхних и нижних индексов */
sup, sub {
    line-height: 1;
}

/*   Увеличение высоты того многострочного поля ввода,
 *   в которое вписывают описание загружаемого файла:
 */
#wpUploadDescription {
    height: 13em;
}

/* Перенос длинных строк моноширинного шрифта или кода.
 *     Невозбранно национализировано с /lm/:
 */
pre {
    white-space: -o-pre-wrap;
    white-space: pre-wrap;
   	/* Ширина табуляции: */
	tab-size: 4 !important;
	-moz-tab-size: 4 !important;
	-o-tab-size: 4 !important;
}

/* [[Шаблон:Right-uppermost image]] */
.floating_object {
 position: absolute;
 right: 10px;
 top: 10px;
 z-index: 100;
 overflow: hidden;
}

#p-logo { z-index: 1; } /* логотип не должен налезать на подсказку */

/* Одинаковый отступ нумерованных и маркированных списков и определений глоссария */
#bodyContent ol, #bodyContent ul, #bodyContent dd {
   margin-left: 2.4em;
} /* но не у оглавлений: */
#bodyContent .toc ul { margin-left: 0; }
#bodyContent .toc ul ul { margin-left: 1.5em; }


/* Карта [[WikiLeaflet]] */
.wldata, .wikileaf .wldata * { display: none; }
.leafletLabel {
   font-size: 10px;
   line-height: 1;
   font-family: "PT Sans Caption", "Helvetica Neue", Arial, Helvetica, sans-serif;
   position: absolute;
   text-align: left;
   color: #000000;
   text-shadow:
      2px 2px 1px #ffffff,
      2px 0 1px #ffffff,
      2px -2px 1px #ffffff,
      0 -2px 1px #ffffff,
      -2px -2px 1px #ffffff,
      -2px 0 1px #ffffff,
      -2px 2px 1px #ffffff,
      0 2px 1px #ffffff;
}
/*
 * Нормальное выравнивание списков тайлов, даже когда карта в строчном блоке:
 */
.leaflet-control-layers-base {
	text-align: left !important;
}
/*
 * Поля всплывающих подсказок  на·карте:
 */
.leaflet-popup-content h2,
.leaflet-popup-content h3 {
    margin-top: -2ex;
}
/*
 * Таблицы во всплывающих подсказках на карте:
 */
.leaflet-popup-content table {
    font-size: x-small;
    border-collapse: collapse;
}
.leaflet-popup-content table tr {
    margin: 0px;
}
.leaflet-popup-content table th,
.leaflet-popup-content table td {
    color: #003060;
    margin: 0px;
    padding: 0.25ex 0.5em;
    border-top: solid thin #B0D0FF;
    vertical-align: top;
    text-align: left;
}
.leaflet-popup-content table th {
    border-right: solid thin #B0D0FF;
}
.leaflet-popup-content table tr:first-child td,
.leaflet-popup-content table tr:first-child th {
    border-top: none;
}

/*  Серая рамка вокруг карты на заглавной странице:  */
.page-Заглавная_страница .wikileaf,
.page-Шаблон_Карта_дня .wikileaf {
   border: 1px solid #cccccc !important;
}


/*
 * Кавычки
 */
q, :lang(ru) q, q:lang(ru) {
    quotes: "\00AB" "\00BB" "\201E" "\201D";
    font-style: normal;
    font-family: inherit;
}
:lang(de) q, q:lang(de) {
    quotes: "\00BB" "\00AB" "\201E" "\201D"; 
}
:lang(en) q, q:lang(en) {
    quotes: "\201C" "\201D" "\2018" "\2019";
}
/*
 * Свежие правки:
 */
div#mw-content-text div.congratulation {
	border: solid 2px;
	text-align: center;
	font-weight: bold;
	padding: 5px 4px;
	margin: 1em 0;
}
div#mw-content-text div.xmas {
	color: #404080;
	border-color: #404080;
	background: #B0B0FF;
}
div#mw-content-text div.easter {
	color: #909040;
	border-color: #909040;
	background: #FFFFC0;
}

/*
 * Навигационные таблицы
 */
/* Default style for navigation boxes */
.navbox {                     /* Navbox container style */
    background: #f9f9f9;
    border: 1px solid #aaa;
    clear: both;
    font-size: 90%;
    margin: 1em 0em 0em;
    padding: 2px;
    width: 100%;
    margin: auto;
}
.navbox-inner,
.navbox-subgroup {
    width: 100%;
}
.navbox-group,
.navbox-title,
.navbox-abovebelow {
    padding: 0.25em 1em;      /* Title, group and above/below styles */
    line-height: 1.5em;
    text-align: center;
}
th.navbox-group {             /* Group style */
    white-space: nowrap;
    /* @noflip */
    text-align: right;
}
.navbox,
.navbox-subgroup {
    background: #fdfdfd;      /* Background color */
}
.navbox-list {
    line-height: 1.8em;
    border-color: #fdfdfd;    /* Must match background color */
}
.navbox th,
.navbox-title {
    background: #ccccff;      /* Level 1 color */
}
.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title {
    background: #ddddff;      /* Level 2 color */
}
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
    background: #e6e6ff;      /* Level 3 color */
}
.navbox-even {
    background: #f7f7f7;      /* Even row striping */
}
.navbox-odd {
    background: transparent;  /* Odd row striping */
}
table.navbox + table.navbox {  /* Single pixel border between adjacent navboxes */
    margin-top: -1px;          /* (doesn't work for IE6, but that's okay)       */
}
.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: 0.125em 0;       /* Adjust hlist padding in navboxes */
}
ol + table.navbox,
ul + table.navbox {
    margin-top: 0.5em;        /* Prevent lists from clinging to navboxes */
}
/* Style for horizontal lists (separator following item) */
.skin-monobook .hlist dl,
.skin-modern .hlist dl,
.skin-vector .hlist dl {
    line-height: 1.5em;
}
.hlist dl,
.hlist ol,
.hlist ul {
    margin: 0;
}
.hlist dd,
.hlist dt,
.hlist li { 
    display: inline;
    margin: 0;
}
/* Display nested lists inline */
.hlist dl dl,
.hlist ol ol,
.hlist ul ul {
    display: inline;
}
/* Generate interpuncts */
.hlist dt:after {
    content: ":";
}
.hlist dd:after,
.hlist li:after {
    content: " •";
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
    content: none;
}
/* for IE 8 */
.hlist dd.hlist-last-child:after,
.hlist dt.hlist-last-child:after,
.hlist li.hlist-last-child:after {
    content: none;
}
/* Add parens around nested lists */
.hlist dl dl dd:first-child:before,
.hlist ol ol li:first-child:before,
.hlist ul ul li:first-child:before {
    content: "(";
}
.hlist dl dl dd:last-child:after,
.hlist ol ol li:last-child:after,
.hlist ul ul li:last-child:after {
    content: ")";
    font-weight: normal;
}
/* For IE8 */
.hlist dl dl dd.hlist-last-child:after,
.hlist ol ol li.hlist-last-child:after,
.hlist ul ul li.hlist-last-child:after {
    content: ")";
    font-weight: normal;
}
/* Put numbers in ordered lists */
.hlist.hnum ol li {
    counter-increment: level1;
}
.hlist.hnum ol li:before {
    content: counter(level1) " ";
}
.hlist.hnum ol ol li {
    counter-increment: level2;
}
.hlist.hnum ol ol li:first-child:before {
    content: "(" counter(level2) " ";
}
.hlist.hnum ol ol li:before {
    content: counter(level2) " ";
}

/*
 * Десятичные координаты скрыть:
 */
 .geo-default { display: inline }
 .geo-nondefault { display: none }
 /*
  * в·личных скриптах можно использовать:
  * .geo-dec { display: none }
  * .geo-dms { display: inline }
  *
  */

/*
 * Выделение ссылки на обсуждение
 */
#ca-talk, #ca-talk a {
	background-color: #01a89e !important;
	font-weight: bold !important;
	color: white !important;
}

/*
 * Диаграмма результатов опроса:
 */
.image-choice-1, .image-choice-2, .image-choice-3, .image-choice-4, .image-choice-5,
.image-choice-6, .image-choice-7, .image-choice-8, .image-choice-9 {
	border: none;
}

/* Стили нового слайдера */
.swiper-container {
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: center;
}
.red-slide {
  background: #ca4040;
}
.blue-slide {
  background: #4390ee;
}
.orange-slide {
  background: #ff8604;
}
.green-slide {
  background: #49a430;
}
.pink-slide {
  background: #973e76;
}
.swiper-slide .title {
  font-style: italic;
  font-size: 42px;
  margin-top: 80px;
  margin-bottom: 0;
  line-height: 45px;
}
.pagination {
  position: absolute;
  z-index: 20;
  left: 10px;
  bottom: 10px;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #222;
  margin-right: 5px;
  opacity: 0.8;
  border: 1px solid #fff;
  cursor: pointer;
}
.swiper-visible-switch {
  background: #aaa;
}
.swiper-active-switch {
  background: #fff;
}

/* carousel */
.jcarousel {
    position: relative;
    overflow: hidden;
}
 
.jcarousel-wrapper {
	max-width: 1200px;
	width: 100%;
    margin: 0;
    position: relative;
}
 
.jcarousel .jcarousel-list {
    width: 20000em;
    position: relative;
    margin: 0;
    padding: 0;
}
 
.jcarousel .jcarousel-item {
    float: left;
}
 
.jcarousel-item img {
    display: block;
    max-width: 100%;
    height: auto !important;
}
 
.jcarousel-control-prev,
.jcarousel-control-next {
    position: absolute;
    top: 45%;
    width: 30px;
    height: 30px;
    text-align: center;
    background: #fff;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 24px/27px Arial, sans-serif;
    -webkit-border-radius: 30px;
       -moz-border-radius: 30px;
            border-radius: 30px;
    -webkit-box-shadow: 0 0 2px #999;
       -moz-box-shadow: 0 0 2px #999;
            box-shadow: 0 0 2px #999;
}
 
.jcarousel-control-prev {
    left: -15px;
}
 
.jcarousel-control-next {
    right: -15px;
}
 
.jcarousel-control-prev:hover span,
.jcarousel-control-next:hover span {
    display: block;
}
 
.jcarousel-control-prev.inactive,
.jcarousel-control-next.inactive {
    opacity: .5;
    cursor: default;
}
 
.jcarousel-pagination {
    position: absolute;
    top: 10px;
    left: 15px;
}
 
.jcarousel-pagination a {
    text-decoration: none;
    display: inline-block;
    font-size: 11px;
    line-height: 14px;
    min-width: 14px;
    background: #fff;
    color: #4E443C;
    border-radius: 14px;
    padding: 3px;
    text-align: center;
    margin-right: 2px;
    opacity: .75;
}
 
.jcarousel-pagination a.active {
    background: #4E443C;
    color: #fff;
    opacity: 1;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);
}
.mf-mobile-only{
	display:none;
}
.banner-box {
    color: white;
    margin-top: 2.5em;
    min-width: 20em;
    position: absolute;
    text-shadow: 0.3em 0.3em 1em black, -0.1em -0.1em 1em black;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 2;
}
.banner-image {
    height: auto;
    margin-bottom: 0.6em;
    max-width: 1125px;
    overflow: hidden;
    position: relative;
}
.banner-box-left, .banner-box-right {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
    /* border-radius: 4px; */
    padding: 8px 7px;
    text-shadow: none;
    /* width: 40%; */
}

.banner-box-left {
    /* left: 3%; */
    text-align: left;
}

.banner-box .name {
    font-size: 1.5em;
    line-height: 1.2em;
    color: white;
    /* white-space: nowrap; */
}
.banner-box .type {
    font-size: 2em;
    line-height: 1.2em;
    display: none;
}
.banner-box .quote {
    font-size: 1em;
    line-height: 1.2em;
    display:none;
}

/* Не подчеркивать ссылки с заголовков */
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover {
	text-decoration: none;
}

div.tleft {
    margin: 0.5em 1.4em 0.5em 0;
}

html .thumbcaption {
    padding: 0 !important;
}

.img-responsive {
	width: 100%;
	height: auto;
	display: block;
}

.video-responsive {
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
border:1px solid #ccc;
}
.video-responsive .embedvideo {
	width: 100%!important;
}
.video-responsive iframe, .video-responsive object, .video-responsive embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

.nohover a:hover {
	text-decoration: none !important;
}

/* Голосование */
.poll table { 
    border-spacing: 0 3px !important;
    border-collapse: separate;
}

.poll tr {
	background-position: bottom left;
	background-size: auto 6px;
	background-repeat: no-repeat;
}