app/assets/stylesheets/users.scss
// Place all the styles related to the users controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/
#myCarousel {
img {
width: 100%;
height: 400px;
max-height: 600px;
object-fit: cover;
}
}
.logged-in {
margin-top: 80px;
}
.user-dropdown {
padding: 0 !important;
padding-left: 10px !important;
font-size: 14px !important;
}
.user-dropdown:hover {
background-color: #E1F4F2;
}
.row.no-margin {
margin-left: 0;
margin-right: 0;
}
.columns.no-margin {
margin: 0 !important;
}
.no-underline {
text-decoration: none !important;
}
.hf-section {
margin: 30px 0 30px 0;
.thumbs-section {
padding-top: 5px;
padding-bottom: 5px;
}
}
.hf-section:first-child {
margin-top: 0;
}
.hf-thumb-info {
padding: 5px 7px;
z-index: 1;
}
.edit-thumb {
width: 200px;
height: 200px;
margin-top: 30px;
}
.tanoshimu-list-title, .title {
font-size: 1.5rem;
font-weight: bold;
padding-bottom: 20px;
}
.title {
color: #e0e0e0 !important;
}
.item {
img {
height: auto;
object-fit: cover;
}
}
.shows {
.img-thumbnail {
border-radius: 0;
}
.col, .col-md-2 {
padding-left: 2px;
padding-right: 2px;
}
}
[role="main"] {
//padding-top: 133px; /* Space for fixed navbar */
}
@media (min-width: 768px) {
[role="main"] {
//padding-top: 10px; /* Space for fixed navbar */
margin-top: -5px;
}
}
.settings-form, .login-form {
width: 60%; margin: 0 auto;
}
p.username-info {
color: green;
font-size: 80%;
font-weight: bold;
}
p.login-time-info {
color: blue;
font-size: 70%;
font-weight: bold;
}
@media (max-width: 480px) {
.settings-form {
width: 90%;
}
p.username-info {
font-size: 100%;
}
p.login-time-info {
font-size: 95%;
}
div.recently-watched {
margin-bottom: 60px;
}
#myCarousel {
img {
height: 200px;
max-height: 200px;
}
}
}