Difference between revisions of "MediaWiki:Raposadark.css"

Revision as of 14:45, 6 April 2021

/* All CSS here will be loaded for users of the RaposaDark skin */


.mw-body .firstHeading {
	font-family: 'ARCO';
}

#p-logo {
	top: -11.5em;
	left: 46.5vw;
	margin-left: -9.5em;
	position: absolute;
	transform: scale(0.8);
}

#p-logo a {
	width: 31em;
	height: 13em;
	transition: filter 0.3s, height 0.2s;
}

#p-logo a:hover {
	filter: brightness(1.2);
}

#p-logo a:active {
	height: 14.5em;
}

body {
	background: #79c1f7;
	background-image: url('/w/images/0/0b/WikiBackgroundDark.png');
	background-attachment: fixed;
	background-size: cover;
}

.mw-body,.parsoid-body {
	background-color: rgba(255, 255, 255, 0.95);
}

#mw-head-base {
	height: 16.4em;
}

#mw-head {
	top: 9.7em;
}

.mw-body {
	padding: 4.5em 1.5em 1.5em;
	border-radius: 10px;
	border: 3px solid #709fc3;
	margin-right: 2em;
	margin-left: 14em;
	box-shadow: #0000003b 0 0 4px;
}

.catlinks {
	background-color: #fffffff0;
	border-radius: 6px;
}

div.thumbinner {
	background: #f8f9fa;
	border: solid #eaecf0;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-width: 1px 1px 0.2em;
	padding: 1.25em 1.75em;
	box-shadow: 0 1px 2px 1px rgba(0,0,0,0.02);
	padding: 0.75em;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

.mw-body-content p {
	margin: 1.2em 0;
}

#p-personal {
	right: 0;
	top: 0;
	position: fixed;
	width: 100%;
	background-color: rgba(7, 30, 73, 0.8);
	height: 23px;
	box-shadow: #000c 0 0 5px;
	backdrop-filter: blur(5px);
}

#p-personal ul {
	float: right;
	padding-right: 10px;
	padding-left: 0;
}

#mw-page-base {
	display: none;
}

#pt-login a,#pt-userpage a {
	color: #80f139;
}

#pt-betafeatures a,#pt-mycontris a,#pt-mytalk a,#pt-mytalk a.new,#pt-mytalk a.new:visited,#pt-preferences a,#pt-watchlist a,.raposadark-menu-content-list a {
	color: #73e4fb;
}

#pt-anonuserpage,#pt-logout a {
	color: #f49f0b;
}

#mw-panel {
	top: 11.35em;
	background-color: rgba(255, 255, 255, 0.95);
	border: 3px solid #709fc3;
	box-shadow: #0000003b 0 0 4px;
	margin-left: 2em;
	border-radius: 10px;
}

#mw-panel:after {
	position: absolute;
	content: "";
	height: 3.1em;
	width: 1px;
}

.portal .body li a,.portal .body li a:visited,.raposadark-menu-portal .body li a,.raposadark-menu-portal .body li a:visited {
	color: #0e73af;
	transition: 0.3s;
}

.portal .body li a:hover,.portal .body li a:visited:hover,.raposadark-menu-portal .body li a:hover,.raposadark-menu-portal .body li a:visited:hover {
	color: #e49202;
}

#p-Donate .raposadark-menu-content {
	font-weight: bold;
}

#p-Navigation-label {
	border-bottom: 0.3rem solid #b24408;
	border-radius: 5px;
	background: #e49202;
	color: white;
	font-weight: bold;
	text-align: center;
	line-height: 2.35em;
	margin-top: 1em;
	height: 2em;
	width: 87%;
}

#p-namespaces {
	margin-left: 4.4em;
}

.raposadark-menu-tabs .selected {
	background-image: none;
	background: #72b531;
	margin: 5px 2px 0;
	border-radius: 5px;
	border-bottom: 0.3rem solid #3b7e0e;
	height: 2em;
	transition: 0.3s;
}

.raposadark-menu-tabs .selected:hover {
	margin: 5px 2px 0;
	background: #94c231;
	border-bottom: 0.3rem solid #6a9c0c;
}

.raposadark-menu-tabs .selected:active {
	margin: 5px 2px 0;
	background: #72b531;
	border-bottom: 0.3rem solid #3b7e0e;
}

.raposadark-menu-tabs .selected a,.raposadark-menu-tabs .selected a:visited {
	color: #fff;
	font-weight: bold;
}

.raposadark-menu-tabs li a {
	padding-top: 0.5em;
}

#mw-head .raposadark-menu-dropdown h3,.raposadark-menu-tabs,.raposadark-menu-tabs a {
	background-image: none;
}

.raposadark-menu-tabs li {
	background-image: none;
	background: #5aa7e2;
	border-bottom: 0.3rem solid #254a8f;
	margin: 5px 2px 0;
	border-radius: 5px;
	height: 2em;
	transition: background 0.3s, border-bottom 0.3s, margin 0.1s;
}

.raposadark-menu-tabs li:hover {
	background: #5cbee8;
	border-bottom: 0.3rem solid #2972a3;
}

.raposadark-menu-tabs li:active {
	margin: 7px 2px 0;
	background: #5aa7e2;
	border-bottom: 0.3rem solid #254a8f;
}

