Difference between revisions of "MediaWiki:Monobook.css"
Jump to navigation
Jump to search
Line 1: | Line 1: | ||
/* CSS placed here will affect users of the Monobook skin */ | /* CSS placed here will affect users of the Monobook skin */ | ||
/* <pre><nowiki> | |||
This is a blue-ish themed skin based on monobook and essjay's skin. I'm still trying to get the navigation/search/tools header fixed (I think there is some conflict with the other style sheets). */ | |||
/* new message notification (a red background with white text/links */ | |||
.usermessage { | |||
background: #C50024 url('http://www.micahclemens.com/wikipedia/red.png') repeat-x scroll left top; | |||
border: 1px solid #222222; | |||
color: #FFFFFF; | |||
font-weight: bold; | |||
margin: 2em 0em 1em 0em; | |||
padding: 0.5em 1em 0.5em 1em; | |||
vertical-align: middle; | |||
} | |||
.usermessage a, .usermessage a:visited {color:#D7B435;} | |||
#p-logo { | |||
background: url('http://www.micahclemens.com/wikipedia/wiki_grey_logo.png') no-repeat; | |||
display: none | |||
position:absolute; /*needed to use z-index */ | |||
top: 8; | |||
left: 100; | |||
right: 65; | |||
height: 0; | |||
width: 0; | |||
padding: 0 0 150px 150px; | |||
overflow: hidden; | |||
} | |||
h1.firstHeading {background: #0043A7 url('http://www.micahclemens.com/wikipedia/new_message_blue.png') repeat-x scroll left top;color:#FEFEFE;padding 3px;border:1px solid #696B2E;text-indent:.5em;} | |||
/* Colors of links */ | |||
a { color: #003399; } | |||
a:visited { color: #8800CC; } | |||
a:active, a.new { color: #CC1100; } | |||
a.interwiki, a.external { color: #0044CC; } | |||
a.stub { color: #CC8100; } | |||
#bodyContent a.external { color: #0044CC; } | |||
#p-navigation h5, #p-search h5, #p-tb h5 {border:1px solid #232323;background:#3934B4 url('http://www.micahclemens.com/wikipedia/new_message_blue.png') repeat-x scroll left top;color:#FFFFFF;padding:1px 10em 1px 1em;margin:0 3px 0.5em 0;font-size:125%;text-align:left;} | |||
#content, #mytabs li a, #p-cactions li a, #p-cactions li a:hover, #p-cactions li.selected a {background-color: #EBF1FA;} | |||
#content div.thumb {border-color: #EBF1FA;} | |||
#content, #footer { | |||
-moz-border-radius-topleft: 4px; | |||
-moz-border-radius-bottomleft: 4px; | |||
} | |||
div.pBody { | |||
-moz-border-radius-topright: 4px; | |||
-moz-border-radius-bottomright: 4px; | |||
} | |||
/* Dotted borders on pre look ugly, replace with a solid one */ | |||
#bodyContent pre { | |||
border: 1px solid #aaa; | |||
} | |||
/* suppress the person icon by your username */ | |||
li#pt-userpage { background: none } | |||
/* Avoid offpage text */ | |||
/* Eliminate yellow colour everywhere in borders */ | |||
#p-cactions li.selected { | |||
border-color: #aaa; | |||
} | |||
/* Make the footer not 100% wide, but as wide as the content box, and change it from the annoying yellow colour */ | |||
#footer { | |||
border-top: 1px solid #aaa; | |||
border-bottom: 1px solid #aaa; | |||
border-left: 1px solid #aaa; | |||
margin: 0.6em 0em 1em 155px; | |||
} | |||
/*Junk I'm glad to get rid of */ | |||
li#f-copyright, | |||
li#f-lastmod, | |||
#editpage-copywarn, | |||
h3#siteSub, | |||
#fundraising, | |||
#editpage-specialchars, | |||
#editpage-copywarn2, | |||
#pabanner { display: none; } | |||
#nav { | |||
float: left; | |||
width: 750px; | |||
margin: 0; | |||
padding: 0; | |||
list-style: none; | |||
font-size: 82%; | |||
border-top: 1px solid #64A6F3; | |||
border-bottom: 3px solid #134783; | |||
background: #235C9D url(../img/nav-bg-blue.gif) repeat-x top left; | |||
} | |||
#nav li { | |||
float: left; | |||
margin: 0; | |||
padding: 0 1px 0 0; | |||
list-style: none; | |||
background: url(../img/nav-li-bg-blu.gif) no-repeat top right; | |||
} | |||
#nav a { | |||
float: left; | |||
padding: 7px 13px; | |||
text-decoration: none; | |||
border-bottom: none; | |||
color: #fff; | |||
} | |||
#nav a:hover, #nav a.active { | |||
color: #fff; | |||
background: #235C9D; | |||
} | |||
#nav a.active { | |||
font-weight: bold; | |||
} | |||
li#t-home a { | |||
margin-left: 25px; | |||
background: url(../img/nav-li-bg-blu.gif) no-repeat top left; | |||
} | |||
/* Nice borders for (almost) all boxes */ | |||
input[type="radio"], | |||
input[type="checkbox"] { border:none; } | |||
input[type="text"], input[type="submit"], textarea { | |||
border: 1px solid #aaa !important; | |||
} | |||
/* make round corners for the rest */ | |||
input[type="text"], input[type="submit"], textarea, pre, #toc { | |||
-moz-border-radius: 2px; | |||
} | |||
#footer {display:none;} | |||
.printfooter {display:none;} | |||
/* | |||
** Diff rendering | |||
*/ | |||
table.diff { background:white; } | |||
td.diff-otitle { background:#ffffff; } | |||
td.diff-ntitle { background:#ffffff; } | |||
td.diff-addedline { | |||
background: #C5CC00; | |||
color: #333333; | |||
font-size: 95%; | |||
} | |||
td.diff-deletedline { | |||
background: #CC1100; | |||
color: #FFFFFF; | |||
font-size: 95%; | |||
} | |||
td.diff-context { | |||
background:#CCCCCC | |||
color: #708090; | |||
font-size: 95%; | |||
} | |||
span.diffchange { color: #00008b; } | |||
/* this is the ul contained in the portlet */ | |||
#p-tb ul, #p-tb li, #p-tb li a, #p-navigation ul, #p-navigation li, #p-navigation li a, #p-personal ul, #p-personal li, #p-personal li a {color: #003399;} | |||
/* | |||
** 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 .hiddenStructure { display: none; } | |||
#p-cactions ul { | |||
list-style: none; | |||
} | |||
#p-cactions li { | |||
display: inline; | |||
border: 1px solid #aaaaaa; | |||
border-bottom: none; | |||
padding: 0 0 0.1em 0; | |||
margin: 0 0.3em 0 0; | |||
overflow: visible; | |||
background: none; | |||
} | |||
#p-cactions li.selected { | |||
border-color: #aaa; | |||
background:#DCDCDC; | |||
padding: 0 0 0.2em 0; | |||
} | |||
#p-cactions li#ca-nstab-main {background: #CCCCCC url('http://www.micahclemens.com/wikipedia/grey.png') repeat-x scroll left top;} | |||
#p-cactions li a { | |||
background-color: none; | |||
color: #000000; | |||
border: none; | |||
padding: 0 0.8em 0.3em 0.8em; | |||
text-decoration: none; | |||
text-transform: lowercase; | |||
position: relative; | |||
z-index: 0; | |||
margin: 0; | |||
} | |||
#p-cactions .selected a { z-index: 3; } | |||
#p-cactions .new a { color: #b22222; } | |||
#p-cactions li a:hover { | |||
z-index: 3; | |||
text-decoration: none; | |||
} | |||
#p-cactions h5 { display: none; } | |||
#p-cactions li.istalk { margin-right: 0; } | |||
#p-cactions li.istalk a { padding-right: 0.5em; } | |||
#p-cactions #ca-addsection a { | |||
padding-left: 0.4em; | |||
padding-right: 0.4em; | |||
} | |||
/*</nowiki></pre>*/ |
Revision as of 14:47, 16 August 2008
/* CSS placed here will affect users of the Monobook skin */ /* <pre><nowiki> This is a blue-ish themed skin based on monobook and essjay's skin. I'm still trying to get the navigation/search/tools header fixed (I think there is some conflict with the other style sheets). */ /* new message notification (a red background with white text/links */ .usermessage { background: #C50024 url('http://www.micahclemens.com/wikipedia/red.png') repeat-x scroll left top; border: 1px solid #222222; color: #FFFFFF; font-weight: bold; margin: 2em 0em 1em 0em; padding: 0.5em 1em 0.5em 1em; vertical-align: middle; } .usermessage a, .usermessage a:visited {color:#D7B435;} #p-logo { background: url('http://www.micahclemens.com/wikipedia/wiki_grey_logo.png') no-repeat; display: none position:absolute; /*needed to use z-index */ top: 8; left: 100; right: 65; height: 0; width: 0; padding: 0 0 150px 150px; overflow: hidden; } h1.firstHeading {background: #0043A7 url('http://www.micahclemens.com/wikipedia/new_message_blue.png') repeat-x scroll left top;color:#FEFEFE;padding 3px;border:1px solid #696B2E;text-indent:.5em;} /* Colors of links */ a { color: #003399; } a:visited { color: #8800CC; } a:active, a.new { color: #CC1100; } a.interwiki, a.external { color: #0044CC; } a.stub { color: #CC8100; } #bodyContent a.external { color: #0044CC; } #p-navigation h5, #p-search h5, #p-tb h5 {border:1px solid #232323;background:#3934B4 url('http://www.micahclemens.com/wikipedia/new_message_blue.png') repeat-x scroll left top;color:#FFFFFF;padding:1px 10em 1px 1em;margin:0 3px 0.5em 0;font-size:125%;text-align:left;} #content, #mytabs li a, #p-cactions li a, #p-cactions li a:hover, #p-cactions li.selected a {background-color: #EBF1FA;} #content div.thumb {border-color: #EBF1FA;} #content, #footer { -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; } div.pBody { -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; } /* Dotted borders on pre look ugly, replace with a solid one */ #bodyContent pre { border: 1px solid #aaa; } /* suppress the person icon by your username */ li#pt-userpage { background: none } /* Avoid offpage text */ /* Eliminate yellow colour everywhere in borders */ #p-cactions li.selected { border-color: #aaa; } /* Make the footer not 100% wide, but as wide as the content box, and change it from the annoying yellow colour */ #footer { border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; border-left: 1px solid #aaa; margin: 0.6em 0em 1em 155px; } /*Junk I'm glad to get rid of */ li#f-copyright, li#f-lastmod, #editpage-copywarn, h3#siteSub, #fundraising, #editpage-specialchars, #editpage-copywarn2, #pabanner { display: none; } #nav { float: left; width: 750px; margin: 0; padding: 0; list-style: none; font-size: 82%; border-top: 1px solid #64A6F3; border-bottom: 3px solid #134783; background: #235C9D url(../img/nav-bg-blue.gif) repeat-x top left; } #nav li { float: left; margin: 0; padding: 0 1px 0 0; list-style: none; background: url(../img/nav-li-bg-blu.gif) no-repeat top right; } #nav a { float: left; padding: 7px 13px; text-decoration: none; border-bottom: none; color: #fff; } #nav a:hover, #nav a.active { color: #fff; background: #235C9D; } #nav a.active { font-weight: bold; } li#t-home a { margin-left: 25px; background: url(../img/nav-li-bg-blu.gif) no-repeat top left; } /* Nice borders for (almost) all boxes */ input[type="radio"], input[type="checkbox"] { border:none; } input[type="text"], input[type="submit"], textarea { border: 1px solid #aaa !important; } /* make round corners for the rest */ input[type="text"], input[type="submit"], textarea, pre, #toc { -moz-border-radius: 2px; } #footer {display:none;} .printfooter {display:none;} /* ** Diff rendering */ table.diff { background:white; } td.diff-otitle { background:#ffffff; } td.diff-ntitle { background:#ffffff; } td.diff-addedline { background: #C5CC00; color: #333333; font-size: 95%; } td.diff-deletedline { background: #CC1100; color: #FFFFFF; font-size: 95%; } td.diff-context { background:#CCCCCC color: #708090; font-size: 95%; } span.diffchange { color: #00008b; } /* this is the ul contained in the portlet */ #p-tb ul, #p-tb li, #p-tb li a, #p-navigation ul, #p-navigation li, #p-navigation li a, #p-personal ul, #p-personal li, #p-personal li a {color: #003399;} /* ** 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 .hiddenStructure { display: none; } #p-cactions ul { list-style: none; } #p-cactions li { display: inline; border: 1px solid #aaaaaa; border-bottom: none; padding: 0 0 0.1em 0; margin: 0 0.3em 0 0; overflow: visible; background: none; } #p-cactions li.selected { border-color: #aaa; background:#DCDCDC; padding: 0 0 0.2em 0; } #p-cactions li#ca-nstab-main {background: #CCCCCC url('http://www.micahclemens.com/wikipedia/grey.png') repeat-x scroll left top;} #p-cactions li a { background-color: none; color: #000000; border: none; padding: 0 0.8em 0.3em 0.8em; text-decoration: none; text-transform: lowercase; position: relative; z-index: 0; margin: 0; } #p-cactions .selected a { z-index: 3; } #p-cactions .new a { color: #b22222; } #p-cactions li a:hover { z-index: 3; text-decoration: none; } #p-cactions h5 { display: none; } #p-cactions li.istalk { margin-right: 0; } #p-cactions li.istalk a { padding-right: 0.5em; } #p-cactions #ca-addsection a { padding-left: 0.4em; padding-right: 0.4em; } /*</nowiki></pre>*/