X-Git-Url: https://git.rmz.io/dotfiles.git/blobdiff_plain/2db2f5981d56203b96be55486b3b7e4a0b70df80..d4b51f09d83f75a663c5711af77e0e6da40764a9:/dwb/userstyles/stackoverflow.com.css?ds=inline diff --git a/dwb/userstyles/stackoverflow.com.css b/dwb/userstyles/stackoverflow.com.css index 6ac2b91..0ecb7c3 100644 --- a/dwb/userstyles/stackoverflow.com.css +++ b/dwb/userstyles/stackoverflow.com.css @@ -1,285 +1,833 @@ -@namespace url(http://www.w3.org/1999/xhtml); + /*************************************************************** + StackOverflow Dark v2.8.10 (10/18/2015) + https://github.com/StylishThemes/StackOverflow-Dark + http://userstyles.org/styles/35345 -/*************************************************************** -Stackoverflow Dark v2.5 (1/13/2014) -https://github.com/StylishThemes/Stackoverflow-Dark -http://userstyles.org/styles/35345 + ** Will apply to almost all StackExchange Sites ** + Except: + * Area 51 (area51.stackexchange.com) + * Gaming (gaming.stackexchange.com) + * Rope Playing Games (rpg.stackexchange.com) -previous version information contained at the userstlyes site + ** Please open an issue to report sites where the style breaks ** + https://github.com/StylishThemes/StackOverflow-Dark/issues + + previous version information contained at the userstyles site ****************************************************************/ -* { + * { border-color: #444 !important; text-shadow: none !important; box-shadow: none !important; -} + } -body { - background: #191919 url(/*[[bg-url]]*/) repeat !important; -} + body { + background-color: #191919 !important; + background-image: /*[[bg-choice]]*/ url() !important; + background-clip: border-box !important; + background-origin: padding-box !important; + background-attachment: /*[[bg-attachment]]*/ fixed !important; + /*[[bg-options]]*/ + } + + /* custom code font */ + pre.prettyprint { + font-family: "/*[[font-choice]]*/", Monaco, Consolas, "Liberation Mono", Menlo, Courier, monospace !important; + } + + /* === custom color === */ + a, .profile-popup a, .seWrapper a, .post-tag, .comments-link, .tag-synonym-link, .gs-title b { + color: /*[[base-color]]*/ #008080 !important; + } + + .nav .primarynav li a:hover, .message.message-config .actions .button, .btn-careers:hover, + .btn-careers:visited { + color: #fff !important; + background: /*[[base-color]]*/ #008080 !important; + } + + .post-tag:hover, .comments-link:hover, .summary .post-tag:hover , .commentslink, .bounty-indicator, + .bounty-indicator-tab, .bounty-award, span.bounty-indicator-tab, #change-picture, .top-badge, + .supernovabg, .hotbg, .nav li.youarehere a, .nav a:hover, a.button:hover, .edit-count, .pager a:hover span { + background-color: /*[[base-color]]*/ #008080 !important; + color: #eee !important; + } + + /* === text selection === */ + ::selection { + background: /*[[base-color]]*/ #008080 !important; + color: #fff !important; + } + ::-moz-selection { + background: /*[[base-color]]*/ #008080 !important; + color: #fff !important; + } + + /* === input focus hightlight === */ + input:focus, textarea:focus { + border-color: /*[[base-color]]*/ #008080 !important; + box-shadow: inset 0 1px 2px rgba(0,0,0,0.075), 0 0 2px /*[[base-color]]*/ #008080 !important; + outline-color: transparent !important; + } + .tag-editor input:focus, .previous-button, .next-button { + border: 0 !important; + box-shadow: none !important; + } -div.hireme, div#hireme { + /* === hidden === */ + div.hireme, div#hireme, .next-answer-hook-container { display: none !important; -} + } + + /* === background color === */ + /* from darkest to lightest grey */ + .search-container input[type=text] { + background-color: #000 !important; + } + .popup-badges .all-badge-progress .completed:before, .previous-button, .next-button { + background-color: rgba(0,0,0,0.4) !important; + } + + #custom-header, .review-bar, .diff-choices a.selected, #header #topbar, td.owner, a.owner, .question-status, + .profile-popup, .profile-popup div, .profile-popup th, .profile-popup td, #global, .actual-edit-overlay, + input:not([type='submit']), textarea, #search input, .tag-editor { + background-color: #111 !important; + color: #ddd !important; + } -/*** background color ***/ -#custom-header, .review-bar, .diff-choices a.selected, #header #topbar, td.owner, a.owner, .question-status, -.profile-popup, .profile-popup div, .profile-popup th, .profile-popup td { - background: #111 !important; -} + .summary .post-tag, .onebox, .profile-ad, .message.message-config { + background: #151515 !important; + } -blockquote, #post-preview, .nav .primarynav li a, #container, #hsearch .textbox, .form-item, -#wmd-button-bar, .qa-block, .content-block, .user-info-rep { + html, blockquote, #post-preview, .nav .primarynav li a, #chat, #hsearch .textbox, .form-item, .grippie, + .welovestackoverflow, #wmd-button-bar, .wmd-button-bar, .qa-block, .content-block, .user-info-rep, .sidebar, + .popup, #footer { background: #191919 none !important -} + } -.authcomment, .seIntro, .seFooter { + .authcomment, .seIntro, .seFooter { background-color: #191919 !important; border: 2px solid #262626 !important; -} + } -.ad502-room, .messages, .messages,.topbar-dialog .unread-item { - background-color: #232323 !important; - border: 1px solid #191919 !important; -} + #tabs a { + border: 1px solid transparent !important; + padding: 2px 6px 4px 6px !important; + } -#tabs a.youarehere { - border: 1px solid #666666 !important; - border-bottom: 1px solid #191919 !important; + #tabs a.youarehere, .tabs a.youarehere, .tag-suggestions { background: #191919 !important; -} + border: 1px solid #444 !important; + } + .tabs a.youarehere { + border-bottom: 0 !important; + } -#user-about-me, .user-about-me, .mine .messages { + #user-about-me, .user-about-me, .mine .messages, .avatar-card, .tag-container { background: #191919 !important; - border: 0px !important; + border: 0 !important; color: #C1BEBA !important; -} + } -input, textarea, #search input, .topbar-dialog .header, .topbar-dialog .modal-content li:hover, .share-tip { - background: #222 !important; + .topbar-dialog, .topbar-dialog .header, .share-tip, #input-area, .messages, + #tag-menu, .sidebar h3, #overlay-header, .action-list .action-selected, .switcher-nudge-lightbox, + .user-rep-chart-summary-tooltip:hover, .current-site-container, #or { + background-color: #222 !important; color: #ddd !important; -} + } -.profile-popup, .profile-popup tr, .profile-popup th, .profile-gravatar, .newuser, -.seWrapper { + .profile-popup, .profile-popup tr, .profile-popup th, .profile-gravatar, .newuser, .roomcard, + .seWrapper, h2.index.header, .privilege-table-row:hover, .list-originals .item.hover, + .list-originals .body-summary, .review-instructions-reason, .room-mini, #formContainer, #switch, + .login-topbar, .newsletter-category, .newsletter-item, .blogcontainer { background-color: #222 !important; border-color: #555 !important; color: #ddd !important; -} + } -.answer, #system-message, .commentlist, .revision td, #hero-content, .mdhelp-tabs .selected { - background: #232323 !important; - color: #999 !important; -} + #header #topbar, .revision-comment, .date-span, .post-tag, .form-submit input, .preferred-login, + .mdhelp, .wmd-help-button.active-help, .date_brick, .more-info { + background: #222 !important; + color: #ddd !important; + -webkit-border-radius: 3px !important; + border-radius: 3px !important; + } + .calendar, .calendar-small, .mspark .mspbar, #promo-box { + background: #222 !important; + } -.summary .post-tag, .rep-recent-row, .bounty, .diff-choices a:hover, div.meter, .narrow .votes, .stats { + .ad502-room, .message.message-config .actions, .tag-container .col, .congrats { + background-color: #232323 !important; + border: 1px solid #191919 !important; + } + + .rep-recent-row, .bounty, .diff-choices a:hover, div.meter, .narrow .votes, .ob-post-votes, .card, + .congrats { background-color: #232323 !important; color: #bbb !important; -} + } + + .answer, #system-message, .commentlist, .revision td, #hero-content, .mdhelp-tabs .selected, .tabs .selected, + .rep-card .rep-col { + background: #232323 !important; + color: #999 !important; + } + + .container { + background-image: none !important; + } -.tagged-interesting, .tagged-interesting .views, .highlight-row { + .tagged-interesting, .tagged-interesting .views, .highlight-row, .highlighted, .card.rep-card .graph, + .popup-badges .badge-progress:hover:not(.completed), #newsletter-ad { background-color: #242424 !important; background-image: none !important; -} + } -.welovestackoverflow, #header #topbar, .revision-comment, .date-span, .post-tag, -.form-submit input, .preferred-login, .mdhelp, .wmd-help-button.active-help, .date_brick { - background: #333 !important; - color: #ddd !important; - -webkit-border-radius: 3px !important; - border-radius: 3px !important; -} + #newsletter-ad { + padding: 10px !important; + } + #newsletter-ad:before { + content: 'Love this site?'; + font-size: 18px !important; + } -.nav li, .seNav, .topbar a.topbar-icon-on, .topbar a.topbar-icon-on:hover, .topbar-dialog, .owner, -#footer, .module li.current, .seCurrent, .community-bulletin { + .youarehere { background: #333 !important; -} - -.owner-answer, .question-status, #input-area, .notification, #feed-ticker, #top-menu { + color: #ccc !important; + } + + .nav li, .seNav, .topbar a.topbar-icon-on, .topbar a.topbar-icon-on:hover, .owner, .nav a, + .module li.current, .seCurrent, .community-bulletin, .owner-revision td, .markdown-diff .skip, + #footer .container, .body-diffs .skip, .newsletter-anon, .tag-suggestions>div:hover, + .topbar-dialog .modal-content li:hover, .timestamp:hover+div.message .meta, div.message:hover .meta, + #side-menu ul li a:hover, .conversation-info, .message.reply-parent, .message.reply-child, + .sidebar-element .list li .rep-and-badges, .congrats .actions, .newsletters-toggle { + background-color: #333 !important; + } + + .owner-answer, .question-status, .notification, #feed-ticker, #top-menu, .vote-revision td, + .topbar-dialog .unread-item, .privileges-wrapper .stroke, .progress-bar .bar { background: #404040 !important; -} + } -tr.comment:hover, .reply-parent, .timestamp, .roomcard, .usercard, .page-numbers.current, -.comment-help, .answer-help-background, .mdhelp-tabs, .hi, .seNavLinks a:hover, -.seNavLinks a:focus, .itemBoxNew { + tr.comment:hover, .reply-parent, .timestamp, .usercard, .page-numbers.current, + .comment-help, .answer-help-background, .mdhelp-tabs, .tabs li, .hi, .seNavLinks a:hover, + .seNavLinks a:focus, .itemBoxNew { background-color: #444 !important; color: #ddd !important; -} + } -#post-text-container div span { + #post-text-container div span { background: #c1beba !important -} - -/* Brown(ish) */ -.supernovabg, .hotbg, .nav .youarehere, .nav li:hover { - background-color: #d80 !important; -} - -.new-post-activity, #new-answer-activity { - background-color: #840 !important; -} - -/* Blue */ -.nav .primarynav li a:hover { - color: #fff !important; - background: #f90 !important; -} - -.post-tag, .comments-link, .tag-synonym-link { - background-color: #444 !important; - color: #5588aa !important; - margin: 2px !important; - padding: 3px !important; - text-decoration: none !important; - font-size: 80% !important; - line-height: 2.2 !important; - white-space: nowrap !important -} - -.post-tag:hover, .comments-link:hover, .summary .post-tag:hover , .commentslink, .bounty-indicator, -.bounty-indicator-tab, .bounty-award { - background-color: #3e6d8e !important; - color: #e0eaf1 !important; - text-decoration: none !important -} - -/* Green */ -.answered, .answer-votes { + } + + .sidebar-element .list li .rep-and-badges:before { + background: linear-gradient(270deg, #333, rgba(51,51,51,0)); + } + + /* === Brown(ish) === */ + .new-post-activity, #new-answer-activity, .val-info, .highlight { + background-color: #321 !important; + } + + /* chat room buttons */ + a.button { + background: #840 !important; + color: #eee !important; + } + + /* === Green === */ + .accepted-answer, .suggested-edit .inserted, .markdown-diff .inserted, .rep-increase, .progress-bar .percent, + .recommended, .vote.accepted, .suggested-edit .inserted>div { + background: #232 !important; + } + + span.diff-add { + background: #3F4E1D !important; + color: #92CC09 !important; + } + + /* accepted answer code blocks */ + .accepted-answer pre, .accepted-answer code, .accepted-answer pre.prettyprint, + .accepted-answer .prettyprint .pln, .accepted-answer .youarehere, .accepted-answer pre:not(.prettyprint) { + background: #202A20 !important; + } + + .answered, .answer-votes, .answered .vote-count-post { background: #232323 !important; - color: #75845c !important -} - -.answered strong { - color: #75845c !important -} + color: #4b553c !important + } -.answered-accepted { - background: #75845c !important; + .answered-accepted, .answered-accepted strong, .rep-up.bounty-indicator-tab, .user-rep-chart-summary-bar, + .special-rep { + background: #4b553c !important; color: #fff !important -} + } -.accepted-answer, .suggested-edit .inserted { - background: #224422 !important; -} + .answered strong { + color: #4b553c !important + } -/* Red */ -.deleted-answer, .suggested-edit .deleted { + /* === Red === */ + .deleted-answer, .suggested-edit .deleted, .markdown-diff .deleted, .suggested-edit .deleted>div { background-color: #200 !important; -} + } + span.diff-delete { + background-color: #400f00 !important; + color: #ff4a15 !important; + } -a.moderator-tag { + a.moderator-tag { background-color: #400 !important; -} + } -a.moderator-tag:hover { + a.moderator-tag:hover { background-color: #600 !important; -} + } -/* Transparent background */ -div.message .meta, .spaces, .comment, span.feed-icon { + /* === Transparent background === */ + div.message .meta, .spaces, .comment, span.feed-icon, a.role-switch, .nav.careers li, .nav.careers li:hover, + .switcher-nudge-content p, #content, #tabs a, .tabs a, #chat .username, #chat .messages, .tag-container, + .prettyprint code, .lv-info, .lv-stats-wrapper, .lv-stats-wrapper .number, .container, .bottom-notice, + #question-header, .question-form .form-item, .post-menu>a:hover, a.comments-link:hover, #main-content { background-color: transparent !important; -} + } -#tabs a:hover { - background-color: transparent !important; + #tabs a:hover { + background-color: #191919 !important; border: 1px solid #666666 !important; - border-bottom: 1px solid #191919 !important; -} + } -/*** Dark border ***/ -a.required-tag { - border-color: #333 !important; -} + .highcharts-container rect[fill="#FFFFFF"], rect[fill="rgb(255, 255, 255)"] { + fill: transparent !important; + } -/*** Text Color ***/ -.comment, #top-menu a, .subheader a, .reputation a, .reputation-score { - color: #aaa !important; -} + /* === Dark border === */ + .body-diffs table * { + border-color: #111 !important; + } -.user-details td, .content-page, h2, h2 a, .profile-popup a:hover, .module h4, .page-description, -#openid_identifier, .form-item label { - color: #c1beba !important -} + a.required-tag, .welovestackoverflow, .question-summary, .subheader { + border-color: #333 !important; + } + + .message .message-tip-top-right:before, .message .message-tip-top-left:before { + border-bottom-color: #191919 !important; + } + + .left-arrow { + border-right-color: rgba(119,119,119,0.4) !important; + } + .previous-button:hover .left-arrow { + border-right-color: #c0c0c0 !important; + } + .right-arrow { + border-left-color: rgba(119,119,119,0.4) !important; + } + .next-button:hover .right-arrow { + border-left-color: #c0c0c0 !important; + } + + /* === No/hide border === */ + div.list > div { + border-right: 0 !important; + } + .module, .tabs a, div.message { + border-color: transparent !important; + } + .left-arrow, .right-arrow { + border-bottom-color: transparent !important; + border-top-color: transparent !important; + } + div.message:hover, .timestamp:hover + div.message { + visibility: inherit; + border: 1px dotted #333; + } + + /* blue label count */ + .bounty-indicator-tab, .hero.profile { + background: #046 !important; + color: #ccc !important; + } -div, .accepted-answer .post-text, .accepted-answer .user-action-time, #question-header a, -.post-text, .user-info, .topbar-dialog .header h3, .topbar-dialog .header h3 a, .topbar-dialog span, -.search-result .answered .vote-count-post strong { + /* === Text Color === */ + div, input, .accepted-answer .post-text, .accepted-answer .user-action-time, #question-header a, + .post-text, .user-info, .topbar-dialog .header h3, .topbar-dialog .header h3 a, .topbar-dialog span, + .search-result .answered .vote-count-post strong, .votes-cast-stats th, .subheader h1, .vote.accepted, + .message.message-config h1, .message.message-config h2, .message.message-config h3, .message.message-config h4 { color: #ddd !important; -} + } -.answered-accepted strong, .youarehere, .nav .primarynav li a { - color: #fff !important -} + /* placeholder */ + ::-webkit-input-placeholder { + color: #ddd !important; + } + ::-moz-placeholder { + color: #ddd !important; + } -/* Light Blue */ -.profile-popup a, .seWrapper a { - color: #4a6b82 !important -} + .user-details td, .content-page, h2, h2 a, .profile-popup a:hover, .module h4, .page-description, + #openid_identifier, .form-item label, .subheader h2 { + color: #c1beba !important + } + .comment, #top-menu a, .subheader a, .reputation a, .reputation-score, .relativetime.old, + .votes-cast-stats td, .mini-counts span, #chat .system-message, .card .rep, a.badge, a.badge-tag, + .user-card .user-stats .number, .user-card .user-card-name { + color: #aaa !important; + } + .ob-post-tag, .ob-user-tag { + color: #999 !important; + } -.result-highlight { + .answered-accepted strong, .youarehere, .nav .primarynav li a, .nav a, a:hover, .rep-up.special-rep { + color: #fff !important + } + + input, .actual-edit-overlay { + -webkit-text-fill-color: #fff !important; + } + + a:visited { + color: /*[[visited-color]]*/ #ff32a0 !important; + } + .rep-up { + color: #4b553c !important; + } + .rep-down { + color: #d65 !important; + } + + /* dark blue */ + .result-highlight { color: #aa0 !important; -} + } -.warm { + /* brown/dark orange */ + .warm { color: #840 !important; -} + } -.hot { + /* orange */ + .hot { color: #a20 !important; -} + } -.unanswered { + /* light brown */ + .unanswered { color: #9a4444 !important; -} + } -/*** Style adjustments ***/ -.stats { - float: right !important; - margin-top: 5px !important; -} + /* === Style adjustments === */ + a.question-hyperlink, a:hover, a:visited { + text-decoration: underline !important; + } -#hsearch { - margin-right: 5px !important; -} + .nav a, .post-tag, .comments-link, .tag-synonym-link, a.post-tag:hover, .topbar a { + text-decoration: none !important; + } -.stats { + .form-item { + padding-left: 20px !important; + } + + .post-tag, .comments-link, .tag-synonym-link { + margin: 2px !important; + padding: 3px !important; + font-size: 80% !important; + line-height: 2.2 !important; + white-space: nowrap !important + } + + .tag-container .col { + margin: 0 !important; + border: #333 1px solid !important; + } + .tag-container.row { + margin: 2px !important; + } + .stats { + margin-top: 5px !important; + } + #hsearch, .statscontainer { + margin-right: 5px !important; + } + .stats { margin-bottom: 4px !important; -} + } -.nav .primarynav li a { + .nav .primarynav li a, .list-originals .stats { display: block !important; float: left !important -} + } + + /* === badges === */ + a.badge[title^="bronze"], a.badge-tag[title^="bronze"], .badge3 + .badgecount { + color: #cc9966 !important; + } + a.badge[title^="silver"], a.badge-tag[title^="silver"], .badge2 + .badgecount { + color: #c5c5c5 !important; + } + a.badge[title^="gold"], a.badge-tag[title^="gold"], .badge1 + .badgecount { + color: #ffcc46 !important; + } + .badge-tag, a.tag, .ob-post-tag, .ob-user-tag, .events-tooltip { + background-color: #191919 !important; + border-color: #111 !important; + } + .badge3-alternate, .progress-bar.badge-3 .bar .percent { + background-color: #7C4318 !important; /* bronze */ + } + .badge2-alternate, .progress-bar.badge-2 .bar .percent { + background-color: #464a4f !important; /* silver */ + } + .badge1-alternate, .progress-bar.badge-1 .bar .percent { + background-color: #957000 !important; /* gold */ + } + + /* === Images === */ + .wmd-button>span { + background-image: url(http://StylishThemes.github.io/StackOverflow-Dark/images/wmd-buttons.png) !important; + } + + #hlogo img, .everyonelovesstackoverflow { opacity: 0.3 !important; } + + #hlogo a, #footer-logo { + background-repeat: no-repeat !important; + } + + #footer-logo { + background-size: contain !important; + } + + #header-logo img, #footer-logo img { + visibility: hidden !important; + } + + #sound, .vote-count-container.stars .img { + -webkit-filter: invert(100%) !important; + filter: invert(100%) !important; + } + + .axis .tick, .pie text { + fill: #ccc !important; + } + .axis line, .axis path { + stroke: #999 !important; + } + + /* override prettyprint bright border styles */ + pre.prettyprint { + border-color: transparent !important; + } + /* style non-prettyprint code */ + code, pre:not(.prettyprint) { + background: #333 !important; + } + .prettyprint code { + background: transparent !important; + } + + /*[[syntax-theme]]*/ + /* grunt-webkit-remove-to-end-of-file */ + /* grunt-remove-block-below */ -/*** code & syntax highlighting ***/ -pre, code, .pln, .youarehere { + /* === basic dark code & syntax highlighting === */ + pre, code, .pln { background: #333 !important; color: #ccc !important; -} - -.str { color: #0a0 !important; } -.lit { color: #a00 !important; } -.pun { color: #999 !important; } /* parenthesis */ -.kwd { color: #08f !important; } /* keyword */ -.tag { color: #999 !important; } /* html tag */ -.atn { color: #088 !important; } /* attribute */ -.atv { color: #0a0 !important; } /* attribute value*/ -.dec { color: #90a !important; } /* doc type */ - -/*** Images ***/ -.wmd-button>span { - background-image: url(http://StylishThemes.github.io/Stackoverflow-Dark/images/wmd-buttons.png) !important; -} - -.statsarrow { - width: 7px !important; - height: 13px !important; - background: url('data:image/gif;base64,R0lGODlhBwANAIAAACMjI////yH5BAEAAAEALAAAAAAHAA0AAAITRI5gGLrnXlzT1NsidEkx/zFHAQA7') 0 0 !important; -} - -#hlogo img, .everyonelovesstackoverflow, #newsletter-ad { opacity: 0.3 !important; } - -#hlogo a { - /* background-image: url(http://StylishThemes.github.io/Stackoverflow-Dark/images/logo.png) !important; */ - background-image: url('data:image/png;base64,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') !important; -} + } + .str { color: #0a0 !important; } + .lit { color: #d65 !important; } + .pun { color: #999 !important; } /* parenthesis */ + .kwd { color: #08f !important; } /* keyword */ + .tag { color: #999 !important; } /* html tag */ + .atn { color: #088 !important; } /* attribute */ + .atv { color: #0a0 !important; } /* attribute value*/ + .dec { color: #90a !important; } /* doc type */ + + /* grunt-remove-block-above */ + + * build because Chrome Stylish puts these extra definitions into separate sections + * with separate regexp/domain definitions. + * If the css below changes, it will have to be manually updated + */ + +/* === StackExchange tweaks === + _____ _ _ _____ _ _ _ +| __| |_ ___ ___| |_| __|_ _ ___| |_ ___ ___ ___ ___ | |_ _ _ _ ___ ___| |_ ___ +|__ | _| .'| _| '_| __|_'_| _| | .'| | . | -_| | _| | | | -_| .'| '_|_ -| +|_____|_| |__,|___|_,_|_____|_,_|___|_|_|__,|_|_|_ |___| |_| |_____|___|__,|_,_|___| + |___| +*/ + /* login screen StackExchange logo replacement */ + .login-page .se-logo { + -moz-box-sizing: border-box !important; + box-sizing: border-box !important; + background: url(http://StylishThemes.github.io/StackOverflow-Dark/images/stackexchange-logo.svg) no-repeat !important; + background-size: cover !important; + background-position: center center !important; + width: 200px !important; /* Width of new image */ + height: 48px !important; /* Height of new image */ + padding-left: 200px !important; /* Equal to width of new image */ + } + /* login button (input type=button")*/ + .login-page input.fr { + background-color: /*[[base-color]]*/ #008080 !important; + } + /* remove content border */ + #content { + border: 0 !important; + } + #sidebar #newsletter-ad, #sidebar .ad-container, #sidebar .everyonelovesstackoverflow { + border-width: 2px !important; + } + /* start blog.stackexchange.com */ + header, .cse .gsc-control-cse, .gsc-control-cse, div.pagination { + background-color: #181818 !important; + } + .sidebar p { + color: #ddd !important; + } + .job { + color: #888 !important; + } + .gsc-control-wrapper-cse { + padding-top: 10px !important; + } + /* hide google custom search placeholder */ + .gsc-input input:not(.gse-input-focus) { + background-image: none !important; + } + .podcast-container { + -webkit-filter: invert(100%) !important; + filter: invert(100%) !important; + } + /* end blog.stackexchange.com */ + /* chat.stackexchange.com */ + .event-banner { + background-color: #222 !important; + border-color: #555 !important; + } + /* target sites to *NOT* hide the header background */ + #header, #hmenus { + background-color: transparent !important; + } + #header { + background-image: none !important; + } + /* target sites that need an inverted header */ + #header, #header > * { + -webkit-filter: invert(100%) !important; + filter: invert(100%) !important; + } + /* target sites needing menu adjustments */ + .nav.mainnavs li, .nav.askquestion li { + background-color: transparent !important; + } + .nav.mainnavs, .footerwrap { + background-image: none !important; + } + .nav.mainnavs li { + margin: 0 6px !important; + } + .nav.mainnavs li a, .nav.askquestion li a { + padding: 6px !important; + margin: 2px !important; + border-radius: 3px !important; + } + /* darken everything that uses sprite.svg (vote arrows, feed icons, etc) */ + .envelope-on, .envelope-off, .vote-up-off, .vote-up-on, .vote-down-off, .vote-down-on, .star-on, .star-off, + .comment-up-off, .comment-up-on, .comment-flag, .edited-yes, .feed-icon, .vote-accepted-off, .vote-accepted-on, + .vote-accepted-bounty, .badge-earned-check, .delete-tag, .expander-arrow-hide, .expander-arrow-show, + .expander-arrow-small-hide, .expander-arrow-small-show, .anonymous-gravatar, .gp-share, .fb-share, .twitter-share, + #notify-container span.notify-close, .migrated.to, .migrated.from { + -webkit-filter: invert(100%) hue-rotate(180deg) brightness(1.1) !important; + filter: invert(100%) hue-rotate(180deg) brightness(1.1) !important; + } + /* nav manu text coloring only */ + .nav li.youarehere a, .nav li a:hover, + .nav li.youarehere a, .nav li a:hover { + background-color: transparent !important; + color: #ddd !important; + } + .nav li.youarehere a, .nav li a:hover { + color: /*[[base-color]]*/ #008080 !important; + } + /* hide top nav background on
  • , style is on */ + .nav li { + background-color: transparent !important; + } + /* darken vote off buttons */ + .vote-up-off, .vote-down-off, .star-off { + -webkit-filter: brightness(.5) !important; + filter: brightness(.5) !important; + } +/* + / * BETA SITES * / + div.nav ul li { + margin-right: 5px !important; + } + .nav a { + padding: 4px 6px !important; + } +*/ +/* === site specific (alphabetical order by domain) === + _ _ _ ___ _ + ___|_| |_ ___ ___ ___ ___ ___|_| _|_|___ +|_ -| | _| -_| |_ -| . | -_| _| | _| | _| +|___|_|_| |___| |___| _|___|___|_|_| |_|___| + |_| +*/ + #hlogo a { + background-image: url(http://StylishThemes.github.io/StackOverflow-Dark/images/stackoverflow-logo.svg) !important; + } + /* chat.stackoverflow.com */ + #hlogo a { + background-image: none !important; + } + #header-logo, #footer-logo { + background-image: url(http://StylishThemes.github.io/StackOverflow-Dark/images/stackoverflow-logo.svg) !important; + } + #header-logo { + background-size: contain !important; + } + /* database administrators */ + #hlogo a { + background-image: url(http://StylishThemes.github.io/StackOverflow-Dark/images/database-admin-logo.svg) !important; + } + /* electrical engineering */ + .nav li, .nav li a, .nav li a:hover, .nav li.youarehere a, .answered-accepted .mini-counts { + background-color: transparent !important; + } + /* nav manu text coloring only */ + .nav li, .nav li.youarehere a, .nav a, .nav a:hover, #mainbar, #sidebar, #mainbar-full, .mainbar-full, + #footer .top-footer-links, #footer #footer-sites, .narrow .votes, .narrow .mini-counts, + .answered, .answered-accepted { + background-color: transparent !important; + color: #ddd !important; + } + .nav li.youarehere a, .nav li a:hover { + color: /*[[base-color]]*/ #008080 !important; + } + .answered-accepted .mini-counts span { + color: #fff !important; + } + .about-page .new-about-content-page h2.about-title { + color: #888 !important; + } + body:before { + -webkit-filter: brightness(.3) !important; + filter: brightness(.3) !important; + } + + .answered-accepted .mini-counts { + background-color: #4b553c !important; + color: #ddd !important; + } + .answered .mini-counts span { + font-weight: bold !important; + color: #4b553c !important + } + /* ja.stackoverflow.com (Japanese) */ + #hlogo a { + background-image: url(http://StylishThemes.github.io/StackOverflow-Dark/images/ja-stackoverflow-logo.svg) !important; + } + /* mathoverflow.net */ + #hlogo a { + background-image: url(http://StylishThemes.github.io/StackOverflow-Dark/images/mathoverflow-logo.png) !important; + } + /* meta.stackoverflow.com */ + #hlogo a { + background-image: url(http://StylishThemes.github.io/StackOverflow-Dark/images/meta-stackoverflow-logo.svg) !important; + } + #sidebar .community-bulletin .bulletin-item-content a, #sidebar .community-bulletin .bulletin-item-content a:hover { + color: /*[[base-color]]*/ !important; + } + #sidebar .community-bulletin .bulletin-item-content a:hover { + color: #fff !important; + #custom-content { + background-image: none !important; + } + .post-tag, .comments-link, .tag-synonym-link { + line-height: 1.4em !important; + } + .vote-count-post { + color: #777 !important; + } + /* programmers.stackexchange.com */ + #hlogo a { + background-image: url(http://StylishThemes.github.io/StackOverflow-Dark/images/programmers-logo.svg) !important; + } + /* programmers.stackexchange.com specific tweaks */ + /* menu & section underline extensions (wrong color) */ + #hmenus .nav ul li.youarehere a:before, #hmenus .nav ul li a:hover:before, + #hmenus .nav ul li.youarehere a:after, #hmenus .nav ul li a:hover:after, + #header:before, #header:after, #question-header:before, #question-header:after, + .subheader:before, .subheader:after { + display: none !important; + } + #header { + border-bottom: 0 !important; + } + /* target sites that don't need a menu background color */ + .nav li, .nav a, .nav li.youarehere a, .nav a:hover { + background-color: transparent !important; + } + /* pt.stackoverflow.com (Portuguese) */ + #hlogo a { + background-image: url(http://StylishThemes.github.io/StackOverflow-Dark/images/pt-stackoverflow-logo.svg) !important; + } + /* ru.stackoverflow.com (Russian) */ + #hlogo a { + background-image: url(http://StylishThemes.github.io/StackOverflow-Dark/images/ru-stackoverflow-logo.svg) !important; + } + .star-on { + -webkit-filter: brightness(.9) !important; + filter: brightness(.9) !important; + } + /* serverfault.com */ + #hlogo a { + background-size: cover !important; + background-image: url(http://StylishThemes.github.io/StackOverflow-Dark/images/serverfault-logo.svg) !important; + } + .container .answered, .container .answered-accepted { + border: 2px transparent !important; + padding: 5px 5px 6px 5px !important; + height: 38px !important; + } + /* stackapps.com */ + #hlogo a { + background-size: cover !important; + background-image: url(http://StylishThemes.github.io/StackOverflow-Dark/images/stackapps-logo.png) !important; + } + /* stackExchange.com */ + header h1 { + height: 60px !important; + background-size: cover !important; + background-image: url(http://StylishThemes.github.io/StackOverflow-Dark/images/stackexchange-logo.svg) !important; + } + + #hlogo a { + height: 60px !important; + background-size: cover !important; + background-image: url(http://StylishThemes.github.io/StackOverflow-Dark/images/superuser-logo.svg) !important; + } + #hlogo a { + -webkit-filter: invert(100%) !important; + filter: invert(100%) !important; + } + #hmenus, .module { + background-image: none !important; + border: 1px solid #333 !important; + border-width: 1px 0 !important; + } + .module { + border-top-width: 0 !important; + } + /* override !important flag set in site css */ + a.question-hyperlink { + color: /*[[base-color]]*/ #008080 !important; + } + a.question-hyperlink:hover, a.question-hyperlink:visited { + color: #aaa !important; + }