global fonts ( marslo ) by marslo

/* ==UserStyle==
@name           global fonts ( marslo )
@version        2.2.16
@namespace      github.com/marslo
@description    global-wild font customization
@author         marslo.jiao@gmail.com
@homepageURL    https://github.com/marslo/global-fonts
==/UserStyle== */

@-moz-document regexp("https?://(.*jenkins(?:-staging)?(?:-dev)?(?:-ip-sw-rel)?\\.[^\\.]+\\.com|0.0.0.0|34.233..*.*|3.230.*.*|10.69.*|imarslo.jenkins.com).*") {

  /**
   * regexp("^.*\\-jenkins\\.[^\\.]+\\.com.*$")
   * regexp("^.*jenkins(?:-staging)?\.[^\.]+\.com.*$")
   * regexp("https?://(.*jenkins(?:-staging)?\.[^\.]+\.com|0.0.0.0).*")
   * regexp("https?://(.*jenkins(?:-staging)?(?:-dev)?\.[^\.]+\.com|0.0.0.0).*")
   * regexp("https?://(.*jenkins(?:-staging)?(?:-dev)?\\.[^\\.]+\\.com|0.0.0.0).*")
   * https://www.myfonts.com/pages/whatthefont
   * https://www.whatfontis.com/
   * https://github.com/arrowtype/recursive
  **/

  html {
    --font-family-sans: "Recursive Sans Casual Static Nerd Font", "MFeltPenPRC Nerd Font", "MFeltPenHKSemi Nerd Font", "Grandstander Nerd Font", "Ubuntu", "Candara Nerd Font", "Gisha Nerd Font", "Titillium Nerd Font";
    --font-family-mono: "OperatorMonoLig Nerd Font Mono", "OperatorMono Nerd Font Mono", "JetBrainsMono Nerd Font Mono", "RecMonoCasual Nerd Font Mono", "JetBrainsMono Nerd Font Mono", "Monaco Nerd Font Mono", "Menlo", "Andale Mono", "Ubuntu Mono", "Monofur Nerd Font Mono", "Consolas";
    --font-family-handwritten: "Papyrus Nerd Font", "fantasy";
    --font-family-icon: "Adgs Icons", "Font Awesome 5 Free", "Font Awesome 5 Pro", "Font Awesome 6 Free", "FontAwesome", "Glyphicons Halflings", "Google Material Icons", "Material Icons Extended", "ReadMe-Icons", "StructureFontAwesome", "VideoJS", "codicon", "controlIcons", "iconfont", "icozoom", "retina_icons", "streamline", "union-design-icons", "yunfont", "okticon", "docons", "zipformplus", "Font Awesome 6 Brands", "octicons", "perforceIcons", "FontADP", "Support MDL2 Assets";
    --font-size-normal-sans: 17px;
    --font-size-normal-mono: 18px;
    --font-size-big-mono: 20px;
    --font-size-h1: 34px;
    --font-size-h2: 26px;
    --font-size-h3: 24px;
    --font-size-h4: 20px;
  }

  /** :root cannot take value from var(..) **/
  :root {
    --font-family-sans: "Recursive Sans Casual Static Nerd Font", "MFeltPenHKSemi Nerd Font", "MFeltPenPRC Nerd Font", "Grandstander Nerd Font", "Ubuntu", "Candara Nerd Font", "Gisha Nerd Font", "Titillium Nerd Font" !important;
    --font-family-mono: "OperatorMonoLig Nerd Font Mono", "OperatorMono Nerd Font Mono", "JetBrainsMono Nerd Font Mono", "RecMonoCasual Nerd Font Mono", "JetBrainsMono Nerd Font Mono", "Monaco Nerd Font Mono", "Menlo", "Andale Mono", "Ubuntu Mono", "Monofur Nerd Font Mono", "Consolas" !important;
  }

  *:not(pre):not(code):not(textarea):not(button):not(select):not(option):not(kbd):not(icon):not(input):not(i):not(cursor):not(::before):not(::after):not([role=presentation]):not(pre code):not(pre code *):not(li code):not(li code *):not(code *):not(textarea *):not(* code):not(* pre *):not(* code *):not(div.ace_editor):not([class*="ace_"]):not([class*="ace_"] *):not(canvas.graph-cursor-pointer):not([class*="icon"]):not([class*="fa-"]):not([class*="octicon"]):not([class*="win-icon"]):not([class*="icon-"]):not([class*="ico"]):not([class*="pc"]):not([class*="DPvwYc"]):not([class*="para"]):not([class*="ms-Icon"]):not([class*="sort-caret"]):not([class*="Da"]):not([class*="drop"]):not([class*="bowtie-"]):not([class*="view-"]):not([class*="pl-"]):not([class*=".fa-clone"]):not([class*=".fa-check"]):not([class*="avatar-"]):not([class*='wysiwyg-macro-*']):not([class*="-line"]):not([class*="CodeMirror-"]):not([class*="cm-"]):not([class*="setting-"]):not([class*="gr-"]):not([class*="s-code-"]):not([class*="code"]):not([class*="w3-"]):not([class*="language-"]):not([class*="hljs"]):not([class*="post-"]):not([class*="code"]):not([clas*="line"]):not([class*="js-post"]):not([class*="editor"]):not([class="setting-main"]):not([class*="resizable"]) {
    font-family: var(--font-family-sans) !important;
  }

  /**
   * .systemmessage *, a, body, h1, h2, h3, h4, h5 {
   *   font-family: var(--font-family-sans) !important;
   *   font-size: 100% !important;
   *   background-color: red !important;
   * }
   * :not(div.ace_editor) ,
   * div#main-panel * ,
   * .pane-content                                     build history
   * h1.page-headline, div.cbwf-stage-view *,      ⌝
   * h2.permalinks-header, ul.permalinks-list *    ⌟   job page
   * div.pane-frame *,                                 impact the ace_
   * button,
  **/
  div.tab *,
  [class*="footer"],
  div#view-message *:not(pre):not([class*="cm"]),
  div#side-pannel *,
  span.task-link-text,
  table.middle-align *,
  #breadcrumbs li a,
  #breadcrumbs li a:link ,
  dev.pane.desc *,
  .pane-content a,
  h1.page-headline,
  div.cbwf-stage-view *,
  h2.permalinks-header,
  ul.permalinks-list *,
  table.fileList *,
  td a,
  td *,
  div.signupIntroDefault :is(div, p),
  label.attach-previous.setting-checkbox,
  [class*="jenkins-checkbox"] *,
  div.textarea-preview-container,
  :root:not([class*="ace"]):not(pre>code *):not([class*="jenkins-input"]) {
    font-family: var(--font-family-sans) !important;
  }

  /**
   * login account show
   * https://www.cssfontstack.com/Papyrus
  **/
  div.login a.model-link,
  div#main-panel a[name="skip2content"]+h1,
  ul#breadcrumbs > li.item:first-of-type > a.model-link {
    font-family: var(--font-family-handwritten) !important;
    font-size: 18px !important;
    text-transform: none !important;
  }
  ul#breadcrumbs > li.item:first-of-type > a.model-link,
  div.login a.model-link span.hidden-xs.hidden-sm {
    font-size: 16px !important;
    padding-top: 8px !important;
    font-weight: 550 !important;
  }

  tr.app-summary>td>pre>code>ul>li * {
    font-family: var(--font-family-mono) !important;
    font-size: var(--font-size-normal-mono) !important;
  }
  div#main-panel a[name="skip2content"]+h1 {
    font-size: 28px !important;
  }

  /**
   * tabbar
  **/
  .tabBar .tab a {
    font-size: var(--font-size-normal-sans) !important
  }
  /**
   * setting-* ; div.setting-main *                    configuration
   * textarea.jenkins-input                            snippet output
   * "ace_"                                            Jenkins Pipeline Script Textarea
   * div.setting-main *
   * div.pretty-print                                  config.xml
   *
  **/
  div.setting-main,
  .jenkins-form-label,
  .setting-main > textarea,
  td.setting-main,
  div.pretty-print,
  errorList problem *,
  [data-theme*=material-] #main-panel > pre {
    font-family: var(--font-family-mono) !important;
    font-size: var(--font-size-normal-mono) !important;
  }

  /**.ace-tomorrow {
    background-color: black ;
  }**/

  /**
   * #main-panel>pre, #main-panel>pre *, pre#main-panel, pre#main-panel *, div#main-panel>pre, div#main-panel>pre *, div#main-panel>pre code, div#main-panel>pre code *,
   * :root,
  **/
  ::marker,
  kbd,
  option, option *,
  canvas, canvas *,
  pre, pre *:not([class*="console-output"]),
  pre code, pre code *,
  pre code ul li *,
  pre span, pre span *,
  code, code *,
  input :where(code, pre),
  select, select *,
  script, script *,
  textarea, textarea *,
  #view-message>pre, #view-message>pre *, div#view-message>pre, div#view-message>pre *,
  #side-pannel>pre, #side-pannel>pre *, div#side-pannel>pre, div#side-pannel>pre *,
  .code, .code *,
  div.code *, table.code, table.code *, table.pre, table.pre *,
  .jenkins-input,
  .dropdownList,
  .jenkins-select__input,
  .setting-input,
  select.setting-input, select.setting-input *, select.setting-input.validated,
  input.combobox2.setting-input, input.setting-input,
  textarea.jenkins-input, textarea.setting-input,
  #terminal, #terminal *,
  tr.line_holder *, span[class*=cm-],
  div.help *,
  caption.caption table.diffLineTable *,
  .healthReportDetails td:is([align*="right"]), .coverage-cell-link, .coverage-cell-inner,      /* code coverage tolltip */
  span[class*='pipeline-node']::before {
    font-family: var(--font-family-mono) !important;
    font-size: var(--font-size-normal-mono) !important;
    line-height: 1.5em !important;
  }

  [class*="ace_"],
  [class*="ace_"] *,
  textarea.ace_text-input,
  .ace_active-line,
  cursor,
  [class*="console-output"] *,
  .console-output, .console-output *,
  #main-panel>pre, #main-panel>pre *,
  pre#main-panel, pre#main-panel *,
  div#main-panel>pre, div#main-panel>pre *, div#main-panel>pre code, div#main-panel>pre code *,
  .CodeMirror-lines *, div.CodeMirror-lines *,
  .CodeMirror, .CodeMirror *, .CodeMirror pre,
  .lineNum, .code-line {
    font-family: var(--font-family-mono) !important;
    font-size: var(--font-size-big-mono) !important;
    line-height: 1.5em !important;
  }

  /* buttons in system configuration */
  .yui-button button, button, .url-button {
    display: inline-block !important;
    font-size: 0.75rem !important;
  }
  /* 2.361.3+ copy button */
  button.jenkins-button > span {
   display: block !important;
  }

  /* Metrics plugin: Timings table */
  table.bigtable.pane th {
    /* background-color: #999 !important; */
    border: 1px solid !important;
    border-right-color: #4d4c4c !important;
    border-bottom-color: #4d4c4c!important;
    color: #ddd !important;
  }

  /** icon **/
  ::before, ::after {
    font-family: var(--font-family-icon) !important;
  }
  .glyphicon::before {
    font-family: "Glyphicons Halflings" !important;
  }
  a.anchorjs-link::after {
    font-family: "anchorjs-icons" !important;
  }

  span.jenkins-icon-adjacent {
    font-family: var(--font-family-handwritten)
    font-size: 100% !important;
  }

  /**
   * bluetooth
  **/
  .result-item-label,
    .TruncatingLabel,
    [class*="RunDetailsHeader"] *,
    [class*="JTable"],
    .activity-actions-container,
    .Header-pageTabs,
    .development-footer {
    font-size: var(--font-size-normal-mono) !impo...