wiki-grav/plugins/login-oauth2/css/login-oauth2.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; }