Skip to content

Instantly share code, notes, and snippets.

@mrryanjohnston

mrryanjohnston/gist:1381204

Created November 20, 2011 23:57
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save mrryanjohnston/1381204 to your computer and use it in GitHub Desktop.
Save mrryanjohnston/1381204 to your computer and use it in GitHub Desktop.
Download ZIP
Views Slideshow CSS
Raw
gistfile1.css
/* This file will hold the main styles for your website. */
/* Featured Recipe Rotator */
/* This should allow us to move stuff around within the block itself */
#block-views-featured-recipe-rotator-block .view-content {
position: relative;
}
/* This puts a background slightly transparent and changes font sizes */
#block-views-featured-recipe-rotator-block .views-field-title {
background-color: rgba(0,0,0,.65);
padding: 10px;
width: 480px;
font-size: 1.3em;
position: absolute;
}
#block-views-featured-recipe-rotator-block .views-field-title .field-content a {
color: #f7f7f7;
}
/* Pager area */
#block-views-featured-recipe-rotator-block .view-content .views-field-counter .views-content-counter {
background-color: rgba(0,0,0,.65);
float: left;
width: 20px;
height: 20px;
padding: 5px;
color: #f7f7f7;
}
#block-views-featured-recipe-rotator-block .view-content .views-slideshow-controls-bottom {
position: absolute;
width: 584px;
bottom: 58px;
right: -5px;
z-index: 10;
text-align: center;
}
#block-views-featured-recipe-rotator-block .view-content .field-content img {
height: 450px;
}
#block-views-featured-recipe-rotator-block .views-field-body {
background-color: rgba(0,0,0,.65);
padding: 10px;
width: 480px;
position: absolute;
bottom: 0px;
}
#block-views-featured-recipe-rotator-block .views-field-body .field-content p {
color: #f7f7f7;
padding: 0px;
margin: 0px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment