MediaWiki:Common.css
From Oncopaedia
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: 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 be applied to all skins */
/*.mw-editsection { display:none!important; }*/
#mw-content-text h2 { margin: 0 !important; padding: 9px 0;}
h1, h2, h3, h4,h5 {
color: #65419b
}
.contentHeader {
padding: 0 27px;
margin-bottom: 6px !important;
}
#toc {
border: 1px solid grey;
padding: 20px;
position: sticky;
top: 20px;
}
.mw-cookiewarning-container {
bottom: 0 !important;
top: auto !important;
text-align: center;
}
.panel-heading{
color: #fff !important;
background-color: #2E2E2E !important;
border-color: #2E2E2E !important;
}
#mw-content-text p, ul { line-height: 180%;}
#mw-content-text ul { margin-bottom: 15px !important; }
.navbar {margin-top:0 !important;margin-bottom:0 !important;}
ul.small li {
padding: 0px 21px !important;
}
.container > .row > .col-lg-10 { padding:0 !important; background: white; }
@media(min-width: 768px) {
#toc {
width: 30%;
float: right;
}
body > div.container > div > div > div:nth-child(2) > div > nav {
z-index:3;
}
#mw-navigation {z-index: 4 !important;}
#content {z-index:2 !important;}
.container > .row > .col-lg-10 { /*box-shadow: 0px 0px 20px 4px rgba(0, 0, 0, 0.28);*/ box-shadow: 0 0 15px #000; }
}
.col-lg-10 {
margin: 0 auto !important;
float: none !important;
}
.mw-body { margin: 0 !important; padding: 0 !important;}
#bodyContent {
padding: 0em 2em 1em;
}
.footer-info {
font-size: 75% !important;
}
.footer-info, .footer-places {
margin: 12px 0 32px !important;
}
.footer-places {
padding-left: 30px;
}
.smonly {
display: none;
}
body{background:#2a292a;}
.p-navbar {
border: none !important;
background: linear-gradient(to right, #221635 0%, #3e487b 75%, #41699b 100%) !important;
min-height: 132px !important;
border-radius:0;
}
.navbar-brand { border: none !important;padding: 22px;}
.navbar-brand img {
max-height: 66px !important;
}
.p-navbar a {
color: white !important;
}
.rpull {float: right;padding: 41px 41px 0;}
.rpullx { float: right;padding: 28px 53px 0;}
.dropdown li > a {color: #333 !important;}
.p-search, .skin-chameleon .navbar-tools { border: none !important; }
.navbar-header {width: 100% !important;}
.skin-chameleon .navbar-tools > li > a:hover, .skin-chameleon .navbar-tools > li > a:focus, .skin-chameleon .navbar-tools .open > a, .skin-chameleon .navbar-tools .open > a:hover, .skin-chameleon .navbar-tools .open > a:focus {
background: #9763f7 !important;
color: white;
}
#mw-navigation-collapse ul.navbar-nav {
margin: 0 auto;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
float: none !important;
}
#mw-navigation-collapse ul.navbar-nav li > a {
font-size: 130%;
padding: 15px 20px;
text-transform: uppercase;
letter-spacing: 0.13em;
border-right: thin solid white;
margin-bottom: 25px;
}
#mw-navigation-collapse ul.navbar-nav li:last-child > a {
border:none;
}
.col-lg-10 > div:nth-of-type(2) > div > nav {
min-height: 50px !important;
background: #333 !important;
box-shadow: inset 0px 1px 3px #111;
}
#content{ text-align: justify;}
.navbar-tools {
float: left !important;
margin-right: 0 !important;
}
body > div.container > div > div > div:nth-child(2) > div > nav {
padding: 9px 0;
}
@media(max-width: 768px) {
html,body,.container{overflow-x:hidden;}
.footer-places{
margin-bottom: 0 !important;
}
.p-logo{
text-align: center;
width: 100vw;
}
.rpullx, .rpull {display:none;}
#mw-navigation button {
left: 27px;
position: absolute;
top: 39px;
height: 40px;
}
#mw-navigation .navbar-collapse{
margin-top: 125px;
border: none;
}
.second button {
position: absolute;
top: -92px;
right: 12px;
position: fixed;
top: 40px;
right: 12px;
}
.navbar-brand img {
max-height: 40px !important;
margin-top: 26px;
}
.navbar-tools{display:none;}
#mw-navigation ul.navbar-nav li > a {
border: none;
}
#mw-navigation ul.navbar-nav li > a {
padding: 15px 20px 0 !important;
}
#content{background:white; z-index: 10;}
.navbar-header {
position:fixed;
}
.hidebar{display:block !important;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
border: none !important;
box-shadow: none !important;
}
.container-fluid {padding-left:0 !important;padding-right:0 !important;}
.navbar-right-aligned{ padding: 0 15px;}
.smonly{display:block;}
.smonly li {float:left;}
#mw-navigation .container-fluid {padding-left:15px !important;padding-right:15px !important;}
}
.homepage div h2 { padding: 28px 0 !important;}