মিডিয়াউইকি:Common.css

/* 

'''Common [[Cascading Style Sheets|CSS]] for all skins''' 

'''Notice to Administrators!'''

Any changes to [[Mediawiki:Monobook.css|Monobook.css]] or [[MediaWiki:Common.css|Common.css]] should be first proposed to [[Wikipedia:Village Pump]].  

Always check with the [[{{ns:project}}:CSS файлын тексеру|W3C CSS Validation Service]] after any changes.

Thank you. 

(In [[Mozilla]] and [[Opera (web browser)|Opera]], you can test style changes dynamically with the [http://www.squarefree.com/bookmarklets/webdevel.html test styles] bookmarklet from squarefree.com.  It pops up a window for adding style rules, and updates the page as you type.)
{{interwiki-all}}
<pre><nowiki>*/

/* VALIDATOR NOTICE: the following is correct, but the W3C validator doesn't accept it */
/* -moz-* is a vendor-specific extension (CSS 2.1 4.1.2.1) */
/* column-count is from the CSS3 module "CSS Multi-column Layout" */
/* Please ignore any validator errors caused by these two lines */
.references-2column {
  font-size: 90%;
  -moz-column-count:2;
  column-count:2;
}

/* make the list of references look smaller */
ol.references { font-size: 100%; }

.reference-small, .references-small { font-size: 90%; }

.same-bg { background: none }

.ref { font-weight: bold; font-style: italic; vertical-align: super; }



blockquote {margin:0.7em 0 0.7em 5%;padding:0.7em 2% 0.7em 4%;background-color:#f5f5f5;}
p.istochnik_pred {margin:1em 0 0 5%; font-size:110%;}
p.istochnik_pred:after {content:':'}
p.istochnik_sled {margin:0 2em 0 0; text-align:right;}
p.istochnik_sled:before {content:'— '}

/*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}


/* wikitable/prettytable class for skinning normal tables */
/*

table.wikitable caption,
table.prettytable caption {
  margin-left: inherit;
  margin-right: inherit;
  font-size: larger;
  font-weight: bold;
}

table.wikitable th, table.wikitable td,
table.prettytable th, table.prettytable td {
  border: 1px #aaaaaa solid;
  padding: 0.2em;
}

table.wikitable th,
table.prettytable th {
  background: #f2f2f2;
  text-align: center;
}

table.wikitable caption,
table.prettytable caption {
  margin-left: inherit;
  margin-right: inherit;
}
*/
/* default skin for navigation boxes */
table.navbox {
    background-color: #f9f9f9;
    border: 1px solid #aaa;
    clear: both;
    font-size: 90%;
    margin: 1em 0em 0em;
    padding: 2px;
    text-align: center;
    width: 100%;
}

table.navbox th {
    background-color: #ccf;
    padding-left: 1em;
    padding-right: 1em;
}

table.navbox tr:not(:first-child) th {
    background-color: #ddf;
}

@media print {
    .navbox {
        display: none;
    }
}

/* Style for "notices" */
.notice {
    text-align: justify;
    margin: 1em;
    padding: 0.2em;
}

#disambig {
    border-top: 3px double #cccccc; 
    border-bottom: 3px double #cccccc;
}

#spoiler {
    border-top: 2px solid #ddd;
    border-bottom:2px solid #ddd;
}

/* Standard talk template style */

.Talk-Notice  {
    border: 1px solid #C0C090;
    background-color: #F8EABA;
    margin-bottom: 3px;
    width: 80%;
    border-spacing: 3px;
    margin-left: auto;
    margin-right: auto;
}

.Talk-Notice:after {
  content: "The CSS for this template should be changed. See [[Wikipedia:Template Standardisation]].";
}

/* Make template background appear correctly on all browsers */
.Talk-Notice td {
    background: inherit;
}

/* Metadata */
table.metadata {
    border: 1px solid #aaaaaa;
    display: none;
    speak: none;
}
.metadata-label {
    color: #aaaaaa;
}

