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

MediaWiki:Common.css

Материал из Викисловаря

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

  • Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
  • Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
  • Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
  • Opera: Нажмите Ctrl+F5.
/** Размещённый здесь CSS будет применяться ко всем темам оформления */

  /************************/
  /* CommonsTicker styles */
  /************************/
 
  /* links */
  .tickerDiffLink { } /* diff links in ticker */
  .tickerMiscLink { } /* misc links in ticker */
 
  /* remove list bullets */
  .tickerList ul,    .tickerList ul li    { list-style: none; text-indent:-2em; margin-left:2em;   text-align:left; }
  .tickerList ul ul, .tickerList ul ul li { list-style: none; text-indent:0;    margin-left:1.5em; text-align:left; }

  /* per-type styles */
  .tickerEntry_deleted     { }  /* entry for image deletion */
  .tickerEntry_restored    { }  /* entry for restored image */
  .tickerEntry_replaced    { }  /* entry for image replacement */
  .tickerEntry_tagged      { }  /* entry for adding/removing problem tags */
  .tickerEntry_redir       { }  /* entry for critical redirection (fot tag redirects) */
  .tickerEntry_recat       { }  /* entry for critical re-categorization (for tag categories) */
  .tickerEntry_notify      { }  /* entry for global notifications */
  .tickerEntry_changed     { }  /* entry for generic change */

  /* per-status styles */
  .tickerStatus_done     { text-decoration:line-through; }  /* strike through when entry has been handeled */

  /* per-action styles */
  .tickerAction_deleted:before     { content:" GONE "; color: #FF0000; font-family:monospace; font-weight:bold; font-size:100%; }  
  .tickerAction_restored:before    { content:" BACK "; color: #00BB00; font-family:monospace; font-weight:bold; font-size:100%; }  
  .tickerAction_deletedRev:before  { content:" -OLD "; color: #DDAAAA; font-family:monospace; font-weight:bold; font-size:100%; }  
  .tickerAction_replaced:before    { content:" REPL "; color: #CC88FF; font-family:monospace; font-weight:bold; font-size:100%; }  
  .tickerAction_replacedOwn:before { content:" UPDT "; color: #EEAAFF; font-family:monospace; font-weight:bold; font-size:100%; }  
  .tickerAction_addedBad:before    { content:" +VfD "; color: #FF8800; font-family:monospace; font-weight:bold; font-size:100%; }  
  .tickerAction_removedBad:before  { content:" -VfD "; color: #00BB00; font-family:monospace; font-weight:bold; font-size:100%; }  
  .tickerAction_addedGood:before   { content:" +OK  "; color: #00BB00; font-family:monospace; font-weight:bold; font-size:100%; }  
  .tickerAction_removedGood:before { content:" -OK  "; color: #FF8800; font-family:monospace; font-weight:bold; font-size:100%; }

  /* ticker usage list */
  .tickerUsage  { font-size:80%; }  

  /* entry applies to a template used by multiple images */
  .tickerTemplateEntry    { font-weight: bold; } 

  /* entry applies to sub-entries, i.e. images that use a specific template */
  .tickerSubEntry         { }                       

  /* minor entry styles */ 
  .tickerMinorEntry  { color:#666; }     /* minor entry */
  .tickerMinorEntry a,
  .tickerMinorEntry a:link,
  .tickerMinorEntry a:visited { color:#669; }
  #bodyContent .tickerMinorEntry a.extiw,
  #bodyContent .tickerMinorEntry a.extiw:link,
  #bodyContent .tickerMinorEntry a.extiw:visited { color:#669; }

/* International Phonetic Alphabet */
.IPA {
  font-family: Gentium, GentiumAlt, DejaVu Sans, Segoe UI, Lucida Grande, Charis SIL, Doulos SIL, TITUS Cyberbit Basic, Code2000, Lucida Sans Unicode, sans-serif;
  text-decoration: none;
  font-size: 110%;
}

/* References */
ol.references {font-size:100%}
.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;
}

/* Class for links with loudspeaker icon next to them */
 
.audiolink a {
    background: url("//upload.wikimedia.org/wikipedia/commons/thumb/8/8a/Loudspeaker.svg/16px-Loudspeaker.svg.png") center left no-repeat !important;
    padding-left: 20px !important;
    padding-right: 0 !important;
}
.audiolink .ogg-player-options {
   border: none;
   white-space: pre;
}

.client-js .mw-edittools-section {
	display: inline;
}

.client-js .audiometa {
   display: none;
}

.client-nojs .audiofile {
    display: none;
}

/* hide subtitle button on audio player */
.vjs-control-bar > .vjs-subs-caps-button {
  visibility: hidden;
  width: 0;
}

/* Standard Navigationsleisten, aka box hiding thingy from .de.*/

  div.Boxmerge,
  div.NavFrame {
          margin: 0px;
          padding: 2px;
          border: 1px solid #aaaaaa;
          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: #ffffff;
          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;
  }
  a.NavToggle {
          position:absolute;
          top:0px;
          right:3px;
          font-weight:normal;
          font-size:smaller;
  }
  
/* wikitable is part of core. prettytable is deprecated but still used in some
	places, until fully replaced: */  

table.prettytable 
 {margin:1em 1em 1em 0; background:#F9F9F9; border:1px solid #AAAAAA; border-collapse:collapse}
table.prettytable th, table.prettytable td 
 {border:1px solid #AAAAAA; padding:0.2em}
table.prettytable caption 
 {margin-left:inherit; margin-right:inherit; font-size:larger; font-weight:bold}
table.prettytable th 
 {background:#f2f2f2}

/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
th.mbox-text, td.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 */
}
td.mbox-image {                /* The left image cell */
    border: none; 
    /* @noflip */
    padding: 2px 0 2px 0.9em;  /* 0.9em left, 0px right */
    text-align: center; 
}
td.mbox-imageright {           /* The right image cell */
    border: none;
    /* @noflip */
    padding: 2px 0.9em 2px 0;  /* 0px left, 0.9em right */
    text-align: center; 
}
td.mbox-empty-cell {           /* An empty narrow cell */
    border: none;
    padding: 0px;
    width: 1px;
}


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

table.ambox-notice {
    /* @noflip */
    border-left: 10px solid #1e90ff;    /* Blue */
}
table.ambox-speedy {
    /* @noflip */
    border-left: 10px solid #b22222;    /* Red */
    background: #fee;                   /* Pink */
}
table.ambox-delete {
    /* @noflip */
    border-left: 10px solid #b22222;    /* Red */
}
table.ambox-content {
    /* @noflip */
    border-left: 10px solid #f28500;    /* Orange */
}
table.ambox-style {
    /* @noflip */
    border-left: 10px solid #f4c430;    /* Yellow */
}
table.ambox-move {
    /* @noflip */
    border-left: 10px solid #9932cc;    /* Purple */
}
table.ambox-protection {
    /* @noflip */
    border-left: 10px solid #bba;       /* Gray-gold */
}

/* Image message box styles */
table.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;
}

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

/* Category message box styles */
table.cmbox {
    margin: 3px 10%;
    border-collapse: collapse;
    border: 1px solid #aaa; 
    background: #DFE8FF;    /* Default "notice" blue */
}
 
table.cmbox-notice {
    background: #D8E8FF;    /* Blue */
}
table.cmbox-speedy {
    margin-top: 4px;
    margin-bottom: 4px;
    border: 4px solid #b22222;    /* Red */
    background: #FFDBDB;          /* Pink */
}
table.cmbox-delete {
    background: #FFDBDB;    /* Red */
}
table.cmbox-content {
    background: #FFE7CE;    /* Orange */
}
table.cmbox-style {
    background: #FFF9DB;    /* Yellow */
}
table.cmbox-move {
    background: #E4D8FF;    /* Purple */
}
table.cmbox-protection {
    background: #EFEFE1;    /* Gray-gold */
}

/* Other pages message box styles */
table.ombox {
    margin: 4px 10%; 
    border-collapse: collapse; 
    border: 1px solid #aaa;       /* Default "notice" gray */
    background: #f9f9f9;
}
 
table.ombox-notice {
    border: 1px solid #aaa;       /* Gray */
}
table.ombox-speedy {
    border: 2px solid #b22222;    /* Red */
    background: #fee;             /* Pink */
}
table.ombox-delete {
    border: 2px solid #b22222;    /* Red */
}
table.ombox-content {
    border: 1px solid #f28500;    /* Orange */
}
table.ombox-style {
    border: 1px solid #f4c430;    /* Yellow */
}
table.ombox-move {
    border: 1px solid #9932cc;    /* Purple */
}
table.ombox-protection {
    border: 2px solid #bba;       /* Gray-gold */
}

/* Talk page message box styles */
table.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.                */
}
 
table.tmbox-speedy {
    border: 2px solid #b22222;    /* Red */
    background: #fee;             /* Pink */
}
table.tmbox-delete {
    border: 2px solid #b22222;    /* Red */
}
table.tmbox-content {
    border: 2px solid #f28500;    /* Orange */
}
table.tmbox-style {
    border: 2px solid #f4c430;    /* Yellow */
}
table.tmbox-move {
    border: 2px solid #9932cc;    /* Purple */
}
table.tmbox-protection,
table.tmbox-notice {
    border: 1px solid #c0c090;    /* Gray-brown */
}
 
/* Disambig and set index box styles */
table.dmbox {
    clear: both; 
    margin: 0.9em 1em; 
    border-top: 1px solid #ccc; 
    border-bottom: 1px solid #ccc; 
    background: transparent;
}
 
/* Footer and header message box styles */
table.fmbox {
    clear: both;
    margin: 0.2em 0;
    width: 100%;
    border: 1px solid #aaa;
    background: #f9f9f9;     /* Default "system" gray */
}
table.fmbox-system {
    background: #f9f9f9;
}
table.fmbox-warning {
    border: 1px solid #bb7070;  /* Dark pink */
    background: #ffdbdb;        /* Pink */
}
table.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. */
body.mediawiki table.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;
}
body.mediawiki table.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;
}

/* lists without bullets */
.plainlist ul {
	list-style: none;
	margin: 0;
}

/* prevent an unwanted break within a multi-column layout */

.multicol li {
  overflow: hidden; /* fix for Firefox */
  page-break-inside: avoid;
  -webkit-column-break-inside: avoid;
}

/* To give a flexible column like structure to manual indices  */
 
ul.index, div.index ul {
  margin: 0.2em;
}
 
ul.index li, div.index ul li {
  float: left;
  width: 20em;
  list-style-type: none;
  margin-left: 0;
  margin-right: 0;
  overflow: hidden;
}
 
.index > .mw-heading {
  display: block;
  clear: both;
}

/* Main Page heading removal */
.page-Викисловарь_Заглавная_страница #contentSub,
.page-Викисловарь_Заглавная_страница #firstHeading {
	display: none; /* NOT important */
}

/* Main page fixes */
#interwiki-completelist {
	font-weight: bold;
}

/* reverse index */
div.reverseindex
{
  counter-reset: item 0;
  margin-right: 10px; left: 10px; 
}

div.reverseindex ol 
{ 
  -moz-column-count:3; 
  -moz-column-gap: 3em;
  -webkit-column-count:3; 
  -webkit-column-gap: 3em;
  column-count:3; 
  column-gap: 3em;
}

div.reverseindex li 
{ 
  display: block;
  position: relative; left: 2.5em;
  text-align: right; 
  width: 10em;
}

div.reverseindex li:before
{
  content: counter(item) ". ";
  counter-increment: item;
  position: absolute; top: auto; left: -2.5em;
  /*display:block;*/
}

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

  /* не преломлять ссылку на заглавную страницу */

  #n-mainpage { white-space:nowrap; }

  /* цветовая маркировка изменений в байтах */

  .mw-plusminus-pos {color:#006400; font-weight: bold; }
  .mw-plusminus-neg {color:#8b0000; font-weight: bold; }

#userSummaryButtonsA a {
  white-space:nowrap;
  background: #C2F2FF;
  border: 1px solid #9BD5F5;
  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
}

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

/* FlaggedRevs */
.mw-fr-reviewlink, .fr-hist-basic-user, .fr-hist-basic-auto {font-weight:normal; font-size:smaller} 
.flaggedrevs-pending {background:#ffc}
.sitedir-ltr div.flaggedrevs_short {float:none; padding:1px}
.sitedir-ltr div.flaggedrevs_short_details {width:95%; display:none}

/* Для правильного отображения карточек в категориях */
div#mw-subcategories {
    display: table;
}

/*Language-specific*/
:lang(chu), :lang(cu), :lang(orv) { 
	font-family: /* Unicode 9.0 Slavonic fonts: */ 'Ponomar Unicode', 'Ponomar Unicode TT', 'Monomakh Unicode', 'Monomakh Unicode TT', 'Fedorovsk Unicode', 'Fedorovsk Unicode TT', 'Menaion Unicode', 'Menaion Unicode TT',
	/* Unicode 5.1 Slavonic fonts: */ BukyVede, 'Hirmos Ponomar', 'Kliment Std', 'RomanCyrillic Std', Dilyana, Menaion, 'Menaion Medieval', Lazov, Code2000, 'DejaVu Sans', 
	/* Unicode fallback: */ Code2001, 'Free Serif', 'TITUS Cyberbit Basic', 'Charis SIL', 'Doulos SIL', 'Chrysanthi Unicode', 'Bitstream Cyberbit', 'Bitstream CyberBase', 
	Thryomanes, 'Lucida Grande', 'Free Sans', 'Arial Unicode MS', 'Microsoft Sans Serif', 'Lucida Sans Unicode' !important; 
	font-size: 14pt;
	line-height: 1;
	font-style: normal !important;
}
:lang(grc), :lang(el) {
	font-style: normal !important;
}
:lang(ar), :lang(fa), :lang(ps), :lang(ur) {
	font-family: "Iranian Sans", Arial Unicode MS, Code2000, Traditional Arabic, sans-serif;
	font-size: 110%;
	direction: rtl;
	unicode-bidi: embed;
	font-style: normal !important;
}
:lang(bo), :lang(tib) {
	font-family: Jomolhari-ID, Tibetan Machine Uni, Tibetan Machine Web, Jomolhari, Microsoft Himalaya, sans-serif;
	font-size: 130%;
}
:lang(egy) {
	font-family: Aegyptus; 
	font-size: 120%;
}
:lang(syc) {
	font-family: 'Estrangelo Edessa', 'San Francisco', 'Code2000', 'Bitstream Cyberbit', 'Bitstream CyberBase', 'Bitstream Vera', 'TITUS Cyberbit Basic', sans-serif;
	font-size: 1.3em;
	direction: rtl;
	unicode-bidi: embed;	
}

/* Watchlist details */
.watchlist-msg {
	float: right;
	clear: right;
	background-color: #f8f9fa;
	border: 1px solid #a2a9b1;
	width: 39em;
	margin: 0.5em 0 0 1em;
	padding: 0.7em 0.9em;
	font-size: 85%;
	line-height: 1.4em;
}

.watchlist-msg-important {
	background: #ffffe0;
}

.watchlist-msg-title {
	float: right;
	font-style: italic;
	margin-left: 0.7em;
}

.watchlist-msg hr {
	color: #fd4;
    background-color: #fd4;
}

.watchlist-msg-close {
	float: right;
	margin-left: 0.5em;
	cursor: pointer;
	color: #04a;
}

.mw-rcfilters-enabled .watchlist-msg,
.mw-rcfilters-enabled .mw-rcfilters-ui-watchlistTopSectionWidget-watchlistDetails .warningbox {
	margin-top: 0.5em;
}

#mw-watchlist-form {
	clear: both;
}

.mw-rcfilters-ui-watchlistTopSectionWidget-watchlistDetails .mw-rcfilters-ui-watchlistTopSectionWidget-editWatchlistButton {
	margin-top: 1em;
	text-align: inherit;
}

.mw-rcfilters-ui-watchlistTopSectionWidget-watchlistDetails .mw-rcfilters-ui-watchlistTopSectionWidget-editWatchlistButton .oo-ui-buttonWidget.oo-ui-buttonWidget {
	margin-left: 0;
}

/* коррекция высоты строки первого заголовка для Google Chrome */
#firstHeading { overflow: visible; }

/* подсветка заголовков первого уровня в основном прострастве  */
.ns-0 #mw-content-text .mw-heading1 {
   clear: none;
   border-top: solid 1px #aaaaaa;
   padding-top: 0.2em;
   background: #DAEAFA;
   margin-top: 1.0em;
   margin-bottom: 0.3em;
}

/* Коррекция цвета кнопок в меню создания статей */
#new-word-menu .mw-ui-button.mw-ui-progressive{
    background: inherit;
    color: inherit;
    border: 1px solid #B6B6B6;
    text-shadow: inherit;
}

#new-word-menu .mw-ui-button.mw-ui-progressive:hover, 
#new-word-menu .mw-ui-button.mw-ui-progressive:focus {
    border-bottom-color: inherit;
}

/* точка после заголовка оглавления */
.toclevel-1 > a > .tocnumber::after {
    content: ".";
}

/* {древовидный список} */
.treeview ul {
    padding: 0;
    margin: 0;
}
.treeview li {
    padding: 0;
    margin: 0;
    list-style-type: none;
    list-style-image: none;
}
.treeview li li {
    background: url("//upload.wikimedia.org/wikipedia/commons/f/f2/Treeview-grey-line.png") no-repeat 0 -2981px;
    /* @noflip */
    padding-left: 20px;
    text-indent: 0.3em;
}
.treeview li li.lastline {
    background-position: 0 -5971px
}
.treeview li.emptyline > ul {
    /* @noflip */
    margin-left: -1px;
}
.treeview li.emptyline > ul > li:first-child {
    background-position: 0 9px
}

/* три колонки */
.col3 {
-moz-column-count:3; 
-moz-column-gap: 3em; 
-webkit-column-count:3; 
-webkit-column-gap: 3em; 
column-count:3; 
column-gap: 3em; 
-webkit-column-width: 150px; 
-moz-column-width: 150px; 
column-width: 150px;
}

/* Скрыть содержимое */
.offensive {
 display: none;
}

/* Поддержка Tabbed Languages */
 
#languageLinks .selectedTab a {
	font-size: 19px;
	color: #000;
	padding: 6px;
	display: block;
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	margin-bottom: -3px;
	background-color: #fff;
	margin-right: -6px;
	position: relative;
	border-top: 1px solid #CCC;
	white-space: nowrap;
}
 
#languageLinks .unselectedTab a {
	font-size: 16px;
	color: #929292;
	padding: 6px;
	display: block;
	border-left: 1px solid #CCC;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	margin-bottom: -3px;
	margin-left: 15px;
	margin-right: -5px;
	white-space: nowrap;
	background-color: #F6F6F6;
}
 
#languageLinks tr td {
	padding: 0px;
}
 
