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;
     --green-light: #f2faf9;
     --green-light: #eaf5df;
     --darkblue-light: #d7e4f2;
     --darkblue-light: #d7e4f2;
     --orange-light: #ffecd7;
     --orange-light: #ffecd7;

Revision as of 12:42, 20 May 2020

/* COLOR */

:root {
	--blue: #00bef5;
    --green: #a4c639;
    --darkblue: #4f9df2;
    --orange: #fea53f;
    --grey: #545454;
    --pink: #d70751;
    --default: #999999;
    --green-light: #eaf5df;
    --darkblue-light: #d7e4f2;
    --orange-light: #ffecd7;
    --grey-light: #e3e3e3;
    --pink-light: #f1d8e1;
    --blue-light: #e0f7fd;
    --default-light: #cccccc;
}
.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-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);
}

/* 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;
}