User:Auroraes/vector-2022.css: Difference between revisions

From Worldless
Content added Content deleted
No edit summary
No edit summary
Line 117: Line 117:
{
{
color: var(--genesis-color-highlight) !important;
color: var(--genesis-color-highlight) !important;
}

.pt-userpage-2
{
padding-left: 2px;
}
}


Line 128: Line 133:
}
}


.genesis-divider-left {
.genesis-divider-right {
display: block;
display: block;
flex-grow: 0;
flex-grow: 0;
Line 143: Line 148:
background-position: center;
background-position: center;
background-size: contain;
background-size: contain;
margin-right: -2px;
margin-left: -2px;
z-index: 10;
z-index: 10;
}
}
Line 163: Line 168:
}
}


.genesis-divider-right {
.genesis-divider-left {
display: block;
display: block;
flex-grow: 0;
flex-grow: 0;
Line 178: Line 183:
background-position: center;
background-position: center;
background-size: contain;
background-size: contain;
margin-right: -2px;
z-index: 10;
}
}


Revision as of 07:03, 5 July 2024

:root
{
	--genesis-color-base: #1E2438;
	--genesis-color-base-accent: #34394A;
	--genesis-color-text: #FFFFFF;
	--genesis-color-text-accent: #C0C0C0;
	--genesis-color-highlight: #FF8A00;
	--vector-icon-custom-color: var(--genesis-color-text)
}

@font-face
{
    font-family: "AssemblageSans";
    src: url("https://static.miraheze.org/worldlesswiki/6/6c/AssemblageSans-Regular.woff2");
}

@font-face
{
    font-family: "AtkinsonHyperlegible";
    font-style: normal;
    src: url("https://static.miraheze.org/worldlesswiki/1/18/AtkinsonHyperlegible-Regular.woff2");
}

h1, h2, h3, h4, h5, h6,
.mw-page-title-main,
.mw-page-title-namespace,
.mw-page-title-seperator,
.vector-pinnable-header-label
{
    font-family: "AssemblageSans" !important;
    background: var(--genesis-color-base) !important;
    color: var(--genesis-color-text) !important;
    border: transparent;
}

.vector-page-titlebar,
.vector-page-toolbar-container
{
	box-shadow: 0px 0px transparent;
}

body,
.vector-header-container,
.mw-page-container,
.vector-main-menu,
.footer,
.mw-datatable,
.vector-toc,
.mw-footer li
{
	font-family: "AtkinsonHyperlegible" !important;
	background: var(--genesis-color-base) !important;
    color: var(--genesis-color-text) !important;
    border: transparent !important;
}

.mw-logo-wordmark
{
	background: var(--genesis-color-base) !important;
}

.vector-pinnable-element::after
{
	background: transparent !important;
}

.vector-toc,
.vector-pinnable-header-label,
.cdx-button,
.wikitable,
.wikitable > * > tr > th,
.wikitable > * > tr > td,
figure,
figcaption,
figure > figcaption,
img,
.vector-menu,
.vector-dropdown-content
{
	background: var(--genesis-color-base-accent) !important;
	color: white;
	border: transparent !important;
}

.cdx-text-input__input:enabled
{
	background-color: var(--genesis-color-base-accent);
}

.cdx-search-input .cdx-text-input__icon.cdx-text-input__start-icon
{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20' viewBox='0 0 20 20' fill='white'%3E%3Cpath d='M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8z'/%3E%3C/svg%3E");
}

.cdx-text-input__input:enabled ~ .cdx-text-input__icon
{
	opacity: 1.0;
}

.cdx-button:enabled
{
	color: white;
}

.cdx-button:disabled
{
	color: white;
}

.vector-main-menu
{
  background: var(--genesis-color-base-accent) !important;
}

a,
a:link 
{
    color: var(--genesis-color-highlight) !important;
}

.pt-userpage-2
{
	padding-left: 2px;
}

.genesis-divider-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: normal;
  align-items: normal;
  align-content: normal;
}

.genesis-divider-right {
	display: block;
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: auto;
	order: 0;
	height: auto;
	width: auto;
	min-height: 0.25em;
	min-width: 0.25em;
	background-image: url("data:image/svg+xml,<svg width='9' height='9' viewBox='0 0 9 9' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='0.0251465' y='4.47485' width='5.71458' height='5.65685' transform='rotate(-45 0.0251465 4.97485)' fill='%23FF8A00'/></svg>");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	margin-left: -2px;
	z-index: 10;
}

