X-Git-Url: https://git.rmz.io/dotfiles.git/blobdiff_plain/41017a0736d193f54236173222e7e4d476642d04..bc1377ccb13ff82bebc9e33d79d9cf7479d68424:/dwb/userstyles/stackoverflow.com.css diff --git a/dwb/userstyles/stackoverflow.com.css b/dwb/userstyles/stackoverflow.com.css index d8d1695..0ecb7c3 100644 --- a/dwb/userstyles/stackoverflow.com.css +++ b/dwb/userstyles/stackoverflow.com.css @@ -1,8 +1,17 @@ /*************************************************************** - StackOverflow Dark v2.7.3 (5/21/2015) + StackOverflow Dark v2.8.10 (10/18/2015) 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) + + ** 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 ****************************************************************/ @@ -17,13 +26,18 @@ background-image: /*[[bg-choice]]*/ url() !important; background-clip: border-box !important; background-origin: padding-box !important; + background-attachment: /*[[bg-attachment]]*/ fixed !important; /*[[bg-options]]*/ - /*[[bg-options2]]*/ + } + + /* 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 { - color: /*[[base-color]]*/ #008080 !important + 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, @@ -34,7 +48,7 @@ .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 { + .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; } @@ -50,9 +64,10 @@ } /* === input focus hightlight === */ - input:focus { + input:focus, textarea:focus { border-color: /*[[base-color]]*/ #008080 !important; - box-shadow: 0px 1px 2px rgba(255, 255, 255, 0.075) inset, 0px 0px 5px rgba(255, 255, 255, .075) !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; @@ -97,6 +112,7 @@ #tabs a { border: 1px solid transparent !important; + padding: 2px 6px 4px 6px !important; } #tabs a.youarehere, .tabs a.youarehere, .tag-suggestions { @@ -107,7 +123,6 @@ border-bottom: 0 !important; } - #user-about-me, .user-about-me, .mine .messages, .avatar-card, .tag-container { background: #191919 !important; border: 0 !important; @@ -116,14 +131,15 @@ .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 { + .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, .roomcard, .seWrapper, h2.index.header, .privilege-table-row:hover, .list-originals .item.hover, - .list-originals .body-summary, .review-instructions-reason, .room-mini { + .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; @@ -136,16 +152,17 @@ -webkit-border-radius: 3px !important; border-radius: 3px !important; } - .calendar, .calendar-small, .mspark .mspbar { + .calendar, .calendar-small, .mspark .mspbar, #promo-box { background: #222 !important; } - .ad502-room, .message.message-config .actions, .tag-container .col { + .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 { + .rep-recent-row, .bounty, .diff-choices a:hover, div.meter, .narrow .votes, .ob-post-votes, .card, + .congrats { background-color: #232323 !important; color: #bbb !important; } @@ -156,17 +173,35 @@ color: #999 !important; } + .container { + background-image: none !important; + } + .tagged-interesting, .tagged-interesting .views, .highlight-row, .highlighted, .card.rep-card .graph, - .popup-badges .badge-progress:hover:not(.completed) { + .popup-badges .badge-progress:hover:not(.completed), #newsletter-ad { background-color: #242424 !important; background-image: none !important; } + #newsletter-ad { + padding: 10px !important; + } + #newsletter-ad:before { + content: 'Love this site?'; + font-size: 18px !important; + } + + .youarehere { + background: #333 !important; + 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 { + #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; } @@ -186,6 +221,10 @@ background: #c1beba !important } + .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; @@ -199,12 +238,18 @@ /* === Green === */ .accepted-answer, .suggested-edit .inserted, .markdown-diff .inserted, .rep-increase, .progress-bar .percent, - .recommended, .vote.accepted { + .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 .pln, .accepted-answer .youarehere { + .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; } @@ -224,9 +269,13 @@ } /* === Red === */ - .deleted-answer, .suggested-edit .deleted, .markdown-diff .deleted { + .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 { background-color: #400 !important; @@ -238,14 +287,15 @@ /* === 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 { + .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: #191919 !important; border: 1px solid #666666 !important; - border-bottom: 1px solid #191919 !important; } .highcharts-container rect[fill="#FFFFFF"], rect[fill="rgb(255, 255, 255)"] { @@ -317,11 +367,10 @@ } .user-details td, .content-page, h2, h2 a, .profile-popup a:hover, .module h4, .page-description, - #openid_identifier, .form-item label { + #openid_identifier, .form-item label, .subheader h2 { color: #c1beba !important } - - .comment, #top-menu a, .subheader a, .reputation a, .reputation-score, a:visited, .relativetime.old, + .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; @@ -338,6 +387,9 @@ -webkit-text-fill-color: #fff !important; } + a:visited { + color: /*[[visited-color]]*/ #ff32a0 !important; + } .rep-up { color: #4b553c !important; } @@ -374,6 +426,10 @@ text-decoration: none !important; } + .form-item { + padding-left: 20px !important; + } + .post-tag, .comments-link, .tag-synonym-link { margin: 2px !important; padding: 3px !important; @@ -414,7 +470,7 @@ a.badge[title^="gold"], a.badge-tag[title^="gold"], .badge1 + .badgecount { color: #ffcc46 !important; } - .badge-tag, a.tag, .ob-post-tag, .ob-user-tag { + .badge-tag, a.tag, .ob-post-tag, .ob-user-tag, .events-tooltip { background-color: #191919 !important; border-color: #111 !important; } @@ -428,31 +484,19 @@ background-color: #957000 !important; /* gold */ } - /* === code & syntax highlighting === */ - pre, code, .pln, .youarehere { - background: #333 !important; - color: #ccc !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 */ - /* === Images === */ .wmd-button>span { background-image: url(http://StylishThemes.github.io/StackOverflow-Dark/images/wmd-buttons.png) !important; } - #hlogo img, .everyonelovesstackoverflow, #newsletter-ad { opacity: 0.3 !important; } + #hlogo img, .everyonelovesstackoverflow { opacity: 0.3 !important; } + + #hlogo a, #footer-logo { + background-repeat: no-repeat !important; + } #footer-logo { background-size: contain !important; - background-repeat: no-repeat !important; } #header-logo img, #footer-logo img { @@ -460,18 +504,330 @@ } #sound, .vote-count-container.stars .img { - filter: url("data:image/svg+xml;utf8, #i"); -webkit-filter: invert(100%) !important; + filter: invert(100%) !important; } + .axis .tick, .pie text { + fill: #ccc !important; + } + .axis line, .axis path { + stroke: #999 !important; + } -/* site logos */ -#hlogo a, #footer-logo { - /* background-image: url(http://StylishThemes.github.io/StackOverflow-Dark/images/stackoverflow-logo.svg) !important; */ - background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNDBweCIgaGVpZ2h0PSI1MHB4IiB2aWV3Qm94PSIwIDAgMjQwIDUwIj48ZyBzdHlsZT0iZmlsbDojZGRkZGRkIj48cGF0aCBkPSJNNDEuOCA0NWMtMi4zIDAtNC4xLTAuNS01LjYtMmwxLjMtMS4zYzEuMSAxLjEgMi42IDEuNiA0LjMgMS42YzIuMyAwIDMuNy0wLjggMy43LTIuNGMwLTEuMi0wLjctMS45LTIuMy0ybC0yLjMtMC4yIGMtMi43LTAuMi00LjEtMS40LTQuMS0zLjdjMC0yLjUgMi4xLTQgNS00YzIgMCAzLjcgMC41IDQuOSAxLjVsLTEuMyAxLjNjLTEtMC44LTIuMi0xLjEtMy43LTEuMWMtMiAwLTMuMSAwLjktMy4xIDIuMyBjMCAxLjIgMC43IDEuOSAyLjQgMmwyLjIgMC4yYzIuNCAwLjIgNCAxLjEgNCAzLjdDNDcuNCA0My41IDQ1LjEgNDUgNDEuOCA0NXoiIHN0eWxlPSJmaWxsOiNmZmZmZmYiLz48cGF0aCBkPSJNNTMuNSA0NC44Yy0yLjMgMC0zLjUtMS42LTMuNS0zLjd2LTguNGgtMS43di0xLjVINTB2LTQuM2gydjQuM2gyLjl2MS41SDUydjguNGMwIDEuMyAwLjYgMiAxLjkgMkg1NXYxLjcgQzU1IDQ0LjggNTMuNSA0NC44IDUzLjUgNDQuOHoiIHN0eWxlPSJmaWxsOiNmZmZmZmYiLz48cGF0aCBkPSJNNjUuMyA0NC44di0xLjNjLTEuMSAxLjEtMi4xIDEuNS00IDEuNXMtMy0wLjQtMy45LTEuM2MtMC43LTAuNy0xLTEuNy0xLTIuOGMwLTIuNCAxLjctNCA0LjctNGg0LjF2LTEuM2MwLTItMS0zLTMuNS0zIGMtMS44IDAtMi42IDAuNC0zLjUgMS42TDU3IDMzYzEuMi0xLjYgMi42LTIgNC44LTJjMy43IDAgNS41IDEuNiA1LjUgNC42djkuM0w2NS4zIDQ0LjhMNjUuMyA0NC44eiBNNjUuMyAzOC41aC0zLjggYy0yLjEgMC0zLjEgMC44LTMuMSAyLjRjMCAxLjYgMSAyLjMgMy4xIDIuM2MxLjIgMCAyLjItMC4xIDMuMS0wLjljMC41LTAuNCAwLjctMS4yIDAuNy0yLjRWMzguNXoiIHN0eWxlPSJmaWxsOiNmZmZmZmYiLz48cGF0aCBkPSJNNzUuMSA0NWMtMy41IDAtNi4xLTIuMy02LjEtN3MyLjYtNyA2LjEtN2MxLjkgMCAzLjEgMC41IDQuNSAybC0xLjQgMS4zYy0xLTEuMS0xLjgtMS41LTMuMS0xLjVjLTEuMyAwLTIuNSAwLjUtMy4yIDEuNiBjLTAuNiAwLjktMC45IDItMC45IDMuN3MwLjMgMi44IDAuOSAzLjdjMC43IDEgMS44IDEuNiAzLjIgMS42YzEuMyAwIDIuMS0wLjQgMy4xLTEuNmwxLjQgMS4zQzc4LjIgNDQuNSA3NyA0NSA3NS4xIDQ1eiIgc3R5bGU9ImZpbGw6I2ZmZmZmZiIvPjxwYXRoIGQ9Ik05MC42IDQ0LjhsLTQuMy03bC0yLjcgMy4xdjRoLTJWMjVoMnYxMy4zbDYuMi03LjFoMi41bC00LjcgNS4ybDUuNSA4LjVMOTAuNiA0NC44TDkwLjYgNDQuOHoiIHN0eWxlPSJmaWxsOiNmZmZmZmYiLz48cGF0aCBkPSJNMTAzLjggNDMuM2MtMC44IDAuOS0yLjIgMS43LTQuMyAxLjdjLTIgMC0zLjQtMC44LTQuMy0xLjdjLTEuMi0xLjMtMS42LTIuOS0xLjYtNS40czAuMy00IDEuNi01LjMgYzAuOC0wLjkgMi4yLTEuNyA0LjMtMS43YzIgMCAzLjQgMC44IDQuMyAxLjdjMS4yIDEuMyAxLjYgMi45IDEuNiA1LjNDMTA1LjQgNDAuNSAxMDUgNDIgMTAzLjggNDMuM3ogTTEwMS4xIDM0LjYgYy0wLjQtMC40LTAuOS0wLjYtMS42LTAuNnMtMS4yIDAuMi0xLjYgMC42Yy0wLjcgMC43LTAuOCAxLjktMC44IDMuM2MwIDEuNCAwLjEgMi42IDAuOCAzLjRjMC40IDAuNCAwLjkgMC42IDEuNiAwLjYgczEuMi0wLjIgMS42LTAuNmMwLjctMC43IDAuOC0xLjkgMC44LTMuNEMxMDEuOSAzNi41IDEwMS45IDM1LjMgMTAxLjEgMzQuNnoiIHN0eWxlPSJmaWxsOiNmZmZmZmYiLz48cGF0aCBkPSJNMTEzLjEgNDQuOGgtMi43bC01LjEtMTMuN2gzLjZsMi44IDguNWwyLjgtOC41aDMuNkwxMTMuMSA0NC44eiIgc3R5bGU9ImZpbGw6I2ZmZmZmZiIvPjxwYXRoIGQ9Ik0xMjEuNCAzOWMwIDEuOCAxLjEgMy4xIDMgMy4xYzEuNSAwIDIuMi0wLjQgMy4xLTEuM2wyLjEgMmMtMS40IDEuNC0yLjcgMi4yLTUuMiAyLjJjLTMuMiAwLTYuNC0xLjUtNi40LTcuMSBjMC00LjUgMi40LTcgNi03YzMuOCAwIDYgMi44IDYgNi42VjM5SDEyMS40eiBNMTI2LjMgMzUuMmMtMC40LTAuOC0xLjEtMS40LTIuMy0xLjRjLTEuMiAwLTEuOSAwLjYtMi4zIDEuNCBjLTAuMiAwLjUtMC4zIDAuOS0wLjMgMS41aDUuMkMxMjYuNiAzNi4xIDEyNi41IDM1LjcgMTI2LjMgMzUuMnoiIHN0eWxlPSJmaWxsOiNmZmZmZmYiLz48cGF0aCBkPSJNMTM5LjIgMzQuOGMtMC41LTAuNS0xLTAuOC0xLjgtMC44Yy0xLjEgMC0yLjIgMC44LTIuMiAyLjV2OC4zaC0zLjRWMzEuMWgzLjR2MS4zYzAuNy0wLjggMi0xLjUgMy41LTEuNSBjMS4zIDAgMi4zIDAuMyAzLjIgMS4zTDEzOS4yIDM0Ljh6IiBzdHlsZT0iZmlsbDojZmZmZmZmIi8+PHBhdGggZD0iTTE0Ny41IDMzLjd2MTEuMWgtMy40VjMzLjdoLTEuNHYtMi42aDEuNHYtMS43YzAtMiAxLjItMy45IDQtMy45aDJ2Mi45aC0xLjNjLTAuOCAwLTEuMiAwLjQtMS4yIDEuMnYxLjVoMi41djIuNkgxNDcuNXogTTE1NS42IDQ0LjhjLTIuOCAwLTQtMi00LTMuOVYyNS40aDMuNHYxNS4yYzAgMC44IDAuMyAxLjIgMS4yIDEuMmgxLjN2Mi45TDE1NS42IDQ0Ljh6IiBzdHlsZT0iZmlsbDojZmZmZmZmIi8+PHBhdGggZD0iTTE2OC4yIDQzLjNjLTAuOCAwLjktMi4yIDEuNy00LjMgMS43Yy0yIDAtMy40LTAuOC00LjMtMS43Yy0xLjItMS4zLTEuNi0yLjktMS42LTUuNHMwLjMtNCAxLjYtNS4zIGMwLjgtMC45IDIuMi0xLjcgNC4zLTEuN2MyIDAgMy40IDAuOCA0LjMgMS43YzEuMiAxLjMgMS42IDIuOSAxLjYgNS4zQzE2OS43IDQwLjUgMTY5LjQgNDIgMTY4LjIgNDMuM3ogTTE2NS41IDM0LjYgYy0wLjQtMC40LTAuOS0wLjYtMS42LTAuNnMtMS4yIDAuMi0xLjYgMC42Yy0wLjcgMC43LTAuOCAxLjktMC44IDMuM2MwIDEuNCAwLjEgMi42IDAuOCAzLjRjMC40IDAuNCAwLjkgMC42IDEuNiAwLjYgczEuMi0wLjIgMS42LTAuNmMwLjctMC43IDAuOC0xLjkgMC44LTMuNEMxNjYuMyAzNi41IDE2Ni4yIDM1LjMgMTY1LjUgMzQuNnoiIHN0eWxlPSJmaWxsOiNmZmZmZmYiLz48cGF0aCBkPSJNMTg1LjEgNDQuOGgtMi44bC0yLjktOC42bC0yLjkgOC42aC0yLjhsLTQuMi0xMy43aDMuNmwyLjIgOC41bDIuOC04LjVoMi41bDIuOCA4LjVsMi4yLTguNWgzLjZMMTg1LjEgNDQuOHoiIHN0eWxlPSJmaWxsOiNmZmZmZmYiLz48L2c+PHJlY3QgeD0iNiIgeT0iMzguOSIgZmlsbD0iIzgxODE4NSIgd2lkdGg9IjE3IiBoZWlnaHQ9IjMiLz48cG9seWdvbiBmaWxsPSIjODE4MTg1IiBwb2ludHM9IjI2LDMwLjkgMjYsNDQuOSAzLDQ0LjkgMywzMC45IDAsMzAuOSAwLDQ3LjkgMCw0Ny45IDI5LDQ3LjkgMjksMzAuOSIvPjxyZWN0IHg9IjYuMiIgeT0iMzMuNSIgdHJhbnNmb3JtPSJtYXRyaXgoMC45OTU4IDkuMTkzMTc4ZS0wMiAtOS4xOTMxNzhlLTAyIDAuOTk1OCAzLjI3NDUgLTEuMTkzNSkiIGZpbGw9IiNBNjhBNkUiIHdpZHRoPSIxNi44IiBoZWlnaHQ9IjMiLz48cG9seWdvbiBmaWxsPSIjQkY5NDUyIiBwb2ludHM9IjIzLjIsMzIuOSA2LjksMjguOSA3LjYsMjUuOSAyMy45LDMwIi8+PHBvbHlnb24gZmlsbD0iI0QyOEIyOSIgcG9pbnRzPSIyNC4zLDI4LjIgOS42LDIwLjcgMTEsMTguMiAyNS42LDI1LjciLz48cG9seWdvbiBmaWxsPSIjRjY4QTFGIiBwb2ludHM9IjI2LjcsMjQuNyAxMy43LDEzLjkgMTUuNywxMS43IDI4LjcsMjIuNCIvPjxwb2x5Z29uIGZpbGw9IiNGNDc5MjAiIHBvaW50cz0iMjkuNiwyMSAyMC4xLDcuNiAyMi41LDYgMzIuMSwxOS40Ii8+PC9zdmc+') !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 */ + + /* === basic dark code & syntax highlighting === */ + pre, code, .pln { + background: #333 !important; + color: #ccc !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