MediaWiki:Cologneblue.css

/*
 * MediaWiki 'cavendish' style sheet for CSS2-capable browsers.
 * Copyright Mozilla Foundation - http://www.mozilla.org/
 * License: GPL (http://www.gnu.org/copyleft/gpl.html)
 * Loosely based on the monobook style by Gabriel Wicke
 * Loosely based on the monobook style by Gabriel Wicke

@import url("http://www.mozilla.org/css/base/content.css"); @import url("http://www.mozilla.org/css/cavendish/template.css"); @import url("http://www.mozilla.org/css/base/template.css"); @import url("http://www.mozilla.org/css/cavendish/content.css");

background-position: 0% -0px; color: #455372; }	background-position: 100% -200px; border-bottom: 1px solid #fff; }
 * 1) header ul { margin: 0; padding-right: 1em; }
 * 2) header li { padding: 0 6px 0 0; margin-right: 2px; }
 * 3) header ul li.selected a {
 * 1) header ul li.selected {

body { background: url("http://www.mozilla.org/images/subsite_back.gif") repeat-x; background-color: #FFF; margin-top: 0; padding-top: 0; }

div#header { clear: both; }

background: transparent url("wiki_header_logo.gif") no-repeat; width: 285px; }
 * 1) header h1 a {

float: right; display: block; text-indent: -5000em; width: 110px; height: 25px; text-decoration: none; background: url("http://www.mozilla.org/images/subsite_mozilla-org.gif") no-repeat; margin-bottom: 1.5em; }
 * 1) mozilla-org a {

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

/*
 * the main content area

h1 {} h2 {} h3 { font-size: 1.3em; font-weight: bold; }

h4 { font-size: 1.2em; font-weight: bold; }

h5 { font-size: 1.1em; font-weight: bold; }

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

/* user notification thing */ .usermessage { background-color: #ffce7b; border: 1px solid #ffa500; color: Black; font-weight: bold; margin: 2em 0em 1em 0em; padding: 0.5em 1em; vertical-align: middle; }   text-align: center; font-size: 95%; padding: 0 0.9em 0 0.9em; }   margin: 0; padding: 0; } .error { color: red; font-size: larger; }   border:1px solid #aaaaaa; background-color:#f9f9f9; padding: 3px 5px 3px 5px; margin-top: 1em; clear: both; }
 * 1) siteNotice {
 * 1) siteNotice p {
 * 1) catlinks {

p.catlinks { padding: 0; display: inline; }

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

/* emulate center */ .center { width: 100%; text-align: center; }   margin-left: auto; margin-right: auto; } /* small for tables and similar */ .small, .small * { font-size: 94%; } table.small { font-size: 100% }
 * .center * {

/*
 * content styles

/*border:1px solid #2f6fab;*/ border:1px solid #aaaaaa; background-color:#f9f9f9; 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 */ div.floatright, table.floatright { clear: right; float: right; position: relative; margin: 0 0 0.5em 0.5em; border: 0 /*   border: 0.5em solid White; border-width: 0.5em 0 0.8em 1.4em; } div.floatright p { font-style: italic; } div.floatleft, table.floatleft { float: left; position: relative; margin: 0 0.5em 0.5em 0; border: 0 /*   margin: 0.3em 0.5em 0.5em 0; border: 0.5em solid White; border-width: 0.5em 1.4em 0.8em 0; } div.floatleft p { font-style: italic; } /* thumbnails */ div.thumb { margin-bottom: 0.5em; border-style: solid; border-color: White; width: auto; } div.thumb div { border:1px solid #cccccc; padding: 3px !important; background-color:#f9f9f9; font-size: 94%; text-align: center; overflow: hidden; } div.thumb div a img { border:1px solid #cccccc; } div.thumb div div.thumbcaption { border: none; text-align: left; line-height: 1.4em; 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 { clear: right; float: right; border-width: 0.5em 0 0.8em 1.4em; } div.tleft { float: left; margin-right:0.5em; border-width: 0.5em 1.4em 0.8em 0; } .urlexpansion, .hiddenStructure { display: none; } img.tex { vertical-align: middle; } span.texhtml { font-family: serif; }

/*
 * classes for special content elements like town boxes
 * intended to be referenced directly from the wiki src

/* /* table standards */ table.rimage { float:right; position:relative; margin-left:1em; margin-bottom:1em; text-align:center; } .toccolours { border:1px solid #aaaaaa; background-color:#f9f9f9; padding:5px; font-size: 95%; } div.townBox { position:relative; float:right; background:White; margin-left:1em; border: 1px solid gray; 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; }
 * User styles

/* .special li { line-height: 1.4em; margin: 0; padding: 0; }
 * edit views etc

/* 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; } td.diff-otitle { background:#ffffff; } td.diff-ntitle { background:#ffffff; } td.diff-addedline { background:#ccffcc; font-size: smaller; } td.diff-deletedline { background:#ffffaa; font-size: smaller; } td.diff-context { background:#eeeeee; font-size: smaller; } span.diffchange { color: red; font-weight: bold; }
 * 1) pagehistory span.user {
 * 1) pagehistory span.minor { font-weight: bold; }
 * 2) pagehistory li { border: 1px solid White; }
 * 3) pagehistory li.selected {
 * Diff rendering

/*   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: #3366bb; background: none; padding: 0; } /* this can be used in the content area to switch off special external link styling */ background: none !important; 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) mBody a[href ^="http://"],
 * 2) mBody a[href ^="gopher://"] {
 * 1) mBody a[href ^="gopher://"] {
 * 1) mBody a[href ^="https://"],
 * 1) mBody a[href ^="mailto:"],
 * 1) mBody a[href ^="news://"] {
 * 1) mBody a[href ^="ftp://"],
 * 1) mBody a[href ^="irc://"],
 * 1) mBody a.extiw,
 * 2) mBody a.extiw:active {
 * 1) mBody a.external { color: #3366bb; }
 * 1) mBody .plainlinks a {
 * Structural Elements

/* .portlet { border: none; margin: 0 0 0.5em 0em; float: none; padding: 0; width: 11.6em; overflow: hidden; } .portlet h4 { font-size: 95%; font-weight: normal; white-space: nowrap; } .portlet h5 { background: transparent; 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: White; border-collapse: collapse; border: 1px solid #aaaaaa; 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("bullet.gif"); font-size:95%; } .portlet li { padding: 0; margin: 0; }
 * general portlet styles (elements in the quickbar)

/*
 * Logo properties

z-index: 3; position:absolute; /*needed to use z-index */ top: 0; left: 0; 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 {

/*
 * the navigation portlet

position:relative; z-index:3; }
 * 1) p-nav {

/*   position:relative; z-index:3; }   text-align: center; } input.searchButton { margin-top:1px; font-size: 95%; }   padding-left: .5em; padding-right: .5em; font-weight: bold; }   width:10.9em; margin: 0; font-size: 95%; }   padding: 0.5em 0.4em 0.4em 0.4em; }
 * Search portlet
 * 1) p-search {
 * 1) p-search {
 * 1) p-search .pBody {
 * 1) searchGoButton {
 * 1) searchInput {
 * 1) p-search .pBody {

/*
 * the personal toolbar

width:100%; white-space:nowrap; padding: 0; margin: 0; position:absolute; left:0px; top:0px; z-index: 0; border: none; background: none; overflow: visible; line-height: 1.2em; }
 * 1) p-personal {

display:none; }   padding:0; margin:0; border: none; z-index:0; overflow: visible; background: none; } /* this is the ul contained in the portlet */ border: none; line-height: 1.4em; color: #2f6fab; 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:0; display: inline; color: #2f6fab; margin-left: 1em; line-height: 1.2em; background: none; }   text-decoration: none; color: #005896; padding-bottom: 0.2em; background: none; }   background-color: White; padding-bottom: 0.2em; text-decoration: none; }
 * 1) p-personal h5 {
 * 1) p-personal .portlet,
 * 2) p-personal .pBody {
 * 1) p-personal ul {
 * 1) p-personal li {
 * 1) p-personal li a {
 * 1) p-personal li a:hover {

/*   position:absolute; top: 1.3em; 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%; }   list-style: none; }   display: inline; border: 1px solid #aaaaaa; border-bottom: none; padding: 0 0 0.1em 0; margin: 0 0.3em 0 0; overflow: visible; background: White; }   border-color: #fabd23; padding: 0 0 0.2em 0; }   background-color: White; color: #002bb8; border: none; padding: 0 0.8em 0.3em 0.8em; text-decoration: none; text-transform: lowercase; position: relative; z-index: 0; margin: 0; }   z-index: 3; text-decoration: none; }   padding-left: 0.4em; padding-right: 0.4em; } /* offsets to distinguish the tab groups */ li#ca-talk { margin-right: 1.6em; } li#ca-watch, li#ca-watch, li#ca-varlang-0 { margin-left: 1.6em; }
 * the page-related actions- page/talk, edit etc
 * 1) p-cactions {
 * 1) p-cactions {
 * 1) p-cactions .hiddenStructure { display: none; }
 * 2) p-cactions ul {
 * 1) p-cactions li {
 * 1) p-cactions li.selected {
 * 1) p-cactions li a {
 * 1) p-cactions .selected a { z-index: 3; }
 * 2) p-cactions .new a { color:#ba0000; }
 * 3) p-cactions li a:hover {
 * 1) p-cactions h5 { display: none; }
 * 2) p-cactions li.istalk { margin-right: 0; }
 * 3) p-cactions li.istalk a { padding-right: 0.5em; }
 * 4) p-cactions #ca-addsection a {

