Skip to content

Instantly share code, notes, and snippets.

@Microtribute

Microtribute/Neue-Haas-Unica-Pro.css

Last active December 27, 2022 15:00
Show Gist options
  • Save Microtribute/efb869a60d61679e427f478cda4a5874 to your computer and use it in GitHub Desktop.
Save Microtribute/efb869a60d61679e427f478cda4a5874 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. Microtribute revised this gist Dec 27, 2022. 1 changed file with 20 additions and 1 deletion.
    21 changes: 20 additions & 1 deletion custom.css
    View file
    Original file line number Diff line number Diff line change
    @@ -86,4 +86,23 @@ div[role="navigation"] div[gh="cm"]::before {
    /* Perfectly round + button */
    .bhZ:not(.bym) .z0>.L3 {
    border-radius: 50%;
    }
    }

    .nH.aUx {
    display: none;
    }

    #\:2 {
    display: none;
    }

    .bkK>.nH {
    border-radius: 0 !important;
    margin-bottom: 0 !important;
    }

    /* #\:4 + div {
    border: 1px solid red;
    display: flex;
    }
    */
  2. Microtribute revised this gist Dec 20, 2022. 1 changed file with 10 additions and 3 deletions.
    13 changes: 10 additions & 3 deletions custom.css
    View file
    Original file line number Diff line number Diff line change
    @@ -1,4 +1,5 @@
    @import url('Neue-Haas-Unica-Pro.css');
    /* @import url('Neue-Haas-Unica-Pro.css'); */
    @import url("https://gist.github.com/Microtribute/efb869a60d61679e427f478cda4a5874/raw/6a7427140120519911fc97d40c3ac77c7b678656/Neue-Haas-Unica-Pro.css");

    :root {
    --primary-font-family: 'Neue Haas Unica Pro', sans-serif;
    @@ -50,10 +51,11 @@ form[role="search"] *::after,
    /* Show only the M part of the Gmail logo */
    header[role="banner"] > div:nth-of-type(2) > div:first-of-type {
    min-width: auto !important;
    width: 56px !important;
    width: 54px !important;
    overflow: hidden !important;
    padding-left: 10px !important;
    padding-left: 12px !important;
    padding-right: 0 !important;
    transform: scale(1.2);
    }

    /* Disable the hamburger menu */
    @@ -80,3 +82,8 @@ header[role="banner"] div[role="button"][aria-label="Main menu"] {
    div[role="navigation"] div[gh="cm"]::before {
    background-image: url("https://www.gstatic.com/images/icons/material/colored_icons/3x/create_32dp.png") !important;
    }

    /* Perfectly round + button */
    .bhZ:not(.bym) .z0>.L3 {
    border-radius: 50%;
    }
  3. Microtribute revised this gist May 9, 2022. 1 changed file with 5 additions and 0 deletions.
    5 changes: 5 additions & 0 deletions custom.css
    View file
    Original file line number Diff line number Diff line change
    @@ -75,3 +75,8 @@ header[role="banner"] div[role="button"][aria-label="Main menu"] {
    border: none;
    transform: translateY(4px);
    }

    /* Restore the sassy + icon for the Compose button. Available options are 2x and 3x. */
    div[role="navigation"] div[gh="cm"]::before {
    background-image: url("https://www.gstatic.com/images/icons/material/colored_icons/3x/create_32dp.png") !important;
    }
  4. Microtribute revised this gist May 6, 2022. 1 changed file with 9 additions and 0 deletions.
    9 changes: 9 additions & 0 deletions custom.css
    View file
    Original file line number Diff line number Diff line change
    @@ -66,3 +66,12 @@ header[role="banner"] div[role="button"][aria-label="Main menu"] {
    pointer-events: none;
    padding-right: 27px; */
    }

    /* Create Filter Form */
    .SK.ZF-zT {
    max-width: auto !important;
    min-width: auto !important;
    border-radius: 8px;
    border: none;
    transform: translateY(4px);
    }
  5. Microtribute revised this gist May 6, 2022. 1 changed file with 16 additions and 3 deletions.
    19 changes: 16 additions & 3 deletions custom.css
    View file
    Original file line number Diff line number Diff line change
    @@ -34,7 +34,7 @@ div[role="navigation"] a,

    /* Search */
    form[role="search"],
    form[role="search"] *:not(input[type="text"]),
    form[role="search"] *:not(input),
    form[role="search"] *::before,
    form[role="search"] *::after,

    @@ -47,9 +47,22 @@ form[role="search"] *::after,
    font-family: var(--primary-font-family) !important;
    }

    /* Show only the M part of the Gmail logo */
    header[role="banner"] > div:nth-of-type(2) > div:first-of-type {
    min-width: auto !important;
    width: 56px !important;
    overflow: hidden !important;
    padding-left: 10px !important;
    padding-right: 0 !important;
    }

    /* Disable the hamburger menu */
    header[role="banner"] div[role="button"][aria-label="Main menu"] {
    visibility: hidden !important;
    width: 0 !important;
    overflow: hidden !important;
    display: none !important;
    pointer-events: none !important;
    /* visibility: hidden !important;
    pointer-events: none;
    padding-right: 27px;
    padding-right: 27px; */
    }
  6. Microtribute revised this gist May 5, 2022. 1 changed file with 7 additions and 0 deletions.
    7 changes: 7 additions & 0 deletions custom.css
    View file
    Original file line number Diff line number Diff line change
    @@ -46,3 +46,10 @@ form[role="search"] *::after,
    {
    font-family: var(--primary-font-family) !important;
    }

    /* Disable the hamburger menu */
    header[role="banner"] div[role="button"][aria-label="Main menu"] {
    visibility: hidden !important;
    pointer-events: none;
    padding-right: 27px;
    }
  7. Microtribute revised this gist May 5, 2022. 1 changed file with 3 additions and 0 deletions.
    3 changes: 3 additions & 0 deletions custom.css
    View file
    Original file line number Diff line number Diff line change
    @@ -38,6 +38,9 @@ form[role="search"] *:not(input[type="text"]),
    form[role="search"] *::before,
    form[role="search"] *::after,

    /* Date & Time */
    .ig .g3, .hI .g3, .iv .g3, .gridcell,

    /* Attachment */
    .brg
    {
  8. Microtribute revised this gist May 5, 2022. 2 changed files with 303 additions and 5 deletions.
    268 changes: 268 additions & 0 deletions Neue-Haas-Unica-Pro.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,268 @@
    /*
    * @link https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight#common_weight_name_mapping
    */

    /*
    * For this specific font we arrage the weights as follows:
    * UltraLight 100
    * Thin 200
    * Light 300
    * Regular 400
    * Medium 500
    * Bold 700
    * Heavy 800
    * Black 900
    * ExtraBlack 950
    */

    /* Neue Haas Unica Pro Thin Regular */
    @font-face {
    font-family: 'Neue Haas Unica Pro';
    src: local('Neue Haas Unica Pro Thin'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-Thin.eot'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-Thin.woff2') format('woff2'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-Thin.woff') format('woff'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-Thin.ttf') format('truetype'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-Thin.svg#NeueHaasUnicaPro-Thin') format('svg'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-Thin.eot?#iefix') format('embedded-opentype');
    font-weight: 200;
    font-style: normal;
    }

    /* Neue Haas Unica Pro Thin Italic */
    @font-face {
    font-family: 'Neue Haas Unica Pro';
    src: local('Neue Haas Unica Pro Thin Italic'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-ThinItalic.eot'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-ThinItalic.woff2') format('woff2'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-ThinItalic.woff') format('woff'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-ThinItalic.ttf') format('truetype'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-ThinItalic.svg#NeueHaasUnicaPro-ThinItalic') format('svg'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-ThinItalic.eot?#iefix') format('embedded-opentype');
    font-weight: 200;
    font-style: italic;
    }

    /* Neue Haas Unica Pro UltaLight Regular */
    @font-face {
    font-family: 'Neue Haas Unica Pro';
    src: local('Neue Haas Unica Pro UltraLight'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-UltraLight.eot'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-UltraLight.woff2') format('woff2'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-UltraLight.woff') format('woff'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-UltraLight.ttf') format('truetype'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-UltraLight.svg#NeueHaasUnicaPro-UltraLight') format('svg'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-UltraLight.eot?#iefix') format('embedded-opentype');
    font-weight: 100;
    font-style: normal;
    }

    /* Neue Haas Unica Pro UltraLIght Italic */
    @font-face {
    font-family: 'Neue Haas Unica Pro';
    src: local('Neue Haas Unica Pro UltraLight Italic'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-UltLightIt.eot'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-UltLightIt.woff2') format('woff2'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-UltLightIt.woff') format('woff'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-UltLightIt.ttf') format('truetype'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-UltLightIt.svg#NeueHaasUnicaPro-UltLightIt') format('svg'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-UltLightIt.eot?#iefix') format('embedded-opentype');
    font-weight: 100;
    font-style: italic;
    }

    /* Neue Haas Unica Pro Light Regular */
    @font-face {
    font-family: 'Neue Haas Unica Pro';
    src: local('Neue Haas Unica Pro Light'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-Light.eot'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-Light.woff2') format('woff2'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-Light.woff') format('woff'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-Light.ttf') format('truetype'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-Light.svg#NeueHaasUnicaPro-Light') format('svg'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-Light.eot?#iefix') format('embedded-opentype');
    font-weight: 300;
    font-style: normal;
    }

    /* Neue Haas Unica Pro Light Italic */
    @font-face {
    font-family: 'Neue Haas Unica Pro';
    src: local('Neue Haas Unica Pro Light Italic'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-LightIt.eot'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-LightIt.woff2') format('woff2'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-LightIt.woff') format('woff'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-LightIt.ttf') format('truetype'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-LightIt.svg#NeueHaasUnicaPro-LightIt') format('svg'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-LightIt.eot?#iefix') format('embedded-opentype');
    font-weight: 300;
    font-style: italic;
    }

    /* Neue Haas Unica Pro Regular */
    @font-face {
    font-family: 'Neue Haas Unica Pro';
    src: local('Neue Haas Unica Pro Regular'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-Regular.eot'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-Regular.woff2') format('woff2'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-Regular.woff') format('woff'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-Regular.ttf') format('truetype'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-Regular.svg#NeueHaasUnicaPro-Regular') format('svg'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-Regular.eot?#iefix') format('embedded-opentype');
    font-weight: 400;
    font-style: normal;
    }

    /* Neue Haas Unica Pro Italic */
    @font-face {
    font-family: 'Neue Haas Unica Pro';
    src: local('Neue Haas Unica Pro Italic'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-Italic.eot'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-Italic.woff2') format('woff2'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-Italic.woff') format('woff'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-Italic.ttf') format('truetype'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-Italic.svg#NeueHaasUnicaPro-Italic') format('svg'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-Italic.eot?#iefix') format('embedded-opentype');
    font-weight: 400;
    font-style: italic;
    }

    /* Neue Haas Unica Pro Medium Regular */
    @font-face {
    font-family: 'Neue Haas Unica Pro';
    src: local('Neue Haas Unica Pro Medium'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-Medium.eot'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-Medium.woff2') format('woff2'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-Medium.woff') format('woff'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-Medium.ttf') format('truetype'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-Medium.svg#NeueHaasUnicaPro-Medium') format('svg'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-Medium.eot?#iefix') format('embedded-opentype');
    font-weight: 500;
    font-style: normal;
    }

    /* Neue Haas Unica Pro Medium Italic */
    @font-face {
    font-family: 'Neue Haas Unica Pro';
    src: local('Neue Haas Unica Pro Medium Italic'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-MediumIt.eot'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-MediumIt.woff2') format('woff2'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-MediumIt.woff') format('woff'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-MediumIt.ttf') format('truetype'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-MediumIt.svg#NeueHaasUnicaPro-MediumIt') format('svg'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-MediumIt.eot?#iefix') format('embedded-opentype');
    font-weight: 500;
    font-style: italic;
    }

    /* Neue Haas Unica Pro Bold */
    @font-face {
    font-family: 'Neue Haas Unica Pro';
    src: local('Neue Haas Unica Pro Bold'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-Bold.eot'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-Bold.woff2') format('woff2'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-Bold.woff') format('woff'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-Bold.ttf') format('truetype'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-Bold.svg#NeueHaasUnicaPro-Bold') format('svg'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-Bold.eot?#iefix') format('embedded-opentype');
    font-weight: 700;
    font-style: normal;
    }

    /* Neue Haas Unica Pro Bold Italic */
    @font-face {
    font-family: 'Neue Haas Unica Pro';
    src: local('Neue Haas Unica Pro Bold Italic'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-BoldItalic.eot'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-BoldItalic.woff2') format('woff2'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-BoldItalic.woff') format('woff'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-BoldItalic.ttf') format('truetype'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-BoldItalic.svg#NeueHaasUnicaPro-BoldItalic') format('svg'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-BoldItalic.eot?#iefix') format('embedded-opentype');
    font-weight: 700;
    font-style: italic;
    }

    /* Neue Haas Unica Pro Heavy */
    @font-face {
    font-family: 'Neue Haas Unica Pro';
    src: local('Neue Haas Unica Pro Heavy'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-Heavy.eot'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-Heavy.woff2') format('woff2'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-Heavy.woff') format('woff'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-Heavy.ttf') format('truetype'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-Heavy.svg#NeueHaasUnicaPro-Heavy') format('svg'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-Heavy.eot?#iefix') format('embedded-opentype');
    font-weight: 800;
    font-style: normal;
    }

    /* Neue Haas Unica Pro Heavy Italic */
    @font-face {
    font-family: 'Neue Haas Unica Pro';
    src: local('Neue Haas Unica Pro Heavy Italic'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-HeavyIt.eot'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-HeavyIt.woff2') format('woff2'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-HeavyIt.woff') format('woff'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-HeavyIt.ttf') format('truetype'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-HeavyIt.svg#NeueHaasUnicaPro-HeavyIt') format('svg'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-HeavyIt.eot?#iefix') format('embedded-opentype');
    font-weight: 800;
    font-style: italic;
    }

    /* Neue Haas Unica Pro Black */
    @font-face {
    font-family: 'Neue Haas Unica Pro';
    src: local('Neue Haas Unica Pro Black'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-Black.eot'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-Black.woff2') format('woff2'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-Black.woff') format('woff'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-Black.ttf') format('truetype'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-Black.svg#NeueHaasUnicaPro-Black') format('svg'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-Black.eot?#iefix') format('embedded-opentype');
    font-weight: 900;
    font-style: normal;
    }

    /* Neue Haas Unica Pro Black Italic */
    @font-face {
    font-family: 'Neue Haas Unica Pro';
    src: local('Neue Haas Unica Pro Black Italic'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-BlackIt.eot'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-BlackIt.woff2') format('woff2'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-BlackIt.woff') format('woff'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-BlackIt.ttf') format('truetype'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-BlackIt.svg#NeueHaasUnicaPro-BlackIt') format('svg'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-BlackIt.eot?#iefix') format('embedded-opentype');
    font-weight: 900;
    font-style: italic;
    }

    /* Neue Haas Unica Pro ExtraBlack */
    @font-face {
    font-family: 'Neue Haas Unica Pro';
    src: local('Neue Haas Unica Pro ExtraBlack'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-XBlack.eot'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-XBlack.woff2') format('woff2'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-XBlack.woff') format('woff'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-XBlack.ttf') format('truetype'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-XBlack.svg#NeueHaasUnicaPro-XBlack') format('svg'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-XBlack.eot?#iefix') format('embedded-opentype');
    font-weight: 950;
    font-style: normal;
    }

    /* Neue Haas Unica Pro ExtraBlack Italic */
    @font-face {
    font-family: 'Neue Haas Unica Pro';
    src: local('Neue Haas Unica Pro ExtraBlack Italic'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-XBlackIt.eot'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-XBlackIt.woff2') format('woff2'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-XBlackIt.woff') format('woff'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-XBlackIt.ttf') format('truetype'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-XBlackIt.svg#NeueHaasUnicaPro-XBlackIt') format('svg'),
    url('../fonts/NeueHaasUnicaPro/NeueHaasUnicaPro-XBlackIt.eot?#iefix') format('embedded-opentype');
    font-weight: 950;
    font-style: italic;
    }
    40 changes: 35 additions & 5 deletions custom.css
    View file
    Original file line number Diff line number Diff line change
    @@ -1,15 +1,45 @@
    @import url('Neue-Haas-Unica-Pro.css');

    :root {
    --primary-font-family: 'Neue Haas Unica Pro', sans-serif;
    }

    /* Fix the inverted images in the Search Mail drop down. */
    #aso_search_form_anchor table img {
    filter: invert(100) hue-rotate(-180deg);
    filter: invert(100) hue-rotate(-180deg);
    }

    /* Hide the Support icon, the hamburger menu, and the user icon */
    div[data-ogsr-up],
    div[data-tooltip="Support"] {
    display: none;
    div[data-tooltip="Support"],
    div[data-tooltip="Settings"] {
    display: none;
    }

    /* Widen the Search mail box */
    form#aso_search_form_anchor {
    max-width: none;
    form[role="search"] {
    max-width: none;
    }

    *,
    *::before,
    *::after
    {
    font-family: var(--primary-font-family);
    }


    /* Side Drawer */
    div[role="navigation"] a,

    /* Search */
    form[role="search"],
    form[role="search"] *:not(input[type="text"]),
    form[role="search"] *::before,
    form[role="search"] *::after,

    /* Attachment */
    .brg
    {
    font-family: var(--primary-font-family) !important;
    }
  9. Microtribute revised this gist Apr 8, 2021. 1 changed file with 6 additions and 5 deletions.
    11 changes: 6 additions & 5 deletions custom.css
    View file
    Original file line number Diff line number Diff line change
    @@ -1,14 +1,15 @@
    ```css
    /* Fix the inverted images in the Search Mail drop down. */
    #aso_search_form_anchor table img {
    filter: invert(100) hue-rotate(-180deg);
    filter: invert(100) hue-rotate(-180deg);
    }

    /* Hide the Support icon, the hamburger menu, and the user icon */
    div[data-ogsr-up],
    div[data-tooltip="Support"] {
    display: none;
    display: none;
    }

    /* Widen the Search mail box */
    form#aso_search_form_anchor {
    max-width: none;
    max-width: none;
    }
    ```
  10. Microtribute revised this gist Apr 8, 2021. 1 changed file with 8 additions and 11 deletions.
    19 changes: 8 additions & 11 deletions custom.css
    View file
    Original file line number Diff line number Diff line change
    @@ -1,17 +1,14 @@
    header[role="banner"] div[data-tooltip="Settings"],
    div[role="navigation"][aria-label="Toggle side panel"],
    div[aria-label="Account Information"],
    header[role="banner"] div.gb_qe,
    header[role="banner"] .gb_Xc,
    div[data-ogsr-up] {
    ```css
    #aso_search_form_anchor table img {
    filter: invert(100) hue-rotate(-180deg);
    }

    div[data-ogsr-up],
    div[data-tooltip="Support"] {
    display: none;
    }

    form#aso_search_form_anchor {
    max-width: none;
    }

    header[role="banner"] .gb_Jd:not(.gb_Fe) .gb_He {
    padding-right: 0 !important;
    padding-left: 0 !important;
    }
    ```
  11. Microtribute created this gist Mar 16, 2021.
    17 changes: 17 additions & 0 deletions custom.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,17 @@
    header[role="banner"] div[data-tooltip="Settings"],
    div[role="navigation"][aria-label="Toggle side panel"],
    div[aria-label="Account Information"],
    header[role="banner"] div.gb_qe,
    header[role="banner"] .gb_Xc,
    div[data-ogsr-up] {
    display: none;
    }

    form#aso_search_form_anchor {
    max-width: none;
    }

    header[role="banner"] .gb_Jd:not(.gb_Fe) .gb_He {
    padding-right: 0 !important;
    padding-left: 0 !important;
    }