.genesis-divider-center {
	display: block;
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: auto;
	order: 0;
	height: auto;
	width: auto;
	min-height: 1em;
	min-width: 1em;
	background-image: url("data:image/svg+xml,<svg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='0' y='3' width='8' height='2' fill='%23FFFFFF'/></svg>");
	background-repeat: repeat-x;
	background-position: center;
}

.genesis-divider-left {
	display: block;
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: auto;
	order: 0;
	height: auto;
	width: auto;
	min-height: 0.25em;
	min-width: 0.25em;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='8' height='8' %3E%3Cellipse rx='4' ry='4' cy='4' cx='4' fill='%237DD0FF'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	margin-right: -2px;
	z-index: 10;
}

.vector-icon.mw-ui-icon-wikimedia-bell {
    -webkit-mask-image: url(/w/load.php?modules=skins.vector.icons&image=bell&format=original&lang=en&skin=vector-2022&version=mvyy1);
    mask-image: url(/w/load.php?modules=skins.vector.icons&image=bell&format=original&lang=en&skin=vector-2022&version=mvyy1);
    background: var(--vector-icon-custom-color, black);
    mask-size: cover;
}

.vector-icon.mw-ui-icon-wikimedia-tray {
    -webkit-mask-image: url(/w/load.php?modules=skins.vector.icons&image=tray&format=original&lang=en&skin=vector-2022&version=mvyy1);
    mask-image: url(/w/load.php?modules=skins.vector.icons&image=tray&format=original&lang=en&skin=vector-2022&version=mvyy1);
    background: var(--vector-icon-custom-color, black);
    mask-size: cover;
}

.vector-icon.mw-ui-icon-wikimedia-labFlask {
    -webkit-mask-image: url(/w/load.php?modules=skins.vector.icons&image=labFlask&format=original&lang=en&skin=vector-2022&version=mvyy1);
    mask-image: url(/w/load.php?modules=skins.vector.icons&image=labFlask&format=original&lang=en&skin=vector-2022&version=mvyy1);
    background: var(--vector-icon-custom-color, black);
    mask-size: cover;
}

.vector-icon.mw-ui-icon-wikimedia-language {
    -webkit-mask-image: url(/w/load.php?modules=skins.vector.icons&image=language&format=original&lang=en&skin=vector-2022&version=mvyy1);
    mask-image: url(/w/load.php?modules=skins.vector.icons&image=language&format=original&lang=en&skin=vector-2022&version=mvyy1);
    background: var(--vector-icon-custom-color, black);
    mask-size: cover;
}

.vector-icon.mw-ui-icon-wikimedia-sandbox {
    -webkit-mask-image: url(/w/load.php?modules=skins.vector.icons&image=sandbox&format=original&lang=en&skin=vector-2022&version=mvyy1);
    mask-image: url(/w/load.php?modules=skins.vector.icons&image=sandbox&format=original&lang=en&skin=vector-2022&version=mvyy1);
    background: var(--vector-icon-custom-color, black);
    mask-size: cover;
}

.vector-icon.mw-ui-icon-wikimedia-listBullet {
    -webkit-mask-image: url(/w/load.php?modules=skins.vector.icons&image=listBullet&format=original&lang=en&skin=vector-2022&version=mvyy1);
    mask-image: url(/w/load.php?modules=skins.vector.icons&image=listBullet&format=original&lang=en&skin=vector-2022&version=mvyy1);
    background: var(--vector-icon-custom-color, black);
    mask-size: cover;
}

.vector-icon.mw-ui-icon-wikimedia-close {
    -webkit-mask-image: url(/w/load.php?modules=skins.vector.icons&image=close&format=original&lang=en&skin=vector-2022&version=mvyy1);
    mask-image: url(/w/load.php?modules=skins.vector.icons&image=close&format=original&lang=en&skin=vector-2022&version=mvyy1);
    background: var(--vector-icon-custom-color, black);
    mask-size: cover;
}

.vector-icon.mw-ui-icon-wikimedia-ellipsis {
    -webkit-mask-image: url(/w/load.php?modules=skins.vector.icons&image=ellipsis&format=original&lang=en&skin=vector-2022&version=mvyy1);
    mask-image: url(/w/load.php?modules=skins.vector.icons&image=ellipsis&format=original&lang=en&skin=vector-2022&version=mvyy1);
    background: var(--vector-icon-custom-color, black);
    mask-size: cover;
}

.vector-icon.mw-ui-icon-wikimedia-heart {
    -webkit-mask-image: url(/w/load.php?modules=skins.vector.icons&image=heart&format=original&lang=en&skin=vector-2022&version=mvyy1);
    mask-image: url(/w/load.php?modules=skins.vector.icons&image=heart&format=original&lang=en&skin=vector-2022&version=mvyy1);
    background: var(--vector-icon-custom-color, black);
    mask-size: cover;
}