.raposadark-menu-tabs li a:hover {
	text-decoration: none;
}

.raposadark-menu-tabs li a:focus {
	text-decoration: none;
}

.raposadark-menu-tabs .new a,.raposadark-menu-tabs .new a:visited {
	color: white;
	font-weight: bold;
}

.raposadark-menu-tabs li a {
	color: white;
	font-weight: bold;
}

.raposadark-menu-dropdown h3 {
	color: white;
	font-weight: bold;
}

.raposadark-menu-dropdown h3:focus,.raposadark-menu-dropdown h3:hover {
	color: white;
}

.raposadark-menu-dropdown {
	line-height: 0.125em;
	background: #e49202;
	margin: 5px 2px 0;
	border-radius: 5px;
	border-bottom: 0.3rem solid #b24408;
	height: 2em;
	transition: 0.3s;
}

.raposadark-menu-dropdown:hover {
	background: #f1ad00;
	border-bottom: 0.3rem solid #c36f08;
}

.raposadark-menu-dropdown:active {
	background: #f1ad00;
	border-bottom: 0.3rem solid #c36f08;
}

.raposadark-menu-dropdown h3::after {
	background-image: url("/w/images/e/e5/Arrow-down-white.png");
	background-image: linear-gradient(transparent,transparent),url(/w/images/5/53/Arrow-down-white.svg);
	top: -0.231em;
}

.raposadark-menu-tabs #ca-unwatch.icon a::before {
	background-image: linear-gradient(transparent,transparent),url(/w/skins/raposadark/resources/skins.raposadark.styles/images/watch-icon.svg?257a2);
}

.raposadark-menu-tabs #ca-watch.icon a::before {
	background-image: linear-gradient(transparent,transparent),url(/w/images/f/f7/Unwatch-icon-mono.svg);
}

.raposadark-menu-tabs .mw-watchlink.icon a::before {
	top: 0.6em;
	left: 0.45em;
}

.mw-body a.new,.mw-body a.new:visited {
	color: #bd2020;
	transition: 0.3s;
}

.mw-body a:focus,.mw-body a:hover {
	text-decoration: underline;
	color: #e49202 !important;
}

.mw-body a,.mw-body a:visited,.mw-parser-output a.external,.mw-parser-output a.external:visited,.mw-parser-output a.extiw,.mw-parser-output a.extiw:visited {
	color: #0e73af;
	transition: 0.3s;
}

#searchInput {
	border-radius: 5px;
	d height: 2.6em;
}

#p-search {
	margin-right: 3.5em;
}

a.new {
	color: #bd2020;
}

#pt-notifications-alert {
	filter: invert(1);
}

#pt-notifications-notice {
	filter: invert(1);
}

.rpush {
	height: 50px;
}

.rfooter {
	background: rgb(7 30 73 / 80%);
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 26px;
	box-shadow: #000c 0 0 5px;
	backdrop-filter: blur(4px);
}

#footer-info li {
	color: white;
}

#footer-places a,#footer-places a:hover,#footer-places a:visited {
	color: white;
}

#footer {
	position: fixed;
	bottom: -22px;
}

#footer-info {
	position: fixed;
	left: 210px;
	bottom: -3px;
}

#footer-places {
	position: fixed;
	bottom: -7px;
	right: 40px;
}

#footer-poweredbyico {
	display: none;
}

@media only screen and (max-width: 1020px) {
	#footer-info li {
		display: none;
	}
}

@media only screen and (max-width: 702px) {
	.raposadark-menu-tabs .selected {
		display: none;
	}
}

@media only screen and (max-width: 900px) {
	#mw-panel .portal-first {
		display: none;
	}

	#mw-panel {
		border: none;
		box-shadow: none;
		background-color: none;
	}

	.portal,.raposadark-menu-portal {
		display: none;
	}

	.mw-body {
		margin-right: 0;
		margin-left: 0;
	}

	#left-navigation {
		margin-left: 13em !important;
	}

	#right-navigation {
		margin-right: -3.3em;
	}

	.raposadark-menu-tabs .selected {
		display: inherit;
	}

	#pt-betafeatures {
		display: none;
	}

	#footer-places {
		font-size: 0.9em;
	}

	#p-namespaces {
		margin-left: -11.6em;
	}

	#p-logo {
		left: 32.5vw;
	}

	.raposadark-menu-dropdown h3::after {
		display: none;
	}

	.raposadark-menu-dropdown {
		width: 51px;
	}
}

@media only screen and (max-width: 900px) {
	#searchInput::placeholder {
		opacity: 0;
	}@	media only screen and (max-width: 900px) {
		#right-navigation{margin-right: 0;
	}@	media only screen and (max-width: 900px) {
		#p-search{margin-right: 1.5em;
	}@	media only screen and (max-width: 900px) {
		.rpush{height: 25px;
	}@	media only screen and (max-width: 900px) {
		.mw-body{border-radius: 10px 10px 0 0;
	}
@	media only screen and (max-width: 900px) {
		#p-logo{left: 38vw;
	}
@	media only screen and (max-width: 604px) {
		#p-logo{left: 28.5vw;
	}
@	media only screen and (max-width: 496px) {
		li#pt-watchlist{display: none;
	}