MediaWiki:Common.css

/** Размещённый здесь CSS будет применяться ко всем темам оформления */
@charset "utf-8";
/* <source lang="css"> */
/* This stylesheet affects all skins. */
 
/* make Safari moar-kewl */
a:link,
a:visited
{
 -webkit-transition: color .2s linear;
}
 
/*********
** Various tweaks
*********/
 
/* Fix copy&paste formatting */
.verse pre
{
 margin: 0;
 padding-left: 2em;
 border: 0;
 background-color: #FFF;
 font-family: sans-serif;
 white-space: pre;
 line-height: 150%;
}
.verse p
{
 white-space: pre;
}
 
/* Short lines preferred by some editors */
.prose
{
 width: 35em;
 margin: 0 auto;
 text-align: justify;
}
 
/* show deleted text hidden by {{copyvio}} */
.page-Special_Undelete div#copyvio
{
 display: block !important;
}
 
/* Allow transcluded pages to display in lists rather than a table. Compatible in Firefox; incompatible in IE6. */
.listify td    { display: list-item; }
.listify tr    { display: block;     }
.listify table { display: block;     }
 
/* indent page text on screen out of the way of the page numbers */
@media screen, handheld, projection
{
 div.indented-page
 {
  margin-left: 3em;
 }
 cite *.printonly
 {
  display: none;
 }
}
 
/* Dont display the URL onto the screen */
@media screen, handheld, projection
{
 cite *.printonly
 {
  display: none;
 }
}
 
/*********
** Most-used standard templates
*********/
/* {{textinfo}} */
.textinfo
{
 margin: 1px;
 padding: 1px;
 border: 1px solid #0E8605;
 background-color: #B0E0A0;
 text-align: left;
}
.textinfo th
{
 background-color: #0E8605;
 text-align: center;
 font-weight: normal;
 color: #FFF;
}
.textinfo td
{
 background-color: #C6FFC6;
}
 
/* {{featured}} */
#cornerbox
{
 position: absolute;
 top: 0.3em;
 right: 0.2em;
 border: 1px solid #BBB;
 font-size: 0.8em;
}
 
/* {{header}} */
table.headertemplate
{
 width: 100%;
 margin-bottom: 5px;
 text-align: center;
 font-size: 0.9em;
}
div#divMediaWiki-Proofreadpage_header_template
{
 width: 100%;
 float: left; /* containment ;) */
 padding: 0.5em 0; /* do any l/r padding on an inner element */
 text-align: center;
}
/* colours common to Template:Header and MediaWiki:Proofreadpage header template */
table.headertemplate,
div#divMediaWiki-Proofreadpage_header_template
{
 border: 1px solid #ADA;
 background-color: #E4F2E4;
}
div#divMediaWiki-Proofreadpage_header_template div.hAuthor
{
 padding-top: 0.5em;
 padding-bottom: 0.4em;
 font-size: 100%;
 font-weight: bold;
}
div#divMediaWiki-Proofreadpage_header_template div.hTitle
{
 padding-top: 0.4em;
 padding-bottom: 0.4em;
 font-size: 120%;
 font-weight: bold;
}
div#divMediaWiki-Proofreadpage_header_template div.hDetails
{
 padding-top: 0.4em;
 padding-bottom: 0.5em;
 font-size: 90%;
}
div#divMediaWiki-Proofreadpage_header_template div.hNavigation
{
 width: 100%;
 float: left; /* containment ;) */
 padding: 0.2em 0; /* do any l/r padding on an inner element */
/* don't like this
 border-top: 1px solid #ADA;
 */
}
div#divMediaWiki-Proofreadpage_header_template div.hNavigation div.hNavPrev
{
 float: left;
 text-align: left;  /* override ambient for containing element */
 padding-left: 1em;
}
div#divMediaWiki-Proofreadpage_header_template div.hNavigation div.hNavNext
{
 float: right;
 text-align: right; /* override ambient for containing element */
 padding-right: 1em;
}
div#divMediaWiki-Proofreadpage_header_template div.hNavigation div.hNavCurrent
{
 text-align: center; /* after floats in source order! */
}
div#divMediaWiki-Proofreadpage_header_template div.hNavigation div.hNavPrev,
div#divMediaWiki-Proofreadpage_header_template div.hNavigation div.hNavNext
{
 width: 20%; /* as in {{header}} and {{author}} */
}
div#divMediaWiki-Proofreadpage_header_template div.hNavigation div.hNavPrev span,
div#divMediaWiki-Proofreadpage_header_template div.hNavigation div.hNavNext span
{
 color: #808080;
}
 
