User:Swazmo/monobook.css
Appearance
Code that you insert on this page could contain malicious content capable of compromising your account. If you import a script from another page with "importScript", "mw.loader.load", "iusc", or "lusc", take note that this causes you to dynamically load a remote script, which could be changed by others. Editors are responsible for all edits and actions they perform, including by scripts. User scripts are not centrally supported and may malfunction or become inoperable due to software changes. A guide to help you find broken scripts is available. If you are unsure whether code you are adding to this page is safe, you can ask at the appropriate village pump. This code will be executed when previewing this page. |
The accompanying .js page for this skin is at User:Swazmo/monobook.js. |
/*
** MediaWiki 'monobook' style sheet for CSS2-capable browsers.
** Copyright Gabriel Wicke - http://wikidev.net/
** License: GPL (http://www.gnu.org/copyleft/gpl.html)
**
** Loosely based on http://www.positioniseverything.net/ordered-floats.html by Big John
** and the Plone 2.0 styles, see http://plone.org/ (Alexander Limi,Joe Geldart & Tom Croucher,
** Michael Zeltner and Geir Bækholt)
** All you guys rock :)
*/
div#column-content {
width: 100%;
float: right;
margin: 0 0 .6em -12.2em;
padding: 0;
}
div#content {
margin: 2.8em 0 0 12.2em;
padding: 0 1em 1em 1em;
position: relative;
z-index: 2;
}
div#column-one {
padding-top: 160px;
}
div#content {
background: white;
color: black;
border: 1px solid #aaa;
border-right: none;
line-height: 1.5em;
}
/* the left column width is specified in class .portlet */
/* Font size:
** 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 sans-serif;
/* @embed */
background: #f9f9f9 url(headbg.jpg) 0 0 no-repeat;
color: black;
margin: 0;
padding: 0;
direction: ltr; /* Needed for RTL flipping */
unicode-bidi: embed;
}
/* scale back up to a sane default */
div#globalWrapper {
font-size: 127%;
width: 100%;
margin: 0;
padding: 0;
}
/* general styles */
a {
color: #002bb8;
}
a:visited {
color: #5a3696;
}
a.new,
#p-personal a.new {
color: #cc2200;
}
ul {
/* @embed */
list-style-image: url(bullet.gif);
}
input.historysubmit {
padding: 0 .3em .3em .3em !important;
font-size: 94%;
cursor: pointer;
height: 1.7em !important;
margin-left: 1.6em;
}
pre {
line-height: 1.1em;
}
/*
** the main content area
*/
#siteNotice {
font-size: 95%;
padding: 0 0.9em;
}
#localNotice {
margin: 0;
}
#siteNotice p {
margin: 0;
padding: 0;
}
/*
** classes for special content elements like town boxes
** intended to be referenced directly from the wiki src
*/
/*
** User styles
*/
/* table standards */
table.rimage {
float: right;
position: relative;
margin-left: 1em;
margin-bottom: 1em;
text-align: center;
}
/*
** edit views etc
*/
.special li {
line-height: 1.4em;
margin: 0;
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
*/
#bodyContent a.external,
#bodyContent a.external[href ^="gopher://"] {
/* @embed */
background: url(external-ltr.png) center right no-repeat;
padding-right: 13px;
}
#bodyContent a.external[href ^="https://"],
.link-https {
/* @embed */
background: url(lock_icon.gif) center right no-repeat;
padding-right: 16px;
}
#bodyContent a.external[href ^="mailto:"],
.link-mailto {
/* @embed */
background: url(mail_icon.gif) center right no-repeat;
padding-right: 18px;
}
#bodyContent a.external[href ^="news:"] {
/* @embed */
background: url(news_icon.png) center right no-repeat;
padding-right: 18px;
}
#bodyContent a.external[href ^="ftp://"],
.link-ftp {
/* @embed */
background: url(file_icon.gif) center right no-repeat;
padding-right: 18px;
}
#bodyContent a.external[href ^="irc://"],
#bodyContent a.external[href ^="ircs://"],
.link-irc {
/* @embed */
background: url(discussionitem_icon.gif) center right no-repeat;
padding-right: 18px;
}
#bodyContent a.external[href $=".ogg"], #bodyContent a.external[href $=".OGG"],
#bodyContent a.external[href $=".mid"], #bodyContent a.external[href $=".MID"],
#bodyContent a.external[href $=".midi"], #bodyContent a.external[href $=".MIDI"],
#bodyContent a.external[href $=".mp3"], #bodyContent a.external[href $=".MP3"],
#bodyContent a.external[href $=".wav"], #bodyContent a.external[href $=".WAV"],
#bodyContent a.external[href $=".wma"], #bodyContent a.external[href $=".WMA"],
.link-audio {
/* @embed */
background: url(audio.png) center right no-repeat;
padding-right: 13px;
}
#bodyContent a.external[href $=".ogm"], #bodyContent a.external[href $=".OGM"],
#bodyContent a.external[href $=".avi"], #bodyContent a.external[href $=".AVI"],
#bodyContent a.external[href $=".mpeg"], #bodyContent a.external[href $=".MPEG"],
#bodyContent a.external[href $=".mpg"], #bodyContent a.external[href $=".MPG"],
.link-video {
/* @embed */
background: url(video.png) center right no-repeat;
padding-right: 13px;
}
#bodyContent a.external[href $=".pdf"], #bodyContent a.external[href $=".PDF"],
#bodyContent a.external[href *=".pdf#"], #bodyContent a.external[href *=".PDF#"],
#bodyContent a.external[href *=".pdf?"], #bodyContent a.external[href *=".PDF?"],
.link-document {
/* @embed */
background: url(document.png) center right no-repeat;
padding-right: 12px;
}
/* Interwiki Styling */
#bodyContent a.extiw,
#bodyContent a.extiw:active {
color: #36b;
}
/* External links */
#bodyContent a.external {
color: #36b;
}
/*
** Structural Elements
*/
/*
** general portlet styles (elements in the quickbar)
*/
.portlet {
border: none;
margin: 0 0 .5em;
padding: 0;
float: none;
width: 11.6em;
overflow: hidden;
}
.portlet h4 {
font-size: 95%;
font-weight: normal;
white-space: nowrap;
}
.portlet h5 {
background: transparent;
padding: 0 1em 0 .5em;
display: inline;
height: 1em;
text-transform: lowercase;
font-size: 91%;
font-weight: normal;
white-space: nowrap;
}
.portlet h6 {
background: #ffae2e;
border: 1px solid #2f6fab;
border-style: solid solid none solid;
padding: 0 1em 0 1em;
text-transform: lowercase;
display: block;
font-size: 1em;
height: 1.2em;
font-weight: normal;
white-space: nowrap;
}
.pBody {
font-size: 95%;
background-color: white;
color: black;
border-collapse: collapse;
border: 1px solid #aaa;
padding: 0 .8em .3em .5em;
}
.portlet h1,
.portlet h2,
.portlet h3,
.portlet h4 {
margin: 0;
padding: 0;
}
.portlet ul {
line-height: 1.5em;
list-style-type: square;
/* @embed */
list-style-image: url(bullet.gif);
font-size: 95%;
}
.portlet li {
padding: 0;
margin: 0;
}
/*
** Logo properties
*/
#p-logo {
top: 0;
left: 0;
position: absolute; /*needed to use z-index */
z-index: 3;
height: 155px;
width: 12em;
overflow: visible;
}
#p-logo h5 {
display: none;
}
#p-logo a,
#p-logo a:hover {
display: block;
height: 155px;
width: 12.2em;
background-repeat: no-repeat;
background-position: 35% 50% !important;
text-decoration: none;
}
/*
** Search portlet
*/
#p-search {
position: relative;
z-index: 3;
}
input.searchButton {
margin-top: 1px;
font-size: 95%;
}
#searchGoButton {
padding-left: .5em;
padding-right: .5em;
font-weight: bold;
}
#searchInput {
width: 10.9em;
margin: 0;
font-size: 95%;
}
#p-search .pBody {
padding: .5em .4em .4em .4em;
text-align: center;
}
#p-search #searchform div div {
margin-top: .4em;
font-size: 95%;
}
/*
** the personal toolbar
*/
#p-personal {
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
#p-personal {
width: 100%;
white-space: nowrap;
padding: 0;
margin: 0;
border: none;
background: none;
overflow: visible;
line-height: 1.2em;
}
#p-personal h5 {
display: none;
}
#p-personal .portlet,
#p-personal .pBody {
z-index: 0;
padding: 0;
margin: 0;
border: none;
overflow: visible;
background: none;
}
/* this is the ul contained in the portlet */
#p-personal ul {
border: none;
line-height: 1.4em;
color: #2f6fab;
padding: 0 2em 0 3em;
margin: 0;
text-align: right;
list-style: none;
z-index: 0;
background: none;
cursor: default;
}
#p-personal li {
z-index: 0;
border: none;
padding: 0;
display: inline;
color: #2f6fab;
margin-left: 1em;
line-height: 1.2em;
background: none;
}
#p-personal li a {
text-decoration: none;
color: #005896;
padding-bottom: .2em;
background: none;
}
#p-personal li a:hover {
background-color: white;
padding-bottom: .2em;
text-decoration: none;
}
#p-personal li.active a:hover {
background-color: transparent;
}
/* 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 {
/* @embed */
background: url(user.gif) top left no-repeat;
padding-left: 20px;
text-transform: none;
}
#p-personal ul {
text-transform: lowercase;
}
#p-personal li.active {
font-weight: bold;
}
/*
** the page-related actions- page/talk, edit etc
*/
#p-cactions {
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%;
}
#p-cactions ul {
list-style: none;
}
#p-cactions li {
display: inline;
border: 1px solid #aaa;
border-bottom: none;
padding: 0 0 .1em 0;
margin: 0 .3em 0 0;
overflow: visible;
background: white;
}
#p-cactions li.selected {
border-color: #fabd23;
padding: 0 0 .2em 0;
font-weight: bold;
}
#p-cactions li a {
background-color: #fbfbfb;
color: #002bb8;
border: none;
padding: 0 .8em .3em;
position: relative;
z-index: 0;
margin: 0;
text-decoration: none;
}
#p-cactions li.selected a {
z-index: 3;
background-color: white;
}
#p-cactions .new a {
color: #ba0000;
}
#p-cactions li a:hover {
z-index: 3;
text-decoration: none;
background-color: white;
}
#p-cactions h5 {
display: none;
}
#p-cactions li.istalk {
margin-right: 0;
}
#p-cactions li.istalk a {
padding-right: .5em;
}
#p-cactions #ca-addsection a {
padding-left: .4em;
padding-right: .4em;
}
/* offsets to distinguish the tab groups */
li#ca-talk {
margin-right: 1.6em;
}
li#ca-watch,
li#ca-unwatch,
li#ca-varlang-0,
li#ca-print {
margin-left: 1.6em;
}
#p-cactions .pBody {
font-size: 1em;
background-color: transparent;
color: inherit;
border-collapse: inherit;
border: 0;
padding: 0;
}
#p-cactions li a {
text-transform: lowercase;
}
#p-lang {
position: relative;
z-index: 3;
}
/* Override text-transform on languages where capitalization is significant */
.capitalize-all-nouns .portlet h5,
.capitalize-all-nouns .portlet h6,
.capitalize-all-nouns #p-personal ul,
.capitalize-all-nouns #p-cactions ul li a {
text-transform: none;
}
/* TODO: #t-iscite is only used by the Cite extension, come up with some
* system which allows extensions to add to this file on the fly
*/
#t-ispermalink, #t-iscite {
color: #999;
}
/*
** footer
*/
div#footer {
background-color: white;
border-top: 1px solid #fabd23;
border-bottom: 1px solid #fabd23;
margin: .6em 0 1em 0;
padding: .4em 0 1.2em 0;
text-align: center;
font-size: 90%;
}
div#footer li {
display: inline;
margin: 0 1.3em;
}
#f-poweredbyico, #f-copyrightico {
margin: 0 8px;
position: relative;
top: -2px; /* Bump it up just a tad */
}
#f-poweredbyico {
float: right;
height: 1%;
}
#f-copyrightico {
float: left;
height: 1%;
}
.mw-htmlform-submit {
font-weight: bold;
padding-left: .3em;
padding-right: .3em;
margin-right: 2em;
}
/* js pref toc */
#preftoc {
margin: 0;
padding: 0;
width: 100%;
clear: both;
}
#preftoc li {
background-color: #f0f0f0;
color: #000;
}
#preftoc li {
margin: 1px -2px 1px 2px;
float: left;
padding: 2px 0 3px 0;
border: 1px solid #fff;
border-right-color: #716f64;
border-bottom: 0;
position: relative;
white-space: nowrap;
list-style-type: none;
list-style-image: none;
z-index: 3;
}
#preftoc li.selected {
font-weight: bold;
background-color: #f9f9f9;
border: 1px solid #aaa;
border-bottom: none;
cursor: default;
top: 1px;
padding-top: 2px;
margin-right: -3px;
}
#preftoc > li.selected {
top: 2px;
}
#preftoc a,
#preftoc a:active {
display: block;
color: #000;
padding: 0 .7em;
position: relative;
text-decoration: none;
}
#preftoc li.selected a {
cursor: default;
text-decoration: none;
}
#preferences {
margin: 0;
border: 1px solid #aaa;
clear: both;
padding: 1.5em;
background-color: #F9F9F9;
}
.prefsection {
border: none;
padding: 0;
margin: 0;
}
.prefsection legend {
font-weight: bold;
}
.prefsection table, .prefsection legend {
background-color: #F9F9F9;
}
.mainLegend {
display: none;
}
td.htmlform-tip {
font-size: x-small;
padding: .2em 2em;
color: #666;
}
.preferences-login {
clear: both;
margin-bottom: 1.5em;
}
.prefcache {
font-size: 90%;
margin-top: 2em;
}
div#userloginForm,
div#userlogin {
margin: 0 3em 1em 0;
border: 1px solid #aaa;
clear: both;
padding: 1.5em 2em;
background-color: #f9f9f9;
float: left;
}
div#userloginForm table,
div#userlogin table {
background-color: #f9f9f9;
}
div#userloginForm h2,
div#userlogin h2 {
padding-top: 0;
}
div#userlogin .captcha,
div#userloginForm .captcha {
border: 1px solid #bbb;
padding: 1.5em 2em;
background-color: white;
}
#loginend, #signupend {
clear: both;
}
#userloginprompt, #languagelinks {
font-size: 85%;
}
#login-sectiontip {
font-size: 85%;
line-height: 1.2;
padding-top: 2em;
}
#userlogin .loginText, #userlogin .loginPassword {
width: 12em;
}
#userloginlink a, #wpLoginattempt, #wpCreateaccount {
font-weight: bold;
}
/*
** 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 */
* > html #p-cactions li {
border: none;
}
* > html #p-cactions li a {
border: 1px solid #aaa;
border-bottom: none;
}
* > html #p-cactions li.selected a {
border-color: #fabd23;
}
/* footer icons need a fixed width */
* > html #f-poweredbyico,
* > html #f-copyrightico {
width: 88px;
}
* > html #bodyContent,
* > html #bodyContent pre {
overflow-x: auto;
width: 100%;
padding-bottom: 25px;
}
/* more IE fixes */
/* float/negative margin brokenness */
* html div#footer {
margin-top: 0;
}
* html div#column-content {
display: inline;
margin-bottom: 0;
}
#pagehistory li.selected {
position: relative;
}
/* Mac IE 5.0 fix; floated content turns invisible */
* > html div#column-content {
float: none;
}
* > html div#column-one {
position: absolute;
left: 0;
top: 0;
}
* > html div#footer {
margin-left: 13.2em;
}
.redirectText {
font-size: 150%;
margin: 5px;
}
div.patrollink {
clear: both;
}
.sharedUploadNotice {
font-style: italic;
}
span.updatedmarker {
color: black;
background-color: #0f0;
}
.editExternally {
border: 1px solid gray;
background-color: #ffffff;
padding: 3px;
margin-top: 0.5em;
float: left;
font-size: small;
text-align: center;
}
.editExternallyHelp {
font-style: italic;
color: gray;
}
.toggle {
margin-left: 2em;
text-indent: -2em;
}
/* @bug 1714 */
input#wpSave,
input#wpDiff {
margin-right: 0.33em;
}
#wpSave {
font-weight: bold;
}
/* noarticletext */
div.noarticletext {
border: 1px solid #ccc;
background: #fff;
padding: .2em 1em;
color: #000;
}
div#searchTargetContainer {
left: 10px;
top: 10px;
width: 90%;
background: white;
}
div#searchTarget {
padding: 3px;
margin: 5px;
background: #F0F0F0;
border: solid 1px blue;
}
div#searchTarget ul li {
list-style: none;
}
div#searchTarget ul li:before {
color: orange;
content: "\00BB \0020";
}
div#searchTargetHide {
float: right;
border: solid 1px black;
background: #DCDCDC;
padding: 2px;
}
#powersearch p {
margin-top:0px;
}
div.multipageimagenavbox {
border: solid 1px silver;
padding: 4px;
margin: 1em;
background: #f0f0f0;
}
div.multipageimagenavbox div.thumb {
border: none;
margin-left: 2em;
margin-right: 2em;
}
div.multipageimagenavbox hr {
margin: 6px;
}
table.multipageimage td {
text-align: center;
}
.templatesUsed {
margin-top: 1.5em;
}
.mw-summary-preview {
margin: 0.1em 0;
}
/* Friendlier slave lag warnings */
div.mw-lag-warn-normal,
div.mw-lag-warn-high {
padding: 3px;
text-align: center;
margin: 3px auto;
}
div.mw-lag-warn-normal {
border: 1px solid #FFCC66;
background-color: #FFFFCC;
}
div.mw-lag-warn-high {
font-weight: bold;
border: 2px solid #FF0033;
background-color: #FFCCCC;
}
.MediaTransformError {
background-color: #ccc;
padding: 0.1em;
}
.MediaTransformError td {
text-align: center;
vertical-align: middle;
font-size: 90%;
}
/* God-damned hack for the crappy layout */
.os-suggest {
font-size: 127%;
}
/* Sometimes people don't want personal tools to be lowercase! */
.no-text-transform {
text-transform: none;
}
/* Tooltips are outside of the normal body code, so this helps make the size of the text sensible */
.tipsy {
font-size: 127%;
}