Fix login switch css
This commit is contained in:
parent
e7b0d71416
commit
c236044ac2
3 changed files with 26 additions and 23 deletions
|
@ -7,22 +7,30 @@ html, body {
|
||||||
}
|
}
|
||||||
|
|
||||||
#container {
|
#container {
|
||||||
display: flex;
|
|
||||||
flex-flow: row wrap;
|
|
||||||
padding: 10% 1em;
|
padding: 10% 1em;
|
||||||
min-width: 300px;
|
min-width: 300px;
|
||||||
max-width: 900px;
|
max-width: 900px;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
h2 {
|
#container-title {
|
||||||
margin: 0;
|
|
||||||
padding: 15px;
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background: #505160;
|
background: #505160;
|
||||||
color: white;
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
#container-title h2 {
|
||||||
|
padding: 15px;
|
||||||
font-weight: initial;
|
font-weight: initial;
|
||||||
font-size: 2em;
|
font-size: 2em;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#container-content {
|
||||||
|
text-align: center;
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
flex-flow: row wrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cas {
|
.cas {
|
||||||
|
@ -40,10 +48,7 @@ h2 {
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
#container-content {
|
|
||||||
text-align: center;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.auth_form {
|
.auth_form {
|
||||||
padding: 0.5em;
|
padding: 0.5em;
|
||||||
|
@ -121,7 +126,7 @@ select {
|
||||||
text-align: end;
|
text-align: end;
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
.big-button {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
height: 200px;
|
height: 200px;
|
||||||
min-width: 300px;
|
min-width: 300px;
|
||||||
|
@ -132,6 +137,6 @@ a {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
a:hover {
|
.big-button :hover {
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
|
|
|
@ -16,7 +16,9 @@
|
||||||
<body>
|
<body>
|
||||||
<div id="container">
|
<div id="container">
|
||||||
{% block container-top %}
|
{% block container-top %}
|
||||||
|
<div id="container-title">
|
||||||
<h2>{% if request.site.name %}{{ request.site.name }}{% else %}AuthENS{% endif %} - {% block container-title %}{% endblock %}</h2>
|
<h2>{% if request.site.name %}{{ request.site.name }}{% else %}AuthENS{% endif %} - {% block container-title %}{% endblock %}</h2>
|
||||||
|
</div>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
||||||
{% if messages %}
|
{% if messages %}
|
||||||
|
|
|
@ -6,19 +6,15 @@
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<a href="{% url "authens:login.cas" %}?next={{ next| urlencode }}">
|
<div id="container-content">
|
||||||
<div class="big-button cas">
|
<a class="big-button cas" href="{% url "authens:login.cas" %}?next={{ next| urlencode }}">
|
||||||
{% trans "Clipper" %}
|
{% trans "Clipper" %}
|
||||||
</div>
|
|
||||||
</a>
|
</a>
|
||||||
<a href="{% url "authens:login.pwd" %}?next={{ next| urlencode }}">
|
<a class="big-button exte" href="{% url "authens:login.pwd" %}?next={{ next| urlencode }}">
|
||||||
<div class="big-button exte">
|
|
||||||
{% trans "Mot de passe" %}
|
{% trans "Mot de passe" %}
|
||||||
</div>
|
|
||||||
</a>
|
</a>
|
||||||
<a href="{% url "authens:login.oldcas" %}?next={{ next| urlencode }}">
|
<a class="big-button oldcas" href="{% url "authens:login.oldcas" %}?next={{ next| urlencode }}">
|
||||||
<div class="big-button oldcas">
|
|
||||||
{% trans "Vieilleux" %}
|
{% trans "Vieilleux" %}
|
||||||
</div>
|
|
||||||
</a>
|
</a>
|
||||||
|
</div>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
Loading…
Reference in a new issue