MediaWici:Common.css

@charset "utf-8";
/* This stylesheet affects all skins. */
/* Always check with the [http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fcommons.wikimedia.org%2Fw%2Findex.php%3Ftitle%3DMediaWiki%3ACommon.css%26action%3Draw%26ctype%3Dtext%2Fcss&usermedium=all W3C CSS Validation Service] after any changes. */
/*(In [[w:Mozilla|Mozilla]] and [[w: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.)*/


/*
 * Dynamic Layouts
 */
#text-wrap { margin-left:3em; position:relative; }

/* sidenotes */
body.ns-104 .sidenote-left { position:absolute; left:0; width:6em; padding-right:1em; text-indent:0em; text-align:left;}
body.ns-104 .sidenote-right { position:absolute; right:0; width:6em; padding-left:1em; text-indent:0em; text-align:left;}


/* make user experience moar-kewl */
a:link,
a:visited
{
 -webkit-transition: color 0.4s ease;
    -moz-transition: color 0.4s ease;
      -o-transition: color 0.4s ease;
         transition: color 0.4s ease;
}

/*********
** 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
{
 padding-left: 3em;
 max-width: 35em;
 margin: 0 auto;
}

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

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,
table.footertemplate,
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;
}

/* All header templates */
 
    .processheadertemplate,
    .portalheadertemplate,
    .authortemplate,
    .headertemplate,
    .footertemplate
    {
     width: 100%;
     margin-bottom: 5px;
    }
 
    /* Forward and backward link */
        .gen_header_backlink,
        .gen_header_forelink
        {
         width: 20%;
         font-size: 0.9em;
         line-height: normal;
        }
 
        .gen_header_backlink
        {
         text-align: left;
        }
 
        .gen_header_forelink
        {
         text-align: right;
        }
 
    /* Title field */
        .gen_header_title
        {
         width: 60%;
         text-align:center;
        }
 
    /* Notes field */
        .process_notes,
        .author_notes,
        .portal_notes,
        .header_notes
        {
         width: 100%;
         font-size: 0.9em;
         line-height: 1.4em;
         margin-bottom: 0.5em; /* a bit of space before body-text; 1em might be better... */
        }
 
/* Specific header templates */
    /* For {{header}} see above, with ProofreadPage code */

    /* {{header}} (footer) */
        .footertemplate
        {
         font-size: 0.9em;
         text-align: center;
        }
 
        .header_notes
        {
         border-bottom: 1px solid #A88;
         background-color: #FAFAFF;
        }
 
 
    /* {{author}} */
        .authortemplate
        {
         border: 1px solid #BEA2A2;
         background-color: #E4D8D8;
        }
 
        .author_notes
        {
         border-bottom: 1px solid #A88;
         background-color: #FFFBFC;
        }

        .author_seealso /* Remove this if we change to {{plain sister}}*/
        {
         float: right;
         padding: 2px;
         margin: 0 0 0.5em 1em;
         border: 1px solid #CCC;
        }
 
 
    /* {{process header}} */
        .processheadertemplate
        {
         border: 1px solid #966;
         background-color: #DCA;
        }
 
        .process_notes
        {
         border-bottom: 1px solid #A88;
         background-color: #FFFBFC;
        }
 
    /* {{portal header}} */
        .portalheadertemplate
        {
         border: 1px solid #36A;
         background-color: #DDE;
        }
 
        .portal_notes
        {
         border-bottom: 1px solid #88A;
         background-color: #FCFBFF;
        }

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

/* Table documentation at [[Wikisource:Style guide/Tables]] */
/* 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;
}

/* stylistic tables */
/* '''valign''' ; rows vertically aligned to top*/
/* '''table-c75vtop''' ; table centred, 75% width, rows vertically aligned to top*/
table.table-c75vtop
{
 width: 75%;
 margin-left: auto;
 margin-right: auto;
}
.table-c75vtop, .valign tr
{
 vertical-align: top;
}

/* tablecolhdborder; borders around table/columns/<th>; centre <th>; <td> align left with padding */
/* as used in [[Template:Hussey Churches table header]] */

table.tablecolhdborder
{
 border: 1px solid;
 margin: 0;
 border-collapse:collapse;
}
table.tablecolhdborder th
{
 border-bottom: 1px solid;
 border-left: 1px solid;
 text-align: center;
}
table.tablecolhdborder td
{
 border-left: 1px solid;
 padding-left: 5px;
}

/* '''valignb''' ; rows vertically aligned to bottom*/
.valignb tr
{
 vertical-align: bottom;
}

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

/* as requested to allow overriding of automated TOC for works were specified templates will be implemented */
#hideTOCnumbers .tocnumber { display: none; }


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

/*********
** Template namespace
*********/
 
/*Template documentation*/
.template-documentation
{
 clear:both;
 margin:1em 0 0 0;
 border:1px solid #AAA;
 background:#ECFCF4;
 padding:5px;
}

/*********
** 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-left: 5em;
}

.leftoutdent
{
 padding-left: 2em;
 text-indent: -2em;
 max-width: 33em;
 margin-left: 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(//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; }
/* not in remarks */ 
div#remarks a.quality4 { background:#ffffff; }
div#remarks a.quality3 { background:#ffffff; }
div#remarks a.quality2 { background:#ffffff; }
div#remarks a.quality1 { background:#ffffff; }
div#remarks a.quality0 { background:#ffffff; }

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

/* typos */
.coquille
{
 border-bottom: 1px dashed #666;
}

/* poem tag : avoid extra margins between transcluded pages */
.poem
{
 margin-bottom: 0em;
 margin-top: 0em;
 line-height: 1.6em;
 text-indent: 0em;
}
.poem p
{
 margin-top: 0em ! important;
 margin-bottom: 0em ! important;
 text-indent: 0em !important;
}

/* highlights the anchor text obtained using Template:Anchor+ */
/* this relies on CSS3, and thus is not seen by many browsers, but it is only added-value eye-candy so that's OK. */
span.HighlightedAnchor:target
{
 background-color: #DEF;
} 


/* .pagenum_container:hover {background-color:#eeeeee; opacity:0.5; } */


/**
 * Icons on the top right of the article.
 * See also JS
 *
 * @source: //www.mediawiki.org/wiki/Snippets/Top_icons
 * @rev: 2
 */
/* Hide without javascript */
.Top_icon_raw {
        display: none;
}
/* With JavaScript */
.Top_icon_dynamic {
        float: right;
        padding-left: 10px;
        font-size: 50%;
        width: auto !important;
}
.Top_icon_raw p, .Top_icon_dynamic p {
        padding: 0; margin: 0;
}

/* Preventing toggle floating in Navboxes*/

div.NavFrame .mw-collapsible-toggle {
       float:none;
}