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

From Worldless
Content added Content deleted
No edit summary
(Blanked the page)
Tag: Blanking
 
(8 intermediate revisions by the same user not shown)
Line 1: Line 1:
:root
{
--vector-icon-custom-color: white;
--genesis-color-base: #1E2438;
--genesis-color-base-accent: #34394A;
--genesis-color-text: #FFFFFF;
--genesis-color-text-accent: #C0C0C0;
--genesis-color-highlight: #FF8A00;
}

@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-background-highlight-color);
}

.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;
}

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

.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,<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-right: -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-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,%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;
}

.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;
}

Latest revision as of 04:50, 6 July 2024