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

From Worldless
Content added Content deleted
No edit summary
No edit summary
Line 55: Line 55:
.wikitable,
.wikitable,
.wikitable > * > tr > th
.wikitable > * > tr > th
.wikitable > * > tr > td
.figure mw-default-size
{
{
background: #34394A !important;
background: #34394A !important;

Revision as of 09:23, 3 July 2024

:root
{
	--vector-icon-custom-color: white;
	--genesis-background-color: #1E2438;
	--genesis-background-highlight-color: #34394A;
}

@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: #1E2438 !important;
    color: #FFFFFF !important;
}

body,
.vector-header-container,
.mw-page-container,
.vector-main-menu,
.footer,
.mw-datatable,
.vector-toc,
.mw-footer li
{
	font-family: "AtkinsonHyperlegible" !important;
	background: #1E2438 !important;
    color: #FFFFFF !important;
    border: transparent;
}

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

.vector-toc,
.vector-pinnable-header-label,
.cdx-button,
.wikitable,
.wikitable > * > tr > th
.wikitable > * > tr > td
.figure mw-default-size
{
	background: #34394A !important;
	color: white;
	border: transparent;
}

.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: #34394A !important;
}

a,
a:link 
{
    color: #FF8A00 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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