Better StackOverflow

adds outline to code blocks, ad block, no cookie modal, various fixes.
اعتبارا من 02-11-2023. شاهد أحدث إصدار.
تثبيت هذا البرنامج النصي ؟ التثبيت كنمط المستخدم ؟
Ask a question, post a review, or report the script.
Wrap lines
/* ==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.3
@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-legacy-600);
    border-color: var(--green-legacy-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;
}

/* Fix; No Overflowing Avatar Text */

.s-avatar.s-user-card--avatar {
    overflow: hidden;
}

/* Ad Block */

.img_ad,
#dfp-tsb,
#dfp-smlb,
#dfp-tlb,
#dfp-mlb,
.js-report-ad-button-container,
.adsbox,
#newsletter-ad,

/* 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";
}