tr td.languageContainer {
	padding-left: 8px;
	padding-bottom: 10px;
	padding-right: 8px;
	border: 1px solid #CCC;
	vertical-align: top;
	width: 100%;
}
 
.unselectedtab {
	margin-left: 5px;
}
 
.editlangsection {
	margin-top: -13px;
	margin-right: 5px;
	border: 1px solid #CCC;
	margin-bottom: -2px;
	border-bottom-width: 0px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	color: white;
	line-height: 14px;
	font-size: 12px;
	padding: 0px 7px;
	text-align: center;
	clear: both;
	background-color: white;
	float: right;
}
 
#languageLinks a.addLanguageButton {
	font-size: 12px;
	padding: 3px 6px;
}
 
@media screen and (max-width:36em) {
 
	#tabstable>tbody>tr>td {
		display: block;
		float: left;
		width: 100%;
	}
 
	#languageLinks tr {
		display: block;
		float: left;
		margin-bottom: -3px;
		margin-left: -5px;
		margin-top: 5px;
	}
 
	#languageLinks .unselectedTab a {
		margin-left: 0;
		margin-right: 5px;
		border-right: 1px solid #CCC;
	}
 
	#languageLinks .selectedTab a {
		margin-left: 0;
		margin-right: 5px;
		border-right: 1px solid #CCC;
		border-bottom: 1px solid #FFF;
	}
 
	#tabstable {
		width: 100%;
	}
 
	#languageLinks a.addLanguageButton {
		margin-top: 2px;
		margin-bottom: 1px;
	}
 
	.editlangsection {
		border-bottom-width: 1px;
	}
 
}

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

/* for hidden inputbox in editintro */
.cdx-text-input:has(input[type=hidden]) {
  display: none;
}