MediaWiki:Common.css

From Clicklaw Wikibooks
Jump to navigation Jump to search
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
body.page-Main_Page h1.firstHeading { display:none; }

/* <source lang="css"> */
 
/* Main page fixes */
#interwiki-completelist {
    font-weight: bold;
}
body.page-Main_Page #ca-delete {
    display: none !important;right:
}
 
body.page-Main_mobiPage #mp-topbanner {
   clear: both;
}
 
/* Edit window toolbar */
#toolbar {
    height: 22px;
    margin-bottom: 6px;
}
 
/* Margins for <ol> and <ul> */
#content ol, #content ul,
#mw_content ol, #mw_content ul {
  margin-bottom: 0.5em;
}
 
/* Make the list of references in [[Template:Reflist]] smaller */
.references-small { 
    font-size: 90%;
}
 
/* 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;
}
 
/* Highlight clicked reference in blue to help navigation */
ol.references > li:target,
sup.reference:target,
span.citation:target { 
    background-color: #DEF;
}
 
/* Ensure refs in table headers and the like aren't bold or italic */
sup.reference {
    font-weight: normal;
    font-style: normal;
}
 
 
/* Styling for citations */
span.citation, cite {
    font-style: normal;
    word-wrap: break-word;
}
 
/* For linked citation numbers and document IDs, where
   the number need not be shown on a screen or a handheld,
   but should be included in the printed version
*/
@media screen, handheld {
    span.citation *.printonly {
        display: none;
    }
}
 
 
/* wikitable/prettytable class for skinning normal tables */
table.wikitable,
table.prettytable {
    margin: 1em 1em 1em 0;
    background: #f9f9f9;
    border: 1px #aaa solid;
    border-collapse: collapse;
}
.wikitable th, .wikitable td,
.prettytable th, .prettytable td {
    border: 1px #aaa solid;
    padding: 0.2em;
}
.wikitable th,
.prettytable th {
    background: #f2f2f2;
    text-align: center;
}
.wikitable caption,
.prettytable caption {
    font-weight: bold;
}

/* Default style for navigation boxes */
.navbox {                     /* Navbox container style */
    border: 1px solid #aaa;
    width: 100%;
    margin: auto;
    clear: both;
    font-size: 88%;
    text-align: center;
    padding: 1px;
}
.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 */
}
 
/* Default styling for Navbar template */
.navbar {
    display: inline;
    font-size: 88%;
    font-weight: normal;
}
.navbar ul {
    display: inline;
    white-space: nowrap;
}
.navbar li {
    word-spacing: -0.125em;
}
.navbar.mini li span {
  font-variant: small-caps;
}
/* Navbar styling when nested in infobox and navbox */
.infobox .navbar {
    font-size: 100%;
}
.navbox .navbar {
    display: block;
    font-size: 100%;
}
.navbox-title .navbar {
    /* @noflip */
    float: left;
    /* @noflip */
    text-align: left;
    /* @noflip */
    margin-right: 0.5em;
    width: 6em;
}
 
/* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript
   in [[MediaWiki:Common.js]] are styled here so they can be customised. */
.collapseButton {
    /* @noflip */
    float: right;
    font-weight: normal;
    /* @noflip */
    margin-left: 0.5em;
    /* @noflip */
    text-align: right;
    width: auto;
}
/* In navboxes, the show/hide button balances the v·d·e links
   from [[Template:Navbar]], so they need to be the same width. */
.navbox .collapseButton {
    width: 6em;
}
 
/* Styling for JQuery makeCollapsible, matching that of collapseButton */
.mw-collapsible-toggle {
    font-weight: normal;
    /* @noflip */
    text-align: right;
}
.navbox .mw-collapsible-toggle {
    width: 6em;
}

/* Infobox template style */
.infobox {
    border: 1px solid #aaa;
    background-color: #f9f9f9;
    color: black;
    margin: 0.5em 0 0.5em 1em;
    padding: 0.2em;
    float: right;
    clear: right;
}
.infobox td,
.infobox th {
    vertical-align: top;
}
.infobox caption {
    font-size: larger;
}
.infobox.bordered {
    border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
    border: 1px solid #aaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
    border: 0;
}
 
