49 lines
856 B
CSS
49 lines
856 B
CSS
|
section > .flex > div {
|
||
|
width: 50%;
|
||
|
padding: 0 2%;
|
||
|
}
|
||
|
|
||
|
form input {
|
||
|
width: 96%;
|
||
|
}
|
||
|
|
||
|
form input.btn,
|
||
|
form #social-login {
|
||
|
width: 100%;
|
||
|
}
|
||
|
|
||
|
#social-login .btn {
|
||
|
padding: 0;
|
||
|
font-size: 1.3em;
|
||
|
height: 60px;
|
||
|
text-align: center;
|
||
|
width: 60px;
|
||
|
margin: 0 3%;
|
||
|
color: #FFF;
|
||
|
} #social-login .btn .fa {
|
||
|
margin: 0;
|
||
|
position: relative;
|
||
|
padding-top: 20px;
|
||
|
} #social-login .btn.gp {
|
||
|
background: rgb(206,77,57);
|
||
|
} #social-login .btn.gp:hover {
|
||
|
background: rgb(251,122,102);
|
||
|
} #social-login .btn.fb {
|
||
|
background: rgb(48,88,145);
|
||
|
} #social-login .btn.fb:hover {
|
||
|
background: rgb(93,133,190);
|
||
|
} #social-login .btn.tw {
|
||
|
background: rgb(44,168,210);
|
||
|
} #social-login .btn.tw:hover {
|
||
|
background: rgb(89,213,255);
|
||
|
}
|
||
|
|
||
|
@media (max-width: 800px) {
|
||
|
section > .flex {
|
||
|
flex-direction: column;
|
||
|
}
|
||
|
section > .flex > div {
|
||
|
width: 100%;
|
||
|
}
|
||
|
hr.hide { display:block; }
|
||
|
}
|