User:Crystallized Petri Dish/global.css

/* Import */ @import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300&display=swap'); /* Annoying thing stuck at the side of my screen */ .rail-sticky-module { display: none; } /* General changes */ a { font-family: 'Rubik', sans-serif; } .WikiaArticle { font-family: 'Nunito Sans', sans-serif; } .WikiaArticle h2, .WikiaArticle h3, .WikiaArticle h4, .WikiaArticle h5, .WikiaArticle h6 { font-family: 'Rubik', sans-serif; } body, a:hover, cursor: default !important; } /* Header stuff? */ /** Header radius **/ .WikiaPage .wds-community-header { border-radius: 10px 10px 0 0; } /** Header color changes **/ .wds-community-header:before { background: linear-gradient(#001c65, #a1b7ff5c), linear-gradient(to left, transparent var(--theme-header-gradient-start),var(--theme-header-background-color) var(--theme-header-gradient-end)); } /* Removing the usual annoying things */ .mainpage .article-categories { display: none; } .unified-search__layout__right-rail { display: none; } .mixed-content-footer { display: none; } /* Scrollbar */
 * -webkit-scrollbar {

width: 12px; height: 12px; } body::-webkit-scrollbar { background: black; }
 * -webkit-scrollbar-thumb {

background: #b5c7ff; }
 * -webkit-scrollbar-thumb:hover {

background: var(--themed-border-color-50); }
 * -webkit-scrollbar-thumb:active {

background: #a2b9ff; } .mw-notification-area mw-notification-area-floating { display: none; } .banner-notifications-placeholder { display: none; } /* Global nav */ /** Links **/ .wds-global-navigation__link, .wds-global-navigation__start-a-wiki { color: #7496ff; } /** Search stuff **/ wds-global-navigation__search-input-wrapper, .wds-global-navigation__search { color: #86a1ff; } .wds-global-navigation__search-input { font-family: 'Rubik', sans-serif; } /** Global nav background color **/ .wds-global-navigation { background-color: #030303; } /** Chevrons **/ .wds-global-navigation__link-group .wds-dropdown__toggle-chevron, .wds-global-navigation__notifications-dropdown .wds-dropdown__toggle-chevron, .wds-global-navigation__user-menu .wds-dropdown__toggle-chevron { fill: #bacfff; } /** Notif lines **/ .wds-list .wds-has-lines-between > li { border-bottom: 1px solid #5b85ff; } /** Notif bell **/ .wds-icon { fill: #5b85ff; } /** Avatar ring **/ .wds-avatar__image { color: #5b85ff; } /* Global footer */ .wds-global-footer { background-color: #0b0b0b; } /** Links **/ .wds-global-footer__link, .wds-global-footer__link:active, .wds-global-footer__link:focus, .wds-global-footer__link:visited { color: #739dff; } /** Bottom section **/ .wds-global-footer__bottom-bar { display: none; } /** Botton section links **/ .wds-global-footer__bottom-bar a, .wds-global-footer__bottom-bar a:visited { color: #FFFFFF; } /** Separator **/ .global-footer-bottom { border-top: 1px solid #c8c8c8; } /* Start a wiki button */ .wds-global-navigation__start-a-wiki .wds-button.wds-is-secondary:not(:disabled) { --wds-secondary-button-label-color: #91a5ff !important; --wds-secondary-button-label-color--hover: #6985ff !important; } .WikiaBarWrapper { background: #070707; box-shadow: none; border-top: 2px #bdd1ff; } /* QuickDiff modals */ /** Added content **/ /*** Highlight ***/ .ooui-theme-fandomooui .diff-addedline .diffchange { background-color: #9cb1ff; } /*** Lines ***/ .ooui-theme-fandomooui .diff-addedline { border-color: #9cb1ff; } /** Removed content **/ /*** Highlight ***/ .ooui-theme-fandomooui .diff-deletedline .diffchange { background-color: #5a71ff; } /*** Lines ***/ .ooui-theme-fandomooui .diff-deletedline { border-color: #5a71ff; } /* Notification icon colors (yes I'm going this far) */ .wds-is-unread .wds-notification-card__icon-wrapper .wds-icon { fill: #5b85ff; } .UserProfileAchievementsModule .badges-profile-title, .UserProfileAchievementsModule .title-challeneges { border-bottom: #7597ff; font-family: 'Nunito Sans', sans-serif; } /* Syntax highlighting in source editor */ /** Links **/ /*** Link content ***/ .skin-oasis .cm-mw-link, .skin-oasis .cm-mw-link-pagename { color: #6c9dff; } /*** Link brackets ***/ .skin-oasis .cm-mw-extlink, .skin-oasis .cm-mw-extlink-bracket, .skin-oasis .cm-mw-extlink-protocol, .skin-oasis .cm-mw-free-extlink, .skin-oasis .cm-mw-free-extlink-protocol, .skin-oasis .cm-mw-link-bracket, .skin-oasis .cm-mw-link-delimiter { color: #568efe; } /*** Links to headers ***/ .skin-oasis .cm-mw-link-tosection { color: #5e6fff; } /** What would I call this **/ /*** HTML (, , etc) ***/ .skin-oasis .cm-mw-exttag-attribute, .skin-oasis .cm-mw-exttag-bracket, .skin-oasis .cm-mw-exttag-name, .skin-oasis .cm-mw-htmltag-attribute, .skin-oasis .cm-mw-htmltag-bracket, .skin-oasis .cm-mw-htmltag-name { color: #5bffa0; } /*** Unicode stuff ***/ .skin-oasis .cm-mw-mnemonic { color: #a2ff61; } /***, ***/ .skin-oasis .cm-mw-parserfunction-bracket, .skin-oasis .cm-mw-parserfunction-delimiter, .skin-oasis .cm-mw-parserfunction-name { color: #a2ff61; } /** Formatting **/ /*** Comments ***/ .skin-oasis .cm-mw-comment { color: #98ffff; } /*** Headers ***/ .skin-oasis .cm-mw-apostrophes-bold, .skin-oasis .cm-mw-apostrophes-italic, .skin-oasis .cm-mw-section-header { color: #48daff; } /*** Formatting (asterisk, octothorpes, etc.) ***/ .skin-oasis .cm-mw-list { color: #48daff; } /** No clue what to call this either **/ /*** Templates ***/ .cm-mw-template-name { color: #ffa475; } .skin-oasis .cm-mw-template, .skin-oasis .cm-mw-template-argument-name, .skin-oasis .cm-mw-template-bracket, .skin-oasis .cm-mw-template-delimiter, .skin-oasis .cm-mw-template-name { color: #ffa475; } /*** Tables ***/ .skin-oasis .cm-mw-table-bracket, .skin-oasis .cm-mw-table-definition, .skin-oasis .cm-mw-table-delimiter { color: #ffdc71; } /* Syntax highlight changes on css/js pages */ /** span, li, url **/ .mw-highlight .nt { color: #ff7244; } /** in import **/ .mw-highlight .cp, /*** !important ***/ .mw-highlight .nb, .mw-highlight .o { color: #9dbaff; } /** Content in quotations **/ .mw-highlight .s1, /*** Single quotes ***/ .mw-highlight .s2 /*** Double quotes ***/ { color: #60ff70; } /** import **/ .mw-highlight .n, .mw-highlight .k { color: #f699ff; } .mw-highlight .p { color: #9dbaff; } /** Comments **/ .mw-highlight .c { color: #338a78; } /** Display; width; etc.**/ .mw-highlight .k { color: #6a6cff; } /** flex; wrap; none; etc. **/ .mw-highlight .kc { color: #00a300; } /** # **/ .mw-highlight .nn { color: #f699ff; } /** . **/ .mw-highlight .nc { color: #459da3; } /** :after **/ .mw-highlight .nd { font-weight: bold; } /** Number values for px **/ .mw-highlight .kt { color: #6cffa3; } /** px **/ .mw-highlight .kt { color: #6cffa3; } /** Second values **/ .mw-highlight .mf { color: #ff5252; } /** Color values **/ .mw-highlight .mh { color: #4f83ff; } /* Source editor changes */ /** Expanding source editor to fit screen **/ .WikiaSiteWrapper .WikiaPageContentWrapper.is-edit { padding: 0 10px 10px; z-index: 200; margin-right: -325px; margin-left: -325px; } /** Background **/ .wikiEditor-ui .wikiEditor-ui-text .ace_editor, .wikiEditor-ui .wikiEditor-ui-text .CodeMirror { background-color: #0b0b0b; } /** Scrollbar **/ .CodeMirror-vscrollbar { background-color: #000000; } /** Icons in source editor **/ .tool .oo-ui-buttonElement-frameless .oo-ui-iconElement > .oo-ui-buttonElement-button { color: #bcf; } /** Preview and changes button **/ .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active) > .oo-ui-buttonElement-button { color: #2a68ff; } /** Removing minor things **/ .templatesUsed { display: none; } .limitreport { display: none; } .wikiEditor-ui .ui-resizable-handle { display: none !important; } /* Ace editor changes */ /** Icons in ace editor **/ .wikiEditor-ui .wikiEditor-ui-toolbar .tool .oo-ui-buttonElement-frameless .oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { color: #bcf; } /** Expanding ace editor (I think) **/ .wikiEditor-ui { margin-top: 0 !important; margin-right: -325px !important; width: 100% !important; border-bottom: 1px solid #0048ff; border-right: 1px solid #0048ff; border-left: 1px solid #0048ff; } /** Bottom border color **/ .wikiEditor-ui .wikiEditor-ui-view { border: 1px solid #0048ff; } /** Color for line number in ace editor **/ .ace_gutter-layer { color: #bcf; background-color: #030303; } /** Background color **/ .ace_content { background-color: #0b0b0b; } /** Removing margin **/ .ace_print-margin { display: none !important; } /** Extending summary box **/ .mw-editform #wpSummaryLabel { width: 100% !important; } /** Removing drop file box **/ .wikiEditor-ui #msupload-dropzone { display: none; } /* Profile changes */ /** Profile background color **/ @media only screen and (min-width: 1084px) { background-color: #121212; } } /** Profile tag modifications **/ background-color: #162959; border-radius: 5px; color: #e0e7ff; font-family: 'Rubik', sans-serif; } /* Message wall modifications */ .InlineEntityFormWrapper_inline-entity-form-wrapper__12amV { background: #00000080; border: 2px solid #bcf; border-radius: 10px; color: #ffffff; }	background-color: transparent; border: 1px solid var(--themed-border-color-50); border-radius: 5px; }	border-left: 4px solid #bcf; }	border-color: #739dff; background-color: transparent; color: #739dff; font-family: 'Rubik'; } .InlineEntityFormWrapper_inline-entity-form-wrapper__12amV { border: 2px solid #bcf; border-radius: 10px; color: #ffffff; }	background-color: #00000080; border: 2px solid #bcf; border-radius: 10px; }	border: 1px solid #bcf; }	border-bottom: 1px solid #bcf; border-top: 1px solid #bcf; } /* Wikipage */ /** Wikipage color **/ @media only screen and (min-width: 1084px) { .WikiaSiteWrapper .WikiaPageContentWrapper { background-color: #000000; border-radius: 0 0 10px 10px; } } /* Recent changes */ /** Icons **/ .oo-ui-iconElement-icon:not(.oo-ui-iconElement-noIcon) { background-color: #bcf; } /** Filters **/ .ooui-theme-fandomooui .oo-ui-tagMultiselectWidget .oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget { color: #2A67FF; } /** Border beneath tabs **/ .wds-tabs__wrapper .with-bottom-border { border-bottom: 1px solid #2a68ff; } .client-js .mw-recentchanges-toplinks .oo-ui-buttonElement > .oo-ui-buttonElement-button { color: #2a68ff; border-color: #2a68ff; border-radius: 3px; } /** Tabs (social activity, image activity, etc.) **/ .wds-tabs__tab .wds-is-current, .wds-tabs__tab { color: #2a68ff; } /** List of abbreviations thing **/ .ooui-theme-fandomooui .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: transparent; border-color: #2a68ff; color: #2a68ff; } /** Remove live updates animation **/ .mw-rcfilters-ui-liveUpdateButtonWidget .oo-ui-toggleWidget-on:after { display: none; } /** Change the live updates button to match others **/ .oo-ui-buttonElement-framed .oo-ui-widget-enabled .oo-ui-buttonElement-active > .oo-ui-buttonElement-button { background-color: transparent; border-color: #2a68ff; color: #2a68ff; } /* Miscellaneous */ /** Page titles **/ .page-header__title { font-weight: 500; font-family: 'Rubik'; } /** Subtitle **/ .page-header__page-subtitle { font-family: 'Rubik'; } /** Removing ads **/ display: none !important; } /** Changes to modules **/ .WikiaRail .rail-module, .WikiaRail .module, .WikiaArticle .thumbinner, .WikiaArticleCategories, .WikiaLatestEarnedBadgesModule { background: #000000; border: 2px solid #bcf; border-radius: 10px; font-family: 'Rubik'; padding: 15px; } /** Codeblocks **/ .WikiaArticle pre { background: #000000; border: 2px solid #bcf; } /* Root */ /** Also ignore the taunting errors **/
 * 1) wds-icons-magnifying-glass-small,
 * 1) userProfileApp {
 * 1) userProfileApp .user-identity-header__tag {
 * 1) MessageWall .Message__wrapper {
 * 1) MessageWall .Reply {
 * 1) MessageWall .MessageWallForum .load-more-button {
 * 1) MessageWall .Message__wrapper {
 * 1) MessageWall .Message__break {
 * 1) MessageWall .ViewMoreReplies {
 * 1) hivi_leaderboard,
 * 2) top_leaderboard,
 * 3) top_boxad {
 * root {

--theme-article-background-color--secondary: black !important; --theme-border-color: #0048ff !important; --theme-link-color: #6e92ff !important; --theme-link-color--hover: #96b0ff !important; --themed-border-color-50: #98c1ff !important; --oasis-wikiabar-text-color: #ffffff !important; --theme-accent-color: #162959 !important; --theme-accent-color--hover: #98acff !important; }