.headertemplate .header_backlink,
.headertemplate .header_forelink
{
 width: 20%;
 font-size: 0.9em;
 line-height: normal;
}
 
.header_notes
{
 width: 100%;
 font-size: 0.9em;
 background-color: #FAFAFF;
 border-bottom: 1px solid #A88;
 margin-bottom: 0.5em; /* a bit of space before body-text; 1em might be better... */
}
 
.headertemplate .header_title
{
 width: 60%;
}
.headertemplate .header_backlink
{
 text-align: left;
}
.headertemplate .header_forelink
{
 text-align: right;
}
 
/* {{author}} */
.authortemplate
{
 width: 100%;
 margin-bottom: 5px;
 border: 1px solid #BEA2A2;
 background-color: #E4D8D8;
}
.authortemplate .author_backlink,
.authortemplate .author_forelink
{
 width: 20%;
 font-size: 0.9em;
}
.authortemplate .author_name
{
 width: 60%;
 text-align: center;
}
.author_notes
{
 width: 100%;
 border-bottom: 1px solid #A88;
 background-color: #FFFBFC;
 font-size: 0.9em;
}
.author_seealso
{
 float: right;
 padding: 2px;
 margin: 0 0 0.5em 1em;
 border: 1px solid #CCC;
}
 
/*********
** Standard formatting classes
*********/
/* messagebox */
.messagebox
{
 width: 80%;
 margin: 0 auto 1em;
 padding: 0.2em;
 border: 1px solid #aaa;
 background-color: #f9f9f9;
 text-align: justify;
}
.messagebox.standard-talk
{
 border: 1px solid #C0C090;
 background-color: #F8EABA;
}
 
/* grayscale tables */
table.prettytable
{
 margin: 1em 1em 1em 0;
 background-color: #f9f9f9;
 border: 1px #aaa solid;
 border-collapse: collapse;
}
table.prettytable th,
table.prettytable td
{
 padding: 0.2em;
 border: 1px #aaa solid;
}
table.prettytable th
{
 background-color: #f2f2f2;
 text-align: center;
}
 
/* *********
 * Main page
 */
body.page-Main_Page .firstHeading,
body.page-Main_Page #siteSub
{
 display: none;
}
div.main_page
{
 position: static;
}
/* some new stuff for styling the main page header */
table.tblMain_page_header
{
 margin: 0 0 1em 0;
 /* border and background-color properties set in shared rules; see further down */
 width: 100%;
}
table.tblMain_page_header h1,
table.tblMain_page_header h2
{
 margin: 0 !important; /* insist on overriding #bodyContent h1 selector in main.css */
 border: 0;
 padding: 0;
}
table.tblMain_page_header div.divMPheading_wrapper
{
 float: left;
 padding-right: 7em;
}
table.tblMain_page_header h1
{
 font-size: 150%;
 padding-bottom: 0.15em;
}
table.tblMain_page_header h2
{
 font-size: 90%;
}
table.tblMain_page_header ul
{
 margin: 0; /* override margin-top to better align with h1-element; margin-left isn't applicable in this context */
}
table.tblMain_page_header hr
{
 color: #569BBB;
 background-color: #569BBB;
}
/* may want to loosen specificity a bit... and rename. more likely, it'll become floats... */
div.main_page table.subheader
{
 width: 100%;
 margin: -0.8em 0 -0.7em 0;
 background: none;
 font-size: 0.95em;
}
div.main_page table.subheader td
{
 padding: 10px 0;
}
 
