MediaWiki:Chameleon.css: Difference between revisions
From Variscite Wiki
(Created page with "→COLOR: :root { --blue: #0055a5; } .bg-blue { background: var(--blue); } →PERSONAL: .p-personal { background: linear-gradient(0deg, #e0dd9e, #eeebac); border-bo...") |
No edit summary |
||
Line 2: | Line 2: | ||
:root { | :root { | ||
--blue: # | --blue: #00bef5; | ||
--green: #a4c639; | |||
--darkblue: #4f9df2; | |||
--orange: #fea53f; | |||
--grey: #545454; | |||
--pink: #d70751; | |||
--default: #999999; | |||
} | } | ||
.bg-blue { | .bg-blue { | ||
background: var(--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); | |||
} | } | ||
Revision as of 10:37, 20 May 2020
/* COLOR */
:root {
--blue: #00bef5;
--green: #a4c639;
--darkblue: #4f9df2;
--orange: #fea53f;
--grey: #545454;
--pink: #d70751;
--default: #999999;
}
.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);
}
/* 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;
}