/* Persondata and other (future) metadata */
table.InChI, /* temporary */
table.persondata {
    border: 1px solid #aaa;
    display: none;
    speak: none;
}
.InChI-label, /* temporary */
.persondata-label {
    color: #aaa;
}


/* Puts a redirect indicator before redirects in Special:Allpages -Spl */
.allpagesredirect, .watchlistredir { font-style: italic; }
.allpagesredirect a { background: url("//upload.wikimedia.org/wikipedia/kk/5/5c/Allpagesredirect.gif") center left no-repeat; padding-left: 13px; }


/* Class for links with loudspeaker icon next to them */

.audiolink a{
    background: url("//upload.wikimedia.org/wikipedia/commons/f/f7/Loudspeaker.png") center left no-repeat !important;
    padding-left: 16px !important;
    padding-right: 0 !important;
}

/* Icons for medialist templates [[Template:Listen]], [[Template:Multi-listen_start]], [[Template:Video]], [[Template:Multi-video_start]] */

div.listenlist {
    background: url("//upload.wikimedia.org/wikipedia/commons/thumb/a/a6/Gnome-speakernotes.png/30px-Gnome-speakernotes.png");
    padding-left: 40px;
}

div.videolist, div.multivideolist {
    background: url("//upload.wikimedia.org/wikipedia/en/thumb/2/20/Tango-video-x-generic.png/40px-Tango-video-x-generic.png");
    padding-left: 50px;
}

/* Style rules for media list templates */

div.medialist {
    min-height: 50px;
    margin: 1em;
    background-position: top left;
    background-repeat: no-repeat;
}

div.medialist ul {
    list-style-type: none; 
    list-style-image: none;
    margin: 0;
}

div.medialist ul li {
    padding-bottom: 0.5em;
}

div.medialist ul li li {
    font-size: 91%;
    padding-bottom: 0;
}

/* Change the external link icon to an Adobe icon for all PDF files */
/* (in browsers that support these CSS selectors, like Mozilla and Opera) */
#bodyContent a[href$=".pdf"].external, 
#bodyContent a[href*=".pdf?"].external, 
#bodyContent a[href*=".pdf#"].external,
#bodyContent a[href$=".PDF"].external, 
#bodyContent a[href*=".PDF?"].external, 
#bodyContent a[href*=".PDF#"].external {
    background: url(//upload.wikimedia.org/wikipedia/commons/thumb/2/23/Icons-mini-file_acrobat.gif/15px-Icons-mini-file_acrobat.gif) center right no-repeat;
    padding-right: 16px;
}

/* Change the external link icon to an Adobe icon anywhere the PDFlink class */
/* is used (notably Template:PDFlink). This works in IE, unlike the above. */
span.PDFlink a {
    background: url(//upload.wikimedia.org/wikipedia/commons/thumb/2/23/Icons-mini-file_acrobat.gif/15px-Icons-mini-file_acrobat.gif) center right no-repeat !important;
    padding-right: 17px !important;
}


/* Content in columns with CSS instead of tables [[Template:Columns]] */
div.columns-2 div.column {
    float: left;
    width: 50%;
    min-width: 300px;
}

div.columns-3 div.column {
    float: left;
    width: 33.3%;
    min-width: 200px;
}

div.columns-4 div.column {
    float: left;
    width: 25%;
    min-width: 150px;
}

div.columns-5 div.column {
    float: left;
    width: 20%;
    min-width: 120px;
}

/* Messagebox templates */

.messagebox {
   border: 1px solid #aaaaaa;
   background-color: #f9f9f9;
   width: 80%;
   margin: 0 auto 1em auto;
   padding: .2em;
   text-align: justify;
}
.messagebox.merge {
   border: 1px solid #c0b8cc;
   background-color: #f0e5ff;
   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;
}

/* Infobox template style */

.infobox {
   border: 1px solid #aaaaaa;
   background-color: #f9f9f9;
   color: black;
   margin-bottom: 0.5em;
   margin-left: 1em;
   padding: 0.2em;
   float: right;
   clear: right;
}
.infobox td,
.infobox th {
   vertical-align: top;
}
.infobox caption {
   font-size: larger;
   margin-left: inherit;
}
.infobox.bordered {
   border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
   border: 1px solid #aaaaaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
   border: 0;
}

.infobox.sisterproject {
   width: 20em;
   font-size: 90%;
}

/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
   border: 0;
   border-top: 1px solid #aaaaaa;
   border-right: 1px solid #aaaaaa;
}

