107 lines
2.4 KiB
CSS
107 lines
2.4 KiB
CSS
|
.form-oauth2 p {
|
||
|
|
font-size: inherit !important; }
|
||
|
|
|
||
|
|
.form-oauth2 button {
|
||
|
|
background: none;
|
||
|
|
color: #fff;
|
||
|
|
border: 0;
|
||
|
|
font-family: inherit;
|
||
|
|
cursor: pointer;
|
||
|
|
outline: inherit;
|
||
|
|
display: flex;
|
||
|
|
margin-bottom: 4px;
|
||
|
|
border-radius: 3px; }
|
||
|
|
.form-oauth2 button svg {
|
||
|
|
fill: #fff; }
|
||
|
|
|
||
|
|
.form-oauth2 button.facebook {
|
||
|
|
background: #3B5998; }
|
||
|
|
.form-oauth2 button.facebook:hover {
|
||
|
|
background: #2d4373; }
|
||
|
|
|
||
|
|
.form-oauth2 button.github {
|
||
|
|
background: #181717; }
|
||
|
|
.form-oauth2 button.github:hover {
|
||
|
|
background: #323030; }
|
||
|
|
|
||
|
|
.form-oauth2 button.google {
|
||
|
|
background: #4285F4; }
|
||
|
|
.form-oauth2 button.google:hover {
|
||
|
|
background: #1266f1; }
|
||
|
|
|
||
|
|
.form-oauth2 button.instagram {
|
||
|
|
background: #E4405F; }
|
||
|
|
.form-oauth2 button.instagram:hover {
|
||
|
|
background: #d31e40; }
|
||
|
|
|
||
|
|
.form-oauth2 button.linkedin {
|
||
|
|
background: #0077B5; }
|
||
|
|
.form-oauth2 button.linkedin:hover {
|
||
|
|
background: #005582; }
|
||
|
|
|
||
|
|
.form-oauth2.square-style button {
|
||
|
|
display: inline-flex;
|
||
|
|
flex-direction: column;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: center;
|
||
|
|
padding: 10px;
|
||
|
|
min-width: 120px; }
|
||
|
|
|
||
|
|
.form-oauth2.square-style svg {
|
||
|
|
width: 36px;
|
||
|
|
height: 36px; }
|
||
|
|
|
||
|
|
.form-oauth2.square-style span {
|
||
|
|
display: block;
|
||
|
|
font-size: 110%;
|
||
|
|
margin: 0.5rem 0 0; }
|
||
|
|
|
||
|
|
.form-oauth2.button-style button, .form-oauth2.row-style button {
|
||
|
|
flex-direction: row;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: center;
|
||
|
|
min-width: 150px;
|
||
|
|
width: 100%;
|
||
|
|
padding: 10px; }
|
||
|
|
|
||
|
|
.form-oauth2.button-style svg, .form-oauth2.row-style svg {
|
||
|
|
width: 24px;
|
||
|
|
height: 24px;
|
||
|
|
vertical-align: middle; }
|
||
|
|
|
||
|
|
.form-oauth2.button-style span, .form-oauth2.row-style span {
|
||
|
|
display: inline-block;
|
||
|
|
font-size: 110%;
|
||
|
|
margin: 0 0 0 10px;
|
||
|
|
vertical-align: middle;
|
||
|
|
min-width: 100px;
|
||
|
|
text-align: left; }
|
||
|
|
|
||
|
|
.form-oauth2 .oauth2-or {
|
||
|
|
display: flex;
|
||
|
|
margin: 1rem 0; }
|
||
|
|
.form-oauth2 .oauth2-or span {
|
||
|
|
display: block;
|
||
|
|
margin: 0; }
|
||
|
|
.form-oauth2 .oauth2-or span.line {
|
||
|
|
border-bottom: 2px solid #eee;
|
||
|
|
flex-grow: 1; }
|
||
|
|
.form-oauth2 .oauth2-or span.or {
|
||
|
|
padding: 0 15px;
|
||
|
|
margin-bottom: -15px;
|
||
|
|
font-size: 150%;
|
||
|
|
color: #999;
|
||
|
|
text-align: center; }
|
||
|
|
|
||
|
|
#admin-login .form-oauth2 {
|
||
|
|
text-align: center;
|
||
|
|
padding-top: 1rem; }
|
||
|
|
#admin-login .form-oauth2 > p:first-child {
|
||
|
|
display: none; }
|
||
|
|
#admin-login .form-oauth2 .oauth2-or {
|
||
|
|
opacity: 0.6;
|
||
|
|
margin-bottom: -0.5rem; }
|
||
|
|
#admin-login .form-oauth2 .oauth2-or span.line {
|
||
|
|
opacity: 0.2;
|
||
|
|
border-bottom-width: 1px; }
|