113 lines
2.5 KiB
SCSS
113 lines
2.5 KiB
SCSS
div.fc-authenticated div#methods {
|
|
> div {
|
|
padding: 1ex 0;
|
|
margin: 0 3em;
|
|
}
|
|
.certified {
|
|
color: #000;
|
|
}
|
|
div#fc-button-wrapper {
|
|
padding: 1ex;
|
|
a {
|
|
color: $link-color;
|
|
}
|
|
div#fc-button img {
|
|
width: 20%;
|
|
}
|
|
div.fc-connect {
|
|
margin: 5ex 0;
|
|
a.button {
|
|
@extend button;
|
|
padding: 1rem 5em;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
li.fc-connected {
|
|
background-image: url(/static/authentic2_auth_fc/img/fc_logo_micro.png) !important;
|
|
background-size: 70px auto !important;
|
|
padding-left: 6em !important;
|
|
}
|
|
|
|
.fc-notice {
|
|
border: 1px solid $primary-color;
|
|
border-radius: 0.3em;
|
|
background: #fff;
|
|
margin: 3em auto;
|
|
padding: 1.2em;
|
|
width: 50em;
|
|
@media screen and (max-width: $mobile-limit) {
|
|
width: auto;
|
|
margin: 3em 1em;
|
|
}
|
|
}
|
|
|
|
div#methods div#fc-button-wrapper {
|
|
margin: 5ex auto;
|
|
@media screen and (max-width: $mobile-limit) {
|
|
margin: 2em auto;
|
|
}
|
|
div#fc-button {
|
|
box-shadow: none;
|
|
text-align: center;
|
|
img {
|
|
width: 300px;
|
|
max-width: 100%;
|
|
}
|
|
}
|
|
a.button {
|
|
padding-top: 23%;
|
|
margin: 0;
|
|
}
|
|
p:last-child {
|
|
display: none;
|
|
}
|
|
div#fc-connecting a {
|
|
color: #034ea2;
|
|
}
|
|
}
|
|
|
|
div#fc-linking {
|
|
ul.fond {
|
|
padding: 0;
|
|
}
|
|
div.fc div.cadre div.fc-unlink {
|
|
background: #fff url(/static/authentic2_auth_fc/img/fc_logo_mini.png) 10px center no-repeat;
|
|
background-size: 20%;
|
|
color: #034ea2;
|
|
padding: 2ex 1em 2ex 30%;
|
|
border-radius: 0.3em;
|
|
a {
|
|
color: #034ea2;
|
|
}
|
|
@media screen and (max-width: $mobile-limit) {
|
|
padding-left: 25%;
|
|
margin: 0 0.5em;
|
|
background-size: auto 90%;
|
|
}
|
|
}
|
|
}
|
|
|
|
div#fc-connecting {
|
|
margin: 4ex 1em 1ex 1em;
|
|
border: 1px solid #034ea2;
|
|
border-right: 2px solid #034ea2;
|
|
border-bottom: 3px solid #034ea2;
|
|
padding: 0.5em 0;
|
|
text-align: center;
|
|
a {
|
|
padding: 7% 0 7% 6em;
|
|
display: inline-block;
|
|
background: #fff url(/static/authentic2_auth_fc/img/fc_logo_micro.png) left center no-repeat;
|
|
background-size: contain;
|
|
text-align: left;
|
|
margin: 0 1em;
|
|
@media screen and (max-width: $mobile-limit) {
|
|
padding-left: 20%;
|
|
margin: 0 0.5em;
|
|
background-size: 20%;
|
|
}
|
|
}
|
|
}
|