.vector-icon.mw-ui-icon-wikimedia-logIn {
    -webkit-mask-image: url(/w/load.php?modules=skins.vector.icons&image=logIn&format=original&lang=en&skin=vector-2022&version=mvyy1);
    mask-image: url(/w/load.php?modules=skins.vector.icons&image=logIn&format=original&lang=en&skin=vector-2022&version=mvyy1);
    background: var(--vector-icon-custom-color, black);
    mask-size: cover;
}

.vector-icon.mw-ui-icon-wikimedia-logOut {
    -webkit-mask-image: url(/w/load.php?modules=skins.vector.icons&image=logOut&format=original&lang=en&skin=vector-2022&version=mvyy1);
    mask-image: url(/w/load.php?modules=skins.vector.icons&image=logOut&format=original&lang=en&skin=vector-2022&version=mvyy1);
    background: var(--vector-icon-custom-color, black);
    mask-size: cover;
}

.vector-icon.mw-ui-icon-wikimedia-search {
    -webkit-mask-image: url(/w/load.php?modules=skins.vector.icons&image=search&format=original&lang=en&skin=vector-2022&version=mvyy1);
    mask-image: url(/w/load.php?modules=skins.vector.icons&image=search&format=original&lang=en&skin=vector-2022&version=mvyy1);
    background: var(--vector-icon-custom-color, black);
    mask-size: cover;
}

.vector-icon.mw-ui-icon-wikimedia-settings {
    -webkit-mask-image: url(/w/load.php?modules=skins.vector.icons&image=settings&format=original&lang=en&skin=vector-2022&version=mvyy1);
    mask-image: url(/w/load.php?modules=skins.vector.icons&image=settings&format=original&lang=en&skin=vector-2022&version=mvyy1);
    background: var(--vector-icon-custom-color, black);
    mask-size: cover;
}

.vector-icon.mw-ui-icon-wikimedia-menu {
    -webkit-mask-image: url(/w/load.php?modules=skins.vector.icons&image=menu&format=original&lang=en&skin=vector-2022&version=mvyy1);
    mask-image: url(/w/load.php?modules=skins.vector.icons&image=menu&format=original&lang=en&skin=vector-2022&version=mvyy1);
    background: var(--vector-icon-custom-color, black);
    mask-size: cover;
}

.vector-icon.mw-ui-icon-wikimedia-imageGallery {
    -webkit-mask-image: url(/w/load.php?modules=skins.vector.icons&image=imageGallery&format=original&lang=en&skin=vector-2022&version=mvyy1);
    mask-image: url(/w/load.php?modules=skins.vector.icons&image=imageGallery&format=original&lang=en&skin=vector-2022&version=mvyy1);
    background: var(--vector-icon-custom-color, black);
    mask-size: cover;
}

.vector-icon.mw-ui-icon-wikimedia-star {
    -webkit-mask-image: url(/w/load.php?modules=skins.vector.icons&image=star&format=original&lang=en&skin=vector-2022&version=mvyy1);
    mask-image: url(/w/load.php?modules=skins.vector.icons&image=star&format=original&lang=en&skin=vector-2022&version=mvyy1);
    background: var(--vector-icon-custom-color, black);
    mask-size: cover;
}

.vector-icon.mw-ui-icon-wikimedia-halfStar {
    -webkit-mask-image: url(/w/load.php?modules=skins.vector.icons&image=halfStar&format=original&lang=en&skin=vector-2022&version=mvyy1);
    mask-image: url(/w/load.php?modules=skins.vector.icons&image=halfStar&format=original&lang=en&skin=vector-2022&version=mvyy1);
    background: var(--vector-icon-custom-color, black);
    mask-size: cover;
}

.vector-icon.mw-ui-icon-wikimedia-unStar {
    -webkit-mask-image: url(/w/load.php?modules=skins.vector.icons&image=unStar&format=original&lang=en&skin=vector-2022&version=mvyy1);
    mask-image: url(/w/load.php?modules=skins.vector.icons&image=unStar&format=original&lang=en&skin=vector-2022&version=mvyy1);
    background: var(--vector-icon-custom-color, black);
    mask-size: cover;
}

.vector-icon.mw-ui-icon-wikimedia-expand {
    -webkit-mask-image: url(/w/load.php?modules=skins.vector.icons&image=expand&format=original&lang=en&skin=vector-2022&version=mvyy1);
    mask-image: url(/w/load.php?modules=skins.vector.icons&image=expand&format=original&lang=en&skin=vector-2022&version=mvyy1);
    background: var(--vector-icon-custom-color, black);
    mask-size: cover;
}

