MediaWiki:Chameleon.css

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)
Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
Opera: Press Ctrl-F5.
/* 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);
}

#bodyContent a.external {
    color: #36b !important;
}
:visited {
    color: #5a3696 !important;
}
:link, a {
    color: #039 !important;
}    

/* GRID */


@media (min-width: 992px) {
.container-fluid {
    width: 90%;
}
}

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

@media (min-width: 2560px) {
.container-fluid {
    max-width: 2124px;
}
}

/* FONT */

body {
	font-family: Verdana, "DejaVu Sans", sans-serif;
	font-size: 9.5pt;
    font-weight: 500;
    color: #000;
}
.pagetools, .pagetools .tab-group, #p-personal .p-personal-tools, .p-personal .p-personal-tools {
	font-size: inherit;
}
.error, .warning, .success {
    font-size: inherit;
}

/* PERSONAL */

#p-personal .p-personal-tools, .p-personal .p-personal-tools {
	margin: 0;
}

.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, .p-navbar 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 { font-size: inherit; }

/* BADLY DISABLED TITLE ON THE SOURCE WIKI */

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

/* HEADERS */

.mw-headline-number:after, .tocnumber:after {
    content: '.';
}

h1, .h1 {
    font-size: 1.8rem;
}
h2, .h2 {
    font-size: 1.4rem;
}
h3, .h3 {
    font-size: 1.3rem;
}
h4, .h4 {
    font-size: 1.2rem;
}
h5, .h5 {
    font-size: 1.1rem;
}
h6, .h6 {
    font-size: inherit !important;
}

/* CATLINKS */

#mw-normal-catlinks {
    background: #f1f1f1;
    padding: 6px 12px;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

/* PRE */

.mw-code {
	white-space: pre-wrap;
}
pre, .mw-code {
    color: #000;
    background-color: #f1f1f1;
    border: 0;
    padding: 1em;
    font-size: 100%;
}
pre {
	padding-left: 2rem;
    border-left: 4px solid #0457a6;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    overflow: auto;
    overflow-y: hidden;
    white-space: pre;
}

/* TOGGLER */

.navbar-toggler {
    padding: 0.1rem 0.65rem;
    font-size: 1.5rem;
    border: 0;
    border-radius: 0;
    margin-right: -15px;
}
.navbar-collapse {
    align-items: start;
}

/* MAIN PAGE */

.card-img-top-eh {
	height: 90px;
	width: auto;
}
@media ( max-width: 576px ) {
.card-img-top-eh {
	height: auto;
	width: 100%;
}	
}

/* PRODUCT PAGE */

.product-header {
	max-width: 340px !important;
}
@media ( max-width: 768px ) {
.product-header {
	max-width: unset !important;
}
}

ol, ul, dl {
    margin-top: .5rem;
    margin-bottom: 1rem;
}