@-moz-document domain("alkemics.atlassian.net") { /*@font-face { font-family: "Charlie Text"; src: url("https://wac-cdn.atlassian.com/static/master/4260/assets/build/fonts/charlie-sans/charlie-text/Charlie_Text-Regular.woff2") format("woff"); src: url("https://wac-cdn.atlassian.com/static/master/4260/assets/build/fonts/charlie-sans/charlie-text/Charlie_Text-Semibold.woff2") format("woff"); src: url("https://wac-cdn.atlassian.com/static/master/4260/assets/build/fonts/charlie-sans/charlie-text/Charlie_Text-Bold.woff2") format("woff"); src: url("https://wac-cdn.atlassian.com/static/master/4260/assets/build/fonts/charlie-sans/charlie-text/Charlie_Text-Black.woff2") format("woff"); }*/ /* Header itself */ header { background-color: var(--ds-surface, white) !important; color: var(--ds-text-subtlest, #42526e) !important; font-family: "Charlie Text", -apple-system, "Segoe UI", Ubuntu, sans-serif; /*font-size:12pt;*/ --icon-primary-color: var(--ds-text-subtlest, #42526e) !important; } /* Alkemics Logos */ header nav img { filter: invert(1) hue-rotate(180deg); max-width: 90px !important; width: 28px; height: 32px; object-fit: none; object-position: 45%; } header nav a:first-of-type { margin-right: 0; &:hover { background-color: transparent; } } .iZanro { background-color: transparent; * { background-color: transparent; } } /* Buttons */ header a, header button { background-color: transparent !important; color: var(--ds-text-subtlest, #42526e) !important; svg { --icon-secondary-color: white; transition: transform .2s; } &:hover { color: var(--ds-text-subtle, hsl(216, 100%, 40%)) !important; background-color: var(--ds-background-neutral-hovered, hsla(216, 100%, 40%, 0.1)) !important; } &[aria-expanded="true"] { color: var(--ds-text-subtle, hsl(216, 100%, 40%)) !important; background-color: var(--ds-background-neutral-pressed, hsla(216, 100%, 40%, 0.2)) !important; svg { transform: rotatex(0.5turn); } } &#createGlobalItem { border-radius: 2px; &:hover { outline: 3px solid var(--ds-background-neutral-hovered, hsla(216, 100%, 40%, 0.8)); } } } /* Search box */ header input { box-shadow: none !important; outline: 1px solid rgba(66, 83, 110, 0.4) !important; border: none !important; border-radius: 3px !important; background-color: var(--ds-surface, white) !important; &::placeholder { color: var(--ds-text-subtlest, #42526e) !important; } &:hover:not(:focus) { color: var(--ds-text-subtle, hsl(216, 100%, 40%)) !important; background-color: var(--ds-background-neutral-hovered, hsla(216, 100%, 40%, 0.1)) !important; outline: 3px solid hsla(216, 100%, 40%, 0.8) !important; } &:focus { outline: 3px solid hsla(216, 100%, 40%, 0.8) !important; } } }