diff --git a/alkessian.less b/alkessian.less index 2975833..c1ff424 100644 --- a/alkessian.less +++ b/alkessian.less @@ -1,11 +1,21 @@ @-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, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", Ubuntu, "Droid Sans", "Helvetica Neue", sans-serif; + 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); @@ -15,54 +25,75 @@ 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; + 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; }