app/assets/stylesheets/application.css
/*
* This is a manifest file that'll be compiled into application.css, which will include all the files
* listed below.
*
* Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
* or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
*
* You're free to add application-wide styles to this file and they'll appear at the bottom of the
* compiled file so the styles you add here take precedence over styles defined in any styles
* defined in the other CSS/SCSS files in this directory. It is generally better to create a new
* file per style scope.
*
*= require_tree .
*= require_self
*/
/* Document Set-up */
body {
-webkit-font-smoothing: antialiased;
}
.login-input {
border: 1px solid rgba(0,0,0,.15);
padding: 0 15px;
height: 35px;
font-size: 14px;
outline: 0;
background: #fff;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-sizing: border-box;
border-radius: 4px;
letter-spacing: 0;
width: 330px;
font-weight: 400;
font-style: normal;
}
.login-input-error {
border-bottom-color: #de6868;
}
.login-input:hover {
border-color: rgba(0, 0, 0, 0.25);
}
.login-input:focus {
outline: none;
border-color: #02b875;
}
.field {
padding: 10px 8px;
position: relative;
width: 360px;
margin: 0 auto;
color: rgba(0,0,0,0.44);
box-sizing: border-box;
}
.login-container {
position: absolute;
left: 50%;
top: 50%;
text-align: center;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.login-action {
margin: 6px 0px;
background: #02b875;
color: #fff;
width: 210px;
font-size: 14px;
display:inline-block;
border: 1px solid rgba(0,0,0,.09);
padding: 10px 20px;
font-weight: 600;
border-radius: 3px;
-webkit-transition: linear 0.1s;
cursor: pointer;
-moz-transition: linear 0.1s;
}
#facebook {
background: #3b5998;
}
#google {
background: #4184f3;
}
a:hover {
color: inherit;
}
.left {
float: left;
}
.righht {
float: right;
}
.img-scaled-wh {
width: 100%;
height: 100%;
}
.subtitle {
color: rgba(0,0,0,.44);
font-size: 16px;
}
.actions {
margin-top: 20px;
}
#forgot-password {
color: rgba(0,0,0,0.44);
font-weight: 600;
}
#cancel {
background: #CC5454;
}
#error_explanation {
margin-bottom: 20px;
}
#error_explanation h2 {
color: rgba(0,0,0,.6);
margin: 10px 0;
}
.align {
text-align: center;
}
#error_explanation li {
color: rgba(0,0,0,.6);
line-height: 1.4;
}
.fa-camera {
margin-right: 4px;
}
.md-width {
max-width: 600px;
margin: 56px auto;
}
.fa-cutlery {
font-size: 32px;
line-height: 40px;
}