app/assets/stylesheets/albums.css.scss
.rss-link {
float: left;
padding-top: 10px;
padding-left: 10px }
#recent-albums {
margin-bottom: 20px;
border-top: 10px solid #686765;
border-bottom: 10px solid #686765;
box-shadow: 0 0 4px #aaaaaa inset;
border-radius: 5px;
padding: 5px;
h3 { text-align: center } }
.grid-container { margin: 0 auto }
.grid-item {
float: left;
margin-bottom: 15px;
width: 285px;
border: 1px solid #e8e8e8;
box-shadow: 1px 6px 12px -6px #c6c6c6;
border-radius: 5px;
background: #fff;
&:hover { box-shadow: 1px 6px 12px -6px #888 }
&.album {
display: inline-block;
.cover {
overflow: hidden;
height: 285px;
border-radius: 5px 5px 0 0;
display: block }
.info {
border-top: 1px solid #E5E5E5;
padding: 10px;
.stats {
margin-top: 3px;
clear: both;
float: left;
.stat-block { margin-right: 10px } } }
.item-link {
height: 20px;
font-size: 14px;
font-weight: bold;
float: left;
overflow: hidden } } }
.show {
#images_source_filter {
margin: 18px 0 27px;
.accordian-heading { padding: 5px } }
.page-header {
@include fluid-span(12);
float: left;
.favorite-toggle:hover { opacity: .8 } }
.selection {
position: absolute;
border: 1px solid #8B9;
background-color: #BEC }
.selected {
opacity: 0.8;
background-color: #EBC;
border: 3px solid #B89 }
.selecting {
background-color: #CEB;
border-color: #9B8 }
#filter_album_images .checkbox { font-weight: bold }
button [class^='icon-'] { padding-right: 5px }
.pagination {
float: left;
clear: both }
#thumbnails-wrapper {
border-bottom: 1px solid #EEE;
float: left } }