.vector-icon.mw-ui-icon-wikimedia-userAdd {
    -webkit-mask-image: url(/w/load.php?modules=skins.vector.icons&image=userAdd&format=original&lang=en&skin=vector-2022&version=mvyy1);
    mask-image: url(/w/load.php?modules=skins.vector.icons&image=userAdd&format=original&lang=en&skin=vector-2022&version=mvyy1);
    background: var(--vector-icon-custom-color, black);
    mask-size: cover;
}

.vector-icon.mw-ui-icon-wikimedia-userAvatar {
    -webkit-mask-image: url(/w/load.php?modules=skins.vector.icons&image=userAvatar&format=original&lang=en&skin=vector-2022&version=mvyy1);
    mask-image: url(/w/load.php?modules=skins.vector.icons&image=userAvatar&format=original&lang=en&skin=vector-2022&version=mvyy1);
    background: var(--vector-icon-custom-color, black);
    mask-size: cover;
}

.vector-icon.mw-ui-icon-wikimedia-userContributions {
    -webkit-mask-image: url(/w/load.php?modules=skins.vector.icons&image=userContributions&format=original&lang=en&skin=vector-2022&version=mvyy1);
    mask-image: url(/w/load.php?modules=skins.vector.icons&image=userContributions&format=original&lang=en&skin=vector-2022&version=mvyy1);
    background: var(--vector-icon-custom-color, black);
    mask-size: cover;
}

.vector-icon.mw-ui-icon-wikimedia-userGroup {
    -webkit-mask-image: url(/w/load.php?modules=skins.vector.icons&image=userGroup&format=original&lang=en&skin=vector-2022&version=mvyy1);
    mask-image: url(/w/load.php?modules=skins.vector.icons&image=userGroup&format=original&lang=en&skin=vector-2022&version=mvyy1);
    background: var(--vector-icon-custom-color, black);
    mask-size: cover;
}

.vector-icon.mw-ui-icon-wikimedia-userTalk {
    -webkit-mask-image: url(/w/load.php?modules=skins.vector.icons&image=userTalk&format=original&lang=en&skin=vector-2022&version=mvyy1);
    mask-image: url(/w/load.php?modules=skins.vector.icons&image=userTalk&format=original&lang=en&skin=vector-2022&version=mvyy1);
    background: var(--vector-icon-custom-color, black);
    mask-size: cover;
}

.vector-icon.mw-ui-icon-wikimedia-userTemporary {
    -webkit-mask-image: url(/w/load.php?modules=skins.vector.icons&image=userTemporary&format=original&lang=en&skin=vector-2022&version=mvyy1);
    mask-image: url(/w/load.php?modules=skins.vector.icons&image=userTemporary&format=original&lang=en&skin=vector-2022&version=mvyy1);
    background: var(--vector-icon-custom-color, black);
    mask-size: cover;
}

.vector-icon.mw-ui-icon-wikimedia-watchlist {
    -webkit-mask-image: url(/w/load.php?modules=skins.vector.icons&image=watchlist&format=original&lang=en&skin=vector-2022&version=mvyy1);
    mask-image: url(/w/load.php?modules=skins.vector.icons&image=watchlist&format=original&lang=en&skin=vector-2022&version=mvyy1);
    background: var(--vector-icon-custom-color, black);
    mask-size: cover;
}

.vector-icon.mw-ui-icon-wikimedia-speechBubbleAdd {
    -webkit-mask-image: url(/w/load.php?modules=skins.vector.icons.js&image=speechBubbleAdd&format=original&lang=en&skin=vector-2022&version=1mt5m);
    mask-image: url(/w/load.php?modules=skins.vector.icons.js&image=speechBubbleAdd&format=original&lang=en&skin=vector-2022&version=1mt5m);
    background: var(--vector-icon-custom-color, black);
    mask-size: cover;
}

.vector-icon.mw-ui-icon-wikimedia-speechBubbles {
    -webkit-mask-image: url(/w/load.php?modules=skins.vector.icons.js&image=speechBubbles&format=original&lang=en&skin=vector-2022&version=1mt5m);
    mask-image: url(/w/load.php?modules=skins.vector.icons.js&image=speechBubbles&format=original&lang=en&skin=vector-2022&version=1mt5m);
    background: var(--vector-icon-custom-color, black);
    mask-size: cover;
}