.infobox.sisterproject {
    width: 20em;
    font-size: 90%;
}
 
.infobox.standard-talk {
    border: 1px solid #c0c090;
    background-color: #f8eaba;
}
.infobox.standard-talk.bordered td,
.infobox.standard-talk.bordered th {
    border: 1px solid #c0c090;
}
 
/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
    border: 0;
    border-top: 1px solid #aaa;
    border-right: 1px solid #aaa;
}
 
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
    border: 0;
    border-right: 1px solid #aaa;
}
 
/* Styles for geography infoboxes, eg countries,
   country subdivisions, cities, etc.            */
.infobox.geography {
    text-align: left;
    border-collapse: collapse;
    line-height: 1.2em; 
    font-size: 90%;
}
 
.infobox.geography  td,
.infobox.geography  th {
    border-top: solid 1px #aaa;
    padding: 0.4em 0.6em 0.4em 0.6em;
}
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
    border-top: solid 1px #aaa;
    padding: 0.4em 0.6em 0.2em 0.6em;
}
 
.infobox.geography .mergedrow td,
.infobox.geography .mergedrow th {
    border: 0;
    padding: 0 0.6em 0.2em 0.6em;
}
 
.infobox.geography .mergedbottomrow td,
.infobox.geography .mergedbottomrow th {
    border-top: 0;
    border-bottom: solid 1px #aaa;
    padding: 0 0.6em 0.4em 0.6em;
}
 
.infobox.geography .maptable td,
.infobox.geography .maptable th {
    border: 0;
    padding: 0;
}
 
/* Makes redirects appear in italics in categories and on [[Special:Allpages]] */
.redirect-in-category, .allpagesredirect {
    font-style: italic;
}
 
/* Icons for medialist templates [[Template:Listen]],
   [[Template:Multi-listen_start]], [[Template:Video]],
   [[Template:Multi-video_start]]
*/
div.listenlist {
    background:
        url("http://upload.wikimedia.org/wikipedia/commons/thumb/a/a6/Gnome-speakernotes.png/30px-Gnome-speakernotes.png");
    padding-left: 40px;
}
 
/* 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 */
#content a[href$=".pdf"].external, 
#content a[href*=".pdf?"].external, 
#content a[href*=".pdf#"].external,
#content a[href$=".PDF"].external, 
#content a[href*=".PDF?"].external, 
#content a[href*=".PDF#"].external,
#mw_content  a[href$=".pdf"].external, 
#mw_content  a[href*=".pdf?"].external, 
#mw_content  a[href*=".pdf#"].external,
#mw_content  a[href$=".PDF"].external, 
#mw_content  a[href*=".PDF?"].external, 
#mw_content  a[href*=".PDF#"].external {
    background: url("http://upload.wikimedia.org/wikipedia/commons/2/23/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. */
#content span.PDFlink a,
#mw_content span.PDFlink a {
    background: url("http://upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") center right no-repeat;
    padding-right: 17px;
}
 
/* 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 #aaa;
    background-color: #f9f9f9;
    width: 80%;
    margin: 0 auto 1em auto;
    padding: .2em;
}
.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;
    margin: 4px auto;
}
/* For old WikiProject banners inside banner shells. */
.mbox-inside .standard-talk,
.messagebox.nested-talk {
    border: 1px solid #c0c090;
    background-color: #f8eaba;
    width: 100%;
    margin: 2px 0;
    padding: 2px;
}
.messagebox.small {
    width: 238px;
    font-size: 85%;
    float: right;
    clear: both;
    margin: 0 0 1em 1em;
    line-height: 1.25em; 
}
.messagebox.small-talk {
    width: 238px;
    font-size: 85%;
    float: right;
    clear: both;
    margin: 0 0 1em 1em;
    line-height: 1.25em; 
    background: #F8EABA;
}
 
 
/* 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; 
    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; 
    padding: 2px 0 2px 0.9em;    /* 0.9em left, 0px right */
    text-align: center; 
}
td.mbox-imageright {             /* The right image cell */
    border: none;
    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; 
    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 */
    padding: 2px 0 2px 0.5em;    /* 0.5em left, 0px right */
}
.ambox td.mbox-imageright {      /* The right image cell */
    padding: 2px 0.5em 2px 0;    /* 0px left, 0.5em right */
}
 