/*   position:relative; z-index:3; }
 * the remaining portlets
 * 1) p-tbx,
 * 2) p-lang {
 * 1) p-lang {

/*
 * footer

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

/* /* 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; }
 * 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");
 * > 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 #mBody,
 * > html #mBody 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; }

/* Mac IE 5.0 fix; floated content turns invisible */ float: none; }   position: absolute; left: 0; top: 0; }   margin-left: 13.2em; } .redirectText { font-size:150%; margin:5px; }
 * > html #column-content {
 * > html #column-one {
 * > html #footer {

.printfooter { display: none; }

.not_patrolled { background-color: #ffa; } div.patrollink { font-size: 75%; text-align: right; } span.newpage, span.minor, span.searchmatch { font-weight: bold; } span.unpatrolled { font-weight:bold; color:red; }

span.searchmatch { color: red; } .sharedUploadNotice { font-style: italic; }

span.updatedmarker { color:black; background-color:#00FF00; } span.newpageletter { font-weight:bold; color:black; background-color:yellow; } span.minoreditletter { color:black; background-color:#C5FFE6; }

table.gallery { border: 1px solid #cccccc; margin: 2px; padding: 2px; background-color:#ffffff; }

table.gallery tr { vertical-align:top; }

table.gallery td { vertical-align:top; background-color:#f9f9f9; border: solid 2px white; }

div.gallerybox { margin: 2px; width: 150px; }

div.gallerybox div.thumb { text-align: center; border: 1px solid #cccccc; margin: 2px; }

div.gallerytext { font-size: 94%; padding: 2px 4px; }

hr { border: 1px solid #FFF; border-top: 1px solid #CCC; }
 * 1) footer { color: #666; }

/* ADDED BY DEB@DRIA.ORG FOR DEVMO WIKI */

.standard-table { border: solid black 1px; border-collapse: collapse; }

.standard-table td { text-align: left; vertical-align: top; padding: 5px; border: solid #BBB 1px; }

.standard-table td.header, .standard-table th { font-weight: bold; background: #DDD; border: solid #BBB 1px; text-align: left; padding: 0px 5px 0px 5px; }

.fullwidth-table { border: solid #666 1px; border-collapse: collapse; width: 100%; margin-bottom: 10px; background: #FFF; }

.fullwidth-table td { text-align: left; vertical-align: top; padding: 5px 15px 5px 15px; border: solid #BBB 1px; }

.fullwidth-table td.header, .fullwidth-table th { background: #DDD; border: solid #BBB 1px; font-weight: bold; font-size: 1.2em; text-align: left; padding: 0px 5px 0px 5px; }

div.breadcrumbs { border: solid #888 1px; padding: 0px 5px 0px 5px; background: #DDD; margin: 5px 0px 10px 0px; font-size: 0.9em; }

div.breadcrumbs a.breadcrumbs { text-decoration: none; }

div.breadcrumbs span.breadcrumbs { font-weight: bold; }

pre { background: #EEE; border: dashed #666 1px; padding: 15px 20px 15px 20px; overflow: auto; }

div.tip { border: solid green 2px; padding: 0px 10px 0px 10px; margin: 10px 0px 10px 0px; background: #DFD; }

div.bug, div.warning { border: solid red 2px; padding: 0px 10px 0px 10px; margin: 10px 0px 10px 0px; background: #FDD; }

div.note { border: solid goldenrod 2px; padding: 0px 10px 0px 10px; margin: 10px 0px 10px 0px; background: #FFD; color: #000; }

div.note:before { content: ""; }

.float-left { float: left; padding: 5px; }

.float-right { float: right; padding: 5px; }

.figure { /* for future use */ }

.originaldocinfo { font-size: 0.8em; background: #FFD; border: solid #CCE 1px; width: auto; padding: 0px 10px 0px 10px; margin: 15px 0px 15px 0px; }

.originaldocinfo p { line-height: 0.8em; }

.originaldocinfo h2 { font-size: 1.3em; font-weight: bold; }

.licenseblock { border: dashed #888 1px; background: #DDD; font-size: 0.8em; padding: 0px 10px 0px 10px; }

code { font-size: 1.2em; }

.wrong-source-code { color: #D00; }

.right-source-code { color: #0A0; }

.template-toc { background: #DDD; font-size: 0.9em; border: solid black 1px; padding: 0px 10px 0px 10px; margin: 15px 0px 15px 0px; width: auto; }

.prevnext { font-size: 0.9em; margin: 10px 0px 20px 0px; }

div.highlight { border-left: solid blue 3px; padding-left: 15px; }

span.highlightblue { color: blue; }

span.highlightred { color: red; }

.side-note { width: auto; padding: 0px 20px 0px 20px; margin: 10px 0px 10px 0px; border: solid #666 1px; background: #EEE; }

.side-note-left { float:left; width: 40%; padding: 0px 20px 0px 20px; margin: 10px 10px 10px 0px; border: solid #666 1px; background: #EEE; }

.side-note-right { float:right; width: 40%; padding: 0px 20px 0px 20px; margin: 10px 0px 10px 10px; border: solid #666 1px; background: #EEE; }

/* new for devmo topic pages */

.callout-box { float:right; border: solid black 1px; text-align: center; width: 200px; margin: 0px 0px 15px 15px; padding: 10px; background: #EEE; }

.topicpage-table { width: 100%; }

.topicpage-table td { width: 50%; vertical-align: top; padding: 10px; }

.alllinks { font-size: 10px; float:right; }

.date { color: #668; font-style: italic; }

.disambig { font-size: 0.9em; border-top: solid #AAA 1px; border-bottom: solid #AAA 1px; }

.notice { font-size: 0.9em; border: solid #AAA 1px; padding: 5px; margin: 5px 0px 5px 0px; }