MediaWiki:Common.css

From Oncopaedia
Revision as of 20:56, 30 April 2019 by Souradip (talk | contribs)

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: 26px 0 !important;}
h1, h2, h3, h4,h5 {
	    color: #65419b
}
#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) {
.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: 1em 2em !important;}
.footer-info {
	    font-size: 75% !important;
}
.footer-info, .footer-places {
	margin: 12px 0 32px !important;
}
.footer-places {
	padding-left: 30px;
}


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: 15px 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;
}
.container-fluid{padding-left:0;padding-right:0;}

#mw-navigation ul.navbar-nav {
    margin: 0 auto;
    width: fit-content;
    float: none !important;
}
#mw-navigation 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 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;
}

.navbar-tools {
    float: left !important;
    margin-right: 0 !important; 
}



@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: 1;}
.navbar-header {
	position:fixed;
}

.hidebar{display:block !important;}
}