table.ambox-notice {
    border-left: 10px solid #1e90ff;    /* Blue */
}
table.ambox-speedy {
    border-left: 10px solid #b22222;    /* Red */
    background: #fee;                   /* Pink */
}
table.ambox-delete {
    border-left: 10px solid #b22222;    /* Red */
}
table.ambox-content {
    border-left: 10px solid #f28500;    /* Orange */
}
table.ambox-style {
    border-left: 10px solid #f4c430;    /* Yellow */
}
table.ambox-move {
    border-left: 10px solid #9932cc;    /* Purple */
}
table.ambox-protection {
    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. */
}
.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" */
    margin: 2px 0;               /* class ensures that this declaration overrides other */
    width: 100%;  /* For Safari and Opera */     /* styles (including mbox-small above) */
}
.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:Noarticletext]] and [[MediaWiki:Readonly lag]]. */
div.mw-lag-warn-normal,
div.noarticletext,
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. */
    clear: right;
    float: right;
    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. */
    margin: 4px 1em 4px 0;
    width: 238px;
    border-collapse: collapse;
    font-size: 88%;
    line-height: 1.25em;
}
 
 
/* Support for Template:IPA, Template:Unicode and Template:Polytonic.
   The second declarations reset the styles for all browsers except
   IE6, which chokes on the empty comment tags. Please copy any changes
   to [[Template:IPA fonts]] and [[Template:Unicode fonts]].
*/
.IPA {
    font-family: "Charis SIL", "Doulos SIL", Gentium, GentiumAlt,
                 "DejaVu Sans", Code2000, "TITUS Cyberbit Basic",
                 "Arial Unicode MS", "Lucida Sans Unicode",
                 "Chrysanthi Unicode";
    font-family /**/: inherit;
}
.Unicode {
    font-family: Code2000, Code2001, "Free Serif", "TITUS Cyberbit Basic",
                 "Doulos SIL", "Chrysanthi Unicode", "Bitstream Cyberbit",
                 "Bitstream CyberBase", Thryomanes, Gentium, GentiumAlt,
                 "Lucida Grande", "Free Sans", "Arial Unicode MS",
                 "Microsoft Sans Serif", "Lucida Sans Unicode";
    font-family /**/: inherit;
}
.latinx {
    font-family: Code2000, Code2001, "TITUS Cyberbit Basic", "Microsoft Sans Serif";
    font-family /**/: inherit;
}
.polytonic {
    font-family: "Athena Unicode", Gentium, "Palatino Linotype",
                 "Arial Unicode MS", "Lucida Sans Unicode",
                 "Lucida Grande", Code2000; 
    font-family /**/: inherit;
}
 
#wpSave {
    font-weight: bold;
}
 
/* class hiddenStructure is defunct. See [[Wikipedia:hiddenStructure]] */
.hiddenStructure {
    display: inline ! important;
    color: #f00; 
    background-color: #0f0;
}
 
/* suppress missing interwiki image links where #ifexist cannot
   be used due to high number of requests see .hidden-redlink on 
   http://meta.wikimedia.org/wiki/MediaWiki:Common.css
*/
.check-icon a.new {
    display: none; 
    speak: none;
}
 
/* Removes underlines from links */
.nounderlines a { 
    text-decoration: none;
}
 
/* Remove underline from IPA links */
.IPA a:link, .IPA a:visited {
    text-decoration: none;
}
 
/* Standard Navigationsleisten, aka box hiding thingy
   from .de.  Documentation at [[Wikipedia:NavFrame]]. */
div.NavFrame {
    margin: 0;
    padding: 4px;
    border: 1px solid #aaa;
    text-align: center;
    border-collapse: collapse;
    font-size: 95%;
}
div.NavFrame + div.NavFrame {
    border-top-style: none;
    border-top-style: hidden;
}
div.NavPic {
    background-color: #fff;
    margin: 0;
    padding: 2px;
    float: left;
}
div.NavFrame div.NavHead {
    height: 1.6em;
    font-weight: bold;
    background-color: #ccf;
    position: relative;
}
div.NavFrame p,
div.NavFrame div.NavContent,
div.NavFrame div.NavContent p {
    font-size: 100%;
}
div.NavEnd {
    margin: 0;
    padding: 0;
    line-height: 1px;
    clear: both;
}
a.NavToggle {
    position: absolute;
    top: 0;
    right: 3px;
    font-weight: normal;
    font-size: 90%;
}
 
/* Hatnotes and disambiguation notices */
.rellink,
.dablink {
    font-style: italic;
    padding-left: 2em;
    margin-bottom: 0.5em;
}
.rellink i,
.dablink i {
    font-style: normal;
}
 
/* Style for horizontal UL lists */
.horizontal ul {
    padding: 0;
    margin: 0;
}
.horizontal li { 
    padding: 0 0.6em 0 0.4em;
    display: inline;
    border-right: 1px solid;
}
.horizontal li:last-child {
    border-right: none;
    padding-right: 0;
}
 
/* 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; }
 
/* Geographical coordinates defaults. See [[Template:Coord/link]]
   for how these are used. The classes "geo", "longitude", and
   "latitude" are used by the [[Geo microformat]].
 */
.geo-default, .geo-dms, .geo-dec  { display: inline; }
.geo-nondefault, .geo-multi-punct { display: none; }
.longitude, .latitude             { white-space: nowrap; }
 
/* When <div class="nonumtoc"> is used on the table of contents,
   the ToC will display without numbers */
.nonumtoc .tocnumber { display: none; }
.nonumtoc #toc ul,
.nonumtoc .toc ul {
    line-height: 1.5em;
    list-style: none;
    margin: .3em 0 0;
    padding: 0;
}
.nonumtoc #toc ul ul, 
.nonumtoc .toc ul ul { 
    margin: 0 0 0 2em; 
}
 
/* Allow limiting of which header levels are shown in a TOC;
   <div class="toclimit-3">, for instance, will limit to
   showing ==headings== and ===headings=== but no further
   (as long as there are no =headings= on the page, which
   there shouldn't be according to the MoS).
 */
.toclimit-2 .toclevel-2,
.toclimit-3 .toclevel-3,
.toclimit-4 .toclevel-4,
.toclimit-5 .toclevel-5,
.toclimit-6 .toclevel-6,
.toclimit-7 .toclevel-7 { display: none; }
 
/* Styling for Template:Quote */
blockquote.templatequote { 
     margin-top: 0; 
}
blockquote.templatequote div.templatequotecite { 
    line-height: 1em;
    text-align: left;
    padding-left: 2em;
    margin-top: 0;
}
blockquote.templatequote div.templatequotecite cite {
    font-size: 85%;
}
 
div.user-block {
    padding: 5px;
    border: 1px solid #A9A9A9;
    background-color: #FFEFD5;
}
 
/* Prevent line breaks in silly places: 
   1) Links when we don't want them to
   2) Bold "links" to the page itself
   2) HTML formulae
   3) Ref tags with group names <ref group="Note"> --> "[Note 1]"
*/
.nowraplinks a,
.nowraplinks .selflink,
span.texhtml,
sup.reference a { 
    white-space: nowrap;
}
 
/* For template documentation */
.template-documentation {
    clear: both;
    margin: 1em 0 0 0;
    border: 1px solid #aaa; 
    background-color: #ecfcf4; 
    padding: 1em;
}
 
.thumbinner {
    min-width: 100px;
}
 
/* Inline divs in ImageMaps (code borrowed from de.wiki) */
.imagemap-inline div {
    display: inline;
}
 
/* Increase the height of the image upload box */
#wpUploadDescription {
    height: 13em;
}
 
/* Reduce line-height for <sup> and <sub> */
sup, sub {
    line-height: 1em;
}
 
/* Remove white border from thumbnails */
div.thumb {
    border: none;
}
div.tright {
    border: none;
    margin: 0.5em 0 0.8em 1.4em;
}
div.tleft {
    border: none;
    margin: 0.5em 1.4em 0.8em 0;
}
 
