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: #0055a5;
--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;
}