MediaWiki:Monobook.css
Jump to navigation
Jump to search
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* CSS placed here will affect users of the Monobook skin */
/* SEN Mint edits. */
/* These need to be added to the final, Monobook-independent SEN Mint skin, if it ever gets configured. */
#p-personal li a{color:#8DF;font-weight:bold}
#p-personal li a:hover{color:#FFF}
/* Template styles. */
div.trigger-sc1{border-color:#241!important;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background:#EDF7E8!important}
div.trigger-sc1-header{border-color:#AC8!important;border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;background:#E5EFE0!important}
div.trigger-sc1-field{border-color:#DDE7D9!important;background:#EDF7E8!important}
div.trigger-sc1-value{border-color:#DDE7D9!important;background:#FFF!important}
div.trigger-sc1-field.trigger-sc1-actions{border-radius:0 0 0 5px;-moz-border-radius:0 0 0 5px;-webkit-border-radius:0 0 0 5px}
div.trigger-sc1-value.trigger-sc1-actions{border-radius:0 0 5px 0;-moz-border-radius:0 0 5px 0;-webkit-border-radius:0 0 5px 0}
div.sc1-unit-infobox{border-color:#241!important;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background:#EDF7E8!important}
div.sc1-unit-infobox-header{border-color:#AC8!important;border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;background:#E5EFE0!important}
div.sc1-unit-infobox-section-header{border-color:#AC8 #BD9 #BD9 #BD9!important;background:#E5EFE0!important}
div.sc1-unit-infobox-field{border-color:#DDE7D9!important;background:#EDF7E8!important}
div.sc1-unit-infobox-value{border-color:#DDE7D9!important;background:#FFF!important}
div.sc1-unit-infobox-footer{border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px}
/* End of needed re-synchs. */
/* LAYOUT */
/* body and #globalWrapper is a hack to set a minimum text size of 11.43px (1.27 * 9px) */
body{padding:0;margin:0;font-size:x-small}
#globalWrapper{width:100%;font-size:1.27em}
#column-content{float:right;width:100%;margin:0 0 .6em -12.2em}
#content{position:relative;z-index:2;padding:0 1em 1em;margin:2.8em 1em 0 12.2em;border:1px solid #000;line-height:1.5em ;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px}
#firstHeading{margin-bottom:.1em; /* HACK (bug 2013) >> */ line-height:1.2em;padding-bottom:0; /* << HACK */ border-bottom-width:2px!important}
#bodyContent{}
#siteSub{display:none}
#contentSub,
#contentSub2{width:auto;margin:0 0 1.4em 1em;font-size:.84em;line-height:1.2em}
#jump-to-nav{display:none}
div.noarticletext{padding:.2em 1em 0;border:1px solid #AC8;background:#E5EFE0 ;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px}
#filetoc{list-style:none;padding:0 5px;margin:.3em 0 .5em 0;border:1px solid #AC8;background:#E5EFE0;font-size:.95em;text-align:center ;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px}
#filetoc li{display:inline-block;padding:0;margin:0;border-right:1px solid #BADF95}
#filetoc li:first-child{border-left:1px solid #BADF95}
#filetoc li a{display:block;padding:5px 1em}
/*#filetoc li a:hover{background:#FFF}*//* BROKEN -- line breaks in the HTML... */
#toc,
.toc,
.mw-warning{padding:5px;font-size:.95em ;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
#toc #toctitle,
.toc #toctitle,
#toc .toctitle,
.toc .toctitle{text-align:center}
#toc h2,
.toc h2{display:inline;padding:0;border:0;font-size:1em;font-weight:bold}
#toc .toctoggle,
.toc .toctoggle{font-size:.94em}
#toc ul,
.toc ul{list-style:none;padding-left:0;margin-left:0;text-align:left}
#toc ul ul,
.toc ul ul{margin:0 0 0 2em}
.mw-warning{margin-left:50px;margin-right:50px;text-align:center}
#bodyContent h1,
#bodyContent h2{margin-bottom:.6em}
#bodyContent h3,
#bodyContent h4,
#bodyContent h5{margin-bottom:.3em}
#bodyContent h4.mw-specialpagesgroup{background:#E5EFE0;border-bottom-color:#AC8}
*.catlinks{clear:both;padding:5px;margin-top:1em ;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
#column-one{padding-top:160px}
.portlet{float:none;width:11.1em;padding:0;margin:0 0 .5em .5em;border:none;overflow:hidden}
#p-logo{width:11.6em;margin:0 0 .5em 0}
.portlet h1,
.portlet h2,
.portlet h3,
.portlet h4{padding:0;margin:0}
.portlet h4{font-size:.95em;font-weight:normal;white-space:nowrap}
.portlet h5{display:block;height:1.25em;padding:.25em 1em .15em .5em;margin:0;border-color:#AACC88;background:#FFF;font-size:.95em;white-space:nowrap ;border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0}
.portlet h6{height:1.25em;padding:0 1em;border:1px solid #2F6FAB;background:#FFAE2E;font-size:1em;white-space:nowrap}
.portlet .pBody{padding:0;border:0;border-collapse:collapse;background:#E5EFE0;color:#000;font-size:.95em; border-radius:0 0 5px;-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px}
.portlet ul{list-style:none;padding:0;margin:0;font-size:.95em;line-height:1.5em}
.portlet li{padding:0;margin:0;border-top:1px solid #AACC88}
.portlet li:first-child{border-top:0}
.portlet li a{position:relative;z-index:0;display:block;padding:.1em .5em}
.portlet li a.new{color:#D02000}
.portlet li a:hover{background:#EDF7E8}
.portlet li a.feedlink{display:inline;margin-left:.5em;padding-left:16px}
#p-cactions{position:absolute;top:1.6em;left:12.5em;width:76%;padding-left:1em;margin:0;background:none;overflow:visible;font-size:.95em;line-height:1.1em;white-space:nowrap} /* tabs at top of page */
#p-cactions h5{display:none}
#p-cactions .pBody{padding:0;border:0;background:transparent;color:inherit;font-size:1em}
#p-cactions ul{list-style:none}
#p-cactions li{display:inline;padding:0 0 .1em 0;margin:0 .3em 0 0;border:1px solid #7A6;border-bottom:none;background:#FFF:overflow:visible ;border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0}
#p-cactions li.selected{padding:0 0 .2em 0;border-color:#AC8;font-weight:bold}
#p-cactions li a{display:inline;position:relative;z-index:0;padding:0 .8em .3em;margin:0;border:none;background:#E5EFE0;color:#002BB8;text-decoration:none;text-transform:lowercase ;border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0}
#p-cactions li a:hover{z-index:3;text-decoration:none;background:#FFF}
#p-cactions li.selected a{z-index:3;padding:0 1em .2em;background:#FFF}
#p-cactions .new a{color:#CA0000}
#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}
li#ca-talk{margin-right:1.6em} /* offsets to distinguish the tab groups */
li#ca-watch,
li#ca-unwatch,
li#ca-varlang-0,
li#ca-print{margin-left:1.6em} /* offsets to distinguish the tab groups */
#p-lang {position:relative;z-index:3}
#p-cactions .hiddenStructure{display:none}
#p-personal{position:absolute;z-index:0;left:0;top:0;width:100%;padding:0;margin:0;border:0;background:none;overflow:visible;line-height:1.2em;white-space:nowrap;}
#p-personal h5{display:none}
#p-personal .portlet,
#p-personal .pBody{z-index:0;padding:0;margin:0;border:0;background:none;overflow:visible}
#p-personal ul{z-index:0;list-style:none;padding:0 2em 0 3em;margin:0;border:0;background:none;cursor:default;color:#2F6FAB;line-height:1.4em;text-align:right;text-transform:lowercase}
#p-personal li{z-index:0;display:inline;padding:0;margin-left:1em;border:0;background:none;color:#2F6FAB;line-height:1.2em}
#p-personal li.active{font-weight:bold}
#p-personal li a{display:inline;padding-bottom:.2em;background:none;color:#7AD;text-decoration:none}
#p-personal li a.new{color:#FA6611}
#p-personal li a:hover{padding-bottom:.2em;background:#131;color:#FFF;text-decoration:none}
#p-personal li.active a:hover{background:transparent}
li#pt-userpage,
li#pt-anonuserpage,
li#pt-login{padding-left:15px;background:url(user.gif) top left no-repeat;text-transform:none}
#footer{padding:.4em 0 .8em 0;margin:.6em 0 1em 0;border:0 solid #5C834F;border-width:1px 0;background:#7A6;color:#000;font-size:.9em;text-align:center}
#f-poweredbyico,
#f-copyrightico{position:relative;top:-2px;margin:0 8px;vertical-align:middle}
#f-poweredbyico{float:right;height:1%}
#f-copyrightico{float:left;height:1%}
#footer li{display:inline;margin:0 1.3em;vertical-align:middle}
#footer a{color:#00A}
#footer a.new{color:#A00}
span.subpages{display:block}
.usermessage{padding:.5em 1em;margin:2em 0 1em;font-weight:bold;vertical-align:middle}
#siteNotice{padding:0 .9em;font-size:.95em;text-align:center}
#siteNotice p{padding:0;margin:0}
/* preferences */
#preftoc{list-style:none;clear:both;width:100%;padding:0;margin:0}
#preftoc li{position:relative;float:left;padding:2px 0 3px 0;margin:1px 0 -1px 5px;border:1px solid #AC8;border-bottom-color:#7A6;background:#E5EFE0;color:#000;white-space:nowrap ;border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0}
#preftoc li:first-child{margin-left:0}
#preftoc li.selected{top:-1px;padding-top:2px;border:1px solid #AC8;border-bottom-color:#FFF;background:#FFF;cursor:default;font-weight:bold}
#preftoc>li.selected{top:0}
#preftoc a,
#preftoc a:active{position:relative;display:block;padding:0 .7em;color:#000;text-decoration:none}
#preftoc li.selected a{cursor:default;text-decoration:none}
#preferences{clear:both;padding:1.5em;margin:0;border:1px solid #7A6;background:#FFF ;border-radius:0 5px 5px 5px;-moz-border-radius:0 5px 5px 5px;-webkit-border-radius:0 5px 5px 5px}
.prefsection{padding:0;margin:0;border:none}
.mainLegend{display:none}
.prefsection fieldset{float:left;margin-right:2em}
.prefsection legend{font-weight:bold;background:#FFF}
.prefsection table{background:#FFF}
div.prefsectiontip{padding:.2em 2em;color:#666;font-size:x-small} /* explanations for some prefs */
#prefcontrol{clear:both;padding-top:2em}
.btnSavePrefs{padding-left:.3em;padding-right:.3em;font-weight:bold}
.preferences-login{clear:both;margin-bottom:1.5em} /* ??? */
.prefcache{padding:.2em 2em;margin-top:1em;font-size:.9em;border:1px solid #AC8;background:#E5EFE0 ;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px} /* notes about browser cache */
/* preferences END */
/* utility styles */
*.visualClear{clear:both}
*.center{width:100%;text-align:center}
*.center *{margin-left:auto;margin-right:auto}
.small,
.small *{font-size:.94em}
table.small{font-size:1em}
/* general styles */
.success,
.error{font-size:larger}
.errorbox,
.successbox{float:left;padding:.5em 1em;margin-bottom:2em;border:2px solid;font-size:larger}
.errorbox h2,
.successbox h2{display:inline;margin:0 .5em 0 0;border:none!important;font-size:1em;font-weight:bold}
a{background:none;text-decoration:none}
abbr, acronym, .explain {background:none;cursor:help}
fieldset{padding:0 1em 1em;margin:1em 0;line-height:1.5em ;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
fieldset.nested{padding:0 .5em .5em;margin:0 0 .5em 0}
legend{padding:.5em;font-size:.95em}
fieldset table{background:none!important} /* floated tables in forms don't need to hide H2 borders */
div.floatleft,
table.floatleft{position:relative;clear:left;float:left;margin:0 .5em .5em 0;border:0}
div.floatright,
table.floatright{position:relative;clear:right;float:right;margin:0 0 .5em .5em;border:0}
div.floatleft p,
div.floatright p{font-style:italic}
div.thumb{width:auto;margin-bottom:.5em;border-style:solid}
div.thumbinner{padding:3px!important;border:1px solid #CCC;background:#F9F9F9;overflow:hidden;font-size:.94em;text-align:center}
*.thumbcaption{padding:3px!important;border:none;font-size:.94em;line-height:1.4em;text-align:left}
dl{margin:.2em 0 .5em 0}
dt{margin-bottom:.1em;font-weight:bold}
dd{margin:0 0 .1em 2em;line-height:1.5em}
form{margin:0;border:none}
table.gallery{padding:2px;margin:2px;border:1px solid #AC8;background:#FFF ;border-radius:9px;-moz-border-radius:9px;-webkit-border-radius:9px}
table.gallery caption {font-weight:bold}
table.gallery tr{vertical-align:top}
table.gallery td{border:2px solid #FFF;background:#FFF;vertical-align:top}
/* V Keep this temporarily so that cached pages will display right V */
table.gallery td.galleryheader {font-weight:bold;text-align:center}
div.gallerybox{margin:2px}
div.gallerybox div.thumb{margin:2px;border:1px solid #AC8;background:#E5EFE0;text-align:center ;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
div.gallerytext{padding:2px 4px;overflow:hidden;font-size:94%}
h1,h2,h3,h4,h5,h6{padding:.5em 0 .17em 0;margin:0;background:none;font-weight:normal}
h1{font-size:1.88em}
h1 *.editsection{font-size:.53em}
h2{font-size:1.5em}
h2 *.editsection{font-size:.67em}
h3,h4,h5,h6{font-weight:bold}
h3{font-size:1.32em}
h3 *.editsection{font-size:.76em;font-weight:normal}
h4{font-size:1.16em}
h4 *.editsection{font-size:.86em;font-weight:normal}
h5{font-size:1em}
h5 *.editsection{font-weight:normal}
h6{font-size:.8em}
h6 *.editsection{font-size:1.25em;font-weight:normal}
hr{height:1px;border:0;margin:.2em 0}
img{border:none;vertical-align:middle}
input.historysubmit{height:1.7em!important;padding:0 .3em .3em .3em!important;margin-left:1.6em;font-size:.94em;cursor:pointer}
li{margin-bottom:.1em}
ol{list-style-image:none;padding:0;margin:.3em 0 0 3.2em;line-height:1.5em}
p{margin:.4em 0 .5em 0;line-height:1.5em}
p img{margin:0}
pre{padding:1em;line-height:1.1em}
select{vertical-align:top}
table{font:1em}
textarea{width:100%;padding:.1em}
ul{list-style-type:square;padding:0;margin:.3em 0 0 1.5em;line-height:1.5em}
/* COLORS, FONTS, AND IMAGES */
body{background:#241 no-repeat;color:#CCC;font-family:sans-serif}
#content{background:#FFF;color:#000;border-color:#7A6}
#contentSub,
#contentSub2{color:#7D7D7D}
#toc,
.toc,
.mw-warning{border:1px solid #AC8;background:#E5EFE0}
*.catlinks{border:1px solid #AC8;background:#E5EFE0}
.usermessage{border:1px solid #85FF00;background:#8EFF7B;color:#000}
/* general styles */
.success{color:green}
.error{color:red}
.errorbox,
.successbox{color:#CCC}
.errorbox{border-color:red;background:#FFF2F2}
.successbox{border-color:green;background:#DFD}
a{color:#002BB8}
a:visited{color:#5A3696}
a:active{color:#FAA700}
a:hover{text-decoration:underline}
a.stub{color:#723}
a.new, #p-personal a.new{color:#BA0000}
a.new:visited, #p-personal a.new:visited{color:#A55858}
abbr, acronym, .explain {border-bottom:1px dotted #444;color:#000}
code{background:#E5EFE0}
/* ↓ div.thumb's border-color should be the same color as the article background. It prevents header borders from "joining" the thumb's border by covering header borders up. ↓ */
div.thumb{border-color:#FFF}
div.thumbinner{border-color:#AC8;background:#E5EFE0}
*.thumbimage{border:1px solid #AC8}
fieldset{border:1px solid #AC8}
h1,h2,h3,h4,h5,h6{border-bottom:1px solid #7DAF4C;color:#000}
h3,h4,h5,h6{border-bottom-color:#D1EFC2}
h1 *.editsection,
h2 *.editsection,
h3 *.editsection,
h4 *.editsection,
h5 *.editsection,
h6 *.editsection{color:#7DAF4C}
hr{color:#AAA;background:#AAA}
pre{border:1px dashed #AACC88;background:#E5EFE0;color:#000}
q{font-family:Times,"Times New Roman",serif;font-style:italic}
table{background:#FFF;color:#000} /* background hides bottom borders of H2s when beneath floated tables */
ul{list-style-image:url(bullet.gif)}