User:Ttervo/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 can be added at User:Ttervo/monobook.js. |
/* From http://wiki.riteme.site/wiki/User:Mzajac/monobook.css/Superscript_fix
keep superscript and subscript text from breaking the line-spacing */
#bodyContent sup {
font-size: smaller;
vertical-align: baseline;
position: relative;
bottom: 0.33em;
}
#bodyContent sub {
font-size: smaller;
vertical-align: baseline;
position: relative;
bottom: -0.25em;
}
/* WIKIPEDIA.ORG - GREY LADY LOOK
This style sheet overhauls Wikipedia for simplicity, legibility and style.
http://userstyles.org/style/show/1365 */
/* ******************************** */
/* GLOBAL */
/* ******************************** */
body {
font-family: sans !important;
background: #ffffff url('') 0 0 no-repeat !important;
}
#globalWrapper {
width: 970px !important;
margin: 15px auto 0px auto !important;
padding: 0 !important;
}
/* ******************************** */
/* CONTENT */
/* ******************************** */
/* 'column content' is a wrapper for 'content' which contains a heading and bodyContent; column content is only relative to the top of the page, as column-one has been absolutely positioned; the real positioner is content {top:90px} + globalwrapper {margin:15px} */
#column-content {
position: relative !important;
margin: 0 !important;
padding: 0 !important;
}
#content {
background: white !important;
margin: 0 !important;
padding: 35px 14px 0 14px !important;
width: 100% !important;
border: 1px solid !important;
border-top: none !important;
border-color: #999 !important;
top: 90px !important;
}
div#bodyContent {
width: 100% !important;
text-align: justify !important;
margin: 0 !important; padding: 0 !important;
}
/* ******************************** */
/* COLMN-ONE & PORTLET CLASS */
/* ******************************** */
/* Column-one contains all portlets (.portlet); it is at the end of the html so to get it at the top it is positioned absolutely; top-margin: 15px is set to correspond to the globalwrapper's margin */
#column-one {
position: absolute !important;
width: 985px !important;
height: 60px !important;
padding: 0px !important;
margin: 15px auto 0px auto !important;
top: 0px !important;
text-align: left !important;
z-index: 10 !important;
white-space: normal !important;
font-size: 11px !important;
background-image: url(http://upload.wikimedia.org/wikipedia/en/3/3d/User_chochem_wikipedia_logo_60x60.png) !important;
background-repeat: no-repeat !important;
}
.portlet {margin: 0 !important;}
.portlet ul,
.portlet li {
display: inline !important;
margin: 0 !important;
}
.portlet h5 {display:none !important;}
.pBody {
border: none !important;
padding: 0 !important;
font-family: Helvetica, Arial, sans-serif !important;
background-color: transparent !important;
}
.pBody ul li {
margin: 0 !important;
padding: 0 0.1em 0 0.1em !important;
}
.pBody li a {display: inline !important;}
/* ******************************** */
/* P-CACTIONS */
/* ******************************** */
/* the tabs menu; positioned so that the left li border overlaps with the left content border; has a solid bottom border which is only seen between list items as it is overlapped by the list items; list and selected list items are equated, apart from the letter.spacing marking the currently selected list-link; bold font-weights are stamped out (why should the edit page be marked out??) */
#p-cactions {
position: absolute !important;
top: 80px !important;
left: 0 !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
padding-right: 14px !important;
float:left !important;
text-transform: uppercase !important;
white-space: normal !important;
border-bottom:1px solid #999 !important;
}
#p-cactions ul {
margin: 0 !important;
padding: 0em !important;
}
#p-cactions li,
#p-cactions li.selected {
padding: 0.2em 0em 0.2em 0em !important;
margin: 0 !important;
border-style: solid solid none solid !important;
border-color: #999 !important;
border-bottom: 1px solid transparent !important;
}
#p-cactions li a {
background-color: #ffffff !important;
color: #333 !important;
font-family: Helvetica, Arial, sans-serif !important;
text-transform: uppercase !important;
}
#p-cactions li.selected a {letter-spacing: 0.5em !important;}
#p-cactions li.new a {color: #999 !important;}
#p-cactions,
#p-cactions ul,
#p-cactions li,
#p-cactions li.selected,
#p-cactions li a,
#p-cactions li.selected a
{font-weight: normal !important;}
/* ******************************** */
/* P-PERSONAL */
/* ******************************** */
/* my page, my talk etc.; postioned relatively (so it stays within the boundaries of columnone); NB: doesnt do this is the line is too long (long username); can be solved by increasing width of p-personal but this will interfere with p-cactions */
#p-personal {
position: relative !important;
width: 500px !important;
padding: 0 !important;
margin: 0 !important;
float: right !important;
left: auto !important;
right: 0px !important;
text-align: right !important;
top: 80px !important;
overflow:hidden !important;
}
#p-personal .pBody li {
margin-left: 0.8em !important;
padding: 0 !important;
}
#p-personal ul {padding: 0 !important;}
#p-personal li a {
color: black !important;
text-transform: capitalize !important;
}
#p-personal li a:hover {padding-bottom: 0 !important;}
#pt-login {font-weight: normal !important}
/* login - the login / create account option displayed when not logged in */
li#pt-userpage,
li#pt-anonuserpage,
li#pt-login {
background: none !important;
padding-left: 0 !important
}
/* ******************************** */
/* TOP MENUS */
/* ******************************** */
/* Basic manipulation */
#p-navigation,
#p-Navigation,
#p-tb,
#p-lang,
#p-participate,
#p-about_Wikimedia,
#p-corporate,
#p-regions {
margin: 0.3em 0 0.3em 0 !important;
position: relative !important;
width: 750px !important;
float: left !important;
top:-18px !important;
}
/* indent menus - following logo curvature */
#p-navigation,
#p-Navigation,
#p-lang
{left: 75px !important;}
#p-tb,
#p-participate,
#p-about_Wikimedia,
#p-corporate,
#p-regions
{left: 85px !important;}
/* list separator */
#p-navigation ul li:before,
#p-Navigation ul li:before,
#p-tb ul li:before,
#p-lang ul li:before,
#p-participate li:before,
#p-about_Wikimedia li:before,
#p-corporate li:before,
#p-regions li:before
{content: "\0020 \00BB \0020" !important;}
/* Hide some useless links */
#t-recentchangeslinked,
#n-currentevents,
#n-Featured-content
{display: none !important;}
/* language class selectors */
#p-lang ul li:not(.interwiki-de):not(.interwiki-en):not(.interwiki-es):not(.interwiki-et):not(.interwiki-eu):not(.interwiki-fi):not(.interwiki-fr):not(.interwiki-it):not(.interwiki-nl):not(.interwiki-hu):not(.interwiki-sv):not(.interwiki-zh):not(.interwiki-la):not(.interwiki-ru)
{display:none !important;}
/* ******************************** */
/* OTHER PORTLETS (SEARCH & LOGO) */
/* ******************************** */
/* Search portlet */
#p-search {
position:relative !important;
margin: 0 !important;
padding: 10px 0px !important;
float: right !important;
top:-13px !important;
background-color: #C3B091;
}
#p-search .pBody {padding: 0 !important;}
#searchBody {text-align: center !important;}
#searchInput {border: none; margin-bottom: 4px !important;}
.searchButton {
background: #C3B091;
border: none !important;
font-size: 130% !important;
font-weight: bold;
text-transform: uppercase !important;
}
/* Wikipedia logo */
/* Removed (logo-image is hardwired into the html so it has to go; substitute logo is background image for columnone as a whole - unfortunately this cannot be associated with a hyperlink ) */
div#p-logo,
div#siteNotice
{display:none !important;}
/* ******************************** */
/* FOOTER */
/* ******************************** */
/* Hide footer */
#footer {
display: none;
}
/* ******************************** */
/* TEXT */
/* ******************************** */
/* Headlines */
h1 {
font-size: 200% !important;
border-bottom: none !important;
padding-top: 0 !important;
}
h2 {
width: auto !important;}
h3 {font-weight: normal !important;}
h3#siteSub { display: none; } /* "From Wikipedia, the free encyclopedia" */
div#contentSub {
font-size: 84% !important;
line-height: 1.2em !important;
margin: 0 0 1.4em 0em !important;
color: #7d7d7d !important;
width: auto !important;
}
h4 {font-size: 100% !important;}
/* un-indenting the redirection notices using somewhat crude selectors (needed to distingush from discussion hierarchy use on talk pages) */
/* div#stub {margin-left: -0.25em !important;} */
.dablink {padding-left: 0 !important;}
dl > dd > .plainlinks,
dl > dd > .noprint,
dl > dd > .boilerplate,
div.boilerplate > dl > dd > i,
div#jump-to-nav + dl > dd > i,
div.messagebox + dl > dd > i,
div.notice + dl > dd > i,
div.metadata + dl > dd > i,
div.thumb + dl > dd > i,
table + dl > dd > i,
h2 + dl > dd > i,
h3 + dl > dd > i,
h4 + dl > dd > i {
margin-left: -2em !important;}
/* Blockquote */
blockquote {
width: auto !important;
border: none !important;
margin: 1em !important;
padding: 0 !important;
background: none !important;
font-style: italic !important;}
/* Code */
code, pre {border: none !important;}
/* ******************************** */
/* TABLES & BOXES */
/* ******************************** */
/* Global */
table {
font-family: arial, sans-serif !important;
position: static !important;}
table[align="right"],
table[style*="float: right"] {
margin-left: 15px !important;
margin-right: 0 !important}
table[align="left"] {
margin-left: 0 !important;
margin-right: 15px !important;}
td .thumb {border: none !important;}
td code {background: transparent !important;}
/* Exception: Tables that are not tables (lists and quotes) */
table[style*="background-color: transparent"],
table[style*="border: 0px"],
table.cquote,
table ul {
background-color: transparent !important;
}
/* Main Page */
/* wikipedia */
table[style*="border: 1px solid rgb(204, 204, 204); width: 100%; margin-top: 0.7em; background-color: rgb(252, 252, 252);"],
table[style*="margin: -0.8em 0pt -0.7em; background: transparent none repeat scroll 0%; width: 100%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"] {
border: none !important;
background-color: white !important;
font-family: georgia, serif !important;}
.MainPageBG {
border: none !important;
background-color: white !important;
font-family: georgia, serif !important;}
.MainPageBG table {
border: none !important;
border-collapse: collapse !important;
background-color: white !important;
font-family: georgia, serif !important;}
.MainPageBG h2 {
border: none !important;
background-color: #AAAAAA !important;
font-family: arial, sans-serif !important;
font-weight: normal !important;}
/* wiktionary */
table#main_page td {font-family: georgia, serif !important;}
table#main_page td b:only-child {font-family: arial, sans-serif !important;}
/* Notices */
.notice {
border: none !important;
font-family: arial, sans-serif !important;
font-size: 90% !important;
padding: 0.5em !important;}
.spoiler {
font-family: georgia, serif !important;
font-size: 100% !important;
margin: 0 !important;
padding: 0 !important;}
/* toc boxes (mostly like toccolours) */
#toc:not(.toc) {
width: 100% !important;
clear: both !important;
border: thin solid #666666 !important;
border-collapse: collapse !important;
margin: 12px auto !important;
background-color: white !important;
font-family: arial, sans-serif !important;}
/* general cell settings */
#toc:not(.toc) th,
#toc:not(.toc) td {
width: auto !important;
border: none !important;
margin: 0 !important;
padding: 0.5em !important;}
/* text alignment and weight */
#toc:not(.toc) td b {font-weight: normal !important;}
/* width - distinguishing */
#toc:not(.toc)[align="right"],
#toc:not(.toc)[style*="float: right"],
#toc:not(.toc)[style*="clear: right"],
#toc.infobox {
width: 20em !important;
float: right !important;
margin: 12px 0 12px 15px !important;}
/* targetting headings - background */
#toc:not(.toc) tr:first-child,
#toc:not(.toc) th:only-child,
#toc:not(.toc) td:only-child[style*="background"] {
border: thin solid #666666 !important;
padding: 0 !important;
background-color: #666666 !important;
color: #EEEEEE !important;
font-size: 90% !important; }
/* targetting headings - text */
#toc:not(.toc) tr:first-child a,
#toc:not(.toc) th:only-child a,
#toc:not(.toc) td:only-child[style*="background"] a
{color: #EEEEEE !important;}
/* Infoboxes */
.infobox {
border: thin solid #666666 !important;
margin: 0 0 15px 15px !important;
padding: 2px !important;
background-color: white !important;
font-family: arial, sans-serif !important;
font-size: 90% !important;}
/* general cell settings */
.infobox th,
.infobox td {
margin: 0 !important;
color: black !important;}
.infobox th div,
.infobox td div
{background-color: transparent !important;}
.infobox th:empty,
.infobox td:empty
{display: none !important;}
/* text alignment and weight */
.infobox td,
.infobox div {
margin: 0 !important;
color: black !important;
font-weight: normal !important;}
.infobox ul {text-align: left !important}
/* sisterproject infoboxes */
div.sisterproject {
border: none !important;
margin-top: 12px !important;
margin-bottom: 12px !important;
background-color: #EEEEEE !important;
font-family: arial, sans-serif !important;
padding: 1em !important;
display: table-cell !important;}
div.sisterproject div {background-color: #EEEEEE !important;}
.sisterproject .floatleft,
.sisterproject .floatnone {
margin-right: 1em !important;
clear: both !important;}
/* Special cases */
table.infobox ul {font-family: arial, sans-serif !important;}
.infobox th[style*="font-size: 90%"],
.infobox th[style*="font-size: 100%"]
{background-color: white !important;} /* movie posters andthelike */
/* 'Box' */
.box {border: thin solid #AAAAAA !important;}
/* targetting headings - background */
.box th:only-child[style*="background"],
.box th:only-child[bgcolor*="#"],
.box th:only-child[bgcolor*="a"],
.box th:only-child[bgcolor*="e"],
.box th:only-child[bgcolor*="i"],
.box th:only-child[bgcolor*="o"],
.box th:only-child[bgcolor*="u"],
.box th:only-child[bgcolor*="y"] {
background-color: #AAAAAA !important;
color: black !important;}
.box th, .box td {padding: 0.5em !important}
/* Special cases */
table.box ul {font-family: arial, sans-serif !important;}
/* Navigation elements (collapseable theme tables) */
.NavFrame {
clear: both !important;
margin-top: 12px !important;
margin-bottom: 12px !important;
padding: 2px !important;
border: thin solid #666666 !important;
background-color: white !important;
font-family: arial, sans-serif !important;}
/* targetting headings */
.NavHead {
height: auto !important;
width: auto !important;
border: thin solid #666666 !important;
padding: 0 !important;
background-color: #666666 !important;
color: #EEEEEE !important;
font-size: 90% !important;}
.NavHead div {background-color: #666666 !important;}
.NavHead a {color: #EEEEEE !important;}
.NavHead img {display: none !important;}
/* view - talk - edit */
.NavHead .noprint span {color: #EEEEEE !important;}
a.NavToggle {font-size: xx-small !important;}
.collapsible span {
font-size: xx-small !important;
color: #EEEEEE !important;}
/* NavContent */
.NavContent,
.NavContent .toccolours {
width: auto !important;
border: none !important;}
.NavContent table,
.NavContent td
{background-color: transparent !important;}
/* Special cases */
table.NavContent ul {font-family: arial, sans-serif !important;}
/* Navigation elements - navbox version (non-collapsible) */
.navbox {
background-color: inherit !important;
font-size: 81% !important;
padding: 0 !important;
margin-top: 12px !important;
margin-bottom: 12px !important;
font-family: arial, sans-serif !important;
border: thin solid #666666 !important;}
.navbox tbody {margin: 0 !important;}
/* general cell settings */
table.navbox th {
height: auto !important;
border: thin solid #666666 !important;
border-collapse: collapse !important;
padding: 0 0.5em !important;
background-color: #666666 !important;
color: #EEEEEE !important;}
.navbox th a {color: #EEEEEE !important;}
.navbox td {padding: 0.5em !important;}
/* Special cases */
table.navbox ul {font-family: arial, sans-serif !important;}
/* Wikitables */
.wikitable {
margin-top: 12px !important;
margin-bottom: 12px !important;
text-align: left !important;
border: none !important;
background-color: #EEEEEE !important;}
/* general cell settings */
.wikitable th {
background-color: #C3B091 !important;
color: black !important;
font-weight: bold !important;
margin: 0 !important;
padding: 0.5em !important;
border: thin solid #AAAAAA !important;}
.wikitable td {
border: thin solid #AAAAAA !important;
padding: 0.5em !important;}
/* text alignment and weight */
.wikitable td b {font-weight: normal !important;}
/* Portal boxes */
div.tright[style*="font-size: 85%"] {
float: right !important;
border: none !important;
margin: 15px 0 15px 15px !important;
padding: 0.5em !important;
background-color: #EEEEEE !important;
font-family: arial, sans-serif !important;
font-size: 85% !important;}
div.tright[style*="font-size: 85%"] tr {
margin: auto !important;}
/* Category links */
#catlinks {
font-size: 90% !important;
text-align: center !important;
border: none !important;
margin-top: 36px !important;
margin-bottom: 8px !important;
background-color: #EEEEEE !important;
font-family: arial, sans-serif !important;}
p.catlinks > a:first-child {font-weight: bold !important;}
p.catlinks > a:first-child:after {
content: "\A" !important;
white-space: pre !important;}
/* Galleries */
.gallery {
border: none !important;
margin: 12px 0 !important;}
.gallery td {background-color: #EEEEEE !important;}
.gallerybox {background-color: transparent !important;}
.gallerytext {
background-color: transparent !important;
font-size: 80% !important;
padding: 15px !important;
text-align: justify !important;}
/* Messageboxes (NPOVs and current events should display; others shouldn't (too goddamn many of them) */
.messagebox {
border: none !important;
margin-bottom: 8px !important;
background-color: #EEEEEE !important;
font-family: arial, sans-serif !important;
font-size: 90% !important;
text-align: center !important;}
.cleanup,
.protected,
.linkless
{display: none !important;}
/* Chess boards */
table[style*="background-color: rgb(255, 206, 158)"] td {
margin: 0 !important;
padding: 0 !important;}
/* ******************************** */
/* IMAGES */
/* ******************************** */
img {
color: #DDDDDD !important;
border: none !important;
border-color: transparent !important;}
.thumb {
background-color: #EEEEEE !important;
border: none !important;
font-family: arial, sans-serif !important;
margin: 0 !important;}
div.thumb div {font-size: 90% !important;}
.tleft {border-right: 1em solid white !important;}
.tright {border-left: 1em solid white !important;}
.tnone {
border-left: 1em solid white !important;
float: right !important;}
.tleft,
.tright,
.tnone {
border-bottom: 1em solid white !important;
border-top: 1em solid white !important;}
.thumbinner,
.thumbcaption {
background-color: #EEEEEE !important;
color: black !important;
border-color: #EEEEEE !important;}
.thumbcaption {margin-top: 15px !important}
.thumbcaption .magnify {display: none !important}
.metadata img {background-color: transparent !important;}
/* Featured, spoken, semiprotected icons v-aligned with headline */
.metadata {top: 35px !important;}
#cornerbox {top: 20px !important;}
#cornerbox {border: none !important;}
/* ******************************** */
/* PORTALS */
/* ******************************** */
h2[style*="border"] span.mw-headline big,
h2[style*="border"] span.mw-headline i,
a[href*="action=edit"] span {font-family: arial, sans-serif !important;}
/* **************************************************************** */
/* INTERNATIONAL SECTION */
/* ISSUES WITH SPECIFIC NON-ENGLISH WIKIPEDIAS & SISTER PROJECTS */
/* **************************************************************** */
/* Temporary solution to introduction of additional menus by various language wikipedias: do not display */
#p-interact,
#p-interaction,
#p-Community,
#p-community,
#p-wiki,
#p-wikinews,
#p-support,
#p-Mitmachen,
#p-Contribuer,
#p-participation,
#p-interProject,
span#t-upload2,
div#p-zmiany,
div#p-techniczne,
div#p-navigation2,
div[title*="Collegamenti"],
div#p-comunit.C3.A0,
#n-portal, #n-Bar, #n-il-Wikipediano, #n-sitesupport, #n-Contatti
{display: none !important;}
/* For outstanding achievements in the field of excellence: remove featured-star from sister articles listings */
li[title*="fremragende"],
li[title*="exzellent"],
li[title*="destacado"],
li[title*="qualità"],
li[title*="medal"],
li[title*="destaque"],
li[title*="?????????"],
li[title*="utvald"] {background-image: none !important}
/* various */
/* Spanish - intended to remove "otros proyetos" items; fails miserably
a[title*="wikt:"],
a[title*="q:"],
a[title*="b:"] {display:none !important}
*/
/* English - remove these list items to stop overflow */
#p-about
/* #n-sitesupport,
#n-currentevents */
{display: none !important;}
/* Swedish - deletes to links from toolbox so as to remove overflow - this is a crap solution but I can't think of anything else as you can't insert subdomain specific code */
li > a[title*="länkar hit"],
li > a[title*="ändringarna"] {display:none !important}