Browse Source

Added depth effect to UI links

full-screen-logo-homepage
Said Achmiz 5 years ago
parent
commit
5264f5b4a5
1 changed files with 9 additions and 0 deletions
  1. 9
    0
      assets/css/main.css

+ 9
- 0
assets/css/main.css View File

--deus-color-light-blue: #2069b3; --deus-color-light-blue: #2069b3;
--deus-color-gold: #fdc22f; --deus-color-gold: #fdc22f;
--deus-color-gold-shadow: #a5842e; --deus-color-gold-shadow: #a5842e;
--deus-color-gold-shadow-opacity-one-quarter: rgba(165, 132, 46, 0.25);
--deus-color-gold-shadow-opacity-one-half: rgba(165, 132, 46, 0.5);
--deus-color-gold-shadow-opacity-three-quarters: rgba(165, 132, 46, 0.75);
--deus-color-golden-brown: #684f00; --deus-color-golden-brown: #684f00;
--deus-color-darker-grey: #161a1f; --deus-color-darker-grey: #161a1f;
--deus-color-dark-grey: #272b30; --deus-color-dark-grey: #272b30;
--deus-link-color-hover: var(--deus-color-white); --deus-link-color-hover: var(--deus-color-white);
--deus-link-color-active: var(--deus-color-white); --deus-link-color-active: var(--deus-color-white);
--deus-link-color-visited: var(--deus-color-gold); --deus-link-color-visited: var(--deus-color-gold);
--deus-link-text-shadow-color: var(--deus-color-gold-shadow-opacity-one-quarter);
--deus-image-border-color: var(--deus-color-golden-brown); --deus-image-border-color: var(--deus-color-golden-brown);


font-weight: bold; font-weight: bold;
font-feature-settings: var(--deus-nav-ui-font-opentype-features); font-feature-settings: var(--deus-nav-ui-font-opentype-features);
font-variant: var(--deus-nav-ui-font-variant); font-variant: var(--deus-nav-ui-font-variant);
text-shadow: 2px 2px 0 var(--deus-link-text-shadow-color);


/* Workaround for baseline bug in “Spectral” font. /* Workaround for baseline bug in “Spectral” font.
*/ */
padding-top: calc(0.5 * var(--deus-post-padding) + 0.125em); padding-top: calc(0.5 * var(--deus-post-padding) + 0.125em);
} }


article h1 a {
text-shadow: 2px 2px 0 var(--deus-link-text-shadow-color);
}

article h1 a:hover { article h1 a:hover {
text-decoration: none; text-decoration: none;
} }

Loading…
Cancel
Save