User:Rxhl/global.css
Appearance
Note: After publishing, 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)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/*@import url("https://fonts.googleapis.com/css?family=PT+Serif:400,400i,700,700i|Lato:300,300i,400,400i,600,600i,700,700i,800,800i");
html,body {
font-family: 'lato',sans-serif;
color: #333
}
* {
background-image: none;
transform-style: flat
}
#mw-page-base,div.vectorTabs,div.vectorTabs ul li,div.vectorTabs span,div.vectorTabs li.selected,div#mw-head div#right-navigation div.vectorMenu > h3,div#mw-panel div.portal,#mw-panel.collapsible-nav .portal h3,#mw-panel.collapsible-nav .portal.collapsed h3,#pt-userpage,#pt-anonuserpage,div.vectorTabs ul {
background-image: none
}
div.vectorTabs ul li {
background-color: #f6f6f6
}
#p-logo {
background-color: #f6f6f6;
height: 140px;
top: -130px;
}
#p-logo-a {
height:90px;
width:100px;
margin-left:20px;
margin-top: 20px;
}
.mw-wiki-logo {
background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/b/bd/Wikipedia-logo-v2-bw.svg/2000px-Wikipedia-logo-v2-bw.svg.png) !important;
background-size: 104px;
background-repeat: no-repeat;
margin-top: 0px
}
a.mw-wiki-logo {
width: 170px;
}
@media screen and (min-width: 982px) {
#p-logo {
left:0
}
}
div.mw-body-content {
}
span.mw-editsection {
opacity: 0;
float: right
}
div.mw-content-ltr h2:hover span.mw-editsection {
opacity: 1
}
a {
color: inherit !important;
font-weight: inherit;
font-family: inherit;
font-style: inherit;
text-transform: inherit;
background: inherit
}
a:visited {
color: inherit
}
a:hover {
text-decoration: none;
opacity: .7
}
div.mw-content-ltr p a {
border-bottom: 1px dotted rgba(0,0,0,.2)
}
h1,h2,h3,h4,h5,h6,.mw-body h1,.mw-body h2 {
color: inherit;
font-family: inherit;
font-weight: bolder
}
div.vectorTabs li a {
font-size: .8em;
color: #666;
}
div#mw-head-base {
background: transparent;
}
::selection {
background: rgba(0,0,0,.8);
color: rgba(250,250,250,1)
}
#siteSub {
font-size: 85%;
opacity: .8;
display: none!important;
}
div.mw-content-ltr div.div-col.columns {
font-family: pt serif
}
div.mw-content-ltr p {
color: rgb(51,51,51);
font-family: "pt serif";
font-size: 1.34em;
font-style: normal;
font-weight: normal;
line-height: 33.82px;
max-width: 650px;
letter-spacing: -.02em
}
div.mw-body {
max-width: 700px;
padding: 2em;
margin-left: auto;
margin-right: auto;
border-style: none;
margin-top: 0;
}
#mw-head {
margin-left: 200px;
margin-right: auto;
background-color: #f6f6f6;
font-family: 'lato',sans-serif;
width: auto;
top: 0;
right: auto;
left: auto;
border-bottom: 1px solid #ddd;
}
div#p-interaction.portal.expanded h3#p-interaction-label::before,div#p-tb.portal.expanded h3#p-tb-label::before,div#p-coll-print_export.portal.expanded h3#p-coll-print_export-label::before,div#p-lang.portal.expanded h3#p-lang-label::before {
content: '- '
}
div#p-interaction.portal.collapsed h3#p-interaction-label::before,div#p-tb.portal.collapsed h3#p-tb-label::before,div#p-coll-print_export.portal.collapsed h3#p-coll-print_export-label::before,div#p-lang.portal.collapsed h3#p-lang-label::before {
content: '+ '
}
#mw-panel.collapsible-nav .portal h3,h3#p-interaction-label,h3#p-tb-label,h3#p-coll-print_export-label,h3#p-lang-label {
padding-left: 0
}
div.autoconfirmed-show,p.autoconfirmed-show {
display: block !important
}
span.autoconfirmed-show,small.autoconfirmed-show {
display: inline !important
}
table.autoconfirmed-show {
display: table !important
}
li.autoconfirmed-show {
display: list-item !important
}
/***************************
edits on 17 april 2017
***************************
#mw-panel {
position: fixed;
padding-top: 30px;
top: 180px!important;
}
/* making the lefthand panel disappear when page width is under 1200px *
@media screen and (max-width: 1200px) {
div#mw-panel {
left: -150px;
opacity: 0;
}
.mw-wiki-logo {
display:none;
}
div#mw-panel:hover {
left: 0px;
opacity: 1;
background: #f6f6f6;
}
}
/*everything else*
div#mw-page-base {
background-color: #FFB74D;
height: auto;
min-height: 48px;
}
div#mw-head {
position: fixed;
margin-left: 0px;
}
div#p-personal {
}
#p-personal ul {
padding-left: 0;
margin: 0;
/* position: absolute; *
top: 0;
left: 0;
float: left;
width: 100%;
bottom: 0;
/* width: 500px; *
font-size:13px
}
#mw-navigation h2 {
}
div#simpleSearch #searchInput {
max-width: 200px;
font-family:lato;
font-size:11.9px;
border: none;
background-color: #f6f6f6;
margin-top: -5px;
}
div#simpleSearch {
width: auto!important;
height: auto;
margin-top: 0;
background-color: inherit;
padding-right: 0;
border: none;
}
div.vectorTabs {
/* height: 15px; *
}
div.vectorTabs span a {
padding-top: 0px;
}
div#left-navigation {
margin-left: 0px;
margin-top: 1.5em;
margin-bottom: 0px;
height: 20px;
/*background: #00BCD4;*
}
div.vectorTabs li a {
font-size: 12px;
}
div.vectorTabs ul li {
height: auto;
background-color: inherit;
}
div.vectorTabs ul {
height: 20px;
background-color: inherit;
}
div#p-namespaces {
height: inherit;
background-color: inherit;
}
div.vectorMenu h3 span {
font-size: 12px;
color: #666;
padding: 0;
}
div#right-navigation {
margin-top: 1.5em;
}
div#mw-head div.vectorMenu h3 {
height: auto;
}
div.vectorMenu h3 a {
height: auto;
line-height: .6;
background-image: none!important;
}
div.vectorMenu h3 a::before {content: '+';font-size: 10px;font-family: lato;font-weight: normal;margin-left: 4px; color: #666;}
div#p-views {
height: 20px;
}
div#p-views-toggle {
height: 20px;
}
div#p-search {
height: 20px;
}
#p-search form, #p-search input {
margin-top: 0;
font-size: 12px;
}
div#simpleSearch {}
input#searchButton {
display: none;
width: 0px;
height: 0px;
background-color: #f6f6f6;
}
div.vectorMenu div.menu {
top: 14px;
box-shadow: none;
background: #f6f6f6;
border: 0;
border-top: 1px solid lightgray;
border-bottom: 1px solid lightgray;
border-right: 1px solid #e1e1e1;
border-left: 1px solid #e1e1e1;
}
div.vectorMenu li a {
font-size: 11px;
line-height: 1;
}
div#p-personal {
top: 0;
opacity: .5;
font-size: 12px;
left: auto;
right: 5px;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 596px) {
div#p-personal {
font-size: 10px!important;
overflow: hidden;
height:20px;
}
}
div#simpleSearch {
max-width: 100px;
display: inline-flex;
}
/*June 2017: make alert box above article less obtrusive*
div.NavFrame {
font-size: x-small;
padding: 0;
}
table.ambox {
margin-left: 0;
max-width: 375px;
}
div.NavFrame div.NavHead {
line-height: 1.4;
}
/************************/