.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
   border: 0;
   border-right: 1px solid #aaaaaa;
}


/* styles for geography infoboxes, e.g. countries, national subdivisions, cities, etc. */

.infobox.geography {
   border: 1px solid #ccd2d9;
   text-align: left;
   border-collapse: collapse;
   line-height: 1.2em; 
   font-size: 90%;
}

.infobox.geography  td,
.infobox.geography  th {
   border-top: solid 1px #ccd2d9;
   padding: 0.4em 0.2em 0.4em 0.8em;
}
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
   border-top: solid 1px #ccd2d9;
   padding: 0.4em 0.2em 0.2em 0.8em;
}

.infobox.geography .mergedrow td,
.infobox.geography .mergedrow th {
      border: 0;
      padding: 0 0.2em 0.2em 0.8em;
}

.infobox.geography .mergedbottomrow td,
.infobox.geography .mergedbottomrow th {
   border-top: 0;
   border-bottom: solid 1px #ccd2d9;
   padding: 0 0.2em 0.4em 0.8em;
}

.infobox.geography .maptable td,
.infobox.geography .maptable th {
      border: 0;
      padding: 0 0 0 0;
}

table.gridtable {
	font-family: Siyam Rupali, verdana,arial,sans-serif;
	font-size:12px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
}
table.gridtable th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
}
table.gridtable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: lightyellow;
            color:#000000;
}

/* Support for Template:IPA, Template:Unicode and Template:Polytonic. The inherit declaration resets the font for all browsers except MSIE6.  The empty comment must remain. Please copy any changes to [[Template:IPA fonts]] and [[Template:Unicode fonts]]. */
.IPA {
        font-family: "Segoe UI", "Chrysanthi Unicode", "Charis SIL", "Doulos SIL", "Gentium", "GentiumAlt", "Code2000", "TITUS Cyberbit Basic", "DejaVu 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;
}
/* Latin Extended-B */
.latinx {
        font-family: "TITUS Cyberbit Basic", "Code2000", "Microsoft Sans Serif";
        font-family /**/:inherit;
}

/* Polytonic Greek */
.polytonic {
        font-family: "Athena", "Gentium", "Palatino Linotype", "Arial Unicode MS", "Lucida Sans Unicode", "Lucida Grande", "Code2000"; 
        font-family /**/:inherit;
}
.mufi {
        font-family: "Alphabetum", "Cardo", "LeedsUni", "Junicode", "TITUS Cyberbit Basic", "ALPHA-Demo";
}
/* Cyrillic non-slavic*/
.Cyrillic {
        font-family: "Segoe UI", "Arial Unicode MS", "Gentium", "Code2000", "Lucida Sans Unicode"; 
        font-family /**/:inherit;
}
/* Turkic Latin */
.Turkic {
        font-family: "DejaVu Sans", "TITUS Cyberbit Basic", "Code2000", "Microsoft Sans Serif";
        font-family /**/:inherit;
}

