diff options
| author | Kévin Le Gouguec <kevin.legouguec@gmail.com> | 2021-02-09 23:05:48 +0100 |
|---|---|---|
| committer | Kévin Le Gouguec <kevin.legouguec@gmail.com> | 2021-02-09 23:05:48 +0100 |
| commit | 8dc6633cafbbb39d7e75873bb4cc14b5886b5c07 (patch) | |
| tree | 59642d1c4d2b2037826200578bc6ac02115450c9 | |
| parent | 0417565304f764bc34277c20c5bb2d982e063451 (diff) | |
| download | quatuorbellefeuille.com-8dc6633cafbbb39d7e75873bb4cc14b5886b5c07.tar.xz | |
Change EN button styling
| -rw-r--r-- | stylesheets/commun.css | 13 | ||||
| -rw-r--r-- | stylesheets/dark.css | 4 | ||||
| -rw-r--r-- | template.html | 4 |
3 files changed, 14 insertions, 7 deletions
diff --git a/stylesheets/commun.css b/stylesheets/commun.css index c349d79..dbec72e 100644 --- a/stylesheets/commun.css +++ b/stylesheets/commun.css @@ -55,12 +55,17 @@ nav > ol > li > a { padding: 0.5em 0.1em; } -.lang { - background-color: black; - border-radius: 50% 50% 50% 0; - color: white; +a.lang { + display: block; + border: 0.15em solid black; + border-radius: 50%; padding: 0.5em; } +a.lang:hover { + color: var(--gold); + background: white; + border: 0.15em solid white; +} footer.social > .content { display: flex; diff --git a/stylesheets/dark.css b/stylesheets/dark.css index 5c08f5a..1cddba1 100644 --- a/stylesheets/dark.css +++ b/stylesheets/dark.css @@ -3,6 +3,10 @@ body { color: white; } +a.lang { + border-color: white; +} + header.banner img, .social a img { filter: brightness(10); } diff --git a/template.html b/template.html index acd0eb6..9219b8e 100644 --- a/template.html +++ b/template.html @@ -42,9 +42,7 @@ <li><a href="gallerie.html">gallerie</a></li> </ol> </nav> - <div class="lang"> - EN - </div> + <a class="lang" href="">EN</a> </div> </header> |