173 lines
2.9 KiB
SCSS
173 lines
2.9 KiB
SCSS
@charset "UTF-8";
|
||
/******************************************************* NORMAL ITEM
|
||
**/
|
||
|
||
#login-page > p {
|
||
/* top explanation text */
|
||
text-align: center;
|
||
margin: 20px 0 30px 0;
|
||
}
|
||
|
||
#Mot_de_passe,
|
||
#Carte_eID {
|
||
position: relative;
|
||
height: 350px;
|
||
width: 45%;
|
||
background-color: #f2f2f2;
|
||
background: linear-gradient(to bottom, #f6f6f6, white);
|
||
border-bottom: 2px solid #d2d2d2;
|
||
border-radius: 5% 5% 0% 0%;
|
||
padding: 1%;
|
||
}
|
||
|
||
#Mot_de_passe {
|
||
float: right;
|
||
form > p {
|
||
margin-top: 20px;
|
||
&.text {
|
||
margin-top: 0px;
|
||
clear: both;
|
||
margin-left: 86px;
|
||
padding-bottom: 10px;
|
||
span {
|
||
display: none;
|
||
}
|
||
&::before {
|
||
content: "› ";
|
||
font-weight: bold;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
#Carte_eID {
|
||
float: left;
|
||
}
|
||
|
||
/* Justify introduction text for eid connexion*/
|
||
#Carte_eID > div#Txt_intro_eid {
|
||
text-align: justify;
|
||
width: 30em;
|
||
}
|
||
|
||
#Carte_eID img {
|
||
margin: 0 auto;
|
||
display: block;
|
||
cursor: pointer;
|
||
}
|
||
|
||
#login-page h2 {
|
||
font-weight: normal;
|
||
text-transform: uppercase;
|
||
text-align: center;
|
||
margin-top: 0;
|
||
margin-bottom: 1em;
|
||
}
|
||
|
||
#login-page h2 span {
|
||
color: $highlight-text-color;
|
||
}
|
||
|
||
#id_username,
|
||
#id_password,
|
||
#id_email {
|
||
border-radius: 10px;
|
||
margin-top: 6px;
|
||
padding-left: 2em;
|
||
width: calc(100% - 54px - 54px);
|
||
border: 1px solid #eaeaea;
|
||
}
|
||
|
||
/* Accounts : Jusitfy introduction text for csam authentication*/
|
||
p#eid-intro {
|
||
text-align: left;
|
||
width: 92%;
|
||
font-style: italic;
|
||
text-align: justify;
|
||
padding-bottom: 20px;
|
||
}
|
||
|
||
/* Accounts : Align CSAM identity text with CSAM intro text (and justify)*/
|
||
#csam-login > div > p {
|
||
width: 90%;
|
||
text-align: justify;
|
||
text-justify: inter-word;
|
||
}
|
||
|
||
/* Position MSG "ce champs est obligatoire" when login and/or pass are empty*/
|
||
div#login-page form li:last-child,
|
||
div.password-reset-form form li:last-child {
|
||
border-top: none;
|
||
display: block;
|
||
font-size: 1em;
|
||
margin-top: none;
|
||
width: 100%;
|
||
margin-top: -1em;
|
||
}
|
||
|
||
div.password-reset-form form li:last-child {
|
||
font-size: 1.5em;
|
||
margin-top: 1.2em;
|
||
}
|
||
|
||
#login-legal-info {
|
||
position: absolute;
|
||
bottom: 2ex;
|
||
left: 2ex;
|
||
color: #666;
|
||
font-size: 80%;
|
||
}
|
||
|
||
div#login-page form ul.errorlist {
|
||
position: absolute;
|
||
left: 96px;
|
||
li {
|
||
position: relative;
|
||
top: -25px;
|
||
}
|
||
}
|
||
|
||
/*Mail du 23/12*/
|
||
div#login-age #Mot_de_passe form > p.text {
|
||
clear: both;
|
||
font-size: 18px;
|
||
margin-left: 23px;
|
||
margin-top: 0;
|
||
padding-bottom: 10px;
|
||
}
|
||
|
||
/*Back button to the email validation for registration*/
|
||
|
||
.a2-block [href="/"] {
|
||
background: #e0006c;
|
||
color: #fff;
|
||
padding: 0.5em;
|
||
}
|
||
|
||
/*Account creation*/
|
||
|
||
.page-profil #content .a2-block {
|
||
background: rgba(0, 0, 0, 0) linear-gradient(#f6f6f6, white) repeat scroll 0 0;
|
||
border-bottom: 2px solid #d2d2d2;
|
||
border-radius: 10px 10px 0 0;
|
||
padding: 1em;
|
||
h2 {
|
||
background-image: none;
|
||
font-size: 14.3px;
|
||
font-weight: bold;
|
||
text-align: center;
|
||
text-transform: uppercase;
|
||
}
|
||
}
|
||
|
||
div#login-page form > ul.errorlist {
|
||
float: left;
|
||
left: 0;
|
||
position: relative;
|
||
}
|
||
|
||
div#login-page form p + ul.errorlist {
|
||
left: 96px;
|
||
position: absolute;
|
||
}
|