User:TheUnwikible/myskin.css

/* */ /* RESETS */ /* */

html, body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, table { margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; font-style: normal; }

ul { list-style: none; }

td, th { padding: 0; }

/* */ /* PAGE STRUCTURE */ /* */

body { color: #3c2a00;  /* 30,255,30 */ font-family: Lucida Grande, Lucida Sans Unicode, sans-serif;  /* a legible and good-looking font stack */ font-size: 75%;  /* base font size (bfs): 12px (default - 100% - is usually 16px in modern browsers) */ line-height: 2em;  /* 24px; 2x bfs; base line-height (blh) */ width: 100%;  /* ensures that page stretches to whole screen width */ }

div#globalWrapper { width: 78.0833em;  /* 937px; see padding-right below; see above for typographic grid data */ position: relative;  /* allows absolute placement of contained elements */ top: 2em;  /* 1x blh (top border of 'column-one' is already aligned correctly because that div is absolutely-positioned); leaves room from top of canvas */ padding-left: 0.0833em;  /* 1px; along with the extra pixel in width above, allows perfect centering of page with the overlapping of 'column-one' and 'column-content' borders */ margin-left: auto;  /* centers page horizontally */ margin-right: auto;  /* = */ }

div#column-content { float: right;  /* leaves room for portlets on the left */ border: solid 0.0833em #ffe5a5;  /* 1px; 30,255,210 */ width: 63.6667em;  /* 764px; 9x gcw */ margin-top: 4em;  /* 2x blh; leaves room for action links above article */ position: relative;  /* allows overlapping of 'column-one' and 'column-content' borders */ left: -0.0833em;  /* 1px; = */ padding-top: 4em;  /* 2x blh */ padding-bottom: 1.9167em;  /* 1x blh minus bottom border */ }

div#content { width: 63.6667em;  /* 764px; 9x gcw */ }

div#column-one { border: solid 0.0833em #ffe5a5;  /* 1px; 30,255,210 */ position: absolute;  /* places div on the left */ top: 0px;  /* places div besides 'content-column' */ left: 0.0833em;  /* 1px; aligns left border with typographic grid */ width: 14.0833em;  /* 169px; 2x gcw */ /*margin-bottom: 4em;  /* 2x blh; leaves room at the end of the page when 'column-one' extends farther down than 'footer' */ }

div#footer { border: solid 0.0833em #ffe5a5;  /* 1px; 30,255,210 */ border-top: none;  /* 'footer' comes immediately after 'column-content' */ float: right;  /* places 'footer' directly below 'column-content' */ position: relative;  /* allows overlapping of 'column-one' and 'column-content' borders */ left: -0.0833em;  /* 1px; = */ width: 63.6667em;  /* 764px; 9x gcw */ padding-top: 2em;  /* 1x blh */ padding-bottom: 1.9167em;  /* 1x blh minus bottom border */ /*margin-bottom: 4em;  /* 2x blh; leaves room at the end of the page when 'footer' extends farther down than 'column-one' */ }

div.visualClear { display: none;  /* these are not used */ }

/* */ /* PORTLETS */ /* */

div#p-coll-create_a_book { display: block;  /* overrides default [display: none] */ }

div#p-navigation, div#p-search, div#p-interaction, div#p-tb, div#p-coll-create_a_book, div#p-lang { border-top: solid 0.0833em #ffe5a5;  /* 1px; 30,255,210 */ padding-top: 2em;  /* 1x blh */ padding-bottom: 1.9167em;  /* 1x blh minus top border of following portlet */ padding-left: 0.5em;  /* 6px; indents text to follow typographic grid */ padding-right: 0.5em;  /* = */ margin-left: 0.5em;  /* 6px; leaves gutter empty */ margin-right: 0.5em;  /* = */ }

div#p-navigation h5, div#p-search h5, div#p-interaction h5, div#p-tb h5, div#p-coll-create_a_book h5, div#p-lang h5 { font-size: 1em;  /* 12px */ line-height: 2em;  /* 1x blh */ text-transform: uppercase; }

div#p-cactions, div#p-personal { position: absolute; width: 63.6667em;  /* 764px; 9x gcw; makes portlet as wide as 'content' */ }

div#p-cactions { top: 4em;  /* 2x blh */ left: 14.0833em;  /* 169px; 2x gcw plus 'content' left border ; puts portlet over 'content' */ }

div#p-personal { left: 14.25em;  /* 171px; 2x gcw plus 'content' left and right borders plus 1 to align last link's border with 'content' border ; puts portlet over 'content' */ text-align: right;  /* aligns list to right edge of page */ }

div#p-cactions h5, div#p-personal h5, div#p-logo h5 { display: none;  /* no need to display this */ }

div#p-cactions li, div#p-personal li { display: inline; padding-left: 1em;  /* 12px; indents text to follow typographic grid */ padding-right: 1em;  /* 12px; indents text to follow typographic grid */ }

div#p-cactions li { border-left: solid 0.0833em #ffe5a5;  /* 1px; 30,255,210 */ }

div#p-personal li { border-right: solid 0.0833em #ffe5a5;  /* 1px; 30,255,210 */ text-align: left;  /* resets right alignment of parent portlet */ }

div#p-logo { height: 13em;  /* 156px; accomodates image; logo image is 135x155px */ padding-top: 1em;  /* 12px; padding-top + height = 7x blh */ padding-bottom: 2em;  /* 1x blh */ }

div#p-logo a, div#p-logo a:hover { display: block; height: 155px; background-position: center center; background-repeat: no-repeat; }

/* */ /* LINKS */ /* */

a { text-decoration: none;  /* nullifies any browser default */ }


 * link {

color: #002db4;  /* 160,255,90 */ }


 * visited {

color: #122666;  /* 160,180,60 */ }


 * link:hover,
 * visited:hover {

color: #966900;  /* 30,255,75 */ }

a img { border: none;  /* no border around image links */ }

div#content :link, div#footer :link { border-bottom: solid 0.0833em #ffe5a5;  /* 1px; 30,255,210 */ }

div#content :visited, div#footer :visited { border-bottom: solid 0.0833em #ffe5a5;  /* 1px; 30,255,210 */ }

div#content :link:hover, div#content :visited:hover, div#footer :link:hover, div#footer :visited:hover { border-bottom: solid 0.0833em #966900;  /* 30,255,75 */ }

div#content span.IPA :link, div#content span.IPA :visited, div#content span.IPA :link:hover, div#content span.IPA :visited:hover { /*border-bottom: none;  /* no border on these links */ }

/* Messages */

div#content td.mbox-image :link, div#content td.mbox-image :visited, div#content td.mbox-image :link:hover, div#content td.mbox-image :visited:hover, div#content td.mbox-imageright :link, div#content td.mbox-imageright :visited, div#content td.mbox-imageright :link:hover, div#content td.mbox-imageright :visited:hover { border-bottom: none;  /* avoids link border under message icons */ }

/* TOC */

div#content table#toc ul :link, div#content table#toc ul :visited, div#content table#toc ul :link:hover, div#content table#toc ul :visited:hover { border-bottom: none;  /* avoids link border under TOC entries */ }

/* Thumbnail images */

div#content div.thumb :link, div#content div.thumb :visited, div#content div.thumb :link:hover, div#content div.thumb :visited:hover { border-bottom: none;  /* avoids link border under thumbnails */ }

div#content div.thumb div.thumbcaption :link { border-bottom: solid 0.0833em #ffe5a5;  /* 1px; 30,255,210; restores border under caption */ }

div#content div.thumb div.thumbcaption :visited { border-bottom: solid 0.0833em #ffe5a5;  /* 1px; 30,255,210; restores border under caption */ }

div#content div.thumb div.thumbcaption :link:hover, div#content div.thumb div.thumbcaption :visited:hover { border-bottom: solid 0.0833em #966900;  /* 30,255,75; restores border under caption */ }

/* category links */

div#content div.catlinks :link, div#content div.catlinks :visited, div#content div.catlinks :link:hover, div#content div.catlinks :visited:hover { border-bottom: none;  /* avoids link border under categories */ }

/* footer */

div#footer div#f-poweredbyico :link, div#footer div#f-poweredbyico :visited, div#footer div#f-poweredbyico :link:hover, div#footer div#f-poweredbyico :visited:hover, div#footer div#f-copyrightico :link, div#footer div#f-copyrightico :visited, div#footer div#f-copyrightico :link:hover, div#footer div#f-copyrightico :visited:hover { border-bottom: none;  /* avoids link border under icons */ }

/* */ /* CONTENT: TABLES */ /* */

table { border-collapse: collapse; border-spacing: 0; }

/* */ /* CONTENT: TEXT */ /* */

div#content p { margin-left: 1em;  /* 12px; indents text to follow grid */ margin-right: 1em;  /* = */ text-align: justify;  /* justifies main article text */ }

div#content p + p, div#content p + div.thumb.tright + p { text-indent: 2em;  /* helps distinguishing adjacent paragraphs */ }

/* reference links */

sup.reference, sup.Inline-Template, sup.Template-Fact { vertical-align: super;  /* aligns reference text as a superscript */ font-size: 0.8333em;  /* 10px */ line-height: 1.2em;  /* 12px */ padding-left: 0.3em;  /* 3px; leaves room from text */ }

sup.reference a, sup.Inline-Template a, sup.Template-Fact { white-space: nowrap;  /* prevent line breaks within reference tags */ }

/* */ /* CONTENT: LISTS */ /* */

div#content ul, div#content ol, div#content dl { margin-left: 1em;  /* 12px; indents text to follow grid */ margin-right: 1em;  /* = */ margin-bottom: 0;  /* overrides default */ }

div#content ul li, div#content ol li { margin-left: 2em;  /* 24px; indents list text to accomodate bullet */ }

div#content li ul, div#content li ol { margin-left: 0;  /* nested levels already have items indented */ }

div#content ul { list-style-type: square; }

div#content dl dt { font-weight: bold; }

/* */ /* CONTENT: HEADINGS */ /* */

h1#firstHeading { font-size: 3em;  /* 36px */ line-height: 1.3333em;  /* 2x blh */ margin-left: 0.3333em;  /* 12px; indents text to follow grid */ margin-right: 0.3333em;  /* = */ margin-bottom: 0.6667em;  /* 1x blh; leaves space to text below */ }

div#content h2{ font-size: 2em;  /* 24px */ line-height: 1em;  /* 1x blh */ margin-top: 0.9583em;  /* 1x blh minus top border */ padding-top: 1.3333em;  /* 32px; padding-top + padding-bottom = 2x blh */ padding-bottom: 0.6667em;  /* 16px; = */ border-top: solid 0.0417em #ffe5a5;  /* 1px; 30,255,210 */ margin-left: 0.25em;  /* 6px; allows top border to extend to gutters */ margin-right: 0.25em;  /* = */ padding-left: 0.25em;  /* 6px; indents text to follow grid */ padding-right: 0.25em;  /* = */ }

div#content h3{ font-size: 1.3333em;  /* 16px */ line-height: 1.5em;  /* 1x blh */ padding-top: 1em;  /* 16px; padding-top + padding-bottom = 1x blh */ padding-bottom: 0.5em;  /* 8px; = */ margin-left: 0.75em;  /* 12px */ margin-right: 0.75em;  /* = */ }

div#content h4{ font-size: 1em;  /* 12px */ line-height: 2em;  /* 1x blh */ margin-top: 2em;  /* 1x blh */ margin-left: 1em;  /* 12px */ margin-right: 1em;  /* = */ font-style: italic;  /* differentiates heading from text */ }

/* */ /* CONTENT: EDIT SECTION LINKS */ /* */

span.editsection { margin-left: 1em; }

h1 span.editsection { font-size: 0.3333em; }

h2 span.editsection { font-size: 0.5em; }

h3 span.editsection { font-size: 0.75em; }

h4 span.editsection { font-style: normal; }

/* */ /* CONTENT: TAGLINES AND LINKS TO RELATED CONTENT */ /* */

/* "From Wikipedia, the free encyclopedia" */

h3#siteSub { display: none;  /* no need to display this, as WikiPedia logo is visible on the left */ }

/* "jump to" links to navigation and search portlets */

div#jump-to-nav { display: none;  /* no need to display this, as portlets are at hand on the left */ }

/* disambiguation and related articles links */

div.dablink, div.rellink, div.relarticle { margin-left: 0.5em;  /* 6px; allows bachground to extend to the gutters on both sides */ margin-right: 0.5em;  /* = */ padding-left: 0.5em;  /* 6px; indents text to follow grid; overrides default */ padding-right: 0.5em;  /* 6px; indents text to follow grid; */ margin-bottom: 0px;  /* preserves alignment to grid; overrides default */ background: #fcffc3;  /* 45,255,225 */ }

/* "Retrieved from http://en.wikipedia.org/... */

div.printfooter { display: none; }

/* */ /* CONTENT: MESSAGES */ /* */

table.ambox, table.dmbox { clear: both;  /* ensures that floating boxes don't overlap with message box */ margin-top: 2em;  /* 1x blh */ margin-bottom: 2em;  /* 1x blh */ margin-left: 7em;  /* 1x gcw */ margin-right: 7em;  /* 1x gcw */ border: none;  /* overrides default */ border-left: solid 0.5833em #1e90ff;   /* Default "notice" blue */ border-right: solid 0.5833em #1e90ff;   /* Default "notice" blue */ background: none;  /* overrides default */ }

table.ambox + table.ambox { margin-top: 0;  /* overrides default */ }

th.mbox-text, td.mbox-text { width: 40.4167em;  /* 485px; 6x gcw; makes all message boxes the same size */ width: 100%; padding-top: 0;  /* overrides default */ padding-bottom: 0;  /* overrides default */ padding-left: 0;  /* 13px; overrides default */ padding-right: 0;  /* 13px; text indent plus gutter plus border; overrides default */ }

th.mbox-text small, td.mbox-text small { font-size: 0.8333em;  /* 10px */ }

td.mbox-image { width: 7.5833em;  /* 91px */ padding-top: 0;  /* overrides default */ padding-bottom: 0;  /* overrides default */ padding-left: 0;  /* 6px; overrides default */ padding-right: 0;  /* 12px; text indent plus gutter; overrides default */ text-align: left;  /* manually centers image div in table cell (div is 52px wide) */ text-align: center; }

td.mbox-image div { /*margin-left: 0.8333em;  /* manually centers image div in table cell (div is 52px wide) */ /*text-align: center;  /* centers image in div */ }

td.mbox-imageright { width: 7.5833em;  /* 91px */ padding-top: 0;  /* overrides default */ padding-bottom: 0;  /* overrides default */ padding-left: 0em;  /* 13px; text indent plus gutter plus border; overrides default */ padding-right: 0em;  /* 6px; overrides default */ text-align: center; }

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

/* */ /* CONTENT: TOC */ /* */

table#toc { margin-top: 2em;  /* 1x blh */ margin-left: 0.5em;  /* indents text to follow grid */ margin-right: 0.5em;  /* indents text to follow grid */ padding-left: 0.5em;  /* indents text to follow grid */ padding-right: 0.5em;  /* indents text to follow grid */ background: #f5f8ff;  /* 160,255,250 */ }

table#toc h2 { margin-top: 0; border-top: none; margin-left: 0; margin-right: 0; padding-top: 1em;  /* 1x blh */ padding-bottom: 0;  /* resets padding to place 'show'/'hide' link immediately below heading */ padding-left: 0; padding-right: 0; }

table#toc .toctoggle { position: relative;  /* places 'show'/'hide' link besides heading */ top: -1.8333em;  /* 22px; = */ padding-left: 14.1667em;  /* 170px; = */ }

table#toc ul { list-style-type: none;  /* no bullet needed as TOC entries are numbered */ margin-left: 0;  /* resets margin as table already provides it */ margin-bottom: 2em;  /* leaves room before end of table */ }

table#toc ul ul { margin-left: 2em;  /* indents nested levels */ margin-bottom: 0;  /* resets margin for nested levels */ }

table#toc ul li { margin-left: 0;  /* resets indentation as there is no bullet to accomodate */ }

table#toc span.tocnumber { width: 2em; text-align: right; }

/* */ /* CONTENT: THUMBNAIL IMAGES */ /* */

div.thumb { margin-top: 0.9583em;  /* 1x blh minus top border */ border-top: solid 0.0833em #ffe5a5;  /* 1px; 30,255,210 */ border-bottom: solid 0.0833em #ffe5a5;  /* 1px; 30,255,210 */ padding: 0.9583em;  /* 12px minus border around images (which cannot be eliminated) */ background: #ffffff;  /* -,0,255; ensures that any heading border does not show up inside div */ }

div.tleft { border-right: solid 0.0833em #ffe5a5;  /* 1px; 30,255,210 */ float: left;  /* moves images to the left */ clear: left;  /* ensures that floated elements on the same side are fowed vertically one at a time */ margin-right: 1em;  /* leaves room before text */ }

div.tright { border-left: solid 0.0833em #ffe5a5;  /* 1px; 30,255,210 */ float: right;  /* moves images to the right */ clear: right;  /* ensures that floated elements on the same side are fowed vertically one at a time */ margin-left: 1em;  /* leaves room after text */ }

div.thumb img { border: solid 0.0833em #ffffff;  /* 1px; -,0,255; centers image in container, which is always 2px wider and 2px taller */ }

div.thumbcaption div.magnify { display: none;  /* hides zoom link as clicking on the image already allows zooming */ }

/* */ /* CONTENT: CATEGORY LINKS */ /* */

div.catlinks { margin-left: 0.5em;  /* 6px; allow top border to extend to gutters */ margin-right: 0.5em;  /* = */ border-top: solid 0.0833em #ffe5a5;  /* 1px; 30,255,210 */ padding-left: 0.5em;  /* 6px; indents text to follow grid */ padding-right: 0.5em;  /* = */ margin-top: 1.9167em;  /* 1x blh - top border */ padding-top: 2em; }

/* */ /* FOOTER */ /* */

div#footer ul { padding-left: 1em;  /* 12px; indents text to follow grid */ padding-right: 1em;  /* = */ width: 47.5em;  /* 570px; 7x gcw - text indentation */ }

div#f-poweredbyico, div#f-copyrightico { margin-right: 1em;  /* = */ float: right;  /* moves icons to the right */ clear: right;  /* places icons one above the other */ }

ul#f-list li#copyright { margin-top: 1em;  /* leaves room between copyright and other entries; margin-top + margin-bottom = 1x blh */ margin-bottom: 1em;  /* = */ }

div#f-poweredbyico { margin-bottom: 0.8333em;  /* 10px; leaves room between the two icons and places them so that they occupy 3 blh (both 'f-poweredbyico' and 'f-copyrightico' are 31px high) */ }

/* */ /* MAIN PAGE */ /* */

/* "Main Page" */

body.page-Main_Page h1#firstHeading { display: none;  /* no need to display this, as it is obvious */ }

/* "Welcome to Wikipedia" box */

body.page-Main_Page table#mp-topbanner { margin-top: 2em !important;  /* 1x blh; overrides default in html */ background: none !important;  /* overrides default in html */ border: none !important;  /* = */ width: 62.6667em !important;  /* overrides default in html */ margin-left: 0.5em !important;  /* 6px; = */ margin-right: 0.5em !important;  /* = */ }

/* "Overview - Editing - ..." line */

table#mp-strapline { border-top: solid 0.0833em #ffe5a5;  /* 1px; 30,255,210; */ border-bottom: solid 0.0833em #ffe5a5;  /* 1px; 30,255,210; */ margin-top: 1.9167em !important;  /* 1x blh; overrides default in html */ margin-bottom: 2em !important;  /* = */ margin-left: 0.5em !important;  /* 6px; overrides default in html */ margin-right: 0.5em !important;  /* = */ width: 62.6667em !important;  /* overrides default in html */ }

table#mp-strapline tr td { font-size: inherit !important;  /* overrides default in html */ padding-top: 2em !important;  /* = */ padding-bottom: 1.9167em !important;  /* = */ color: inherit !important;  /* = */ padding-left: 0.5em !important;  /* = */ width: 34.3333em;  /* 412px */ }

table#mp-strapline tr td + td { width: 28.3333em;  /* 340px */ padding-left: 0 !important;  /* resets padding */ padding-right: 0.5em !important;  /* overrides default in html */ }

table#mp-strapline tr td p { margin-left: 0;  /* resets margin */ margin-right: 0;  /* = */ text-align: right;  /* pushes right group of links to the right */ }

/* "Today's featured article" + "Did you know..." */

table#mp-upper td.MainPageBG { width: 35.3333em !important;  /* 424px; overrides default in html */ border-top: none !important;  /* overrides default in html */ border-bottom: none !important;  /* overrides default in html */ border-left: none !important;  /* overrides default in html */ border-right: solid 0.0833em #ffe5a5 !important;  /* 1px; 30,255,210; */ background: none !important;  /* = */ color: inherit !important;  /* = */ }

table#mp-upper td + td.MainPageBG { width: 28.25em !important;  /* 339px; overrides default in html */ border-right: none !important;  /* overrides default in html */ }

table#mp-upper table#mp-left, table#mp-upper table#mp-right { margin-left: 0.5em;  /* 6px; */ margin-right: 0.5em;  /* 6px; */ background: none !important;  /* overrides default in html */ }

table#mp-upper table#mp-left h2#mp-tfa-h2, table#mp-upper table#mp-left h2#mp-dyk-h2, table#mp-upper table#mp-right h2#mp-itn-h2, table#mp-upper table#mp-right h2#mp-otd-h2 { background: none !important;  /* overrides default in html */ font-weight: normal !important; border: none !important;  /* overrides default in html */ color: inherit !important;  /* = */ font-size: 1.3333em !important;  /* 16px */ line-height: 1.5em;  /* 1x blh */ padding-top: 1em !important;  /* 16px; padding-top + padding-bottom = 1x blh */ padding-bottom: 0.5em !important;  /* 8px; = */ margin-left: 0.375em !important;  /* 6px */ margin-right: 0.375em !important;  /* = */ }

table#mp-upper table#mp-left th, table#mp-upper table#mp-left td { padding: 0 !important;  /* overrides default in html */ color: inherit !important;  /* = */ }