You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
97 lines
2.0 KiB
97 lines
2.0 KiB
10 months ago
|
/*
|
||
|
|
.pj-popin-big-authent {
|
||
|
|
.pj-popin-authent {
|
||
|
|
max-width: 96rem;
|
||
|
|
}
|
||
|
|
.authent-container {
|
||
|
|
display: grid;
|
||
|
|
grid-template-columns: 43rem auto;
|
||
|
|
grid-template-rows: 1fr;
|
||
|
|
gap: 1px 1px;
|
||
|
|
grid-template-areas:
|
||
|
|
"authent-banner authent-footer";
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
.authent-banner {
|
||
|
|
background-color:yellow;
|
||
|
|
grid-area: authent-banner;
|
||
|
|
padding: 13rem 6rem 6rem;
|
||
|
|
background-image: url('../images/boussole.svg'), url('../images/coeur.svg'), url('../images/poi.svg');
|
||
|
|
background-position: -1.6rem -1.6rem,110% 35rem, -10px 104%;
|
||
|
|
background-size: 15rem, 15rem, 11rem;
|
||
|
|
}
|
||
|
|
.authent-footer {
|
||
|
|
grid-area: authent-footer;
|
||
|
|
padding: 9rem 4rem 2rem;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.authent-banner {
|
||
|
|
background-size: 15rem;
|
||
|
|
padding: 7rem;
|
||
|
|
}
|
||
|
|
.authent-footer {
|
||
|
|
padding: 14rem;
|
||
|
|
}
|
||
|
|
*/
|
||
|
|
|
||
|
|
.pj-popin-big-authent {
|
||
|
|
.pj-popin-authent {
|
||
|
|
max-width: 96rem;
|
||
|
|
}
|
||
|
|
.authent-container {
|
||
|
|
}
|
||
|
|
.authent-banner {
|
||
|
|
background-color:yellow;
|
||
|
|
}
|
||
|
|
#kc-content-wrapper {
|
||
|
|
display: grid;
|
||
|
|
grid-template-columns: calc(50% - 20px) 40px calc(50% - 20px);
|
||
|
|
grid-template-rows: 1fr 1fr;
|
||
|
|
grid-template-areas: "auth-left auth-divide auth-right" "auth-info auth-info auth-info";
|
||
|
|
height: 100%;
|
||
|
|
.pj-form {
|
||
|
|
position: relative;
|
||
|
|
background-color: azure;
|
||
|
|
grid-area: auth-right;
|
||
|
|
}
|
||
|
|
hr,.hr {
|
||
|
|
text-align: center;
|
||
|
|
width:100%;
|
||
|
|
display: block;
|
||
|
|
color: transparent;
|
||
|
|
background-color: transparent;
|
||
|
|
border:none;
|
||
|
|
position: relative;
|
||
|
|
grid-area: auth-divide;
|
||
|
|
&:before {
|
||
|
|
content: "";
|
||
|
|
position: absolute;
|
||
|
|
display:block;
|
||
|
|
width:2px;
|
||
|
|
height: 100%;
|
||
|
|
left:calc(50% - 1px);
|
||
|
|
background-color: black;
|
||
|
|
}
|
||
|
|
&:after {
|
||
|
|
color:black;
|
||
|
|
position: absolute;
|
||
|
|
content: "OU";
|
||
|
|
display:block;
|
||
|
|
background-color: white;
|
||
|
|
height:40px;
|
||
|
|
line-height: 40px;
|
||
|
|
bottom:calc(50% - 20px);
|
||
|
|
left:0;
|
||
|
|
right:0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
#kc-info {
|
||
|
|
grid-area: auth-info;
|
||
|
|
}
|
||
|
|
.social-providers {
|
||
|
|
position: relative;
|
||
|
|
grid-area: auth-left;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|