User:Benhaldenby/monobook.css

/* @import url('https://fonts.googleapis.com/css?family=Libre+Franklin:400,400i,600,600i,700|Merriweather:300,400,700,900');

-ms-box-sizing: inherit; box-sizing: inherit; } html { -ms-box-sizing: border-box; box-sizing: border-box; }
 * , *:before, *:after {

body { background: #fff; font-family: system-ui, sans-serif; /*'Libre Franklin', 'Open Sans', Palatino, Constantia, Georgia, serif;*/ font-size: 1.1em; line-height: 1.7; -webkit-font-smoothing:antialiased; } #globalWrapper    { font-size: 100% !important; background: none !important; } #bodyContent      { margin-top:1.5em !important; position:relative !important;} #bodyContent #contentSub { margin:-18px 0 20px -7px !important;}

#bodyContent ul  { list-style-type:none !important; list-style-image:none !important; margin:0 0 1em 0 !important;}

/* Overall layout */ #content   { border:none !important; margin:0 auto 0 auto !important; padding:0 1.5em !important; }

@media screen and (min-width: 1024px) { #content { /*width: 70%;*/ max-width: 60em; max-width: 1083px; } }  /* Typographic styles for main content block */ p      { margin:0 0 1.5em 0;} p:last-child   { margin:0;} dd ol    { margin-left:1.2em;}

.mw-content-ltr dl, .mw-content-rtl .mw-content-ltr dl, div.hatnote { margin: 1.5em 0; padding: 0; font-size: 0.75em; } .mw-content-ltr dd, .mw-content-rtl .mw-content-ltr dd { margin: 0; }

.amp     { font-style:italic; font-weight:normal; }

h1, h2,  h3,  h4,  h5,  h6 { padding: 0; margin: 1em 0; /*font-family: Merriweather, Stag, Georgia, serif;*/ font-weight: 800; border-bottom: none; -webkit-font-smoothing: initial; }

h1 { border-bottom: none; } h2 { font-size: 1.5em; } h3 { margin: 2em 0 1em 0; font-size: 1.3em; font-weight: 600; }   h4 { font-size: 1.1em; font-weight: 400; color: #333; }

h1 .amp,  h2 .amp,  h3 .amp,  h4 .amp,  h5 .amp   { font-family:Baskerville;}

.mw-body { line-height: inherit;} .mw-headline { padding-top:15px;} a { color: #0d59bd; color: #1347bf; color: #0b56b9; transition: border 250ms; text-decoration-skip: ink; } a:active { color: #1347bf; } a:visited { color: #7547c1; color: #609; color: #7E57C2; } a:hover, a:focus { text-decoration: underline; }

/* Left hand navigation options: 'Search', 'Languages' etc */ #column-one      { font-family:'Lucida Grande', 'Lucida Sans', Corbel, Verdana, sans-serif !important; font-size:80% !important; left:0 !important; padding:180px 0 1.5em 1.5em !important; position:absolute !important; width:13.5em !important; opacity: 0; transition: opacity 250ms;}

#column-one:hover  { background-color:rgba(220, 226, 236,0.95) !important; border-right:1px solid #ccc; border-bottom:1px solid #ccc; -moz-box-shadow:0 0 15px #888; -webkit-box-shadow:0 0 15px #888; z-index:100 !important; opacity: 1;}

/* Visited links in left hand nav */ #column-one a:visited { color:#888 !important;} #column-one #p-search, #column-one #p-lang { display:none !important;}

/* Hide logo link and redraw logo on parent */ #column-one #p-logo  { z-index:2 !important;} #column-one #p-logo a  { display:none !important;}

#p-logo a, #p-logo a:hover   { width:9.6em !important;} .mw-wiki-logo, .mw-wiki-logo:hover { border: none !important; }

#column-one .portlet     { opacity:0 !important; transition: opacity 250ms;} #column-one:hover .portlet { opacity:1 !important;}

#column-one:hover #p-logo a, #column-one:hover #p-search, #column-one:hover #p-lang  { display:block !important;} #column-one:hover #p-cactions { z-index:-1 !important;}

.portlet     { margin-bottom:15px !important; width:auto !important;} .portlet h3  { padding: 0 1em 0 0; font-family: system-ui; font-weight: bold; text-transform: inherit; } .portlet h5  { color:#555 !important; display:block !important; font-weight:bold !important; margin:0 0 0.7em 0 !important; padding:0 !important; -moz-text-shadow: #fff 0 1px 1px; text-shadow: #fff 0 1px 1px; text-transform:uppercase !important;} .pBody     { background-color:transparent !important; border:none !important; margin:0 0 0 0 !important; padding:0 !important;} .pBody ul    { list-style-type:none !important; margin:0 !important; padding:0 !important;} .pBody li    { list-style-image:none !important;} .pBody li a:hover { background-color:transparent !important;}

#siteNotice    { position:absolute !important; top:-999px !important;} #siteSub     { display:none !important;}

#footer      { display:none !important;}

/* 'Quieten' the 'edit' links */ .editsection     { color:#fff;} .editsection a   { color:#bbb;} .editsection a:hover { color:#002BB8;}

#bodyContent td ul { padding: 0 !important; margin: 0 !important; list-style: none !important; }

/* Hide extraneous site logo, navigation etc */ #p-logo  { padding:10px 0 10px 25px !important;}

#p-cactions, #p-personal, #p-navigation, #p-interaction, #p-tb, #p-lang, #p-coll-create_a_book, #siteNotice    { display:block !important;}

.firstHeading { margin-top: 1.5em !important; margin-bottom: 1em !important; }

/* #p-cactions         { display:none !important; background-color:transparent !important; padding:0 !important; position:absolute !important; left:inherit !important; right:32px !important; top:29px !important; width:auto !important; z-index:1000 !important;font-size: 10px !important; font-family:system-ui,'Lucida Grande', 'Lucida Sans', Corbel, Verdana, sans-serif !important;}

#firstHeading:hover #p-cactions { display:block !important;} #p-cactions h5     { display:none !important;} #p-cactions .pBody   { width:auto !important;} #p-cactions li.selected a { z-index:auto !important;} #p-cactions li     { display:block !important; float:left !important; background:transparent !important; border:none !important; margin:0 !important; padding:0 !important;} #p-cactions li.selected          { background-color:#fff !important;} #p-cactions li a     { display:block !important; border-radius:6px 6px 0 0 !important; padding:6px 8px !important; color:#333 !important; border:1px solid #ccc !important; border-bottom-color:#aaa !important; background-color:#FBFBFB !important;} #p-cactions li a:hover, .ns-0 div#p-cactions li a:hover { background-color:#eee !important; border:1px solid #aaa !important; } #p-cactions li.selected a { background-color:#fff !important; border-color:#E9A71B !important; border-bottom-color:#fff !important;} #p-cactions li.selected a:hover, .ns-0 div#p-cactions li.selected a:hover { background-color: #fff !important; border-color: #E9A71B !important; border-bottom: 1px solid #fff !important;}

#p-personal, #p-cactions      { position:static !important;} #p-personal ul, #p-cactions ul   { text-align:left !important;} #p-personal li, #p-cactions li   { display:block !important; line-height:1.5em !important; margin:0 !important; padding:0 !important;} #p-personal li#pt-userpage { margin-left:-16px !important; padding-left:16px !important;} #p-personal li a { padding-bottom: 0; }

#p-search    { } #p-search h5   { } #p-search .pBody { border:none !important; text-align:left !important;} #p-search input { font-size:10px !important;} #searchInput   { margin-right:-5px !important; width:9em !important;} #searchGoButton { display:none !important;} #searchInputSuggest  { font-family:'Lucida Grande', 'Lucida Sans', Corbel, Verdana, sans-serif !important; font-size:90% !important; z-index:101 !important;}

.mw-indicators { margin-top: 8px !important; } padding: 0; } padding: 0 !important; border: none !important; background: transparent !important; text-transform: initial !important; }
 * 1) p-cactions {
 * 1) p-cactions li,
 * 2) p-cactions li a,
 * 3) p-cactions li.selected,
 * 4) p-cactions li.selected a {

border: none !Important; text-decoration: underline !important; }
 * 1) column-one .pBody .portlet a,
 * 2) column-one .pBody .portlet a:hover {

/* Reposition dis-ambiguation link */ .rellink, .dablink   { margin:0.4em 0 1.2em 0 !important; padding:0 !important;}

/* Block-quotes and pull-quotes */ div#content .toccolours, div#content .cquote, div#content blockquote, div#content .templatequote { position: relative; margin: 3em 3em 3em 3em !important; font-family: Georgia; font-size: 100%; font-style: italic; color: #546E7A; overflow: visible; } div#content .cquote::before, div#content blockquote::before, div#content .templatequote::before { position: absolute; font-family: Impact; content: '\201C'; font-size: 200px; top: -35px; line-height: 1; left: -85px; opacity: 0.5; }

/* blockquotes as tables */ table.cquote td:first-child, table.cquote td:last-child { visibility: hidden; } @media screen and (max-width: 768px) { div#content .toccolours, div#content .cquote, div#content blockquote, div#content .templatequote { margin-right: 0 !important; } }

/* Add margin to left and right aligned blocks (images, tables) */ .tright, table[align="right"] { margin:0 0 2em 2em !important; padding:0 !important;}

.tleft, table[align="left"] { margin:0.4em 2em 2em 0 !important; padding:0 !important;}

.thumbinner, div.thumbinner   { background:none !important; border:none !important; padding:0 !important;} .thumb div a img { background:none !important;} html .thumbimage { border:none !important;} html .thumbcaption, div.gallerytext { font-size: 0.75em; padding:6px 0 0; }

/* Top of page notices */ .ambox     { margin:1em 10% !important;}

/* RHS details */ .infobox, .toc, #toc, .toccolours, .navbox, .infobox.geography, .sidebar { width: 40% !important; margin: 0.5em 0 2em 8em !important; padding: 0 !important; line-height: 1.35 !important; background-color: #fff !important; border: none !important; border-collapse: separate !important; } @media screen and (min-width: 1024px) { .infobox, .toc, #toc, .toccolours, .navbox, .infobox.geography, .sidebar { font-size: 75% !important; } }  .toc, #toc { border-top: 1px solid #ddd !important; border-bottom: 1px solid #ddd !important; padding-top: 3em !important; padding-bottom: 3em !important; padding-left: 0 !important; }

@media screen and (max-width: 560px) { .infobox, .toc, #toc, .toccolours, .navbox, .infobox.geography, .sidebar { width: 100% !important; margin: 1.5em 0 4em 0 !important; } }

@media screen and (min-width: 320px) { .toc, #toc { margin: 2em !important; padding: 0 !important; border: none !important; } .toc .toctitle { margin: 2em 0 !important; text-align: left !important; } .toc .toctitle h2 { margin: 2em 0 !important; font-size: 1.5em !important; font-weight: 600 !important; } .toc .toctoggle { display: none !important; } .sidebar, .infobox { /*display: none !important;*/ } }

.infobox td, .infobox th, .sidebar td, .sidebar th { padding: 0.5em !important; }

.infobox.geography td, .infobox.geography th { border:none !important;}

.infobox.geography .mergedtoprow td, .infobox.geography .mergedtoprow th { border:none !important; padding:0.5em 0.5em !important;} .infobox .mergedrow td, .infobox .mergedrow th { border:none !important; padding:0 0.5em !important;} .infobox .infobox { font-size:100% !important; margin:0 !important; -moz-box-shadow:none !important; -webkit-box-shadow:none !important; padding:0 !important; width:auto !important;}

.infobox .summary { display: none; }

#bodyContent .toc       { margin-bottom: 4em !important; margin-left:0 !important; font-size: 14px; } @media screen and (max-width: 768px) { #bodyContent .toc { width: 100% !important; } }  #bodyContent .toc ul { list-style-type: none !important; margin-bottom: 0 !important; } #bodyContent .toc ul ul { margin-top: 0.5em !important; margin-bottom: 0.5em !important; margin-left: 2.2em !important; } #bodyContent .toc ul ul ul, #bodyContent .toc ul ul ul ul { margin-left: 2.6em !important; } #bodyContent .toc ul ul ul ul ul { margin-left: 3.4em !important; } #bodyContent .toc li { margin-bottom: 1em !important; } #bodyContent .toc ul ul li { margin-bottom: 0.5em !important; } #bodyContent .toc li:last-child  { margin-bottom:0 !important;} #bodyContent .tocnumber { width: 2.2em; padding-right: 0.9em; text-align: right; color: #999; } #bodyContent .toc a,  #bodyContent .toc a:hover { text-decoration: none; } #bodyContent .toc a:hover .toctext { text-decoration: underline; } #bodyContent .toc #toctitle { margin-bottom: 1em; } #bodyContent .toc #toctitle h2 { text-decoration: none; }

.infobox caption   { padding-bottom:1em !important;} .infobox th, .infobox td      { padding:0.3em 0 !important;} .infobox tr td:first-child img { margin:6px 0 !important;} .NavHead     { margin:2px 0 !important;}

/* Navigation boxes */ .navbox    { margin:0 0 2em 3em !important;} .navbox-th, .navbox-title { background-color:#1080B8 !important; color:#fff !important;}

/* Main content block */ #content   { color:#333 !important;} #content, #content div.thumb, .infobox, .toc, #toc, .toccolours, .navbox, .infobox.geography, .sidebar, .mw-parser-output .quotebox, .infobox th, .infobox td, table.wikitable { background-color: transparent !important; } .floatleft    { margin:0 2.5em 0 0 !important;} #coordinates   { top:-1.5em !important;}

/* Protected article (padlock) icons, etc */ div.topicon    { right: 2px !important; top: -32px !important;}

/* RHS 'factfile table' - uses CSS3 selector to target a DIV that has no ID or class hooks */ div#bodyContent div[style^="margin: 0pt 0pt 0em 0em; padding: 0.5em 2em; float: right; width: 22em; text-align: right; font-size: 0.86em; line-height: normal;"] { padding-right:0 !important; width:23em !important;}

/* Donate banner */ #anon-banner   { clear:none !important; float:none !important; left:auto !important; margin:0 auto !important; max-width:58em !important; position:inherit !important; top:auto !important;  width:75% !important;}

/* Edit section */ textarea   { line-height:125% !important;}

table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td { padding:0.75em 1em; font-size: 0.8em; border: 1px solid #808080 !important; } @media screen and (max-width: 768px) { table.wikitable > * > tr > td { padding: 0.5em 0.5em; } }  table.wikitable > * > tr > td { border-bottom: none !important; }

/* PREFERENCES */ .page-Special_Preferences #bodyContent form { font-family:'Lucida Grande', 'Lucida Sans', Corbel, Verdana, sans-serif !important; font-size:80% !important;}

/* Footnotes */ div.reflist ol.references { margin: 0 1em 1em 1em !important; } div.columns { -moz-column-count: 1 !important; -webkit-column-count: 1 !important; column-count: 1 !important; }

@media screen and (min-width: 768px) { div.columns { -moz-column-count: 2 !important; -webkit-column-count: 2 !important; column-count: 2 !important; column-gap: 5em !important; } } @media screen and (min-width: 972px) { .references-column-width { -moz-column-width: 20em !important; -webkit-column-width: 20em !important; column-width: 20em !important; column-gap: 5em !important; column-count: 2 !important; } } ol.references { font-size: 14px !important; } ol.references li { margin-bottom: 1em; }

/* Edit buttons */ .mw-editsection { display: none; } h2:hover .mw-editsection, h3:hover .mw-editsection, h4:hover .mw-editsection { display: inline-block; } .mw-editsection a { display: block; padding: 8px 10px; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gU3ZnIFZlY3RvciBJY29ucyA6IGh0dHA6Ly93d3cub25saW5ld2ViZm9udHMuY29tL2ljb24gLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwMCAxMDAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAwIDEwMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPG1ldGFkYXRhPiBTdmcgVmVjdG9yIEljb25zIDogaHR0cDovL3d3dy5vbmxpbmV3ZWJmb250cy5jb20vaWNvbiA8L21ldGFkYXRhPg0KPGc+PHBhdGggZD0iTTk4NC4xLDEyMi4zQzk0Ni41LDg0LjUsOTExLjQsNDIuMSw4NjcuOCwxMWMtNDAtOC4zLTU5LjIsMzQuOS04Ni43LDU1LjFjNDYuNCw1My45LDEwMC41LDEwMS41LDE1MC40LDE1Mi41Qzk1NC4xLDE5MS43LDEwMDcuNywxNjQuMSw5ODQuMSwxMjIuM3ogTTk1OS4zLDMyNS45Yy0zMS43LDMxLjgtNjQuNSw2Mi44LTk1LjEsOTUuOGMtMC44LDEyNy41LDAuMywyNTUtMC40LDM4Mi42Yy0wLjYsNDctNDEuOCw4OC43LTg4LjgsOTAuM2MtMTkzLjQsMC44LTM4NywwLjgtNTgwLjQsMC4xYy01Mi4yLTEuNC05NC01MS40LTg5LjktMTAyLjdjLTAuMS0xODQuNi0wLjEtMzY5LjEsMC01NTMuNWMtNC01MS4xLDM4LTEwMC4zLDg5LjYtMTAyLjFjMTI4LjEtMS43LDI1Ni4zLDAuMSwzODQuMy0wLjljMzMuMi0zMCw2My45LTYyLjksOTUuNy05NC41Yy0xNzAuNiwwLTM0MS0wLjktNTExLjYsMC41Yy03OS42LDEuNC0xNTEsNzEtMTUyLjQsMTUxQzEwLjEsNDA3LjcsOS41LDYyMi44LDEwLjcsODM4YzAuMyw3Ny41LDY2LjEsMTQ0LjcsMTQyLjQsMTUyaDY3MC4yYzcyLjMtMTIuNywxMzQuMy03NS44LDEzNS4yLTE1MC45Qzk2MC43LDY2OC4xLDk1OSw0OTYuOSw5NTkuMywzMjUuOXogTTkwOC4yLDI0Mi4yQzg1OCwxOTEuNyw4MDcuNCwxNDEuNSw3NTYuNiw5MS41QzY0NS40LDIwMS45LDUzNCwzMTIsNDIzLjQsNDIzYzUwLjEsNTAuNCwxMDAuNCwxMDAuNiwxNTEuMywxNTAuM0M2ODYsNDYzLjEsNzk3LjIsMzUyLjYsOTA4LjIsMjQyLjJ6IE0zNDEuMiw2NTQuNmM2OC4xLTE4LjUsMTA0LjQtMzAuMiwxNzIuNS00OC41YzE4LjItNS44LDMwLjMtOS4zLDM5LjctMTNjLTQ4LjItNDUuOS0xMDMuNi0xMDIuNS0xNTEuNy0xNDguOEMzODEuNCw1MTQuNCwzNjEuNCw1ODQuNSwzNDEuMiw2NTQuNnoiLz48L2c+DQo8L3N2Zz4=') no-repeat 2px 3px; background-size: 18px; text-indent: -9999px; opacity: 0.5; } .mw-editsection a:hover { text-decoration: none; } .mw-editsection-bracket { display: none; }

sup.reference { /*font-family: -apple-system, BlinkMacSystemFont, sans-serif;*/ font-size: 10px !important; font-weight: normal; font-style: normal; }

/* Reference popover */ .referencetooltip li { padding: 14px 20px 14px 14px; /*font-family: -apple-system, BlinkMacSystemFont, sans-serif;*/ font-size: 11px; border: 2px solid #ccc; border-radius: 4px; box-shadow: 0px 2px 10px rgba(0,0,0,0.15); } .referencetooltip li+li { margin-left: 10px; border-top: 10px #ccc solid; border-right: 8px transparent solid; border-left: 8px transparent solid; } .referencetooltip>li+li::after { margin-left: -7px; border-top: 9px #F7F7F7 solid; border-right: 7px transparent solid; border-left: 7px transparent solid; } .RTsettings { margin-top: -7px; margin-right: -10px; opacity: 0.3; }

table.ambox { margin: 2rem 0 !important; padding: 10px 0 !important; /*font-family: -apple-system, BlinkMacSystemFont, sans-serif;*/ font-size: 15px !important; } .catlinks { padding: 2em 0 0 0; margin: 5em 0 1em 0; font-size: 0.8em; background: transparent; border: none; border-top: 1px solid #ddd; }

@media screen and (min-width: 320px) { body { font-size: 14px; } }

@media screen and (min-width: 600px) { body { font-size: 16px; } }

@media screen and (min-width: 800px) { body { font-size: 18px; } }

@media screen and (min-width: 1024px) { body { font-size: 19px; } }

@media screen and (min-width: 1300px) { body { font-size: 21px; } }

@media (prefers-color-scheme: dark) { body { background-color: #1c1c1c !important; }	h1, h2, h3, h4, h5, h6 { color: #eee !important; }	#content, .infobox { color: #ddd !important; }	a { color: #0cc1f9 !important; }	/* Tables */ .tracklist tr:nth-child(odd) th, .tracklist tr:nth-child(odd) td { background-color: #333 !important; }	.tracklist tr:nth-child(even) th, .tracklist tr:nth-child(even) td { background-color: #3e3e3e !important; }	table, table tr, table caption, table > tr > th, table > tr:not(.vcard) > td, table > * > tr:not(.vcard) > th, table > * > tr:not(.vcard) > td { background: transparent !important; color: #ddd !important; border-color: #808080 !important; }	.mwe-popups, .rt-tooltipTail, .rt-tooltipTail:after, .rt-tooltip { background: #3a3a3a; background-color: #3a3a3a; }	.rt-tooltip { color: #ddd; }	.rt-tooltip, .mwe-popups::after { border-color: #3a3a3a; }	.mwe-popups.flipped-y:before, .mwe-popups.flipped-y:after, .mwe-popups.flipped-x-y:before, .mwe-popups.flipped-x-y:after { border-top-color: #3a3a3a; }	.mwe-popups.mwe-popups-no-image-pointer:after, .mwe-popups.mwe-popups-image-pointer.flipped-x:after, .mwe-popups.mwe-popups-image-pointer:after, .mwe-popups.mwe-popups-image-pointer.flipped-x:before, .mwe-popups.mwe-popups-image-pointer:before { border-bottom-color: #3a3a3a; }	.mwe-popups .mwe-popups-extract:after { display: none; }	div#content .toccolours, div#content .cquote, div#content blockquote, div#content .templatequote { color: #1e97c2; }	div#content .cquote::before, div#content blockquote::before, div#content .templatequote::before { opacity: 0.75; }	.mwe-math-fallback-image-inline { filter: invert(1); } }