/* Makes the background of a framed image white instead of gray. */
/* Only visible with transparent images. */
div.thumb img.thumbimage {
    background-color: #fff;
}
 
/* The backgrounds for galleries. */
#content .gallerybox div.thumb {
    background-color: #F9F9F9;   /* Light gray padding */
}
/* Put a chequered background behind images, only visible if they have transparency */
.gallerybox .thumb img,
#file img {
    background: white url("http://upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png") repeat;
}
/* But not on articles, user pages, portals or with opt-out. */
.ns-0 .gallerybox .thumb img,
.ns-2 .gallerybox .thumb img,
.ns-100 .gallerybox .thumb img, 
.nochecker .gallerybox .thumb img {
    background: white;
}
 
/* Prevent floating boxes from overlapping any category listings,
   file histories, edit previews, and edit [Show changes] views */
#mw-subcategories, #mw-pages, #mw-category-media, 
#filehistory, #wikiPreview, #wikiDiff {
    clear: both;
}
 
/* Selectively hide headers in WikiProject banners */
.wpb .wpb-header             { display: none; }
.wpbs-inner .wpb .wpb-header { display: block; }     /* for IE */
.wpbs-inner .wpb .wpb-header { display: table-row; } /* for real browsers */
.wpbs-inner .wpb-outside     { display: none; }      /* hide things that should only display outside shells */
 
/* Styling for Abuse Filter tags */
.mw-tag-markers {
 font-family:sans-serif;
 font-style:italic;
 font-size:90%;
}
 
/* Fix so <tt>, <code> and <pre> tags get normal text size also in 
   some versions of Firefox, Safari, Konqueror, Chrome etc. */
tt, code, pre {
    font-family: monospace, sans-serif;
}
 
 
/* </source> */

/* CLWB-259*/
/* self links */
a.mw-selflink {
    color: inherit;
    font-weight: bold;
    text-decoration: inherit;
}
a.mw-selflink:hover {
    cursor: inherit;
    text-decoration: inherit;
}
a.mw-selflink:active,
a.mw-selflink:visited {
    color: inherit;
}

/* CLWB-234 */
.postedit-content {
    padding-right:10px;
}

/************************* Mobile view ****************************/
/*CLWB-363*/
/*Home Page 2 columns - Desktop CSS*/
.div-box-HP {
	box-shadow:  0 0 6px 0 rgba(0,0,0,0.09); 
	padding:10px 20px 15px 20px; 
	width:100%; 
	vertical-align:top;
	background-color: white; 
	border: 1px solid #e4e4e4;
}

.margin-0-0-24-0 {
	margin:0px 0px 24px 0px; 
}

.margin-24-0-24-0 {
	margin:24px 0px 24px 0px; 
}

.div-box-h2-HP {
	margin: 1em 0px 15px 0px !important; 
	font-size:120%; 
	font-weight:bold; 
	border-style: none; 
	text-align:left; 
	color:#cc6600;
}

.padding-0-0-0-0 {
	padding:0px 0px 0px 0px
}

.padding-0-10-0-0 {
	padding:0px 10px 0px 0px
}

.table-HP {
    width: 100%;
    margin-top: 4px;
    margin-bottom: 0;    
    margin-left: 5px;
    margin-right: 0px;
    padding-right:50px;
    border-spacing: 0;
    border-collapse: separate;
}

.td-left-table-HP {
    padding: 0;
    vertical-align: top;

    width: 49%;
}

.border-td-table-HP {
    border-color: transparent;
    border-width: 1px;
    border-style: solid;
	
    padding-right: 60px;
}

.td-rigth-table-HP {
    padding: 0;
    vertical-align: top;

    width: 49%;
}

/*CLWB-352*/
/*Book Downloads component table*/
.plainlinks.fmbox.fmbox-system {
    width:260px;
    clear: right;
    float: right;
}

.mobileonly {
    display: none;
}


/*CLWB-358*/
.navbox-subgroup .navbox-group {
    width:30%;
}

/*CLWB-362*/
.table-content{
    border: 0px;
    width: 75%;
}

.table-content-image{
    border-bottom:30px solid transparent;
    width:82px;
}

.table-content-title {
    text-align:left;
}

