MediaWiki:Chameleon.css

/* COLOR */

:root {
	--blue: #00bef5;
    --green: #a4c639;
    --darkblue: #4f9df2;
    --orange: #fea53f;
    --grey: #545454;
    --pink: #d70751;
    --default: #e1e4e7;
    --plate: #006c5e;
    --leaf: #41cd81;
    
    --green-light: #eaf5df;
    --darkblue-light: #d7e4f2;
    --orange-light: #ffecd7;
    --grey-light: #e3e3e3;
    --pink-light: #f1d8e1;
    --blue-light: #e0f7fd;
    --default-light: #f7f7f7;
    --plate-light: #5c967e;
    --leaf-light: #e0fdf1;
    
    --breakpoint-xs: 0;
    --breakpoint-sm: 768px;
    --breakpoint-md: 992px;
    --breakpoint-lg: 1200px;
    --breakpoint-cmln: 1356px;
    --breakpoint-xl: 1920px;
}
.bg-main {
	background: #0055a5;
}
.bg-blue {
	background: var(--blue);
}
.bg-green {
	background: var(--green);
}
.bg-darkblue {
	background: var(--darkblue);
}
.bg-orange {
	background: var(--orange);
}
.bg-grey, .bg-gray {
	background: var(--grey);
}
.bg-pink {
	background: var(--pink);
}
.bg-default {
	background: var(--default);
}
.bg-plate {
	background: var(--plate);
}
.bg-leaf {
	background: var(--leaf);
}
.bg-purple {
	background: var(--purple);
}
.bg-blue-light {
	background: var(--blue-light);
}
.bg-green-light {
	background: var(--green-light);
}
.bg-darkblue-light {
	background: var(--darkblue-light);
}
.bg-orange-light {
	background: var(--orange-light);
}
.bg-grey-light, .bg-gray-light {
	background: var(--grey-light);
}
.bg-pink-light {
	background: var(--pink-light);
}
.bg-default-light {
	background: var(--default-light);
}
.bg-plate-light {
	background: var(--plate-light);
}
.bg-leaf-light {
	background: var(--leaf-light);
}

/* GRID */

@media (min-width: 768px){
.card-deck .card {
    display: flex;
    flex: 1 0 0%;
    flex-direction: column;
    margin-right: 8px;
    margin-bottom: 0;
    margin-left: 8px;
}
}
@media (min-width: 576px){
.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,0.125);
    border-radius: 0.25rem;
}
}

@media (min-width: 1440px) {
.container {
    max-width: 1356px;
}
}

@media (min-width: 1980px) {
.container {
    max-width: 1840px;
}
}

/* PERSONAL */

.p-personal {
	background: linear-gradient(0deg, #e0dd9e, #eeebac);
	border-bottom: 1px solid #c5c5c5;
}
.p-personal .p-personal-tools > * {
	margin: 0 .5rem !important;
}
.p-personal a {
    color: var(--dark) !important;
}
.p-personal a:before, .pagetools a:before {
    display: none;
}

/* LOGO */

.p-logo img {
	width: 287px;
	height: 55px;
}

/* NAVBAR */

.p-navbar {
	border-top: 3px solid var(--dark);
	box-shadow: 0 1px 3px #aaa;
}

@media screen and ( max-width: 768px ) {
	#pt-mycontris {
		display: none;
	}
}
@media screen and ( max-width: 576px ) {
	#pt-watchlist {
		display: none;
	}
}

/* FIXES */

#top.top {
	background: none;
	border: 0;
	padding: 0;
}

/* MONOSPACE */

.mw-highlight .lineno {
    color: #aaa;
}

/* TOC */

#toc, .toc {
    background: #fff;
    padding: 0;
    font-size: 100%;
    border: none;
}
#toc .toctitle, .toc .toctitle {
	padding: 0.5em 0 .5em;
	text-align: left;
}
.toc h2 {
	border-bottom: 1px solid #a2a9b1;
}

/* BADLY DISABLED TITLE ON THE SOURCE WIKI */

.ns-0 #firstHeading {
    display: none;
}
.mw-parser-output {
    padding-top: 1rem;
}