/* some new stuff for styling the layout and look of the main page columns and modules */
div#divMain_page-ColumnWrapper
{
 float: left;
 width: 100%;
}
div#divMain_page-PrimaryMaterial
{
 float: left;
 width: 51%;
}
div#divMain_page-SecondaryMaterial
{
 float: right;
 width: 49%;
}
div#divMain_page-TertiaryMaterial
{
 float: left;
 width: 100%;
}
div#divMain_page-PrimaryMaterial   table.tblMPmodule,
div#divMain_page-SecondaryMaterial table.tblMPmodule,
div#divMain_page-TertiaryMaterial  table.tblMPmodule
{
 width: 100%;
 background-color: transparent;
}
div#divMain_page-PrimaryMaterial   table.tblMPmodule td.tdMPmodule,
div#divMain_page-SecondaryMaterial table.tblMPmodule td.tdMPmodule,
div#divMain_page-TertiaryMaterial  table.tblMPmodule td.tdMPmodule
{
 border: 1px solid #cedff2;
 padding: 1em 1em 0.5em;
 font-size: 100%;
}
div#divMain_page-PrimaryMaterial   table.tblMPmodule td.tdMPmodule h2,
div#divMain_page-SecondaryMaterial table.tblMPmodule td.tdMPmodule h2,
div#divMain_page-TertiaryMaterial  table.tblMPmodule td.tdMPmodule h2
{
 font-size: 135%;
 background-color: #569BBB;
 color: White;
 margin: 0 0 3px 0;
 padding: 1px 0 0 0;
 text-align: center;
 line-height: 1.3em;
}
 
/* common rule for main page header and for prettytables embedded in main page moldules  */
table.tblMain_page_header,
div#divMain_page-ColumnWrapper table.tblMPmodule table.prettytable,
div#divMain_page-ColumnWrapper table.tblMPmodule table.prettytable th,
div#divMain_page-ColumnWrapper table.tblMPmodule table.prettytable td
{
 border: 1px solid #569BBB;
}
 
table.tblMain_page_header,
div#divMain_page-ColumnWrapper table.tblMPmodule table.prettytable th
{
 background-color: #f1f5fc;
}
 
/* main page stuff beyond here still to-review */
   .main_page h1
   {
    margin: 0 !important;
    padding: 0;
    border: 0;
    font-size: 1.75em;
   }
   .main_page .titlebox
   {
    width: 100%;
    padding-left: 2em;
    border: 1px solid #CCC;
    background-color: #FCFCFC;
   }
   .main_page .titlebox div
   {
    margin-left: 2em;
    font-size: 0.95em;
   }
   .main_page .portals
   {
    width: 11%;
    font-size: 0.95em;
   }
   .main_page th
   {
    padding-left: 0.4em;
    border: 1px solid #A3B0BF;
    background-color: #ECDCC8;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.2em;
   }
   .main_page .blurb
   {
    width: 60%;
    padding: 1em;
    border: 1px solid #68A;
    background-color: #FFE4C4;
   }
   .main_page .blurb img
   {
    float: left;
    margin: 0 .7em 0 .3em;
   }
   .main_page .mpsidebox
   {
    width: 30%;
    border: 1px solid #68A !important;
   }
   .main_page .featuredtext
   {
    border: 1px solid #68A;
   }
   .main_page .mpsidebox table,
   .main_page .featured_text table
   {
    width: 100%;
    vertical-align: top;
   }
   .main_page .sisterprojects
   {
    margin: 0 -8px;
    border-spacing: 8px;
   }
   .main_page .sisterprojects .sptd
   {
    padding: 10px;
    border: 1px solid #BBB;
    vertical-align: top;
   }
/* above main page stuff that is indented does not appear to be used these days; will review further and eventually remove */
 
