app/assets/stylesheets/application.css.scss
/*
* 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 vendor/assets/stylesheets of plugins, if any, 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_self
*= require_tree .
*= require bootstrap-material-design
*/
@import "bootstrap-sprockets";
@import "bootstrap";
@import "font-awesome-sprockets";
@import "font-awesome";
.centered {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
#login-area {
/*width: 800px;*/
}
#login-area>div {
min-height: 260px;
}
.full-width {
width: 100%;
}
.row-avatar {
float: right;
margin-top: -20px;
padding-left: 5px;
border-radius: 100%;
}
.navbar {
margin-bottom: 0px;
text-align: center;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16), 0px 3px 6px rgba(0, 0, 0, 0.23);
position: fixed;
width: 100%;
z-index: 2000;
top: 0px;
}
.container {
margin-top: 60px;
}
div.divider {
height: 1px;
margin: 9px 0px;
background-color: #E5E5E5;
}
.none-margin-top {
margin-top: 0;
}
.logo {
background-color: #4285f4;
}
.logo a:hover {
background-color: #4285f4;
}