Difference between revisions of "MediaWiki:Common.css"

Latest revision as of 19:19, 22 April 2020

/* CSS placed here will be applied to all skins */
/*.mw-editsection { display:none!important; }*/
#mw-content-text h2 { margin: 0 !important; padding: 9px 0;}

#pagehistory {
	margin-top:15px;
}

h1, h2, h3, h4, h5, h6 {
	text-align:left;
}
.references li {
	text-align: left;
}

.mw-history-histlinks {
	margin-right: 4px;
}
#pagehistory li input[type=radio] {
	margin: 4px 4px !important;
}

.mw-indicators{
	    margin-right: 20px;
}

.siderow {
	display: flex;
}
.navbar-right-aligned {
    margin-top: 4px;
}

ol.special {
	    margin-bottom: 10px !important;
}

.n2 {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  float: left;
    position: relative;
}

.n2 li {
  float: left;
}

.n2 li a {
  display: block;
  color: white;
  text-align: center;
  padding: 16px;
  text-decoration: none;
}

.n2 li a:hover {
  background-color: #111111;
}

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; }
#toc ul {margin-bottom: 0 !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) {
	
	.tocwra {
	height:0;
	position:sticky;
	top:20px;
	}
	
#toc {
	width: 300px;
    border: 1px solid grey;
    padding: 20px;
    position: sticky;
    top: 20px;
    float:right;
}
.tocpad {padding-right:330px;}

	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,#81bb81 0%,#5A6A5D 75%,#3e3d3d 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: 0;
}

@media(max-width: 768px) {
	
.contentHeader {
	padding: 5px 27px;
}
html,body,.container{overflow-x:hidden;}
	.footer-places{
		   margin-bottom: 0 !important;
	}
.p-logo{
	text-align: center;
    width: 100vw;
}
.rpullx, .rpull {display:none;}
.siderow {
	display: block;
}
#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;}


body > div.container > div > div > div:nth-child(2) > div > nav > div > div.navbar-collapse {
    width: 100vw;
    position: absolute;
    top: -6px;
    }

.sidebar {
	padding: 0 41px 21px;
	background: #dfecdf !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;}