MediaWiki:Blackspace.css
Jump to navigation
Jump to search
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* ======== */ /* SKINNING */ /* ======== */ @keyframes slide { 0%{ background-position: 0px 0px; } 100%{ background-position: -679px 0px; } } /* scrolling top bg - Width/6 = A, A/2 = B, Width/B = 12 */ #mw-page-base { background: url(images/6/68/SkinBSP_Background.png) 0% 0% repeat; image-rendering: crisp-edges; animation: slide 56.5833333333s linear infinite; } /* replace logo with hq logo because we're epic */ .mw-wiki-logo { background-image: url(https://cdn.discordapp.com/attachments/637648816341778432/949464689878892584/logobs.png) !important; } .logo-text { background-image: url(https://cdn.discordapp.com/attachments/637648816341778432/949464689572716614/logo2bs.png) !important; } /* logo bg */ #p-logo { background: url(https://cdn.discordapp.com/attachments/637648816341778432/949465375064596550/bstop.png) repeat-y #000000 !important; } /* main content bg and borders */ #content { background: url(https://cdn.discordapp.com/attachments/637648816341778432/949464690268983306/SkinBS_Content.png) repeat-x #1F1D1B !important; } /* sidebar background */ body { background: url(https://cdn.discordapp.com/attachments/637648816341778432/949465374628393030/bsside.png) repeat-y #000000 !important; } /* sidebar custom color */ ul.vector-menu-content-list li a { color: #FFFFFF !important; } /* sidebar separator */ h3#p-tb-label { background-image: url(https://cdn.discordapp.com/attachments/637648816341778432/949464690566791188/SkinBS_Separator.png) !important; } /* font and whatnot */ nav.vectorTabs ul li * { color: #EDECEB !important; font-family: "OMORI_GAME2" !important; } /* bright on hover */ nav.vectorTabs ul li:hover * { color: #ffffff !important; } /* UNSELECTED TAB */ /* tab positioning and left */ nav.vectorTabs ul li { background-image: url(images/5/5a/SkinDefault_TabOffLeft.png) !important; } /* center */ nav.vectorTabs ul li:before { background-image: url(images/0/04/SkinDefault_TabOffCenter.png) !important; } /* tab positioning and right */ nav.vectorTabs ul li a { background-image: url(images/3/31/SkinDefault_TabOffRight.png) !important; } /* UNCREATED TAB */ /* left */ nav.vectorTabs ul li.new { background-image: url(images/8/82/SkinDefault_TabNewLeft.png) !important; } /* center */ nav.vectorTabs ul li.new:before { background-image: url(images/3/3a/SkinDefault_TabNewCenter.png) !important; } /* right */ nav.vectorTabs ul li.new a { background-image: url(images/d/de/SkinDefault_TabNewRight.png) !important; } /* SELECTED TAB */ /* left */ nav.vectorTabs ul li.selected { background-image: url(https://cdn.discordapp.com/attachments/637648816341778432/949464691028131910/SkinBS_TabOnLeft.png) !important; } /* center */ nav.vectorTabs ul li.selected:before { background-image: url(https://cdn.discordapp.com/attachments/637648816341778432/949464690768089108/SkinBS_TabOnCenter.png) !important; } /* right */ nav.vectorTabs ul li.selected a { background-image: url(https://cdn.discordapp.com/attachments/637648816341778432/949464691233673296/SkinBS_TabOnRight.png) !important; } /* disable text coloring for selected tabs */ nav.vectorTabs ul li.selected * { color: #FFFFFF !important; } /* force text coloring for uncreated tabs */ nav.vectorTabs ul li.selected.new * { color: #733c17 !important; } /* MORE TAB */ /* left */ nav.vectorMenu { background-image: url(images/5/5a/SkinDefault_TabOffLeft.png) !important; } /* center */ h3#p-cactions-label::before { background-image: url(images/0/04/SkinDefault_TabOffCenter.png) !important; } /* right - this is really hacky and will break in an update guaranteed */ nav#p-cactions.vector-menu.vector-menu-dropdown.vectorMenu::after { background-image: url(images/3/31/SkinDefault_TabOffRight.png) !important; } /* more tab font */ nav.vectorMenu h3 span { color: #EDECEB; font-family: 'OMORI_GAME2'; } /* replace default more down arrow */ h3#p-cactions-label:after { background-image: url(images/7/7c/SkinDefault_MoreArrow.png) !important; } /* more dropdown menu bg */ nav.vectorMenu ul { background-image: url(images/3/33/SkinDefault_MoreDropdown.png) !important; background-color: #676562 !important; } /* more dropdown color forcing */ nav#p-cactions.vector-menu.vector-menu-dropdown.vectorMenu ul li a { color: #EDECEB !important; } /* SEARCH TAB */ /* left */ #p-search { background-image: url(images/5/5a/SkinDefault_TabOffLeft.png) !important; } /* center */ #p-search form#searchform { background-image: url(images/0/04/SkinDefault_TabOffCenter.png) !important; } /* right */ #p-search::after { background-image: url(images/3/31/SkinDefault_TabOffRight.png) !important; } /* search input */ #searchInput { background: #666361 !important; color: #FFFFFF !important; } /* search input placeholder color */ #searchInput::placeholder { color: #C7C6C5 !important; } /* search button */ #searchButton { background-image: url(images/1/17/SkinDefault_ButtonSearch.png) !important; } /* external link colors */ .mw-parser-output a.external { color: #308EFF; } .mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited { color: #2A5DE0; } /* ======== */ /* COLORING */ /* ======== */ /* generic colors */ .theme-generic-light { background: #260700; color: #FFFFFF; } .theme-generic-dark { background: #4C0E00; color: #FFFFFF; } .theme-generic-darkest { background: #821700; color: #FFFFFF; } .theme-generic-border { border: 1px solid #821700 !important; } .theme-generic-border-bottom { border-bottom: 1px solid #821700 !important; } /* ambox divider */ table.ambox-divider,td.ambox-divider { border-left: 10px solid #821700; } /* ================================================================================================ */ /* !!! DARK MODE ONLY - NOTE: SOME THINGS MAY BE MERGED INTO OTHER SECTIONS FOR SPACE REDUCTION !!! */ /* ================================================================================================ */ /* ============ */ /* TEXT RELATED */ /* ============ */ /* all sorts of text to make white */ h1, h2, h3, h4, h5, h6, p, .mw-body, .parsoid-body, .mw-footer li, .messagebox, .errorbox, .warningbox, .successbox, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button, .oo-ui-labelElement .oo-ui-labelElement-label, .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget, .tocnumber, .wikiEditor-ui-toolbar .tabs span.tab a.current, .wikiEditor-ui-toolbar .tabs span.tab a.current:visited, .wikiEditor-ui-toolbar .group .tool-select .options .option, .wikitable { color: #FFFFFF; } /* header separator */ h1, h2 { border-bottom: 1px solid #555555; } /* sidebar header */ .portal h3, .vector-menu-portal h3, .wikiEditor-ui-toolbar .group .label { color: #ABA6A2 !important; } /* lighter link colors */ a, .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .booklet > .index > .current { color: #308EFF; } a:visited { color: #2A5DE0; } /* pre */ pre, code, .mw-code, .wikiEditor-ui-toolbar .page-characters div span { background-color: #0E0D0C; border: 1px solid #282828; color: #FFFFFF; } /* ============== */ /* EDITOR RELATED */ /* ============== */ /* editor border */ .wikiEditor-ui .wikiEditor-ui-view { border: 1px solid #333333; } /* editor toolbar bg */ .wikiEditor-ui-toolbar { background-color: #060606; } /* editor toolbar border */ .wikiEditor-ui .wikiEditor-ui-top { border-bottom: 1px solid #333333; } /* editor toolbar button separators */ .wikiEditor-ui-toolbar .group { border-color: #333333; } /* invert color of vector icons */ .ace-tm, .oo-ui-iconElement-icon, .oo-ui-indicatorElement-indicator, .wikiEditor-ui-toolbar .tabs span.tab a::before, .wikiEditor-ui-toolbar .group .tool-select .label::after, .ui-icon { filter: invert(1); } /* invert has to be done for a few choice things */ .oo-ui-icon-markup, .oo-ui-icon-check, .oo-ui-icon-reload, .oo-ui-buttonWidget.oo-ui-popupButtonWidget .oo-ui-buttonElement-button > .mw-rcfilters-ui-filterItemHighlightButton-circle, .oo-ui-icon-check { filter: invert(0); } /* bg for checkboxes such as "this is a minor edit" */ .oo-ui-checkboxInputWidget [type="checkbox"] + span, .wikiEditor-ui-toolbar .booklet > .index > div { background-color: #000000; } /* advanced toolbar border */ .wikiEditor-ui-toolbar .sections .section { border-top: 1px solid #333333; } /* editor tool popup ui */ .ui-widget-content { background: #000000; color: #FFFFFF; border: 1px solid #555555; } /* editor tool popup header */ .ui-widget-header { background: #1C1C1C; color: #FFFFFF; border: 1px solid #555555; } /* editor tool popup separator */ .wikiEditor-toolbar-dialog .ui-dialog-buttonpane { border-top: 1px solid #555555 !important; } /* editor tool popup buttons */ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: #1C1C1C; color: #FFFFFF; border: 1px solid #555555; } /* editor tool popup button hover */ .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background: #3F3F3F !important; border: 1px solid #555555; } /* special character + help hover */ .wikiEditor-ui-toolbar .page-characters div span:hover { background-color: #3F3F3F; border-color: #282828; } /* help table */ .wikiEditor-ui-toolbar .page-table td { color: #FFFFFF; border-top: 1px solid #333333; } /* main text editor */ textarea { background-color: #000000; color: #FFFFFF; border: 1px solid #333333; } /* editor footer (summary and whatnot) */ .editOptions { background-color: #131313; color: #FFFFFF; border: 1px solid #333333; border-top: 0; } /* summary textbox among other things */ .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-tagItemWidget, .oo-ui-menuSelectWidget, .oo-ui-popupWidget-popup, .mw-widget-dateInputWidget-handle { background-color: #000000 !important; color: #FFFFFF !important; border: 1px solid #575757 !important; } /* editor footer buttons - note this leaks out into other buttons */ .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button, .mw-ui-button { background-color: #070605; color: #FFFFFF; border-color: #575757; } /* editor footer button hover */ .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .mw-ui-button:not(:disabled):hover { background-color: #3F3F3F; color: #FFFFFF; border-color: #575757; } /* ================== */ /* ACE EDITOR RELATED */ /* ================== */ /* warning bar */ .codeEditor-status { background-color: #060606; border-top: 1px solid #333333; } /* warning bar separators */ .codeEditor-status-message { border-left: 1px solid #333333; border-right: 1px solid #333333; } /* ================== */ /* EDITNOTICE RELATED */ /* ================== */ /* generic editnotices */ div.mw-warning-with-logexcerpt, div.mw-lag-warn-high, div.mw-cascadeprotectedwarning, div.mw-newarticletext, div#mw-protect-cascadeon, .fmbox { background-color: #060606; border: 1px solid #333333; } /* preview warning */ .warningbox { background-color: #080808; border-color: #353535; } /* blue */ .editnoticeblue { background-color: #232938 !important; border: 1px solid #57668E !important; } /* red */ .editnoticered { background-color: #462C2C !important; border: 1px solid #9E6565 !important; } /* ====================== */ /* RECENT CHANGES RELATED */ /* ====================== */ /* active filters bar top */ .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background-color: #060606; border: 1px solid #575757; border-bottom: 0; } /* active filters bar bottom right */ .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget, .toc, .toccolours, .catlinks, li.gallerybox div.thumb, #filetoc { background-color: #060606; border: 1px solid #575757; } /* main filter widget header */ .mw-rcfilters-ui-filterMenuHeaderWidget-header { background-color: #060606; border-bottom: 1px solid #333333; } /* main filter widget subheader */ .mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: #131313; } /* main filter widget separators */ .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { border-bottom: 1px solid #131313; } /* namespace filter widget separators */ .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces { border-top: 4px solid #131313; } /* main filter widget selected */ .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected), .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover, .wikiEditor-ui-toolbar .booklet > .index > :hover, .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected { background-color: #0D0D0D !important; } /* main filter widget hover */ .mw-rcfilters-ui-itemMenuOptionWidget:hover, .wikiEditor-ui-toolbar .booklet > .index > .current, ol.references li:target, sup.reference:target, .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { background-color: #3F3F3F !important; } /* main filter widget description text */ .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: #A2A2A2 !important; } /* main filter widget footer */ .mw-rcfilters-ui-filterMenuSectionOptionWidget, .mw-rcfilters-ui-menuSelectWidget-footer { background-color: #131313; border-top: 1px solid #333333; } /* list of abbreviations */ .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .mw-changeslist-legend, .wikiEditor-ui-toolbar .group .tool-select .options { background-color: #000000; border: 1px solid #333333; } /* new changes separator */ .mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator { border-top: 2px solid #333333; } /* highlight blue */ .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1, .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1 tr:first-child, .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)), .diff-addedline .diffchange { background-color: #2E3440; } /* highlight green */ .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c2, .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c2 tr:first-child, .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #263D38; } /* highlight yellow */ .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c3, .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c3 tr:first-child, .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)), .diff-deletedline .diffchange { background-color: #403C28; } /* highlight orange */ .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c4, .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c4 tr:first-child, .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #403329; } /* highlight red */ .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c5, .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c5 tr:first-child, .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #402E2E; } /* ================= */ /* WIKITABLE RELATED */ /* ================= */ /* wikitable body */ .wikitable { background-color: #060606; color: #FFFFFF; border: 1px solid #575757; } /* wikitable header */ .wikitable > tr > th, .wikitable > * > tr > th { background-color: #131313; } /* wikitable inner borders */ .wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td { border: 1px solid #575757; } /* groan! sigh! really awful workaround for wikitable sorting icons! */ .client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable), .jquery-tablesorter th.headerSort { background-image: url(/static/resources/src/jquery.tablesorter.styles/images/sort_both_white.svg?0e440); } .jquery-tablesorter th.headerSortUp { background-image: url(/static/resources/src/jquery.tablesorter.styles/images/sort_up_white.svg?2ff5c); } .jquery-tablesorter th.headerSortDown { background-image: url(/static/resources/src/jquery.tablesorter.styles/images/sort_down_white.svg?4b69e); } /* ==================== */ /* VIEW HISTORY RELATED */ /* ==================== */ /* view history selections */ #pagehistory li.selected { background-color: #3F3F3F; color: #FFF; outline: 1px dashed #555; } /* diff main */ .diff-context { background: #000000; color: #FFFFFF; border-color: #555555; } /* =================== */ /* FILE UPLOAD RELATED */ /* =================== */ /* file upload name */ input#wpDestFile { background-color: #000000; color: #FFFFFF; border: 2px solid #555555; } /* file upload license */ select#wpLicense { background-color: #000000; color: #FFFFFF; border: 2px solid #555555; }