User:SorcererSupreme21/global.css

@import "/load.php?mode=articles&articles=u:dev:MediaWiki:UCPEditorMinimal.css&only=styles"; @import "/load.php?mode=articles&articles=u:dev:MediaWiki:UCPEditorMinimal.css&only=styles"; @import "/load.php?mode=articles&articles=u:dev:MediaWiki:BalancedUCX.css&only=styles"; @import "/load.php?mode=articles&articles=u:dev:MediaWiki:RestoreOldMastheadDesign.css&only=styles";

/* Restoring pieces of Oasis */ /** Font **/ /*** Article body ***/ body.skin-fandomdesktop { font-family: Helvetica Neue, helvetica, arial, sans-serif; /* Fallback */ font-size: 14px; }

/*** Global navigation ***/ .global-navigation { font-family: Rubik,Helvetica Neue,Helvetica,Arial,sans-serif; }

/*** Tabs in Wiki, Social and Image Activity ***/ .activity-tabs.with-bottom-border .wds-tabs__tab-label { font-family: Helvetica Neue, helvetica, arial, sans-serif; /* Fallback */ }

/* TOC */ /** General style **/ .page-content #toc { border-radius: 0; padding: 5px; margin: 1em 0; }

/** TOC title **/ .toc .toctitle { border-bottom: 0; justify-content: normal; font-size: 12px; padding: 3px 2px; } .toc .toctitle h2 { font-size: 14px; margin-top: 3px; padding: 0 5px 3px 0; } .toc .toctogglespan:before, .toc .toctogglespan:after { font-size: 12px; }

/** Removing small icon near title **/ .toc .toctitle h2 .wds-icon { display: none; }

/** Padding for content **/ .toc ul { padding: 0; } .toc ul li { margin: 0 } .toc ul li .toclevel-2 { margin-left: 2em; } .toc ul li .toclevel-3 { margin-left: 2em; } .toc ul li .toclevel-4 { margin-left: 2em; } .toc ul li .toclevel-5 { margin-left: 2em; }

/** Links **/ .toc ul li a { color: var(--theme-link-color); display: initial; font-weight: normal!important; padding: 0; }

/** Number color **/ .toc ul li a .tocnumber { color: var(--theme-page-text-color); }

/** No dot after number **/ .toc ul li a .tocnumber:after { display: none; }

/* More fixes */ /** Headers **/ .page-content h2 { line-height: 1; margin: 0.5em 0 0.2em; padding: 0 0 3px; font-size: 28px; }

/** Article text styling and padding **/ .page-content p { margin: 0.4em 0 0.5em; line-height: 1.5; }

/** List styling and padding **/ .page-content ul { list-style: square; } .page-content li { margin: 3px 0; } .mw-content-ltr ol, .mw-content-ltr ul { margin: 0.4em 0 0.5em 2.5em; }

/** Article content wrapper padding **/ .page .page__main { padding: 0 0 0 24px; } .page { padding-right: 24px; } @media only screen and (min-width: 1024px) { .page .page__main { padding: 0 0 0 10px; }	.page { padding-right: 10px; } } @media only screen and (min-width: 1084px) { .page .page__main { padding: 0 0 0 20px; }	.page { padding-right: 20px; } } @media only screen and (min-width: 1596px) { .page .page__main { padding: 0 0 0 30px; }	.page { padding-right: 30px; } }

/* Article header */ .page-header { padding: 16px 0 8px; border-bottom: 1px solid var(--theme-border-color); margin-bottom: 18px; } .page-header__title { font-weight: 700; line-height: 1; } .page-header__categories { font-size: 12px; line-height: 1; } .page-header__categories-in { font-weight: 600; } .page-header__categories *:not(.page-header__categories-in) { font-style: italic; line-height: 16px; }

/*** Page header buttons ***/ .page-header__actions { align-items: flex-end; display: inline-flex; justify-content: flex-start; padding-top: 0; padding-bottom: 6px; } .page-header__bottom .page-header__actions .page-header__action-button { align-items: center; background-color: var(--theme-accent-color); border: 1px solid var(--theme-accent-color); border-radius: 3px; color: var(--theme-accent-label-color); cursor: pointer; font-family: inherit; display: inline-flex; font-size: 12px; font-weight: 600; line-height: 16px; letter-spacing: .15px; margin: 0; margin-right: 1px; outline: none; padding: 7px 12px; text-decoration: none; text-transform: uppercase; transition-duration: .3s; transition-property: background-color,border-color,color; vertical-align: top; height: unset; } .page-header__bottom .page-header__actions .page-header__action-button:hover { background-color: var(--theme-accent-color--hover); border: 1px solid var(--theme-accent-color--hover); } .page-header__bottom .page-header__actions .wds-button:first-child { border-radius: 3px 0 0 3px; } .page-header__bottom .page-header__actions .wds-dropdown:last-child .wds-button { border-radius: 0 3px 3px 0; } .page-header__bottom .page-header__actions .page-header__action-button:before { display: none; }

/* Article footer */ .page-footer__categories header, .page-footer__languages header { display: none; } .page-footer .wds-collapsible-panel.wds-is-collapsed .wds-collapsible-panel__content { display: block; }

/** Categories **/ .page-footer__categories { background-color: var(--theme-page-background-color); background-image: none; border: 1px solid var(--theme-border-color); clear: both; font-size: 12px; line-height: normal; margin: 10px 0; padding: 0; position: relative; } .page-footer__categories .wds-collapsible-panel__content { padding: 10px 20px 0; } .CategorySelect.articlePage .add { padding: 0 10px; }