stackoverflow.com - Operator by seenukarthi

/* ==UserStyle==
@name         stackoverflow.com - Operator
@version      20231020.04.00
@namespace    userstyles.world/user/seenukarthi
@description  Stackoverflow with Operator fonts 
@author       seenukarthi
@license      No License
==/UserStyle== */

@-moz-document domain("stackoverflow.com"), domain("stackexchange.com"), domain("askubuntu.com"), domain("superuser.com"), domain("serverfault.com") {
.question-summary .question-hyperlink {
    font-family: 'Noto Sans Mono', 'OperatorSSm Nerd Font', 'Open Sans', Arial, "Helvetica Neue", Helvetica, sans-serif;
}

#question-header .question-hyperlink {
    font-family: 'Ubuntu', 'Noto Sans', 'OperatorSSm Nerd Font', 'Open Sans', Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.statsBox .number {
    font-family: 'Ubuntu', 'Noto Sans', 'OperatorSSm Nerd Font', 'Open Sans', Arial, "Helvetica Neue", Helvetica, sans-serif;
}

html,
body,
div,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
a,
abbr,
acronym,
address,
big,
cite,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
ul.comments-list .comment-text,
.post-text,
.wmd-preview,
.comment-copy,
.question-status,
.excerpt,
.message-text,
.message-text * {
    font-family: 'Ubuntu', 'Noto Sans', 'OperatorSSm Nerd Font', 'Open Sans', Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

.hljs-keyword {
    font-style: italic;
}

.question-hyperlink {
    font-size: 14px;
}

textarea,
textarea.wmd-input,
textarea#wmd-input {
    font-family: "Consolig Nerd Font", "Menlo", "DejaVu Sans Mono", "Liberation Mono", "Consolas", "Ubuntu Mono", "Courier New", "andale mono", "lucida console", monospace;
}

.s-progress--label {
    font-size: 11px;
}

select,
input,
button,
.button,
a.button:link,
.btn,
[class*="btn-"],
.hero-box.double-panel .panel.white .btn {
    font-size: smaller;
}

kbd {
    font-size: 11px;
    background: lightgray;
    box-shadow: 0 1px 0 rgba(12, 13, 14, 0.2), 0 0 0 2px lightgrey inset;
    color: black;
}

.kwd,
.dec,
.atn {
    font-style: italic
}

.grid--cell {
    font-size: 12px;
}

.topbar-dialog .modal-content .message-text h4 {
    font-family: 'Ubuntu', 'Noto Sans', 'OperatorSSm Nerd Font', 'Open Sans', Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

.grid__allcells6 > .grid,
.grid__allcells6 > .grid--cell {
    flex-basis: 40%;
}

span.grid--cell {
    font-size: 100%;
}

.account-container .account-stat .account-number {
    font-family: inherit
}

.narrow .status {
    min-width: 60px;
}

.js-new-post-activity {
    margin-bottom: 8px;
    margin-right: 8px;
}

.js-new-post-activity > .d-block {
    font-size: 25px;
}

.fs-headline2 {
    font-size: 2.15385rem !important;
}

p {
    text-align: justify;
    font-weight: normal;
}

p code {
    font-style: initial;
}


.s-sidebarwidget.js-join-leave-container.mb16,
.s-sidebarwidget.s-sidebarwidget__yellow.s-anchors.s-anchors__grayscale.mb16 {
    display: none !important;
}

pre.s-code-block {
    line-height: 1.15;
}

#newsletter-ad,
.mb24 {
    display: none;
}


#mainbar h2,
.mainbar h2,
#mainbar h3,
.mainbar h3,
#mainbar h4,
.mainbar h4 {
    font-weight: normal !important;
}


}

@-moz-document domain("stackoverflow.com"), domain("stackexchange.com"), domain("askubuntu.com"), domain("superuser.com"), domain("serverfault.com") {
@media (prefers-color-scheme:dark) {
    body:not(.theme-highcontrast).theme-system,
    body:not(.theme-highcontrast).theme-system.themed,
    body:not(.theme-highcontrast).theme-system .themed {
        --white: hsl(210, 0%, 0%);
        --black-050: hsl(210, 3%, 15%);
        --black-100: hsl(210, 3%, 18%);
        --black-150: hsl(210, 4%, 21%);
        --black-200: hsl(210, 4%, 27%);
        --black-225: hsl(210, 4%, 30%);
        --black-250: hsl(210, 5%, 36%);
        --black-300: hsl(210, 4%, 47%);
        --black-350: hsl(210, 8%, 70%);
        --black-400: hsl(210, 8%, 80%);
        --black-500: hsl(210, 8%, 90%);
        --black-600: hsl(210, 11%, 98%);
        --black: hsl(0, 0%, 100%);
        --orange-100: hsl(27, 29%, 19%);
        --orange-200: hsl(27, 43%, 31%);
        --orange-300: hsl(27, 43%, 47%);
        --orange-400: hsl(27, 80%, 72%);
        --orange-500: hsl(27, 80%, 83%);
        --orange-600: hsl(27, 80%, 93%);
        --blue-100: hsl(209, 29%, 19%);
        --blue-200: hsl(210, 29%, 35%);
        --blue-300: hsl(210, 29%, 50%);
        --blue-400: hsl(210, 80%, 75%);
        --blue-500: hsl(210, 80%, 83%);
        --blue-600: hsl(210, 80%, 93%);
        --green-100: hsl(148, 29%, 19%);
        --green-200: hsl(148, 29%, 27%);
        --green-300: hsl(148, 25%, 40%);
        --green-400: hsl(148, 40%, 68%);
        --green-500: hsl(148, 40%, 80%);
        --green-600: hsl(148, 40%, 93%);
        --red-100: hsl(358, 29%, 19%);
        --red-200: hsl(0, 29%, 37%);
        --red-300: hsl(0, 34%, 54%);
        --red-400: hsl(0, 73%, 80%);
        --red-500: hsl(0, 73%, 88%);
        --red-600: hsl(0, 73%, 95%);
        --yellow-100: hsl(43, 29%, 17%);
        --yellow-200: hsl(43, 29%, 25%);
        --yellow-300: hsl(43, 29%, 40%);
        --yellow-400: hsl(43, 75%, 75%);
        --yellow-500: hsl(43, 75%, 82%);
        --yellow-600: hsl(43, 75%, 91%);
        --purple-100: hsl(237, 24%, 23%);
        --purple-200: hsl(237, 27%, 34%);
        --purple-300: hsl(237, 32%, 56%);
        --purple-400: hsl(237, 60%, 82%);
        --purple-500: hsl(237, 60%, 88%);
        --purple-600: hsl(237, 65%, 96%);
        --gold-100: hsl(45, 29%, 24%);
        --gold-200: hsl(45, 47%, 37%);
        --gold-300: hsl(45, 92%, 62%);
        --gold-400: hsl(46, 93%, 78%);
        --silver-100: hsl(220, 2%, 26%);
        --silver-200: hsl(220, 1%, 46%);
        --silver-300: hsl(216, 4%, 69%);
        --silver-400: hsl(214, 8%, 83%);
        --bronze-100: hsl(28, 13%, 27%);
        --bronze-200: hsl(28, 27%, 45%);
        --bronze-300: hsl(28, 58%, 67%);
        --bronze-400: hsl(28, 59%, 83%);
        --bc-lightest: var(--black-100);
        --bc-lighter: var(--black-150);
        --bc-light: var(--black-200);
        --bc-medium: var(--black-225);
        --bc-dark: var(--black-250);
        --bc-darker: var(--black-300);
        --bs-sm: 0 1px 2px hsla(0, 0%, 0%, 0.1), 0 1px 4px hsla(0, 0%, 0%, 0.1), 0 2px 8px hsla(0, 0%, 0%, 0.1);
        --bs-md: 0 1px 3px hsla(0, 0%, 0%, 0.11), 0 2px 6px hsla(0, 0%, 0%, 0.11), 0 3px 8px hsla(0, 0%, 0%, 0.14);
        --bs-lg: 0 1px 4px hsla(0, 0%, 0%, 0.14), 0 3px 8px hsla(0, 0%, 0%, 0.14), 0 4px 13px hsla(0, 0%, 0%, 0.18);
        --bs-xl: 0 10px 24px hsla(0, 0%, 0%, 0.1), 0 20px 48px hsla(0, 0%, 0%, 0.1), 0 1px 4px hsla(0, 0%, 0%, 0.15);
        --focus-ring: var(--theme-dark-secondary-custom-focus-ring, hsla(206, 100%, 40%, 0.25));
        --focus-ring-success: hsla(140, 40%, 75%, 0.4);
        --focus-ring-warning: hsla(47, 79%, 58%, 0.4);
        --focus-ring-error: hsla(358, 62%, 47%, 0.15);
        --focus-ring-muted: hsla(210, 8%, 15%, 0.1);
        --highlight-addition: var(--green-500);
        --highlight-attribute: var(--blue-400);
        --highlight-bg: hsl(0, 2%, 11%);
        --highlight-color: var(--black);
        --highlight-comment: hsl(0, 0%, 60%);
        --highlight-deletion: var(--red-500);
        --highlight-keyword: var(--blue-400);
        --highlight-literal: hsl(27, 85%, 61.5%);
        --highlight-namespace: hsl(27, 85%, 61.5%);
        --highlight-punctuation: hsl(0, 0%, 80%);
        --highlight-symbol: hsl(306, 43%, 69%);
        --highlight-variable: hsl(65.5, 39%, 57.5%);
        --scrollbar: hsla(0, 0%, 0%, 0.2);
        --theme-primary: var(--theme-dark-primary-custom, var(--orange-400));
        --theme-primary-100: var(--theme-dark-primary-custom-100, var(--orange-100));
        --theme-primary-200: var(--theme-dark-primary-custom-200, var(--orange-200));
        --theme-primary-300: var(--theme-dark-primary-custom-300, var(--orange-300));
        --theme-primary-400: var(--theme-dark-primary-custom-400, var(--orange-400));
        --theme-primary-500: var(--theme-dark-primary-custom-500, var(--orange-500));
        --theme-primary-600: var(--theme-dark-primary-custom-600, var(--orange-600));
        --theme-secondary: var(--theme-dark-secondary-custom, var(--blue-400));
        --theme-secondary-100: var(--theme-dark-secondary-custom-100, var(--blue-100));
        --theme-secondary-200: var(--theme-dark-secondary-custom-200, var(--blue-200));
        --theme-secondary-300: var(--theme-dark-secondary-custom-300, var(--blue-300));
        --theme-secondary-400: var(--theme-dark-secondary-custom-400, var(--blue-400));
        --theme-secondary-500: var(--theme-dark-secondary-custom-500, var(--blue-500));
        --theme-secondary-600: var(--theme-dark-secondary-custom-600, var(--blue-600));
        --theme-dark-primary-custom-100: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + (var(--theme-dark-primary-color-s) * -.6)), calc(var(--theme-dark-primary-color-l) + (var(--theme-dark-primary-color-l) * -.7)));
        --theme-dark-primary-custom-200: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + (var(--theme-dark-primary-color-s) * -.4)), calc(var(--theme-dark-primary-color-l) + (var(--theme-dark-primary-color-l) * -.5)));
        --theme-dark-primary-custom-300: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + (var(--theme-dark-primary-color-s) * -.3)), calc(var(--theme-dark-primary-color-l) + (var(--theme-dark-primary-color-l) * -.2)));
        --theme-dark-primary-custom-400: hsl(var(--theme-dark-primary-color-h), var(--theme-dark-primary-color-s), var(--theme-dark-primary-color-l));
        ...