Skip to content

Instantly share code, notes, and snippets.

@GoingOffRoading

GoingOffRoading/RR_cat_and_pdrop.scss

Created February 3, 2014 19:40
Show Gist options
  • Save GoingOffRoading/8790854 to your computer and use it in GitHub Desktop.
Save GoingOffRoading/8790854 to your computer and use it in GitHub Desktop.
Download ZIP
RecsCatPageCSS
Raw
RR_cat_and_pdrop.scss
.rrBox{
}
.rrContainer{
padding: 5px 15px 10px 15px;
}
.rrItem{
width: 25%;
margin-top: 15px;
float: left;
}
.rrItem:hover .rrImg{
border: 1px solid #999999;
}
.rrImg{
width: 165px;
border: 1px solid #EFEFEF;
}
.rrInner{
float: left;
margin: 0px 5px;
}
.rrTitle{
text-decoration: underline;
}
.rrName{
font-size: 11px;
line-height: 1.5;
display: none;
line-height: 1.35;
color: #333333;
display: block;
}
.rrReview{
margin-top: 3px;
}
.rrPrice{
color: #548951;
font-size: 12px;
font-weight: bold;
}
/* line 248, ../../sass/sections/_homepage.scss */
* html .rr-recs-beta {
background: none repeat scroll 0 0 transparent;
}
/* line 256, ../../sass/sections/_homepage.scss */
.rr-recs-beta {
text-align: left;
clear: both;
margin: auto;
margin: 0px 0px 10px 0
}
/* line 263, ../../sass/sections/_homepage.scss */
.rr-recs-beta .recs-product-info {
border-right: none;
}
/* line 266, ../../sass/sections/_homepage.scss */
.rr-recs-beta .recs-pages {
text-align: center;
margin-top: 15px;
}
/* line 268, ../../sass/sections/_homepage.scss */
.rr-recs-beta .recs-pages span {
display: inline-block;
width: 10px;
height: 10px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background-color: #eee;
margin: 0px 3px;
cursor: pointer;
}
/* line 276, ../../sass/sections/_homepage.scss */
.rr-recs-beta .recs-pages span.active {
background-color: #aaa;
}
/* line 281, ../../sass/sections/_homepage.scss */
.rr-recs-beta .recs-beta-head {
clear: both;
}
/* line 284, ../../sass/sections/_homepage.scss */
.rr-recs-beta h2.nav_title, .rr-recs-beta .br-container .nav_title.br-found-heading, .br-container .rr-recs-beta .nav_title.br-found-heading {
border-bottom: 1px solid #e1e1e1;
padding-bottom: 15px;
}
/* line 288, ../../sass/sections/_homepage.scss */
.rr-recs-beta .viewmore {
float: right;
text-decoration: underline;
font-size: 12px;
margin-top: -27px;
}
/* line 294, ../../sass/sections/_homepage.scss */
.rr-recs-beta .recs-slider-buttons {
float: right;
height: 30px;
position: relative;
top: -90px;
width: 100%;
left: -14px;
}
/* line 302, ../../sass/sections/_homepage.scss */
.rr-recs-beta .recs-stage {
margin: 0 auto;
overflow: hidden;
position: relative;
_padding-bottom: 24px;
height: auto;
padding: 0px 15px 10px;
width: 680px;
}
/* line 311, ../../sass/sections/_homepage.scss */
.rr-recs-beta .recs-myList {
width: 3800px;
position: relative;
left: 0px;
}
/* line 316, ../../sass/sections/_homepage.scss */
.rr-recs-beta div.recs-product-info a {
font-size: 12px;
font-weight: bold;
}
/* line 320, ../../sass/sections/_homepage.scss */
.rr-recs-beta div.recs-product-info p.description {
font-size: 12px;
margin-top: 0;
overflow: hidden;
line-height: 16px;
}
/* line 326, ../../sass/sections/_homepage.scss */
.rr-recs-beta .recs_price {
color: #548951;
font-weight: bold;
font-size: 12px;
}
/* line 331, ../../sass/sections/_homepage.scss */
.rr-recs-beta .iconCheckBox {
clear: both;
height: 15px;
padding-top: 8px;
text-align: center;
width: 248px;
}
/* line 337, ../../sass/sections/_homepage.scss */
.rr-recs-beta .iconCheckBox a {
font-size: 10px;
padding-left: 4px;
vertical-align: middle;
}
/* line 343, ../../sass/sections/_homepage.scss */
.rr-recs-beta .actionLinks a {
text-decoration: none;
}
/* line 346, ../../sass/sections/_homepage.scss */
.rr-recs-beta .recs-myList {
margin: 0;
}
/* line 348, ../../sass/sections/_homepage.scss */
.rr-recs-beta .recs-myList li {
float: left;
list-style: none outside none;
padding-right: 4px;
width: 188px;
}
/* line 353, ../../sass/sections/_homepage.scss */
.rr-recs-beta .recs-myList li img {
margin: 0 5px 1px;
width: 150px;
padding: 5px 10px;
}
/* line 358, ../../sass/sections/_homepage.scss */
.rr-recs-beta .recs-myList li span {
clear: both;
}
/* line 363, ../../sass/sections/_homepage.scss */
.rr-recs-beta .recs-previous {
float: left;
visibility: visible;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
position: relative;
z-index: 500;
top: 144px;
margin-left: -2px;
}
/* line 372, ../../sass/sections/_homepage.scss */
.rr-recs-beta .featured-previous {
float: left;
visibility: visible;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
position: relative;
z-index: 500;
top: 235px;
margin-left: 2px;
}
/* line 381, ../../sass/sections/_homepage.scss */
.rr-recs-beta .recs-next {
float: right;
visibility: visible;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
position: relative;
z-index: 500;
top: 144px;
margin-right: -31px;
}
/* line 390, ../../sass/sections/_homepage.scss */
.rr-recs-beta .featured-next {
float: right;
visibility: visible;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
position: relative;
z-index: 500;
top: 235px;
margin-right: -28px;
}
/* line 400, ../../sass/sections/_homepage.scss */
.rr-recs-beta a.right,
.rr-recs-beta a.left {
cursor: pointer !important;
background-image: url("/themes/build/images/beta/nav_arrow_circle.png");
background-repeat: no-repeat;
height: 42px;
width: 26px;
}
.rr-recs-beta.staging a.right,
.rr-recs-beta.staging a.left{
background-image: url("/themes/build/images/beta/nav_arrow_circle.png");
}
/* line 403, ../../sass/sections/_homepage.scss */
.rr-recs-beta a.right {
background-position: 0 -43px;
}
/* line 408, ../../sass/sections/_homepage.scss */
.rr-recs-beta a.right:hover {
background-position: 0 -128px;
}
/* line 419, ../../sass/sections/_homepage.scss */
.rr-recs-beta a.left:hover {
background-position: 0 -85px;
}
/* line 426, ../../sass/sections/_homepage.scss */
.rr-recs-beta .recs-product-info {
padding: 2px 6px;
}
/* line 429, ../../sass/sections/_homepage.scss */
.rr-recs-beta #pagination {
float: left;
margin: 8px 10px 0 0;
visibility: hidden;
}
/* line 433, ../../sass/sections/_homepage.scss */
.rr-recs-beta .pagination a.current {
background-position: -3px -11px;
}
/* line 436, ../../sass/sections/_homepage.scss */
.rr-recs-beta .pagination a {
font-size: 10px;
line-height: 14px;
padding: 0 5px;
text-decoration: none;
width: 8px;
}
.rr-recs-beta .featured_list {
margin: 0;
width: 3800px;
height: 275px;
position: relative;
}
.rr_boxbody {
background: none;
padding: 0px 10px 15px 10px;
position: relative;
clear: both;
border-bottom: 1px solid #EFEFEF;
}
.rr_boxbody .you-viewed-others-viewed {
border-top: 1px solid #ddd;
color: #888;
font-weight: bold;
}
.rr_boxbody .you-viewed-others-viewed div {
float: left;
padding: 5px 10px;
}
.rr_boxbody .you-viewed-others-viewed .you-viewed {
border-right: 1px solid #ddd;
width: 146px;
background: #eee;
}
.rr_boxbody .rr_product {
height: 300px;
font-size: 12px;
padding-top: 10px;
padding-right: 25px;
padding-left: 0px;
float: left;
list-style: none;
width: 150px;
}
.rr_boxbody .rr_product.viewed-product {
border-right: 1px solid #ddd;
padding-right: 0;
}
.rr_boxbody .rr_product img.rr_product_image {
float: left;
height: auto;
margin: 0 5px 1px;
width: 150px;
padding: 5px 10px;
}
.rr_boxbody .rr_product .rr_product_name {
width: 100%;
font-weight: bold;
}
.rr_boxbody .rr_product .rr_product_title {
line-height: 16px;
color: #3F3F3F;
}
.rr_boxbody .rr_product .rating {
float: left;
margin: 3px 0;
}
.rr_boxbody .rr_product .rr_list {
color: #548951;
font-weight: bold;
}
.rr_boxbody .rr_product .rr_list .rr_list_price {
display: block;
font-weight: bold;
}
.recently-viewed-items .rr_boxbody {
height: auto;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment