User:Bcorr/myskin.css

/* ############################################# */ /* ####      PrettySkin v1 by BCorr        #### */ /* #### Based on Bluebox v1 by blankfaze   #### */ /* #### Based in turn on MonoBook by Gwicke #### */ /* ############################################# */

/* ###### LOGO ###### */
 * 1) p-logo a { background: url(http://meta.wikipedia.org/upload/6/6e/Nohat-logo-X-en.png) 35% 50% no-repeat !important; }

z-index: 3; position:absolute; /*needed to use z-index */ top: 30px; left: 5px; height: 155px; width: 12em; overflow: visible; } display: block; height: 155px; width: 12.2em; background-repeat: no-repeat; background-position: 35% 50% !important; text-decoration: none; }
 * 1) p-logo {
 * 1) p-logo h5 { display: none; }
 * 2) p-logo a,
 * 3) p-logo a:hover {

/* ###### BASIC LAYOUT ###### */ margin-top: 2.8em; margin-bottom: 0; margin-left: 13.2em; padding: 0em 1em 1.5em 1em; background: #fff; min-height: 600px; border: 1px solid #39f; border-bottom: 1px solid #fff; line-height: 1.5em; position: relative; z-index: 2; }
 * 1) column-content { width: 100%; float: right; margin: 1.2em 0em 0.6em -13.2em; padding: 0; }
 * 2) content {
 * 1) column-one { padding-top: 190px; }

/* ###### FORMATTING ###### */ /* ### TEXT ### */ /* links */

a:hover { color: orange; } a:special { color: green; } a:active { color: chartreuse; } a.stub { color: indigo; } a.new { color: brown; } a:visited { color: red; }
 * 1) bodyContent a.external, #p-lang li a { color: #75d; }

/* Fonts and sizes */ /* We take advantage of keyword scaling- browsers won't go below 9px */ /* More at http://www.w3.org/2003/07/30-font-size */ /* http://style.cleverchimp.com/font_size_intervals/altintervals.html */

body { font: x-small Georgia, serif; background: #f9f9f9 url("http://meta.wikipedia.org/style/monobook/headbg.jpg") 0px 0px no-repeat; color: Black; margin: 0; padding: 0; }

/* scale back up to a sane default */ font-size:127%; width: 100%; margin: 0; padding: 0; }
 * 1) globalWrapper {

.visualClear { clear: both; }

h1, h2, h3, h4, h5, h6 { color: Black; background: none; font-weight: normal; margin: 0; padding-top: 0.5em; padding-bottom: 0.5em; border-bottom: 1px solid #aaaaaa; } h1 { font-size: 188%; } h2 { font-size: 150%; } h3, h4, h5, h6 { border-bottom: none; font-weight: bold; } h3 { font-size: 116%; } h4 { font-size: 100%; } h5 { font-size: 80%; } h6 { font-size: 60%; }

h1, h2 { font-weight: bold; }

/* space under the headers in the content area */
 * 1) bodyContent h1,
 * 2) bodyContent h2,
 * 3) bodyContent h3,
 * 4) bodyContent h4,
 * 5) bodyContent h5 { margin-bottom:0.4em; }

