User:Azai-san/oasis.css

/** * * @title       FANSUN * @description Dark theme for official Fandom wikis. * @author     Speedit * @version    2.0.0 * @license    CC-BY-SA 3.0 * @notes      Please install FANSUN.js for full functionality. *             Don't import this in global.css - it's not scoped. * * @colordef   #2c343d; body * @colordef   #39424d; page * @colordef   #404a57; header * @colordef   #00c8e0; links * @colordef   #00b7e0; buttons * */

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


 * root {

--theme-community-background-color: #2c343d; --theme-article-background-color: #39424d; --theme-article-background-color--rgb: 57,66,77; --theme-article-background-color--secondary: #535b64; --theme-article-text-color: #e6e6e6; --theme-article-text-color--rgb: 230,230,230; --theme-article-text-color--hover: #b3b3b3; --theme-link-color: #00c8e0; --theme-link-color--rgb: 0,200,224; --theme-link-color--hover: #006d7a; --theme-link-label-color: #000000; --theme-accent-color: #00b7e0; --theme-accent-color--hover: #00647a; --theme-accent-label-color: #000000; --theme-border-color: #9ca1a6; --theme-border-color--rgb: 156,161,166; --theme-box-shadow: 0 3px 12px 0 rgba(230,230,230,0.3); --theme-article-text-mix-50: #90949a; --theme-article-accent-mix-50: #1d7d97; --theme-alert-color: #ee5f79; --theme-alert-color--rgb: 238,95,121; --theme-alert-label: #000000; --theme-alert-color--hover: #d11638; --theme-warning-color: #e16f48; --theme-success-color: #01a538; --theme-success-label: #000000; --theme-message-color: #009fa3; --theme-header-background-color: #404a57; --theme-header-background-color--rgb: 64,74,87; --theme-header-text-color: #fff; --theme-header-text-color--hover: #cccccc; --theme-infobox-background-color: #334f5c; --theme-infobox-section-header-background-color: #2b6472; --global-navigation-background-color: #002a32; --global-navigation-link-color: #00d6d6; --oasis-article-background-color--darken-002: #353d47; --oasis-article-background-color--darken-005: #2e353e; --oasis-article-background-color--darken-008: #282e36; --oasis-article-text-mix-95: #424a55; --oasis-community-background-image: url(load.php); --oasis-community-background-opacity: 1; --oasis-europa-background-color: #3f505c; --oasis-europa-tabber-background-color: #267991; --oasis-europa-horizontal-group-background-color: #395a69; --oasis-wikiabar-background-color: #404a57; --oasis-wikiabar-text-color: #e6e6e6; --affiliate-service-display-dark-logo: block; --affiliate-service-display-light-logo: none; }

/** Dev Wiki **/

/*** MediaWiki:Wikia.css ***/ /*** Color fixes in Special:Community content ***/ .wiki-dev .community-page-card-module .community-page-card-module-full-list-link a { color: var(--theme-link-color); } /**** Mainpage styling ****/ .wiki-dev.skin-oasis #mw-content-text { color: #fff; } .wiki-dev.skin-oasis #mw-content-text .what-we-do { background: #404a57; } .wiki-dev.skin-oasis #mw-content-text .foci { color: #d5d4d4; } .wiki-dev.skin-oasis #mw-content-text .foci .header, .wiki-dev.skin-oasis #mw-content-text .what-we-do .header, .wiki-dev.skin-oasis #mw-content-text .things-to-remember .header { color: #00b7e0; } .wiki-dev.skin-oasis #mw-content-text .things-to-remember .description { color: #d5d4d4; } .wiki-dev.skin-oasis #mw-content-text .introduction .header { color: #00b7e0; } .wiki-dev.skin-oasis #mw-content-text .introduction a, .wiki-dev.skin-oasis #mw-content-text .introduction a:link, .wiki-dev.skin-oasis #mw-content-text .introduction a:visited, .wiki-dev.skin-oasis #mw-content-text .what-we-do a, .wiki-dev.skin-oasis #mw-content-text .what-we-do a:link, .wiki-dev.skin-oasis #mw-content-text .what-we-do a:visited { background: #009bbe; color: #ffffff; } /**** Template:Permission ****/ .wiki-dev.skin-oasis .boilerplate { color: #2C343D; } /**** Template:Mbox ****/ .wiki-dev.skin-oasis .notice { background: #2e5d6a; } /**** Template:Languages ****/ .wiki-dev.skin-oasis .switch-lang .selected a { color: #fff; } /**** Module:Languages ****/ .wiki-dev.skin-oasis .transclude-notice-top { border-bottom: 1px solid #305663; } .wiki-dev.skin-oasis .transclude-notice-bottom { border-top: 1px solid #305663; } /**** Template:Documentation ****/ .wiki-dev.skin-oasis .template-documentation .template-documentation-langs li.selected a { color: #fff; } .wiki-dev.skin-oasis .template-documentation { border: 1px solid #2b6472; } .wiki-dev.skin-oasis .template-documentation .template-documentation-header { background: #2b6472; border-bottom: 1px solid #2b6472; } .wiki-dev.skin-oasis .template-documentation .template-documentation-langs { background: #305663; border-bottom: 1px solid #2b6472; } .wiki-dev.skin-oasis .template-documentation .template-documentation-content .transclude-notice-bottom:last-child { background: #305663; border-top: 1px solid #305663; } .wiki-dev #documentation-meta-data { background-color: #305663 !important; } /**** Template: Scrollbox ****/ .wiki-dev #mw-content-text div[data-scrollbox] { --scrollbox-color: #2b6472 !important; } /**** Code elements ****/ .wiki-dev code, .wiki-dev .code { background-color: rgb(0 0 0 / 20%); border: 1px solid #404a57; }

/** Community Central Wiki **/

/*** Wordmark rollback ***/ .skin-oasis.wiki-wikia .wds-community-header__wordmark img { background-repeat: no-repeat; background-position: top left; box-sizing: border-box; } .skin-oasis.wiki-wikia .wds-community-header__wordmark img { background-image: url('https://vignette.wikia.nocookie.net/central/images/8/89/Wiki-wordmark.png/revision/20180206165044'); } .skin-oasis.wiki-wikia .wds-community-header__wordmark img { padding-top: 65px; height: 65px; width: 125px; } @media only screen and (max-width: 1083px) { .skin-oasis.wiki-wikia .wds-community-header__wordmark img { background-size: 94px 49px; height: 94px; padding-top: 49px; width: 94px; } }

/*** MediaWiki:Wikia.css ***/

/**** Blogs ****/ .wiki-wikia.ns-500 .WikiaPage .WikiaArticle h2, .wiki-wikia.ns-500 .WikiaPage .WikiaArticle h3 { color: #00d6d6; } .wiki-wikia.ns-500 .WikiaPage .WikiaArticle .FANDOM-badge { background: #404a57 !important; } /**** Interlanguage link footer ****/ .wiki-wikia.skin-oasis.mainpage .WikiaArticleInterlang { background: none; border: 1px solid #616871; } /**** Portable Infoboxes ****/ .wiki-wikia.skin-oasis .pi-theme-StaffCard, .wiki-wikia.skin-oasis .pi-theme-VolunteerCard { border: 1px solid #2b6472; } .wiki-wikia.skin-oasis .pi-theme-StaffCard .pi-title, .wiki-wikia.skin-oasis .pi-theme-VolunteerCard .pi-title { color: #00d6d6; } /*** Mainpage.css ***/ /**** General ****/ .wiki-wikia.skin-oasis.mainpage .lcs-container + div + div { color: white !important; background-color: #656e78 !important; } .wiki-wikia.skin-oasis.mainpage .mainpage-box h2 { color: #b7b8ba; } .wiki-wikia.skin-oasis.mainpage .mainpage-box h2::before, .wiki-wikia.skin-oasis.mainpage .mainpage-box h2::after { background-color: #a2a4a6; } .wiki-wikia.skin-oasis.mainpage .mainpage-box h3 { color: #cfcfcf; } .wiki-wikia.skin-oasis.mainpage .mainpage-more a, .wiki-wikia.skin-oasis.mainpage .mainpage-more .recent a:active, .wiki-wikia.skin-oasis.mainpage .mainpage-more .recent a:visited { color: #4a90e2; } .wiki-wikia.skin-oasis.mainpage .mainpage-more a:hover { color: #6aaefc; } /**** Blogs ****/ .wiki-wikia.skin-oasis.mainpage .mainpage-blogs .blog-info { border: 1px solid #3b475b; } .wiki-wikia.skin-oasis.mainpage .mainpage-blogs .blog-info .author a, .wiki-wikia.skin-oasis.mainpage .mainpage-blogs .blog-info .author a:active, .wiki-wikia.skin-oasis.mainpage .mainpage-blogs .blog-info .author a:visited { color: #fff; } .wiki-wikia.skin-oasis.mainpage .mainpage-blogs .blog-info .author a:hover { color: #aaa; } .wiki-wikia.skin-oasis.mainpage .mainpage-blogs .blog-info .timestamp { color: #aeafb2; } .wiki-wikia.skin-oasis.mainpage .mainpage-blogs .blog-info .title a, .wiki-wikia.skin-oasis.mainpage .mainpage-blogs .blog-info .title a:active, .wiki-wikia.skin-oasis.mainpage .mainpage-blogs .blog-info .title a:visited { color: #4a90e2; } .wiki-wikia.skin-oasis.mainpage .mainpage-blogs .blog .title a:hover { color: #6aaefc; } /**** FAQ ****/ .wiki-wikia.skin-oasis.mainpage .mainpage-faq h4 { background: #3a4756 none repeat scroll 0% 0%; color: #b7b8ba; } .wiki-wikia.skin-oasis.mainpage .mainpage-faq .faq-list { background-color: #384251; border: solid #3a475f; border-width: 0 1px 1px; } .wiki-wikia.skin-oasis.mainpage .mainpage-faq .faq-list a, .wiki-wikia.skin-oasis.mainpage .mainpage-faq .faq-list a:active, .wiki-wikia.skin-oasis.mainpage .mainpage-faq .faq-list a:visited { color: #4a90e2; } .wiki-wikia.skin-oasis.mainpage .mainpage-faq .faq-list a:hover { color: #6aaefc; } /**** Connect ****/ .wiki-wikia.skin-oasis.mainpage .mainpage-connect .staff li { border: 1px solid #3b475b; } .wiki-wikia.skin-oasis.mainpage .mainpage-connect .staff .name a, .wiki-wikia.skin-oasis.mainpage .mainpage-connect .staff .name a:active, .wiki-wikia.skin-oasis.mainpage .mainpage-connect .staff .name a:visited { color: #fff; } .wiki-wikia.skin-oasis.mainpage .mainpage-connect .staff .name a:hover { color: #aaa; } /**** Social ****/ .wiki-wikia.skin-oasis.mainpage .mainpage-social { background-color: #373f4a; } /**** Highlight on cover code ****/ .wiki-wikia.skin-oasis.mainpage .mainpage-box .staff li:hover, .wiki-wikia.skin-oasis.mainpage .mainpage-box .featured:hover, .wiki-wikia.skin-oasis.mainpage .mainpage-box .not-featured:hover { background: #3a4756; }

/*** Special:CreateNewWiki ***/ .wiki-wikia.page-Special_CreateNewWiki .WikiaSiteWrapper { background: #2c343d; } .wiki-wikia.page-Special_CreateNewWiki .WikiaPage, .wiki-wikia.page-Special_CreateNewWiki .WikiaPage .WikiaPageBackground { border: none; background: #2c343d; } .wiki-wikia.page-Special_CreateNewWiki #CreateNewWiki { background: #39424d; color: #d5d4d4; border-color: #616871; } .wiki-wikia.page-Special_CreateNewWiki #CreateNewWiki input, .wiki-wikia.page-Special_CreateNewWiki #CreateNewWiki .cnw-select .wds-dropdown { background: transparent; border-bottom-color: #616871; color: #d5d4d4; } .wiki-wikia.page-Special_CreateNewWiki #CreateNewWiki .cnw-select .wds-dropdown .wds-dropdown__content, .wiki-wikia.page-Special_CreateNewWiki #CreateNewWiki .cnw-select .wds-dropdown .wds-dropdown__content .spacer { background: #4d555f; color: #d5d4d4; } .wiki-wikia.page-Special_CreateNewWiki #CreateNewWiki .cnw-select .wds-dropdown .wds-dropdown__content li:not(.spacer):hover { background: #2e5d6a; color: #d5d4d4; } .wiki-wikia.page-Special_CreateNewWiki #CreateNewWiki .steps { border-bottom-color: #616871; } .wiki-wikia.page-Special_CreateNewWiki #CreateNewWiki .wikiaThrobber { background-color: transparent; } .wiki-wikia.page-Special_CreateNewWiki #CreateNewWiki .checkbox-styled input[type=checkbox]:checked + label { background: #00acac; border-color: #00acac; } .wiki-wikia.page-Special_CreateNewWiki #CreateNewWiki #DescWiki #Description { background: #3f4852; border: solid 1px #616871; color: #d5d4d4; padding: 0 5px; }

/** Portability Hub **/

/*** MediaWiki:Common.css ***/ .wiki-infobox.skin-oasis.mainpage #mw-content-text img[data-image-name^="MainPageQuote"] { filter: brightness(5.5) saturate(1.3); } .wiki-infobox.skin-oasis.mainpage .MPheading-text { color: #00b7e0; }

/** VSTF Wiki **/

/*** Wordmark cleanup (crop) ***/ .wiki-vstf.skin-oasis .wds-community-header__wordmark img { background-image: url('https://vignette.wikia.nocookie.net/vstf/images/8/89/Wiki-wordmark.png'); background-repeat: no-repeat; background-position: top left; box-sizing: border-box; padding-top: 65px; height: 65px; width: 55px; } @media only screen and (max-width: 1083px) { .wiki-vstf.skin-oasis.editor .wds-community-header__wordmark img { background-size: 138px 49px; height: 49px; padding-top: 49px; width: 41px; } }

/* Fix lightbox */ .LightboxModal .LightboxHeader, .LightboxModal .LightboxCarousel { backdrop-filter: blur(6px); } .LightboxModal .LightboxHeader { border-bottom-color: #39424d !important; } .LightboxModal .LightboxCarousel { border-top-color: #39424d !important; }

/* Fix watch disclaimer */ color: unset; }
 * 1) WikiaRail .watch-show__disclaimer-message {

/* Nord code syntax highlighting from https://github.com/sbrisard/nord_pygments, background and border override not part of generated CSS */ .mw-highlight > pre { background-color: unset; border: unset; } td.linenos .normal { color: inherit; background-color: transparent; padding-left: 5px; padding-right: 5px; } span.linenos { color: inherit; background-color: transparent; padding-left: 5px; padding-right: 5px; } td.linenos .special { color: #000000; background-color: #ffffc0; padding-left: 5px; padding-right: 5px; } span.linenos.special { color: #000000; background-color: #ffffc0; padding-left: 5px; padding-right: 5px; } .mw-highlight .hll { background-color: /*#ffffcc*/#505020 } .mw-highlight { background: #2e3440; } .mw-highlight .c { color: #616e87; font-style: italic } /* Comment */ .mw-highlight .err { color: #bf616a } /* Error */ .mw-highlight .k { color: #81a1c1; font-weight: bold } /* Keyword */ .mw-highlight .n { color: #d8dee9 } /* Name */ .mw-highlight .o { color: #81a1c1 } /* Operator */ .mw-highlight .p { color: #eceff4 } /* Punctuation */ .mw-highlight .ch { color: #616e87; font-style: italic } /* Comment.Hashbang */ .mw-highlight .cm { color: #616e87; font-style: italic } /* Comment.Multiline */ .mw-highlight .cp { color: #5e81ac; font-style: italic } /* Comment.Preproc */ .mw-highlight .cpf { color: #616e87; font-style: italic } /* Comment.PreprocFile */ .mw-highlight .c1 { color: #616e87; font-style: italic } /* Comment.Single */ .mw-highlight .cs { color: #616e87; font-style: italic } /* Comment.Special */ .mw-highlight .gd { color: #bf616a } /* Generic.Deleted */ .mw-highlight .ge { font-style: italic } /* Generic.Emph */ .mw-highlight .gr { color: #bf616a } /* Generic.Error */ .mw-highlight .gh { color: #88c0d0; font-weight: bold } /* Generic.Heading */ .mw-highlight .gi { color: #a3be8c } /* Generic.Inserted */ .mw-highlight .go { color: #d8dee9 } /* Generic.Output */ .mw-highlight .gp { color: #4c566a; font-weight: bold } /* Generic.Prompt */ .mw-highlight .gs { font-weight: bold } /* Generic.Strong */ .mw-highlight .gu { color: #88c0d0; font-weight: bold } /* Generic.Subheading */ .mw-highlight .gt { color: #bf616a } /* Generic.Traceback */ .mw-highlight .kc { color: #81a1c1; font-weight: bold } /* Keyword.Constant */ .mw-highlight .kd { color: #81a1c1; font-weight: bold } /* Keyword.Declaration */ .mw-highlight .kn { color: #81a1c1; font-weight: bold } /* Keyword.Namespace */ .mw-highlight .kp { color: #81a1c1 } /* Keyword.Pseudo */ .mw-highlight .kr { color: #81a1c1; font-weight: bold } /* Keyword.Reserved */ .mw-highlight .kt { color: #81a1c1 } /* Keyword.Type */ .mw-highlight .m { color: #b48ead } /* Literal.Number */ .mw-highlight .s { color: #a3be8c } /* Literal.String */ .mw-highlight .na { color: #8fbcbb } /* Name.Attribute */ .mw-highlight .nb { color: #81a1c1 } /* Name.Builtin */ .mw-highlight .nc { color: #8fbcbb } /* Name.Class */ .mw-highlight .no { color: #8fbcbb } /* Name.Constant */ .mw-highlight .nd { color: #d08770 } /* Name.Decorator */ .mw-highlight .ni { color: #d08770 } /* Name.Entity */ .mw-highlight .ne { color: #bf616a } /* Name.Exception */ .mw-highlight .nf { color: #88c0d0 } /* Name.Function */ .mw-highlight .nl { color: #8fbcbb } /* Name.Label */ .mw-highlight .nn { color: #8fbcbb } /* Name.Namespace */ .mw-highlight .nx { color: #d8dee9 } /* Name.Other */ .mw-highlight .py { color: #d8dee9 } /* Name.Property */ .mw-highlight .nt { color: #81a1c1 } /* Name.Tag */ .mw-highlight .nv { color: #d8dee9 } /* Name.Variable */ .mw-highlight .ow { color: #81a1c1; font-weight: bold } /* Operator.Word */ .mw-highlight .w { color: #d8dee9 } /* Text.Whitespace */ .mw-highlight .mb { color: #b48ead } /* Literal.Number.Bin */ .mw-highlight .mf { color: #b48ead } /* Literal.Number.Float */ .mw-highlight .mh { color: #b48ead } /* Literal.Number.Hex */ .mw-highlight .mi { color: #b48ead } /* Literal.Number.Integer */ .mw-highlight .mo { color: #b48ead } /* Literal.Number.Oct */ .mw-highlight .sa { color: #a3be8c } /* Literal.String.Affix */ .mw-highlight .sb { color: #a3be8c } /* Literal.String.Backtick */ .mw-highlight .sc { color: #a3be8c } /* Literal.String.Char */ .mw-highlight .dl { color: #a3be8c } /* Literal.String.Delimiter */ .mw-highlight .sd { color: #616e87 } /* Literal.String.Doc */ .mw-highlight .s2 { color: #a3be8c } /* Literal.String.Double */ .mw-highlight .se { color: #ebcb8b } /* Literal.String.Escape */ .mw-highlight .sh { color: #a3be8c } /* Literal.String.Heredoc */ .mw-highlight .si { color: #a3be8c } /* Literal.String.Interpol */ .mw-highlight .sx { color: #a3be8c } /* Literal.String.Other */ .mw-highlight .sr { color: #ebcb8b } /* Literal.String.Regex */ .mw-highlight .s1 { color: #a3be8c } /* Literal.String.Single */ .mw-highlight .ss { color: #a3be8c } /* Literal.String.Symbol */ .mw-highlight .bp { color: #81a1c1 } /* Name.Builtin.Pseudo */ .mw-highlight .fm { color: #88c0d0 } /* Name.Function.Magic */ .mw-highlight .vc { color: #d8dee9 } /* Name.Variable.Class */ .mw-highlight .vg { color: #d8dee9 } /* Name.Variable.Global */ .mw-highlight .vi { color: #d8dee9 } /* Name.Variable.Instance */ .mw-highlight .vm { color: #d8dee9 } /* Name.Variable.Magic */ .mw-highlight .il { color: #b48ead } /* Literal.Number.Integer.Long */

/* Make bubble notifications readable */ .mw-notification.mw-notification-type-error { background-color: #7b0b20 !important; } .mw-notification.mw-notification-type-warn { background-color: #797916 !important; }

/* Make CodeMirror readable */ .skin-oasis .CodeMirror { --codemirror-purple: #c34aff; } .CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #212429; }

/* DataTables dark theme styling */ body .dataTables_wrapper .dataTables_length, body .dataTables_wrapper .dataTables_filter, body .dataTables_wrapper .dataTables_info, body .dataTables_wrapper .dataTables_processing, body .dataTables_wrapper .dataTables_paginate, body .dataTables_wrapper .dataTables_filter input, body .dataTables_wrapper .dataTables_length select, body .dataTables_wrapper .dataTables_paginate .paginate_button, body .dataTables_wrapper .dataTables_paginate .paginate_button:hover { color: unset !important; } body .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, body .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, body .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { color: #989797 !important; } body table.dataTable tr.dtrg-group td { background-color: #404a57 !important; } body table.dataTable tbody tr { background-color: #4a525a !important; }

/* Theme margin line in ace editor, should be moved to Nord (along with the above Nord syntax highlighting) when/if Nord is cleaned up */ .ace_print-margin { background: #3b4252 !important; }