Add 'OU' bar between frontends (fixes #10711).

static/themes/django-montpellier/style.css

@@ -935,6 +935,21 @@ ul.account-management li {
     color: #fff;
 }
 
+div.textbreak {
+    margin-top: 30px;
+    margin-bottom: 20px;
+    width: 100%;
+    height: 8px;
+    border-bottom: 1px solid grey;
+    text-align: center;
+}
+
+div.textbreak span {
+    font-size: 16px;
+    background-color: white;
+    padding: 0 10px;
+}
+
 /* bits of responsive design */
 
 @media screen and (max-width: 760px) {

templates/authentic2/login.html

@@ -8,13 +8,16 @@
 <h2 class="single-title">Compte citoyen</h2>
 
 <div id="welcome">
-<h3>Connexion</h3>
+    <h3>Connexion</h3>
+</div>
 
 <div class="right">
 {% for name, content in methods %}
-{{ content|safe }}
+    {% if not forloop.first %}
+    <div class="textbreak"><span>OU</span></div>
+    {% endif %}
+    {{ content|safe }}
 {% endfor %}
-
 </div>
 
 <br class="clear"/>

templates/registration/registration_form.html

@@ -13,6 +13,7 @@
 <div class="right">
 {% include 'authentic2/form.html' with form=form %}
 {% for registration_frontend in registration_frontends %}
+    <div class="textbreak"><span>OU</span></div>
     {{ registration_frontend|safe }}
 {% endfor %}
 </div>