.table-content-pdf{
    width: 40px; 
    text-align:right;
}

/*CLWB-371*/
/*format of template*/
.PDFWARNING-box table.plainlinks.fmbox.fmbox-system{
    width: 100%;
}

/*CLWB-373*/
.table-contributor-template-information{
    border:0px;
    width:225px;
    text-align: left;;
}

.table-contributor-template-information-details{
    font-size:85%;
}

.table-contributor-template-information-details td{
    text-align: left;
}

/*CLWB-352*/
table.plainlinks.ombox.ombox-notice {
	width: 50%;
}

/**********************************Desktop CSS changes**************************/
body, .mw-body h1, .mw-body-content h1, .mw-body-content h2 {
	font-family: Trebuchet MS, sans-serif !important;
	font-size: 18px;        
}

body{
        background-color: #fafafa !important;
        background-image: none !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/*CLWB-328 - Update style for left hand menu*/
/* Content */
div#content {
	/*margin-left: 227px;
	padding: 1em;*/
	background-image: none !important;
	/*background-position: top left;
	background-repeat: repeat-y;
	background-color: white;*/
	color: black;
	direction: ltr;
	padding-top: 20px;
	padding-right: 20px;
}

#mw-page-base {
	height: 12em;
	background-color: #fafafa;
	background-image: none !important;
	/*background-position: bottom left;
	background-repeat: repeat-x;*/
}

#mw-head-base {
	margin-left: 12em;
}

div#mw-head {
	height: 140px;
	box-shadow: 3px 1px 7px 0 rgba(0, 0, 0, 0.11);
	-moz-box-shadow: 3px 1px 7px 0 rgba(0, 0, 0, 0.11);
	-webkit-box-shadow: 3px 1px 7px 0 rgba(0, 0, 0, 0.11);
	-o-box-shadow: 3px 1px 7px 0 rgba(0, 0, 0, 0.11);
	background: white;
	border-bottom: 1px solid #e4e4e4;
        width: 100%;
}

#p-personal li {
	margin-left: 1.3em;
}

/*CLWB-328 - Update style for left hand menu*/
/* Navigation Containers */
#left-navigation {
	/*left: 230px;
	top: 7.6em; */
        margin-left: 12.5em;
        /*padding-bottom: 5px;*/
}

.vector-menu-tabs li {
	background: none;
        /*background-image: linear-gradient(to top,#cacaca 0,transparent 2.5px,transparent 100%) !important;*/
}

.vector-menu-tabs li a {
	color: #4f5359;
	text-decoration: none;
    height: 3.4em;
}

.vector-menu-tabs .new a, .vector-menu-tabs .new a:visited{
	color: #4f5359;
	text-decoration: none;
}

/*#center-navigation {
	position: absolute;
	left: 650px;
	top: 2.5em;
}*/

/*#p-cactions h5{
	margin-bottom: 0em;
}*/

/*div.clicklawTabs {
	/* @embed */
	background-image: none ;
}*/



/*div.clicklawTabs span {
	background-image: none;
}*/

/*CHANGE: CLWB-316 - Match heading styles to that on Clicklaw.bc.ca*/
.vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited{
	color: #4f5359;
	font-weight: bold;
}

.vector-menu-tabs .selected{
        background: transparent !important;
        background-image: linear-gradient(to top,#54a546 0,transparent 2.5px,transparent 100%) !important;
}

.vector-menu-dropdown{
    /*background-image: linear-gradient(to top,#cacaca 0,transparent 2.5px,transparent 100%) !important;*/
    /*padding-bottom: 5px;*/
}

.vector-menu-dropdown .vector-menu-checkbox:checked ~ .vector-menu-content .vector-menu-content-list{
    margin-top: 5px !important;
}

.vector-menu-dropdown .vector-menu-content-list{
    margin-top: 5px;
}

.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown h3{
    background: none;
}

/*div.clicklawTabs li.new a,
div.clicklawTabs li.new a:visited{
	color: #4f5359;
}*/

/*div.clicklawMenu h5 a {
	height: 1.85em;
	background-image: none;
}*/

.vector-menu-dropdown li a {
	color: #4f5359;
	text-decoration: none;
}

.vector-menu-dropdown li.selected  a,
.vector-menu-dropdown li.selected  a:visited {
	color: #4f5359;
}

#p-search {
    float: right;
    position: absolute;
    border-left: 1px solid #e4e4e4;
    padding-left: 20px;
    height: 60px;
    top: 39px;
    background-color: #fafafa;
    margin: 0em;
    min-width: 300px;
    right: 0em;
    padding: 20px 30px 20px 30px;
}

