2017-04-16 17:26:48 -06:00
|
|
|
/* More padding on the bottom */
|
|
|
|
.container {
|
|
|
|
padding-bottom: 10vh;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Sections */
|
|
|
|
#login, #signup {
|
2017-04-01 11:03:31 -06:00
|
|
|
width: 50%;
|
2017-04-16 17:26:48 -06:00
|
|
|
margin: 0 2%;
|
2017-04-01 11:03:31 -06:00
|
|
|
}
|
|
|
|
|
2017-04-16 17:26:48 -06:00
|
|
|
/* Form overrides */
|
|
|
|
form .form-group {
|
|
|
|
margin: 8% 0 0;
|
|
|
|
}
|
|
|
|
form input:not(.input-addon):not(.input-with-addon),
|
|
|
|
form .input-with-addon-group {
|
2017-04-01 11:03:31 -06:00
|
|
|
width: 96%;
|
2017-04-16 17:26:48 -06:00
|
|
|
margin: 0 auto 5vh;
|
|
|
|
}
|
|
|
|
form .input-with-addon, form .input-addon {
|
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
form .input-with-addon-group {
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
p, input, #social-login {
|
|
|
|
margin-bottom: 5vh;
|
|
|
|
}
|
|
|
|
form input.btn[type="submit"] {
|
|
|
|
margin: 0 2% 5vh;
|
2017-04-01 11:03:31 -06:00
|
|
|
}
|
|
|
|
form #social-login {
|
2017-04-16 17:26:48 -06:00
|
|
|
justify-content: space-around;
|
2017-04-18 01:08:57 -06:00
|
|
|
flex-wrap: nowrap;
|
2017-04-01 11:03:31 -06:00
|
|
|
width: 100%;
|
|
|
|
}
|
2017-04-16 17:26:48 -06:00
|
|
|
#show {
|
|
|
|
padding: 1%;
|
|
|
|
cursor: pointer;
|
|
|
|
}
|
2017-04-01 11:03:31 -06:00
|
|
|
|
2017-04-16 17:26:48 -06:00
|
|
|
/* Social buttons */
|
2017-04-01 11:03:31 -06:00
|
|
|
#social-login .btn {
|
2017-04-16 15:23:15 -06:00
|
|
|
padding: 2%;
|
2017-04-01 11:03:31 -06:00
|
|
|
text-align: center;
|
|
|
|
margin: 0 3%;
|
|
|
|
color: #FFF;
|
2017-04-16 15:23:15 -06:00
|
|
|
}
|
|
|
|
#social-login .btn .fa {
|
2017-04-01 11:03:31 -06:00
|
|
|
position: relative;
|
2017-04-16 15:23:15 -06:00
|
|
|
}
|
|
|
|
#social-login .btn .text {
|
2017-04-16 17:26:48 -06:00
|
|
|
font-size: .6em;
|
2017-04-16 15:23:15 -06:00
|
|
|
}
|
|
|
|
#social-login .btn.gp {
|
2017-04-21 19:00:38 -06:00
|
|
|
background: #ce4d39;
|
2017-04-16 15:23:15 -06:00
|
|
|
}
|
|
|
|
#social-login .btn.gp:hover {
|
2017-04-21 19:00:38 -06:00
|
|
|
background: #fb7a66;
|
2017-04-16 15:23:15 -06:00
|
|
|
}
|
|
|
|
#social-login .btn.fb {
|
2017-04-21 19:00:38 -06:00
|
|
|
background: #305891;
|
2017-04-16 15:23:15 -06:00
|
|
|
}
|
|
|
|
#social-login .btn.fb:hover {
|
2017-04-21 19:00:38 -06:00
|
|
|
background: #5d85be;
|
2017-04-16 15:23:15 -06:00
|
|
|
}
|
|
|
|
#social-login .btn.tw {
|
2017-04-21 19:00:38 -06:00
|
|
|
background: #2ca8d2;
|
2017-04-16 15:23:15 -06:00
|
|
|
}
|
|
|
|
#social-login .btn.tw:hover {
|
2017-04-21 19:00:38 -06:00
|
|
|
background: #59d5ff;
|
2017-04-01 11:03:31 -06:00
|
|
|
}
|
2017-04-16 17:26:48 -06:00
|
|
|
/* Small buttons */
|
|
|
|
@media (max-width:600px), (min-width:800px) and (max-width:1200px) {
|
2017-04-16 15:23:15 -06:00
|
|
|
#social-login .btn {
|
|
|
|
padding: 0;
|
|
|
|
width: 60px;
|
|
|
|
height: 60px;
|
|
|
|
}
|
|
|
|
#social-login .btn .text {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
#social-login .btn .fa {
|
|
|
|
margin: 18px auto;
|
|
|
|
}
|
|
|
|
}
|
2017-04-01 11:03:31 -06:00
|
|
|
|
2017-04-16 17:26:48 -06:00
|
|
|
/* Single column */
|
|
|
|
@media (max-width:800px) {
|
2017-04-16 15:23:15 -06:00
|
|
|
|
2017-04-16 17:26:48 -06:00
|
|
|
#login, #signup {
|
|
|
|
width: 100%;
|
|
|
|
}
|
2017-04-01 11:03:31 -06:00
|
|
|
section > .flex {
|
|
|
|
flex-direction: column;
|
|
|
|
}
|
|
|
|
section > .flex > div {
|
|
|
|
width: 100%;
|
|
|
|
}
|
2017-04-16 17:26:48 -06:00
|
|
|
hr {
|
|
|
|
display: block !important;
|
|
|
|
}
|
2017-04-16 15:23:15 -06:00
|
|
|
|
|
|
|
}
|