quatuorbellefeuille.com

commit 8dc6633cafbbb39d7e75873bb4cc14b5886b5c07
parent 0417565304f764bc34277c20c5bb2d982e063451
Author: Kévin Le Gouguec <kevin.legouguec@gmail.com>
Date:   Tue,  9 Feb 2021 23:05:48 +0100

Change EN button styling

Diffstat:
M
stylesheets/commun.css
 | 
13
+++++++++----
M
stylesheets/dark.css
 | 
4
++++
M
template.html
 | 
4
+---

3 files changed, 14 insertions(+), 7 deletions(-)
diff --git 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
@@ -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
@@ -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>