-@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 <li>, style is on <a> */
+ .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;
+ }
repos / dotfiles.git / blobdiff