.vector-icon.mw-ui-icon-wikimedia-article {
    -webkit-mask-image: url(/w/load.php?modules=skins.vector.icons.js&image=article&format=original&lang=en&skin=vector-2022&version=1mt5m);
    mask-image: url(/w/load.php?modules=skins.vector.icons.js&image=article&format=original&lang=en&skin=vector-2022&version=1mt5m);
    background: var(--vector-icon-custom-color, black);
    mask-size: cover;
}

.vector-icon.mw-ui-icon-wikimedia-history {
    -webkit-mask-image: url(/w/load.php?modules=skins.vector.icons.js&image=history&format=original&lang=en&skin=vector-2022&version=1mt5m);
    mask-image: url(/w/load.php?modules=skins.vector.icons.js&image=history&format=original&lang=en&skin=vector-2022&version=1mt5m);
    background: var(--vector-icon-custom-color, black);
    mask-size: cover;
}

.vector-icon.mw-ui-icon-wikimedia-wikiText {
    -webkit-mask-image: url(/w/load.php?modules=skins.vector.icons.js&image=wikiText&format=original&lang=en&skin=vector-2022&version=1mt5m);
    mask-image: url(/w/load.php?modules=skins.vector.icons.js&image=wikiText&format=original&lang=en&skin=vector-2022&version=1mt5m);
    background: var(--vector-icon-custom-color, black);
    mask-size: cover;
}

.vector-icon.mw-ui-icon-wikimedia-edit {
    -webkit-mask-image: url(/w/load.php?modules=skins.vector.icons.js&image=edit&format=original&lang=en&skin=vector-2022&version=1mt5m);
    mask-image: url(/w/load.php?modules=skins.vector.icons.js&image=edit&format=original&lang=en&skin=vector-2022&version=1mt5m);
    background: var(--vector-icon-custom-color, black);
    mask-size: cover;
}

.vector-icon.mw-ui-icon-wikimedia-editLock {
    -webkit-mask-image: url(/w/load.php?modules=skins.vector.icons.js&image=editLock&format=original&lang=en&skin=vector-2022&version=1mt5m);
    mask-image: url(/w/load.php?modules=skins.vector.icons.js&image=editLock&format=original&lang=en&skin=vector-2022&version=1mt5m);
    background: var(--vector-icon-custom-color, black);
    mask-size: cover;
}

.vector-icon.mw-ui-icon-wikimedia-exitFullscreen {
    -webkit-mask-image: url(/w/load.php?modules=skins.vector.icons.js&image=exitFullscreen&format=original&lang=en&skin=vector-2022&version=1mt5m);
    mask-image: url(/w/load.php?modules=skins.vector.icons.js&image=exitFullscreen&format=original&lang=en&skin=vector-2022&version=1mt5m);
    background: var(--vector-icon-custom-color, black);
    mask-size: cover;
}

.vector-icon.mw-ui-icon-wikimedia-fullScreen {
    -webkit-mask-image: url(/w/load.php?modules=skins.vector.icons.js&image=fullScreen&format=original&lang=en&skin=vector-2022&version=1mt5m);
    mask-image: url(/w/load.php?modules=skins.vector.icons.js&image=fullScreen&format=original&lang=en&skin=vector-2022&version=1mt5m);
    background: var(--vector-icon-custom-color, black);
    mask-size: cover;
}

.vector-dropdown-label:not(.cdx-button--icon-only)::after,
.vector-page-tools-dropdown-label::after,
.vector-user-links-dropdown-label::after,
.vector-user-menu-logged-in::after,
.vector-user-menu-logged-in .vector-dropdown-label::after
{
	-webkit-mask-image: url(/1.41/skins/Vector/resources/skins.vector.styles/images/arrow-down.svg?9426f) !important;
    mask-image: url(/1.41/skins/Vector/resources/skins.vector.styles/images/arrow-down.svg?9426f) !important;
    background: var(--vector-icon-custom-color, black) !important;
	background-position: 100% 50% !important;
	background-repeat: no-repeat !important;
	background-attachment: scroll !important;
	background-size: auto !important;
	background-origin: padding-box !important;
	background-clip: border-box !important;
	mask-size: cover !important;
	padding-left: 3px;
	width: 0.8em;
	height: 0.8em;
}

.vector-feature-zebra-design-disabled .vector-dropdown .vector-dropdown-label:not(.cdx-button--icon-only)::after
{
	margin-left: 5px;
}

.cdx-button:enabled, .cdx-button.cdx-button--fake-button--enabled
{
	color: white;
}
Retrieved from "https://worldless.wiki/wiki/User:Auroraes/vector-2022.css?oldid=943"