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; } /* ================================================================================================ */ /* !!! 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 .group .label, .wikiEditor-ui-toolbar .tabs span.tab a.current, .wikiEditor-ui-toolbar .tabs span.tab a.current:visited { color: #FFFFFF !important; } /* sidebar header */ .portal h3, .vector-menu-portal h3 { color: #ABA6A2; } /* lighter link colors */ a, .wikiEditor-ui-toolbar .tabs span.tab a { 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 { 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 { background-color: #000000; } /* main text editor */ textarea { background-color: #000000; color: #FFFFFF; } /* 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 { 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 { 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 { 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; } /* ====================== */ /* 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 { 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) { background-color: #0D0D0D !important; } /* main filter widget hover */ .mw-rcfilters-ui-itemMenuOptionWidget:hover { 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 { background-color: #000000; border: 1px solid #333333; } /* new changes separator */ .mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator { border-top: 2px solid #333333; }