MediaWiki:Chameleon.css: Difference between revisions
From Variscite Wiki
No edit summary |
No edit summary |
||
Line 9: | Line 9: | ||
--pink: #d70751; | --pink: #d70751; | ||
--default: #999999; | --default: #999999; | ||
--plate: #006c5e; | |||
--green-light: #eaf5df; | --green-light: #eaf5df; | ||
--darkblue-light: #d7e4f2; | --darkblue-light: #d7e4f2; | ||
Line 16: | Line 18: | ||
--blue-light: #e0f7fd; | --blue-light: #e0f7fd; | ||
--default-light: #cccccc; | --default-light: #cccccc; | ||
--plate-light: #5c967e; | |||
} | } | ||
.bg-main { | .bg-main { | ||
Line 40: | Line 43: | ||
.bg-default { | .bg-default { | ||
background: var(--default); | background: var(--default); | ||
} | |||
.bg-plate { | |||
background: var(--plate); | |||
} | } | ||
.bg-blue-light { | .bg-blue-light { | ||
Line 62: | Line 68: | ||
background: var(--default-light); | background: var(--default-light); | ||
} | } | ||
.bg-plate-light { | |||
background: var(--plate-light); | |||
} | |||
/* PERSONAL */ | /* PERSONAL */ | ||
Revision as of 18:13, 20 May 2020
/* COLOR */
:root {
--blue: #00bef5;
--green: #a4c639;
--darkblue: #4f9df2;
--orange: #fea53f;
--grey: #545454;
--pink: #d70751;
--default: #999999;
--plate: #006c5e;
--green-light: #eaf5df;
--darkblue-light: #d7e4f2;
--orange-light: #ffecd7;
--grey-light: #e3e3e3;
--pink-light: #f1d8e1;
--blue-light: #e0f7fd;
--default-light: #cccccc;
--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-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;
}