/*CLWB-328 - Update style for left hand menu*/
.portal h3, .vector-menu-portal h3 {
	font-weight: bold;
	color: #333333;
        background-image: none;
}

.vector-menu-portal .vector-menu-content li a{
        color: #333333;
        background-image: none;
}

/*CLWB-328 - Update style for left hand menu*/
.portal .body, .vector-menu-portal .body {
	background-image: none;
}

/*CLWB-328 - Update style for left hand menu*/
.portal .body li a, .vector-menu-portal .body li a, .vector-menu-portal .vector-menu-content li a:visited {
	color: #333333;
        text-decoration: underline;
}

.portal .body li a, .vector-menu-portal .body li a:visited, .vector-menu-portal .vector-menu-content li a:visited {
	color: #333333;
        text-decoration: underline;
}

.portal, .vector-menu-portal{
        padding: 0 0 1.5em 0;
}

/*CLWB-328 - Update style for left hand menu*/
/* Footer */
#footer {
	margin-left: 12em;
	margin-top: 50px;
	background-image: none;
	/*background-position: top left;
	background-repeat: repeat-x;*/
	box-shadow: 0 0 6px 0 rgba(0,0,0,0.09);
	background: white;
	border: 1px solid #e4e4e4;
    min-height: 130px;
}

/*CHANGE: CLWB-322 - Reduce logo size*/
/* Logo */
#p-logo {
	height: 80px;
}
#p-logo a {
	height: 80px;
}

/* Icon for Usernames */
#pt-userpage,
#pt-anonuserpage,
#pt-login {   
        background: none;
}

.vector-menu-tabs ul {
	background-image: none;
}

/*body.clicklaw-animateLayout #center-navigation {
	-moz-transition: left 250ms;
	-webkit-transition: left 250ms;
	-o-transition: left 250ms;
	transition: left 250ms;
}*/

/*CLWB-328 - Update style for left hand menu*/
div#mw-panel {
	box-shadow: 1px 6px 7px 0px rgba(0,0,0,0.11);
	padding:30px 20px 0px 0px; 
	margin:7px 0px 0px 0px;
	background: white;
	border-right: 1px solid #e4e4e4;
        top: 138px;
}

#p-personal {
	background-color: #f5f5f5;
	padding: 5px 0px 5px 0px;
	box-shadow: inset  0px -4px 6px rgba(0, 0, 0, 0.07);
	-moz-box-shadow: inset  0px -4px 6px rgba(0, 0, 0, 0.07);
	-webkit-box-shadow: inset  0px -4px 6px rgba(0, 0, 0, 0.07);
	-o-box-shadow: inset  0px -4px 6px rgba(0, 0, 0, 0.07);
	border-bottom: 1px solid #e4e4e4;
        -moz-transition: right 250ms;
        -webkit-transition: right 250ms;
        -o-transition: right 250ms;
        transition: right 250ms;
        transition: right 250ms;
        width: 100%;
        top: 0em;
        right: 0em;        
}

#p-personal ul li a {
	color: #4f5359 !important;
	font-size: 1em;
	text-decoration: none;
        font-weight: bold;
}

#p-personal ul li a:hover, #p-personal ul li a:focus{
        color: #54a546 !important;
}

#p-personal ul {
    padding-right: 1.2em;
}

/*#center-navigation { top: 7.6em; }*/

/*CHANGE: CLWB-322 - Reduce logo size*/
#p-logo {
        position: absolute;
	top: -90px;
	width: 400px;
        margin-left: -1.666667em;
}

#p-logo a {
	width: 400px;
}

/*CHANGE: CLWB-314 - Removing the default blue that appears for links*/
#mw-content-text a {
  color: #000;
  text-decoration: underline;
}

