global fonts ( marslo ) by marslo

/* ==UserStyle==
@name           global fonts ( marslo )
@version        3.0.29
@namespace      github.com/marslo
@description    global-wild font customization
@author         marslo.jiao@gmail.com
@homepageURL    https://github.com/marslo/global-fonts
@advanced       text font-family-sans        "Sans Fonts"        ""Titillium Nerd Font", "Recursive Sans Casual Static Nerd Font", "MicrosoftYaHei Nerd Font", "Qian Li Jiang Shan Nerd Font", "MFeltPenPRC Nerd Font", "MFeltPenHKSemi Nerd Font", "Grandstander Nerd Font", "Ubuntu", "Candara Nerd Font", "Gisha Nerd Font""
@advanced       text font-family-mono        "Mono Fonts"        ""OperatorMonoLig Nerd Font Mono", "OperatorMono Nerd Font Mono", "JetBrainsMono Nerd Font Mono", "RecMonoCasual Nerd Font Mono", "Monaco Nerd Font Mono", Menlo, "Andale Mono", "Ubuntu Mono", "Monofur Nerd Font Mono", Consolas"
@advanced       text font-family-handwritten "Handwritten Fonts" ""Papyrus Nerd Font", fantasy"
@advanced       text font-family-icon        "Icon Fonts"        ""Google Material Icons", "Material Icons Extended", entypo, "Adgs Icons", "Font Awesome 5 Free", "Font Awesome 5 Pro", "Font Awesome 6 Free", FontAwesome, "Glyphicons Halflings", 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", marvell-icons, icomoon, element-icons, olive-icons, "SF Pro Icons", Iconochive-Regular, sans-serif"
==/UserStyle== */

@-moz-document regexp("https?://([^/]*jenkins([^/]*)/?.*|0.0.0.0|34.233.*|3.230.*|10.69.*|imarslo.jenkins.com).*") {

  /*******************
   * jenkins controllers
  *******************/

  /**********************************************************
   * reg:
   * - https?://(.*jenkins.?(?:-staging)?(?:-dev)?(?:-ip.+)?(?:-ccs.+)?\\.[^\\.]+\\.com|0.0.0.0|34.233..*.*|3.230.*.*|10.69.*|imarslo.jenkins.com).*
  **********************************************************/

  html {
    --font-family-sans: /*[[font-family-sans]]*/;
    --font-family-mono: /*[[font-family-mono]]*/;
    --font-family-handwritten: /*[[font-family-handwritten]]*/;
    --font-family-icon: /*[[font-family-icon]]*/;
    --font-size-normal-sans: 18px;
    --font-size-normal-mono: 18px;
    --font-size-small-mono: 16px;
    --font-size-big-mono: 20px;
    --font-size-big-sans: 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: /*[[font-family-sans]]*/ !important;
    --font-family-mono: /*[[font-family-mono]]*/ !important;
  }

  ::placeholder { font-style: italic !important; font-family: var(--font-family-mono) !important; }
  ::-ms-input-placeholder { font-style: italic !important; font-family: var(--font-family-mono) !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 *:not(label.attach-previous.setting-checkbox),
  .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 */
    font-family: var(--font-family-mono) !important;
    font-size: var(--font-size-normal-mono) !important;
    line-height: 1.5em !important;
  }
  span[class*='pipeline-node']::before {
    font-family: var(--font-family-mono) !important;
    font-size: var(--font-size-small-mono) !important;
    font-style: italic !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.462.1+ console output `Copy` button **/
  .jenkins-button {
    display: inline-flex !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 H...