Difference between revisions of "MediaWiki:Raposadark.css"

Latest revision as of 14:01, 15 February 2024

/* All CSS here will be loaded for users of the RaposaDark skin */
.Imbox {
background: #443e69 !important;
}
.Page_SubTitle {
  position: absolute;
  top: -3em;
  right: 0em;
  font-family: 'ARCO';
}
#pagehistory li.selected {
background-color: #f8f9fa42;
}
.diff-addedline .diffchange {
  background: #d8ecff;
  color: #414141;
}
.diff-deletedline .diffchange {
  background: #feeec8;
  color: #414141;
}
.diff-context {
  background: #e4ddff;
}


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

.portal h3, .raposadark-menu-portal h3 {
    color: #ebe9f2;
}
#toc {
    background-color: #836ec633;
    border-radius: 5px;
    border: 1px solid #836ec6;
}

#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(52, 49, 78, 0.96);
    color: #ebe9f2;
}

#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 #836ec6;
	margin-right: 2em;
	margin-left: 14em;
	box-shadow: #0000003b 0 0 4px;
}

.catlinks {
	border-radius: 6px;
    background-color: #836ec633;
    border: 1px solid #836ec6;
}

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(6, 21, 49, 0.8);
	height: 23px;
	box-shadow: #000c 0 0 5px;
	backdrop-filter: blur(5px);
}

h1, h2, h3, h4, h5, h6 {
    color: #fff;
}

#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(52, 49, 78, 0.96);
	border: 3px solid #836ec6;
	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: #df9afd;
	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: #df9afd;
	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: rgba(6, 21, 49, 0.8);
	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;
	}
}

.InfoboxGeneric {
    background-color: rgba(228, 225, 239, 0.13) !important;
}

.editOptions {
    background-color: #a3a1ad;
}
#msupload-div {
    background: #a3a1ad;
}
.wikiEditor-ui-toolbar {
    background-color: #cfced5;
}
.wikiEditor-ui-toolbar .group {
    border-color: #b8b7c2;
}

pre, .mw-code {
    background-color: #d4c8da;
}


#searchInput::placeholder {
    color: #dbdfe4;
}
#searchInput {
    background-color: rgba(255, 255, 255, 0.32);
}
li.gallerybox div.thumb {
    background-color: rgba(248, 249, 250, 0.1);
}
@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}


/* Structured Discussions */
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::placeholder
{
  color: #fff !important;
  opacity: 1;
}
.oo-ui-textInputWidget .oo-ui-inputWidget-input
{
  background-color: #7a73b94d !important;
}
.flow-ui-editorWidget > .flow-ui-editorWidget-editor:not(.oo-ui-pendingElement-pending)
{
  background-color: #7a73b94d !important;
}
.flow-ui-editorWidget-editor
{
  border: 1px solid #7576ad !important;
}
.flow-topic-titlebar
{
  background-color: #7a73b9 !important;
}
.flow-topic-meta
{
  color: #e6cce8 !important;
}
.flow-post
{
  color: white !important;
}
.mw-ui-anchor.mw-ui-progressive.mw-ui-quiet
{
  color: #c39ce6 !important;
}
@media (min-width: 1165px) {
  .flow-component.flow-board-page.flow-full-height-side-rail .flow-board-header::before
{
    background-color: #7a73b94d !important;
  }
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button
{
  color: #ffffffd4 !important;
}