/* ### ELEMENTS ### */ pre { padding: 1em; border: 1px dashed #2f6fab; color: Black; background-color: #f5f5f5; line-height: 1.1em; }

textarea { border: 1px solid #2f6fab; color: Black; background-color: white; width: 100%; padding: 0.1em; overflow: auto; }

table { font-size: 100%; background: White; }

img { border: none; vertical-align: middle; }

p { margin: 0.4em 0em 0.7em 0em; line-height: 1.5em; }

p img { margin: 0; }

hr { height: 1px; color: purple; background-color: #aaaaaa; border: 0; margin: 0.2em 0 0.2em 0; }

ul { line-height: 1.5em; list-style-type: square; margin: 0.3em 0 0 1.5em; padding:0; list-style-image: url("http://meta.wikipedia.org/style/monobook/bullet.gif"); } ol { line-height: 1.5em; margin: 0.3em 0 0 3.2em; padding:0; } li { margin-bottom: 0.1em; } dt { font-weight: bold; } dd { line-height: 1.5em; margin-bottom: 0.8em; margin-left: 2em; }

fieldset { border: 1px solid #2f6fab; margin: 1em 0em 1em 0em; padding: 0em 1em 1em 1em; line-height: 1.5em; }

legend { background: Beige; padding: 0.5em; font-size: 95%; }

form { border: none; margin: 0; }

/* hide this from ie/mac and konq2.2 */ @media All { head:first-child+body input { visibility: visible; border: 1px solid #2f6fab; color: Black; background-color: beige; vertical-align: middle; padding: 0.2em; } } input.historysubmit { padding: 0 0.3em 0.3em 0.3em !important; font-size: 94%; cursor: pointer; height: 1.7em !important; margin-left: 1.6em; } input[type="radio"], input[type="checkbox"] { border:none; } select { border: 1px solid #2f6fab; color: Black; vertical-align: top; } abbr, acronym, .explain { border-bottom: 1px dotted Black; color: Black; background: none; cursor: help; } q { font-family: Georgia, Times, serif; font-style: italic; }

code { background-color: #f9f9f9; }

/* ### TOC ### */ /*border:1px solid #2f6fab;*/ border:1px solid #39f; background-color:yellow; padding:5px; font-size: 95%; } margin-top: 0.7em; font-size: 94%; }
 * 1) toc {
 * 1) toc .tocindent { margin-left: 2em; }
 * 2) toc .tocline { margin-bottom: 0px; }
 * 3) toc p { margin: 0 }
 * 4) toc .toctoggle { font-size: 94%; }
 * 5) toc .editsection {

/* ### IMAGES ### */ /* image only */ div.floatright { float: right; margin: 0; position:relative; border: none; padding: 0.5em; } div.floatright p { font-style: italic;} div.floatleft { float: left; margin: 0; position:relative; border: none; padding: 0.5em; } div.floatleft p { font-style: italic; }

/* thumbnails */ div.thumb { margin: 0; padding: 0.5em; position:relative; border-style: solid; border-color: White; width: auto; overflow: hidden; } div.thumb div { border:1px solid #cccccc; padding: 3px !important; background-color:#f9f9f9; font-size: 94%; text-align: center; } div.thumb div a img { border:1px solid #cccccc; } div.thumb div div.thumbcaption { border: none; text-align: left; line-height: 1.4; padding: 0.3em 0 0.1em 0; } div.magnify { float: right; border: none !important; background: none !important; } div.magnify a, div.magnify img { display: block; border: none !important; background: none !important; }

div.tright { float: right; border-width: 0.5em 0 0.8em 1.4em; } div.tleft { float: left; margin-right:0.5em;  border: 0.5em 1.4em 0.8em 0; }

.urlexpansion, .hiddenStructure { display: none; } img.tex { vertical-align: middle; } span.texhtml { font-family: serif; }

/* ### TABLE STANDARDS ### */ table.rimage { float:right; position:relative; margin-left:1em; margin-bottom:1em; text-align:center; } .toccolours { border:1px solid #aaaaaa; background-color:#f5f5f5; padding:5px; font-size: 95%; } div.townBox { position:relative; float:right; background:White; margin-left:1em; border: 1px solid Blue; padding:0.3em; width: 200px; overflow: hidden; clear: right; } div.townBox dl { padding: 0; margin: 0 0 0.3em 0; font-size: 96%; } div.townBox dl dt { background: none; margin: 0.4em 0 0 0; } div.townBox dl dd { margin: 0.1em 0 0 1.1em; background-color: #f3f3f3; }

/* ###### PERSONAL TOOLBAR ###### */ width:100%; white-space:nowrap; padding-top: 2px; padding-bottom: 2px; margin:0; position:absolute; left:0px; top:5px; z-index: 0; background-color: fuchsia; border-top: 1px solid #39f; border-bottom: 1px solid #39f; overflow: visible; line-height: 1.2em; }
 * 1) p-personal {


 * 1) p-personal h5 { display:none; }

padding:0; margin:0; border: none; z-index:0; overflow: visible; background: none; }
 * 1) p-personal .portlet,
 * 2) p-personal .pBody {

/* this is the ul contained in the portlet */ border: none; line-height: 1.4em; color: yellow; padding: 0em 2em 0 3em; margin: 0; text-align: right; text-transform: lowercase; list-style: none; z-index:0; background: none; } z-index:0; border: none; padding: 2px; display: inline; color: yellow; margin-left: 1em; line-height: 1.2em; background: none; } text-decoration: none; color: yellow; padding-bottom: 0.2em; background: none; } background-color: none; color: green; padding-bottom: 0.2em; text-decoration: underline; }
 * 1) p-personal ul {
 * 1) p-personal li {
 * 1) p-personal li a {
 * 1) p-personal li a:hover {


 * 1) p-personal a.new { color:#ba0000; }

/* the icon in front of the user name, single quotes in bg url to hide it from iemac */ li#pt-userpage, li#pt-anonuserpage, li#pt-login { background: none; }

/* ###### TABS ###### */ position:absolute; top: 2.7em; left: 11.5em; margin: 0; white-space:nowrap; width: 76%; line-height: 1.1em; overflow: visible; background: none; border-collapse: collapse; padding-left: 1em; list-style: none; font-size: 95%; }
 * 1) p-cactions {


 * 1) p-cactions .hiddenStructure { display: none; }

display: inline; border: 1px solid #39f; border-bottom: none; padding: 0 0 0.1em 0; margin: 0 0.3em 0 0; overflow: visible; background: White; } /* change colour of unselected tabs */
 * 1) p-cactions ul { list-style: none; }
 * 2) p-cactions li {
 * 1) p-cactions ul li a { background: #eee; }

.ns-0 * #p-cactions ul li a { background: #eee; }

border-color: #39f; padding: 0 0 0.2em 0; } background-color: yellow; color: indigo; border: none; padding: 0 0.9em 0.35em 0.9em; text-decoration: none; text-transform: lowercase; position: relative; z-index: 0; margin: 0; }
 * 1) p-cactions li.selected {
 * 1) p-cactions li a {


 * 1) p-cactions .selected a { z-index: 3; }

/* Selected tab text */
 * 1) p-cactions ul li.selected a { color: darkblue; text-decoration: bold; background: yellow; }


 * 1) p-cactions .new a { color:#ba0000; }
 * 2) p-cactions li a:hover { z-index: 3; text-decoration: underline; background: #fff; }

.ns-0 * #p-cactions li a:hover { z-index: 3; text-decoration: underline; background: #fff; }


 * 1) p-cactions h5 { display: none; }


 * 1) p-cactions li.istalk { margin-right: 0; }
 * 2) p-cactions li.istalk a { padding-right: 0.5em; }

padding-left: 0.4em; padding-right: 0.4em; }
 * 1) p-cactions #ca-addsection a {

/* offsets to distinguish the tab groups */ li#ca-talk { margin-right: 1.6em; } li#ca-watch, li#ca-watch { margin-left: 1.6em; }

/* ###### SIDEBAR ###### */ /* general portlet styles (elements in the sidebar) */ .portlet { border: none; margin: 0em 0em 0.5em 0em; float: none; padding: 0; width: 12.2em; overflow: hidden; } .portlet h4 { font-size: 95%; background: lime; font-weight: normal; white-space: nowrap; } .portlet h5 { background: transparent; border: none; padding: 0em 1em 0em 0.5em; text-transform: lowercase; display: inline; font-size: 91%; height: 1em; font-weight: normal; white-space: nowrap; } .portlet h6 { background: #ffae2e; border: 1px solid #2f6fab; border-style: solid solid none solid; padding: 0em 1em 0em 1em; text-transform: lowercase; display: block; font-size: 1em; height: 1.2em; font-weight: normal; white-space: nowrap; } .pBody { font-size: 95%; background: lime; border-collapse: collapse; border: 1px solid #39f; padding: 0 0.8em 0.3em 0.5em; }

.portlet h1, .portlet h2, .portlet h3, .portlet h4 { margin: 0; padding: 0; }

.portlet ul { line-height: 1.5em; list-style-type: square; list-style-image: url("http://meta.wikipedia.org/style/monobook/bullet.gif"); font-size:95%; }

.portlet li { padding:0; margin: 0 0 0 0; margin-bottom: 0; }

.portlet li a:visited { color: red; }

/* search portlet */ position:relative; z-index:3; }
 * 1) p-search {

text-align: center; }
 * 1) p-search .pBody {

input.searchButton { margin-top:1px; padding: 0 0.4em !important; font-size: 95%; cursor: pointer; background-color: White; border: 1px solid #39f;  }

border: 1px solid #39f; width:10.9em; margin: 0em 0em 0.5em 0em; font-size: 95%; }
 * 1) searchInput {


 * 1) p-search .pBody { padding: 0.5em 0.4em 0.4em 0.4em; }

/* other portlets */
 * 1) p-nav, #p-tbx, #p-lang { position:relative; z-index:3; }

.urlexpansion, .hiddenStructure { display: none; }

/* ###### FOOTER ###### */ background-color: #fff; border: 1px solid #39f; border-top: 1px solid #fff; margin-top: -1em; margin-bottom: 1em; margin-left: 14.7em; padding: 10px; padding-bottom: 20px; text-align: center; font-size: 90%; } margin: 0 1.3em; } /* hide from incapable browsers */ head:first-child+body #footer li { white-space: nowrap; } margin: 0 8px; position: relative; top: -2px; /* Bump it up just a tad */ }
 * 1) footer {
 * 1) footer li { display: inline;
 * 1) f-poweredbyico, #f-copyrightico {
 * 1) f-poweredbyico { float: right; height: 1%; }
 * 2) f-copyrightico { float: left; height: 1%; }

