Integrating language menu CSS

layouts/partials/navigators/navbar.html

@@ -66,13 +66,13 @@
         <li class="nav-item">
             {{ if .IsTranslated }}
             <ul>
-              <div class="dropdown nav-item">
-                <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+              <div class="dropdown nav-item languages-menu">
+                <button class="btn-dark dropdown-toggle nav-item" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="background-color: rgba(255, 255, 255, 0); color: ;">
                   {{ .Site.Language.LanguageName }}
                 </button>
                 <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                   {{ range $.Site.Home.AllTranslations }}
-                    <a class="dropdown-item nav-link" href="{{ .Permalink }}">
+                    <a class="dropdown-item nav-link languages-item" href="{{ .Permalink }}">
                       <img class="flag" src="https://www.countryflags.io/{{ cond (eq .Site.Language.Lang "en") "gb" .Language }}/flat/32.png">
                       {{ .Language.LanguageName }}
                     </a>

static/assets/css/navigators/navbar.css

@@ -271,3 +271,14 @@
 /* iPhone 5 or before */
 @media only screen and (max-width: 320px) {
 }
+
+.languages-menu {
+   filter:alpha(opacity=50);   /* Internet Explorer 6     */
+   -moz-opacity:0.5;           /* Mozilla 1.6 et infér.   */
+   opacity: 0.5;               /* CSS3 et Mozilla récents */
+  padding-top: 6px;
+  border: 0;
+}
+
+.languages-item {
+}