/*********
** Page namespace
*********/
/* transcluded pages */
.lefttext p
{
 text-indent: 2em;
}
.lefttext .poem p
{
 text-indent: 0;
}
.lefttext .tiInherit p
{
 text-indent: inherit;
}
.lefttext
{
 width: 33em;
 text-align: justify;
 margin: 5em;
}
/* similar to tiInherit, above; wrap something with a div of this class and set line-height; poem-tags, too */
.lhInherit p
{
 line-height: inherit;
}
.quote
{
 color: #2F4F4F; /* darkslategray (not a valid color name) */
 margin-left: 2em;
 margin-right: 2em;
}
 
/* Justify */
body.ns-104
{
 text-align: justify;
}
 
/* Paragraph markers (no IE6 support) */
body.ns-104 div.pagetext>p
{
 background: url(http://upload.wikimedia.org/wikipedia/commons/thumb/b/b6/Paragraph-mark.svg/6px-Paragraph-mark.svg.png) 0 .3em no-repeat;
 margin-left: -10px;
 padding-left: 10px;
}
 
/* ProofreadPage */
.quality4 { background-color: #90ff90; }
.quality3 { background-color: #ffe867; }
.quality2 { background-color: #b0b0ff; }
.quality1 { background-color: #ffa0a0; }
.quality0 { background-color: #ddd; }
.ns-104 .editsection { visibility:hidden; }
 
/*********
** special formatting classes
*********/
/* ordered-list flavours; see [[History of the Rise, Progress, and Termination of the American Revolution/Chapter II]] for first deployment */
div.divRomanOL ol
{
 list-style-type: upper-roman;
}
div.divRomanOL-lower ol
{
 list-style-type: lower-roman;
}
div.divAlphaOL ol
{
 list-style-type: upper-alpha; /* or upper-latin; q: which is better supported? */
}
div.divAlphaOL-lower ol
{
 list-style-type: lower-alpha; /* or lower-latin...*/
}
div.divGreekOL-lower ol
{
 list-style-type: lower-greek;
}
div.divDecimalOL-leading-zero ol
{
 list-style-type: decimal-leading-zero;
}
div.divDecimalOL-normal ol
{
 list-style-type: decimal;     /* could be useful in nested situations - but computer says no... */
}
/* georgian && armenian as needed... */
 
/*********
** tabber
*********/
/*
===Generic defaults===
 
Copied from http://www.barelyfitz.com/projects/tabber/example.css used under mit license
see http://www.barelyfitz.com/projects/tabber/
*/
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */
 
/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display: none;
}
 
/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top: 1em;
}
 
/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin: 0;
 padding: 3px 0;
 border-bottom: 1px solid #CCC;
 font: bold 12px Verdana, sans-serif;
}
 
ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}
 
ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #ccc;
 border-bottom: none;
 background-color: #f2f7ff;
 text-decoration: none;
}
 
ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }
 
ul.tabbernav li a:hover
{
 color: #000;
 background-color: #fff9f2;
 border-color: #CCC;
}
 
ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}
 
ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background-color: White;
 border-bottom: 1px solid White;
}
 
/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding: 5px;
 border: 1px solid #CCC;
 border-top: 0;
 
 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */
 
 /* height: 200px; */
 
 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */
 
 /* overflow: auto; */
}
 
/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display: none;
}
.tabberlive .tabbertab h3 {
 display: none;
}
 
/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height: 200px;
 overflow: auto;
}
/*--------------------------------------------------*/
 
/* Use for inputting Hebrew pointing in MediaWiki:Edittools */
span.nikud
{
 color: #002bb8;
 cursor: pointer;
}
 
/* International Phonetic Alphabet [[Template:IPA]] */
.IPA
{
 font-family: 'Arial Unicode MS', Code2000, Gentium, GentiumAlt, 'DejaVu Sans', 'Segoe UI', 'Lucida Grande', 'Charis SIL', 'Doulos SIL', 'TITUS Cyberbit Basic', 'Lucida Sans Unicode', sans-serif;
 font-size: 110%;
}
 
/* Colored watchlist numbers */
.mw-plusminus-pos { color: #006400; } /* dark green */
.mw-plusminus-neg { color: #8B0000; } /* dark red */
 
/* </source> */