User:Bluedragon14/vector.css

/* Dark theme Wikipedia for desktops using the Vector (2010) theme */ /* Written by Bluedragon14 */

/* Header Setup */ .vectorMenu div.menu { background-color: #000 !important; } .vector-menu-portal h3 { color: #fff; background-image: none; } .vectorMenu h3 span { margin-top: 2px; } .vector-menu-tabs .selected { background-image: none; background-color: #000; } .vector-menu-tabs li { background-image: none; } .vector-menu-portal .vector-menu-content, .vector-menu-dropdown .vector-menu-content { padding: 0px 10px 10px 10px; border-left: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; background-color: #000; }
 * 1) p-navigation, #p-logo, #siteSub { display: none; }
 * 2) p-namespaces, .vectorTabs span { background-image: none !important; background-color: #000 !important }
 * 3) mw-head { position: fixed !important; background-color: #222; border-bottom: 1px solid #fff; }
 * 1) mw-panel div.portal h3 { margin: 0 !important; }
 * 2) mw-panel.collapsible-nav .portal h3 { padding: 0; }
 * 3) mw-panel.collapsible-nav .portal .body { margin: 4px 0 0 1px !important; }
 * 1) ca-nstab-user, #ca-nstab-main, #ca-talk, #ca-nstab-help, .vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown h3, .vectorMenu h3 { background-image: none !important; }
 * 2) ca-nstab-user a, #ca-nstab-main a, #ca-talk a, #ca-nstab-help a, { background-image: none; }

/* Links and menus on the left side of the header */ .uls-settings-trigger { position: fixed !important; top: 3px; left: 358px; }
 * 1) left-navigation { margin: -1px !important; position: fixed !important; top: -6px; left: -3px; }
 * 2) p-views { margin-top: -6px; position: fixed !important; top: 0px; left: 110px; }
 * 3) p-cactions { margin-top: -14px; position: fixed !important; top: 0px; left: 300px; }
 * 1) p-interaction, #p-tb, #p-lang, #p-coll-print_export, #p-wikibase-otherprojects { position: fixed !important; margin-top: -3px !important;top: 0px; background-image: none !important; }
 * 2) p-interaction { left: 357px; }
 * 3) p-tb { left: 443px; }
 * 4) p-lang { left: 491px; }
 * 5) p-coll-print_export { left: 579px; }
 * 6) p-wikibase-otherprojects { left: 671px; }
 * 7) p-personal { top: 30px; left: -165px; width: 913px; }

/* Search on the right side of the header */ .vector-search-box-input { background-color: #333; color: #333; border-radius: 0px; }
 * 1) right-navigation { margin-right: -10px; margin-top: 20px; } /* Use this to adjust the size of the header */
 * 2) searchInput { margin-top: -1px !important; }
 * 3) p-search input { font-size: 16px !important; }
 * 4) simpleSearch { width: 500px !important; max-width: 500px !important; top: -14px; }

/* Main Body */ span#coordinates { top: -50px; } .mw-mmv-above-fold, .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected, .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { background: #111 !important; } .mw-mmv-image-metadata { background: #181818 !important; border-top: solid #181818 !important; } p, h1#firstHeading, .mw-body-content h2, .mw-body-content h3, .mw-body-content h4, .mw-body-content h5, .mw-body-content h6, li, #siteSub, .hatnote, .mw-usercssjspublic, .tocnumber, table caption, .mw-editsection-bracket, .thumbcaption, #contentSub, dl, a.mw-mmv-stripe-button, #right-navigation h3 span, .templatequotecite, table span.org, .longitude, .latitude, .nolinkstoimage, .mw-imagepage-section-metadata, .fileInfo, .mw-filepage-resolutioninfo, .linkstoimage, .mw-userconfigpublic, label, legend, .oo-ui-fieldLayout-header > .oo-ui-labelElement-label, span.geo-dec, #p-search input, .mw-body, .parsoid-body, span.oo-ui-labelElement-label, .suggestions-result, suggestions-special, .suggestions-special .special-label, .suggestions-special .special-query{ color: #fff !important; }
 * 1) content.mw-body { background: #111 !important; border: solid #111 !important; margin-left: 0px; margin-top: -42px; }
 * 2) footer { margin-left: 0px !important; }
 * toc, #footer, .thumbinner, .referencetooltip li, .mwe-popups, .editOptions, body, .thumb.tright, .suggestions-result, .suggestions-special { background: #333 !important; }
 * 1) brownbox, #pagehistory li.selected, .flaggedrevs-color-1, div.flaggedrevs_notice, .mw-message-box-warning, .warningbox, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .oo-ui-menuSelectWidget, .oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button { background: #333 !important; border: #333 !important; }
 * toc, .thumbinner, .referencetooltip li, .editOptions, .thumb.tright { border: solid #333 !important; }

/* Color Inversions */ .mwe-math-fallback-image-inline, .RTsettings, .mw-ui-icon-popups-settings, .mw-echo-notifications-badge, .searchButton[name="go"], #p-lang .uls-settings-trigger, .oo-ui-icon-expand, .mw-ui-icon-expand::before, .oo-ui-icon-collapse, .mw-ui-icon-collapse::before, .oo-ui-indicator-down { filter: invert(1); } table .mwe-math-fallback-image-inline { filter: invert(0); }

/* Links */ a { color: #3299ff !important; } a:visited { color: #bf7fff !important; }

/* Undoing dark mode changes, setting fonts back to black */ .navbox li, table li, table dt, table dl, table b, table p, table td, table span, table th, blockquote li, .pullquote p, table span.fn.org, label.oo-ui-widget, .oo-ui-labelElement-label, .mwe-popups-container p, .mwe-popups-container b, figcaption { color: #111 !important; }
 * 1) usercsspreview, #usercssjsyoucanpreview, table, table#toc { background: #fff !important; }
 * 2) mw-editform-cancel { background: #F8F9FA !important; }

/* Text size & font */ h1#firstHeading, .mw-body-content h2 { font-family: "Segoe UI"; } div#bodyContent, .infobox { line-height: 1.2; } h1 { font-size: 34px !important; } h2 { font-size: 28px !important; } .mw-mmv-title, h3 { font-size: 24px !important; } p, h4, h5, h6, .vectorMenu h3, #p-cactions h3, #mw-panel { font-size: 18px !important; } sup { font-size: 12px !important; }
 * 1) toc h2 { font-weight: normal !important; }
 * toc, .mw-parser-output .sidebar, table.infobox, table, .thumbcaption, .mw-parser-output .navbox, .rt-tooltip, div#catlinks { font-size: 16px !important; }
 * 1) mw-panel h3, .referencetooltip li, .vector-user-menu-legacy li { font-size: 13px !important; }

/* Random */ .mwe-popups-extract::after { background-image: none !important; }