Styles.

static/stylesheet/style.less

@@ -122,7 +122,9 @@ main {
     font-size: .72em;
     padding: 14px 0 14px 0;
     border-bottom: @nav-border-color 1px solid;
+  }
 
+  nav, .translations {
     a {
       padding: 0 4px 0 4px;
       border-left: @nav-border-color 1px solid;
@@ -170,9 +172,8 @@ main {
       .translations {
         float: right;
 
-        .lang-current {
+        .active {
-          color: @white;
+          font-weight: 600;
-          background-color: @grey;
         }
       }
     }

templates/article.html

@@ -13,8 +13,10 @@
 {% block content %}
 <article class="single">
   <header>
-    {% import 'partial/translations.html' as translations with context %}
+    {% if not ARTICLE_HIDE_TRANSLATION %}
-    {{ translations.translations_for(article) }}
+      {% import 'partial/translations.html' as translations with context %}
+      {{ translations.translations_for(article) }}
+    {% endif %}
     <h1 id="{{ article.slug }}">{{ article.title }}</h1>
     <p>
       {{ _('Posted on %(when)s in %(category)s',

templates/partial/translations.html

@@ -1,10 +1,10 @@
 {% macro translations_for(article) %}
-{% if article.translations %}
+    {% if article.translations %}
-<div class="translations">
+    <div class="translations">
-<span class="lang lang-current">{{article.lang}}</span>
+    <a class="active" href="{{ SITEURL }}/{{ article.url }}">{{article.lang}}</a>
-{% for translation in article.translations %}
+    {% for translation in article.translations %}
-	<a class="lang" href="{{ SITEURL }}/{{ translation.url }}">{{ translation.lang }}</a>
+        <a href="{{ SITEURL }}/{{ translation.url }}">{{ translation.lang }}</a>
-{% endfor %}
+    {% endfor %}
-</div>
+    </div>
-{% endif %}
+    {% endif %}
 {% endmacro %}