MediaWiki:Chameleon.css
From Variscite Wiki
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;
--green-light: #eaf5df;
--darkblue-light: #d7e4f2;
--orange-light: #ffecd7;
--grey-light: #e3e3e3;
--pink-light: #f1d8e1;
--blue-light: #e0f7fd;
--default-light: #f7f7f7;
--plate-light: #5c967e;
}
.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-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);
}
/* 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;
}