- /* ==UserStyle==
- @name Better StackOverflow
- @description adds outline to code blocks, ad block, no cookie modal, various fixes.
- @author NotYou
- @match *://stackoverflow.com/*
- @match *://*.stackoverflow.com/*
- @match *://stackexchange.com/*
- @match *://superuser.com/*
- @match *://serverfault.com/*
- @match *://askubuntu.com/*
- @match *://stackapps.com/*
- @match *://mathoverflow.net/*
- @namespace -
- @version 1.2.2
- @license GPL-3.0-or-later
- ==/UserStyle== */
-
- /* Darker Accepted Mark Background in questions list */
-
- .s-post-summary--stats .s-post-summary--stats-item.has-answers.has-accepted-answer {
- background-color: var(--green-600);
- border-color: var(--green-600);
- }
-
- /* Fix; Keyboard and Tag Elements | https://meta.stackexchange.com/a/257138/260841 */
-
- kbd,
- .s-prose .post-tag {
- white-space: pre-wrap;
- max-width: calc(100% - 0.1em);
- }
-
- /* Fix; Non-Vertically Aligned Elements at Sidebar | https://meta.stackexchange.com/q/388770/ */
-
- #sidebar .related a,
- #sidebar .linked a {
- margin: auto 0;
- }
-
- /* Fix; Remove Default FF styles for <select> */
-
- select {
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- }
-
- /* Ad Block */
-
- .img_ad,
- #dfp-tsb,
- #dfp-smlb,
- #dfp-tlb,
- #dfp-mlb,
- .js-report-ad-button-container,
- .adsbox,
-
- /* Cookie */
-
- .js-consent-banner {
- display: none !important;
- }
-
- .js-tag-editor.tag-editor.multi-line.s-input {
- width: 100% !important;
- }
-
- /* Code Outline */
-
- .default.s-code-block {
- --color: rgba(0, 0, 0, .2);
- }
-
- [class*="lang-"] {
- border: 2px solid var(--color);
- }
-
- [class*="lang-"]::after {
- content: '\a'var(--content);
- color: var(--color) !important;
- padding: 2px 5px 5px 5px;
- font-weight: 800;
- }
-
- .snippet-code [class*="lang-"]::after {
- content: '\a\a'var(--content);
- }
-
- .s-code-block::after {
- font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
- }
-
- .lang-none {
- --color: rgb(100, 0, 0);
- --content: "Plain";
- }
-
- .lang-js {
- --color: rgb(247, 223, 30);
- --content: "JS";
- }
-
- .lang-js::after {
- color: rgb(0, 0, 0);
- }
-
- .lang-html {
- --color: rgb(242, 103, 44);
- --content: "HTML";
- }
-
- .lang-css {
- --color: rgb(52, 169, 222);
- --content: "CSS";
- }
-
- .lang-java {
- --color: rgb(234, 146, 5);
- --content: "Java";
- }
-
- .lang-py,
- .lang-python {
- --color: rgb(54, 119, 173);
- --content: "Python";
- }
-
- .lang-cpp {
- --color: rgb(101, 154, 210);
- --content: "C++";
- }
-
- .lang-cs,
- .lang-csharp {
- --color: rgb(93, 108, 189);
- --content: "C#";
- }
-
- .lang-c {
- --color: rgb(93, 108, 189);
- --content: "C";
- }
-
- .lang-php {
- --color: rgb(93, 108, 189);
- --content: "PHP";
- }
-
- .lang-rb {
- --color: rgb(174, 21, 5);
- --content: "Ruby";
- }
-
- .lang-r {
- --color: rgb(35, 105, 190);
- --content: "R";
- }
-
- .lang-perl {
- --color: rgb(66, 68, 109);
- --content: "Perl";
- }
-
- .lang-bsh {
- --color: rgb(41, 48, 54);
- --content: "Bash";
- }
-
- .lang-kotlin {
- --color: rgb(117, 114, 227);
- --content: "Kotlin";
- }
-
- .lang-rust {
- --color: rgb(0, 0, 0);
- --content: "Rust";
- }
-
- .lang-regex {
- --color: rgb(64, 209, 178);
- --content: "RegEx";
- }
-
- .lang-sql {
- --color: rgb(192, 207, 212);
- --content: "SQL";
- }
-
- .lang-pascal {
- --color: rgb(50, 96, 160);
- --content: "Pascal";
- }
-
- .lang-vb {
- --color: rgb(60, 110, 179);
- --content: "VB";
- }
-
- .lang-xml {
- --color: rgb(0, 95, 174);
- --content: "XML";
- }
-
- .lang-lua {
- --color: rgb(0, 0, 128);
- --content: "Lua";
- }
-
- .lang-go {
- --color: rgb(106, 215, 228);
- --content: "Go";
- }
-
- .lang-swift {
- --color: rgb(250, 42, 31);
- --content: "Swift";
- }
-
- .lang-clj {
- --color: rgb(145, 180, 255);
- --content: "Clojure";
- }
-
- .lang-scala {
- --color: rgb(234, 2, 0);
- --content: "Scala";
- }
-
- .lang-typescript {
- --color: rgb(49, 120, 198);
- --content: "TypeScript";
- }