/* Arabic */
.Arabic, .AR {
        font-family: "Tahoma", "Arial Unicode MS", "Code2000", "Traditional Arabic"; 
        font-family /**/:inherit;
        font-size: 125%;
}
/* Persian, Kashmiri, Kurdish, Urdu */
.Persian, .KS, .KU, .UR {
        font-family: "Tahoma", "Arial Unicode MS", "Code2000", "Traditional Arabic"; 
        font-family /**/:inherit;
        font-size: 125%;
}
/* Bengali */
.BN {
        font-family: "UniBangla", "Arial Unicode MS", "Code2000", "Likhan", "UT Bengali Dhaka", "Vrinda"; 
        font-family /**/:inherit;
        font-size: 130%;
}
/* Kazakh, Kyrgyz, Uyghur */
.tote {
        font-family: "Uyghur Tuz Unicode", "Tahoma", "Arial Unicode MS", "Code2000"; 
        font-family /**/:inherit;
        font-size: 125%;
}
/* Sindhi */
.SD {
        font-family: "MB Sindhi", "MBSarang Sattar", "MB Bhitai Sattar", "MB Lateefi", "Ayaz Gul", "Tahoma"; 
        font-family /**/:inherit;
        font-size: 125%;
}
/* Thai */
.TH {
        font-family: "Arial Unicode MS", "Code2000"; 
        font-family /**/:inherit;
        font-size: 125%;
}
/* Cuneiform */

/* Ghotic */
.Ghotic {
        font-family: "Code2000", "Arial Unicode MS"; 
        font-family /**/:inherit;

}
/* Glagolitic */

/* Runic */

/* Monospace text */
.tt {
        font-family: monospace;
}

#wpSave {
  font-weight: bold;
}

/* hiddenStructure from Monobook - allows selective hiding of markup in templates */
.hiddenStructure {
   display: none;
   speak: none;
}

/* Removes underlines from links */
.nounderlines a { 
  text-decoration: none;
}

/* Custom link colors for use in [[MediaWiki:Edittools]] */
.charboxblack a:link, .charboxblack a:hover, .charboxblack a:visited, .charboxblack a:active { color: black; }
.charboxsilver a:link, .charboxsilver a:hover, .charboxsilver a:visited, .charboxsilver a:active { color: silver; }
.charboxgray a:link, .charboxgray a:hover, .charboxgray a:visited, .charboxgray a:active { color: gray; }
.charboxwhite a:link, .charboxwhite a:hover, .charboxwhite a:visited, .charboxwhite a:active { color: white; }
.charboxmaroon a:link, .charboxmaroon a:hover, .charboxmaroon a:visited, .charboxmaroon a:active { color: maroon; }
.charboxred a:link, .charboxred a:hover, .charboxred a:visited, .charboxred a:active { color: red; }
.charboxpurple a:link, .charboxpurple a:hover, .charboxpurple a:visited, .charboxpurple a:active { color: purple; }
.charboxfuchsia a:link, .charboxfuchsia a:hover, .charboxfuchsia a:visited, .charboxfuchsia a:active { color: fuchsia; }

.charboxgreen a:link, .charboxgreen a:hover, .charboxgreen a:visited, .charboxgreen a:active { color: green; }
.charboxlime a:link, .charboxlime a:hover, .charboxlime a:visited, .charboxlime a:active { color: lime; }
.charboxolive a:link, .charboxolive a:hover, .charboxolive a:visited, .charboxolive a:active { color: olive; }
.charboxyellow a:link, .charboxyellow a:hover, .charboxyellow a:visited, .charboxyellow a:active { color: yellow; }

.charboxnavy a:link, .charboxnavy a:hover, .charboxnavy a:visited, .charboxnavy a:active { color: navy; }
.charboxblue a:link, .charboxblue a:hover, .charboxblue a:visited, .charboxblue a:active { color: blue; }
.charboxteal a:link, .charboxteal a:hover, .charboxteal a:visited, .charboxteal a:active { color: teal; }
.charboxaqua a:link, .charboxaqua a:hover, .charboxaqua a:visited, .charboxaqua a:active { color: aqua; }

/* Removes useless links from printout */
@media print {
    #privacy, #about, #disclaimer {display:none;}
}

/* Suppresses text by default */
.sysop { display: none }
}

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




/*</nowiki></pre>*/