wip/74900-universite-toulon-ajustements #186
|
@ -0,0 +1,11 @@
|
|||
div#login-page {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.theme-auth-oidc {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
|
@ -1,3 +1,7 @@
|
|||
a:hover {
|
||||
color: $accent-color;
|
||||
}
|
||||
|
||||
.carrousel {
|
||||
&-item-content {
|
||||
padding: $space-xlarge;
|
||||
|
@ -68,9 +72,6 @@
|
|||
.gru-content div.cell {
|
||||
--cell-color: #{$primary-color};
|
||||
|
||||
padding: $space-xsmall $space-small;
|
||||
margin: $space-small $space-small;
|
||||
|
||||
color: var(--cell-color);
|
||||
|
||||
> div {
|
||||
|
@ -89,12 +90,12 @@
|
|||
position: relative;
|
||||
|
||||
h2:first-child {
|
||||
padding: $space-xsmall calc(#{$cell-image-size} + #{$space-small});
|
||||
padding: $space-xsmall 0 $space-xsmall calc(#{$cell-image-size} + #{$space-small});
|
||||
}
|
||||
|
||||
picture {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
top: -5px;
|
||||
padding: $space-xsmall 0;
|
||||
}
|
||||
|
||||
|
@ -122,10 +123,24 @@
|
|||
--cell-color: white;
|
||||
background: linear-gradient(180deg, $primary-color 0%, $secondary-color 100%);
|
||||
padding: $space-medium $space-medium;
|
||||
|
||||
h2:first-child {
|
||||
border-bottom-style: dotted;
|
||||
}
|
||||
}
|
||||
|
||||
&.theme-big-cell {
|
||||
font-size: 1.4em;
|
||||
&.theme-profile-cell {
|
||||
font-size: 1.2em;
|
||||
div.links-list > ul > li {
|
||||
border-bottom: none;
|
||||
> a {
|
||||
color: black;
|
||||
font-weight: normal;
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -297,7 +312,9 @@ div.cell.tracking-code-input-cell {
|
|||
|
||||
@mixin icon($name) {
|
||||
.theme-icon.#{$name}::before {
|
||||
background-image: url("img/icons/" + $name + ".svg")
|
||||
background-image: url("img/icons/" + $name + ".svg");
|
||||
width: 1.2em;
|
||||
height: 1.2em;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -3,6 +3,7 @@
|
|||
}
|
||||
|
||||
#footer div.cell {
|
||||
line-height: 1.6;
|
||||
@media($max-mobile-viewport) {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
|
@ -11,6 +12,8 @@
|
|||
h2:first-child {
|
||||
font-size: $fz-5;
|
||||
text-transform: uppercase;
|
||||
margin-bottom: $space-large;
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -1,3 +1,6 @@
|
|||
html {
|
||||
letter-spacing: .05rem;
|
||||
}
|
||||
#top {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
|
|
@ -23,7 +23,7 @@ $transition-1: 0.3s ease-in-out;
|
|||
|
||||
$fz-1: 1rem * 60 / 16;
|
||||
$fz-2: 1rem * 37 / 16;
|
||||
$fz-3: 1rem * 26 / 16;
|
||||
$fz-3: 1rem * 25 / 16;
|
||||
$fz-4: 1rem * 22 / 16;
|
||||
$fz-5: 1rem * 18 / 16;
|
||||
$fz-6: 1rem;
|
||||
|
@ -35,10 +35,11 @@ $accent-color: $orange-1;
|
|||
$font-family: 'Roboto', sans-serif;
|
||||
$link-color: $blue-1;
|
||||
$link-hover-color: $accent-color;
|
||||
$link-hover-decoration: none;
|
||||
|
||||
// general
|
||||
$width: 1120px;
|
||||
$sidebar-width: 28%;
|
||||
$sidebar-width: 33%;
|
||||
$columns-gutter: 0px;
|
||||
$nav-after-image: false;
|
||||
|
||||
|
@ -69,23 +70,8 @@ $nav-menu-side: 35px;
|
|||
$nav-mobile-menu-background: $primary-color;
|
||||
$nav-mobile-menu-item-color: white;
|
||||
$nav-mobile-menu-item-hover-background: $secondary-color;
|
||||
/*
|
||||
$nav-button-color: $nav-menu-color !default;
|
||||
$nav-button-bar-height: 2px !default;
|
||||
$nav-item-background: transparent !default;
|
||||
$nav-item-transform: none !default;
|
||||
$nav-submenu-background: $nav-background !default;
|
||||
$nav-submenu-color: $nav-menu-color !default;
|
||||
|
||||
$nav-mobile-menu-background: #eee !default;
|
||||
$nav-mobile-menu-item-color: black !default;
|
||||
$nav-mobile-menu-item-hover-background: $nav-item-hover-background !default;
|
||||
$nav-mobile-menu-item-hover-color: $nav-item-hover-color !default;
|
||||
$nav-item-spacing: 0px !default;
|
||||
$responsive-menu: top-to-bottom !default; // or left-to-right
|
||||
$responsive-menu-mask: false !default;
|
||||
$responsive-menu-mask-background: rgba(0, 0, 0, 0.45) !default;
|
||||
*/
|
||||
$sidebar-columns-gutter: 20px;
|
||||
$columns-gutter: 0;
|
||||
|
||||
// content
|
||||
$title-background: transparent;
|
||||
|
|
|
@ -6,7 +6,17 @@
|
|||
}
|
||||
}
|
||||
|
||||
.theme-secondary-button {
|
||||
@extend %button;
|
||||
background: $blue-2;
|
||||
}
|
||||
.form-content {
|
||||
&--sidebox {
|
||||
width: 33%;
|
||||
+ div#rub_service {
|
||||
width: 61%;
|
||||
}
|
||||
}
|
||||
&--title {
|
||||
text-align: center;
|
||||
background: $secondary-color;
|
||||
|
|
|
@ -8,6 +8,7 @@
|
|||
"COMBO_ASSET_SLOTS.update": {
|
||||
"header:background": { "label": "Têtière : fond" },
|
||||
"header:logo": { "label": "Têtière : logo" },
|
||||
"connexion:logo": { "label": "Compte Univ Toulon : logo" },
|
||||
"emails:logo": { "label": "Emails: logo" }
|
||||
}
|
||||
}
|
||||
|
|
Binary file not shown.
After Width: | Height: | Size: 13 KiB |
|
@ -8,3 +8,4 @@
|
|||
@import 'content';
|
||||
@import 'wcs';
|
||||
@import 'footer';
|
||||
@import 'authentic';
|
||||
|
|
|
@ -0,0 +1,7 @@
|
|||
{% extends "authentic2/login_password_form.html" %}
|
||||
|
||||
{% block login %}
|
||||
<p><strong>Vous n’avez pas de compte à l’Université ?</strong> Dans ce cas, utilisez votre adresse électronique personnelle. Si vous n’avez pas de compte, enregistrez-vous sur le site.</p>
|
||||
{{ block.super }}
|
||||
{% endblock %}
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
{% load static %}
|
||||
<div class="theme-auth-oidc">
|
||||
<img src="{% static "universite-toulon/img/connexion-logo.png" %}"/>
|
||||
<p><strong>Vous êtes personnel ou étudiant à l’Université de Toulon,</strong> vous devez utiliser votre compte numérique.</p>
|
||||
<a class="pk-button" href="{% url "oidc-login" pk=provider.pk %}?{{ request.GET.urlencode }}">
|
||||
Connectez-vous avec votre compte UnivToulon
|
||||
</a>
|
||||
</div>
|
||||
|
Loading…
Reference in New Issue