X-Git-Url: https://git.rmz.io/dotfiles.git/blobdiff_plain/a65d072f1983b3faf1377bbcf34afa96335d6124..dc57687968ebf311a354ba5fc0351fc79ff91c26:/qutebrowser/css/stackoverflow.com.css diff --git a/qutebrowser/css/stackoverflow.com.css b/qutebrowser/css/stackoverflow.com.css new file mode 100644 index 0000000..1aabd13 --- /dev/null +++ b/qutebrowser/css/stackoverflow.com.css @@ -0,0 +1,410 @@ +@namespace url(http://www.w3.org/1999/xhtml); +/*************************************************************** +StackOverflow Dark v2.6.1 (1/16/2015) +https://github.com/StylishThemes/StackOverflow-Dark +http://userstyles.org/styles/35345 + +previous version information contained at the userstyles site + ****************************************************************/ + +* { + border-color: #444 !important; + text-shadow: none !important; + box-shadow: none !important; +} + +body { + background-color: #191919 !important; + background-image: /*[[bg-choice]]*/ url() !important; + background-clip: border-box !important; + background-origin: padding-box !important; + /*[[bg-options]]*/ + /*[[bg-options2]]*/ +} + +/* === custom color === */ +a, .profile-popup a, .seWrapper a, .post-tag, .comments-link, .tag-synonym-link { + color: /*[[base-color]]*/ #008080 !important +} + +.nav .primarynav li a:hover { + 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 { + 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 { + 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; +} +.tag-editor input:focus { + border: 0 !important; + box-shadow: none !important; +} + +/* === hidden === */ +div.hireme, div#hireme { + display: none !important; +} + +/* === background color === */ +/* from darkest to lightest grey */ +.search-container input[type=text] { + background-color: #000 !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; +} + +.summary .post-tag, .onebox, .profile-ad { + background: #151515 !important; +} + +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 { + background-color: #191919 !important; + border: 2px solid #262626 !important; +} + +#tabs a { + border: 1px solid transparent !important; +} + +#tabs a.youarehere, .tag-suggestions { + background: #191919 !important; + border: 1px solid #444 !important; +} + +#user-about-me, .user-about-me, .mine .messages { + background: #191919 !important; + border: 0px !important; + color: #C1BEBA !important; +} + +.topbar-dialog, .topbar-dialog .header, .share-tip, #input-area, +#tag-menu, .sidebar h3, #overlay-header, .action-list .action-selected, .switcher-nudge-lightbox, +.user-rep-chart-summary-tooltip:hover, .current-site-container { + 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 { + background-color: #222 !important; + border-color: #555 !important; + color: #ddd !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; +} + +.ad502-room { + background-color: #232323 !important; + border: 1px solid #191919 !important; +} + +.rep-recent-row, .bounty, .diff-choices a:hover, div.meter, .narrow .votes, .ob-post-votes { + background-color: #232323 !important; + color: #bbb !important; +} + +.answer, #system-message, .commentlist, .revision td, #hero-content, .mdhelp-tabs .selected, .tabs .selected { + background: #232323 !important; + color: #999 !important; +} + +.tagged-interesting, .tagged-interesting .views, .highlight-row, .highlighted { + background-color: #242424 !important; + background-image: none !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 { + background-color: #333 !important; +} + +.owner-answer, .question-status, .notification, #feed-ticker, #top-menu, .vote-revision td, +.topbar-dialog .unread-item { + background: #404040 !important; +} + +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 { + background: #c1beba !important +} + +/* === Brown(ish) === */ +.new-post-activity, #new-answer-activity { + background-color: #840 !important; +} + +/* chat room buttons */ +a.button { + background: #840 !important; + color: #eee !important; +} + +.supernovabg, .hotbg, .nav li.youarehere a, .nav a:hover, a.button:hover { + background-color: #d80 !important; +} + +/* === Green === */ +.accepted-answer, .suggested-edit .inserted, .markdown-diff .inserted { + background: #232 !important; +} + +.answered, .answer-votes { + background: #232323 !important; + color: #4b553c !important +} + +.answered-accepted, .answered-accepted strong, .rep-up.bounty-indicator-tab, .user-rep-chart-summary-bar, +.special-rep { + background: #4b553c !important; + color: #fff !important +} + +.answered strong { + color: #4b553c !important +} + +/* === Red === */ +.deleted-answer, .suggested-edit .deleted, .markdown-diff .deleted { + background-color: #200 !important; +} + +a.moderator-tag { + background-color: #400 !important; +} + +a.moderator-tag:hover { + background-color: #600 !important; +} + +/* === 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, #chat .username, #chat .messages { + 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)"] { + fill: transparent !important; +} + +/* === Dark border === */ +.body-diffs table * { + border-color: #111 !important; +} + +a.required-tag, .welovestackoverflow, .question-summary, .subheader { + border-color: #333 !important; +} + +#tabs a.youarehere { + border-bottom: 1px solid #191919 !important; +} + +/* === No/hide border === */ +div.list > div { + border-right: 0 !important; +} + +.module { + border-color: transparent !important; +} + +/* blue label count */ +.bounty-indicator-tab { + background: #07d !important; + color: #ccc !important; +} + +/* === 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 { + color: #ddd !important; +} + +/* placeholder */ +::-webkit-input-placeholder { + color: #ddd !important; +} +::-moz-placeholder { + color: #ddd !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 +} + +.comment, #top-menu a, .subheader a, .reputation a, .reputation-score, a:visited, .relativetime.old, +.votes-cast-stats td, .mini-counts span, #chat .system-message { + color: #aaa !important; +} + +.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; +} + +.rep-up { + color: #4b553c !important; +} +.rep-down { + color: #d65 !important; +} + +/* dark blue */ +.result-highlight { + color: #aa0 !important; +} + +/* brown/dark orange */ +.warm { + color: #840 !important; +} + +/* orange */ +.hot { + color: #a20 !important; +} + +/* light brown */ +.unanswered { + color: #9a4444 !important; +} + +/* === Style adjustments === */ +a.question-hyperlink, a:hover, a:visited { + text-decoration: underline !important; +} + +.nav a, .post-tag, .comments-link, .tag-synonym-link, a.post-tag:hover, .topbar a { + text-decoration: none !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 +} + +.stats { + margin-top: 5px !important; +} + +#hsearch, .statscontainer { + margin-right: 5px !important; +} + +.stats { + margin-bottom: 4px !important; +} + +.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 { + background-color: #191919 !important; + border-color: #111 !important; +} + +/* === 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; } + +#footer-logo { + background-size: contain !important; + background-repeat: no-repeat !important; +} + +#header-logo img, #footer-logo img { + visibility: hidden !important; +} + +#sound, .vote-count-container.stars .img { + filter: url("data:image/svg+xml;utf8, #i"); + -webkit-filter: invert(100%) !important; +}