/* js pref toc */ float: left; margin: 1em 1em 1em 1em; width: 13em; }   background-color:#f9f9f9; border:1px dashed #aaaaaa; }   display: block; color: #0014a6; }   clear: both; float: left; margin-top: 1em; } div.prefsectiontip { font-size: 95%; margin-top: 1em; } fieldset.operaprefsection { margin-left: 15em }
 * 1) preftoc {
 * 1) preftoc li { border: 1px solid White; }
 * 2) preftoc li.selected {
 * 1) preftoc a,
 * 2) preftoc a:active {
 * 1) prefcontrol {

/* #### MISCELLANEOUS #### */ /* notifications */ .usermessage { background-color: chartreuse; border: 1px solid #39f; color: Black; font-weight: bold; margin: 2em 0em 1em 0em; padding: 0.5em 1em; vertical-align: middle; }

.error { color: red; font-size: larger; }

/* category display bugfix */
 * 1) siteSub { display: block; }

font-size: 84%; line-height: 1.2em; padding-top: 3px; margin: 0 0 1.4em 1em; color: #7d7d7d; width: auto; } span.subpages { display: block; }
 * 1) contentSub {

.firstHeading { margin-bottom:0.1em; }

border:1px solid #aaaaaa; background-color:#f9f9f9; padding:5px; margin-top: 1em; } /* currently unused, intended to be used by a metadata box in the bottom-right corner of the content area */ .documentDescription { /* The summary text describing the document */ font-weight: bold; display: block; margin: 1em 0em; line-height: 1.5em; } .documentByLine { text-align: right; font-size: 90%; clear: both; font-weight: normal; color: #76797c; }
 * 1) catlinks {

/* emulate center */ .center { width: 100%; text-align: center; } margin-left: auto; margin-right: auto; }
 * .center * {

/* ###### EDIT/HISTORY VIEWS ###### */ .special li { line-height: 1.4em; margin: 0; padding: 0; }

/* Page history styling */ /* the auto-generated edit comments */ .autocomment { color: gray; } margin-left: 1.4em; margin-right: 0.4em; }   background-color:#f9f9f9; border:1px dashed #aaaaaa; } /* table.diff { background:white; width: 800px !important; } td.diff-otitle { background:#ffffff; } td.diff-ntitle { background:#ffffff; } td.diff-context { background:#eeeeee; max-width: 49%; }
 * 1) pagehistory span.user {
 * 1) pagehistory span.minor { font-weight: bold; }
 * 2) pagehistory li { border: 1px solid White; }
 * 3) pagehistory li.selected {
 * Diff rendering

/* ###### A BUNCH OF OTHER CODE I DON'T UNDERSTAND ###### */ /*    background: url(external.png) center right no-repeat; padding-right: 13px; } .link-https { background: url("lock_icon.gif") center right no-repeat; padding-right: 16px; } .link-mailto { background: url("mail_icon.gif") center right no-repeat; padding-right: 18px; }   background: url("news_icon.png") center right no-repeat; padding-right: 18px; } .link-ftp { background: url("file_icon.gif") center right no-repeat; padding-right: 18px; } .link-irc { background: url("discussionitem_icon.gif") center right no-repeat; padding-right: 18px; } /* disable interwiki styling */ color: #75d; background: none; padding: 0; } /* this can be used in the content area to switch off special external link styling */ background: none; padding: 0; }
 * keep the whitespace in front of the ^=, hides rule from konqueror
 * this is css3, the validator doesn't like it when validating as css2
 * 1) bodyContent a[href ^="http://"],
 * 2) bodyContent a[href ^="gopher://"] {
 * 1) bodyContent a[href ^="gopher://"] {
 * 1) bodyContent a[href ^="https://"],
 * 1) bodyContent a[href ^="mailto:"],
 * 1) bodyContent a[href ^="news://"] {
 * 1) bodyContent a[href ^="ftp://"],
 * 1) bodyContent a[href ^="irc://"],
 * 1) bodyContent a.extiw,
 * 2) bodyContent a.extiw:active {
 * 1) bodyContent .plainlinks a {

/*
 * IE/Mac fixes, hope to find a validating way to move this
 * to a separate stylesheet. This would work but doesn't validate:
 * @import("IEMacFixes.css");

/* tabs: border on the a, not the div */ border: 1px solid #aaaaaa; border-bottom: none; } /* footer icons need a fixed width */ overflow-x: auto; width: 100%; padding-bottom: 25px; }
 * > html #p-cactions li { border:none; }
 * > html #p-cactions li a {
 * > html #p-cactions li.selected a { border-color: #fabd23; }
 * > html #f-poweredbyico,
 * > html #f-copyrightico { width: 88px; }
 * > html #bodyContent,
 * > html #bodyContent pre {

/* more IE fixes */ /* float/negative margin brokenness */ display: inline; margin-bottom: 0; }
 * html #footer {margin-top: 0;}
 * html #column-content {
 * html div.editsection { font-size: smaller; }
 * 1) pagehistory li.selected { position: relative; }

/* debugging tool.. */ /*div{ border:1px solid #000000;}*/

/* #siteNotice { background-color: #eee; border: 1px solid #39f; padding: none !important; margin-bottom: 8px; text-align: center; position: relative; top: 8px; } */


 * 1) siteNotice { display: none; }

/* Mac IE 5.0 fix; floated content turns invisible */ float: none; }   position: absolute; left: 0; top: 0; } margin-left: 13.2em; }
 * > html #column-content {
 * > html #column-one {
 * > html #footer {

/* No external link icon */
 * 1) bodyContent a[href ^="http://"] {background: none; padding-right: 0px;}

td.diff-addedline { background:#fff; color: #060; max-width: 49%; } td.diff-deletedline { background:#fff; color: #c00; max-width: 49%; } span.diffchange { background-color: #ff9; }

div.printfooter { display: none; }
 * 1) ca-edit a { font-weight: normal !important; }
 * 2) siteSub { display: inline; font-size: 120%; font-weight: bold; }