a, a.new {
	color: #000;
        text-decoration: underline;
}

a:visited {
	color: #000;
        text-decoration: underline;
}
a:active {
	color: #000;
        text-decoration: underline;
}
a:hover, a:focus {
        color: #54a546 !important;
        text-decoration: underline;
}

/*#searchform div {  
	position: relative !important;
}*/

#searchform input#searchInput {
        float: right; 
        position: absolute;
	font-family: Trebuchet MS, sans-serif;  
	padding: 10px 40px 10px 10px;  
	border: none;  width: 300px;  
	box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.2);  
	/*margin: 0px -130px 0px -130px;*/
	-webkit-appearance: none;
	-webkit-box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.2);
        /*right: 0em;*/
        top: 10px;
}

#searchform {
        position: relative; 
}

#mw-searchButton {  
	/*position: relative;  
	left: 258px; */ 
	background: rgba(0,0,0,0);  
	border: none;  
	cursor: pointer;  
	margin: 0;  
	padding: 10px 12px; 
        float: right;       
}

#searchButton{
        /*position: relative; 
        float: right;*/
        /*left: 258px;*/
        background-size: 15px;
        width: 20px;
        height: 20px;
        top: 20px;
        margin: 0px 10px 0px 0px !important;
}

/*#p-search-border {
	border-left: 1px solid #e4e4e4;
    padding-left: 10px;
    height: 125px;
    float: right;
    top: 39px;
    background-color: #fafafa;
}*/

/*CLWB-336 - UX: Printable version not optimized for print */
body.page-Main_Page #p-coll-print_export {
	display:none;
}

#mw-panel .portal-first h3{
        display: block;
}

/*CHANGE: CLWB-315 - Update font to Trebuchet MS*/
q {
	font-family: Trebuchet MS, Times, "Times New Roman", serif;
}

/*CHANGE: CLWB-315 - Update font to Trebuchet MS*/
pre, code, tt, kbd, samp {
	font-family: Trebuchet MS, monospace, "Courier New";
}

.catlinks {
	border: none;
	background-color: transparent;
	text-decoration: underline;
}
.catlinks a {
	text-decoration: underline;
}

/*CHANGE: CLWB-314 - Removing the default blue that appears for links*/
/* Interwiki Styling */
/*div#content a.extiw,
div#content a.extiw:active {
	color: #000;
	/* Don't show icons for interwiki links */
	background: none;
	padding: 0;
}
div#content a.extiw:visited {
	color: #000;
}
div#content a.extiw:active {
	color: #000;
}*/

#pt-userpage,
#pt-anonuserpage,
#pt-login {
	background: none;
}

#mw-head div.body.vector-menu-content{
        float: right;
        padding: 5px 0px 5px 0px;
}

#pt-userpage a {
        background: none;
}

.mw-body, .parsoid-body{
        background: none;
        border: none;
}

#left-navigation, #right-navigation{
        margin-top: 9em;
        width: 40%;
        background-image: linear-gradient(to top,#cacaca 0,transparent 2.5px,transparent 100%) !important;
        padding-bottom: 5px;
}

#right-navigation{
        float: left;
        /*margin-right: 40%;*/
}    

#searchInput:focus, #simpleSearch:hover #searchInput:focus {
    outline: 0;
    border-color: #000;
    -webkit-box-shadow: inset 0 0 0 1px #000,inset 0 0 0 2px #ffffff;
    box-shadow: inset 0 0 0 1px #000,inset 0 0 0 2px #ffffff;
}

:focus {
    outline-color: #000;
}

#simpleSearch{
   /*margin-right: -50px;*/
   /*margin-top: 25px;*/
   width: auto;
}

#p-search form {
    /* margin: 0.5em 0 0; */
    margin: 0px;
}

#firstHeading{
    font-size: 1.6em;
}


/*CommetStreams style*/
#cs-header {
    background-color: #DFF0FF;
    padding: 12px;
    border: 2px solid #30538f;
    width: fit-content;
}

/*Hide single page printing message collection*/
.collection-warning-box, .collection-notice-box{
    display:none;
}

/*Hide comments*/
.cs-stream{
    display:none;
}