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.
88 lines
2.4 KiB
88 lines
2.4 KiB
10 months ago
|
:root {
|
||
|
|
font-family: sans-serif; }
|
||
|
|
|
||
|
|
/*
|
||
|
|
.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; }
|
||
|
|
.pj-popin-big-authent .authent-banner {
|
||
|
|
background-color: yellow; }
|
||
|
|
.pj-popin-big-authent #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-popin-big-authent #kc-content-wrapper .pj-form {
|
||
|
|
position: relative;
|
||
|
|
background-color: azure;
|
||
|
|
grid-area: auth-right; }
|
||
|
|
.pj-popin-big-authent #kc-content-wrapper hr, .pj-popin-big-authent #kc-content-wrapper .hr {
|
||
|
|
text-align: center;
|
||
|
|
width: 100%;
|
||
|
|
display: block;
|
||
|
|
color: transparent;
|
||
|
|
background-color: transparent;
|
||
|
|
border: none;
|
||
|
|
position: relative;
|
||
|
|
grid-area: auth-divide; }
|
||
|
|
.pj-popin-big-authent #kc-content-wrapper hr:before, .pj-popin-big-authent #kc-content-wrapper .hr:before {
|
||
|
|
content: "";
|
||
|
|
position: absolute;
|
||
|
|
display: block;
|
||
|
|
width: 2px;
|
||
|
|
height: 100%;
|
||
|
|
left: calc(50% - 1px);
|
||
|
|
background-color: black; }
|
||
|
|
.pj-popin-big-authent #kc-content-wrapper hr:after, .pj-popin-big-authent #kc-content-wrapper .hr: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; }
|
||
|
|
.pj-popin-big-authent #kc-content-wrapper #kc-info {
|
||
|
|
grid-area: auth-info; }
|
||
|
|
.pj-popin-big-authent #kc-content-wrapper .social-providers {
|
||
|
|
position: relative;
|
||
|
|
grid-area: auth-left; }
|
||
|
|
|
||
|
|
/*# sourceMappingURL=grid.css.map */
|