User:Ttervo/monobook.css

From Wikipedia, the free encyclopedia
Note: After saving, you have to bypass your browser's cache to see the changes. Google Chrome, Firefox, Microsoft Edge and Safari: Hold down the ⇧ Shift key and click the Reload toolbar button. For details and instructions about other browsers, see Wikipedia:Bypass your cache.
/* From http://en.wikipedia.org/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}