Skip to content

Instantly share code, notes, and snippets.

@noff
Created April 8, 2014 11:22
Show Gist options
  • Save noff/10111433 to your computer and use it in GitHub Desktop.
Save noff/10111433 to your computer and use it in GitHub Desktop.
CSS for Ortmen
.rees46-recommend .recommender-block-title {
width: 248px;
height: 23px;
background: url("/images/special_header.png") no-repeat 0 0;
font-size: 18px;
line-height: 23px;
font-weight: 500;
color: #FFF;
text-align: center;
margin: 15px auto 20px;
}
.rees46-recommend .recommended-items {
overflow: hidden;
}
.rees46-recommend .recommended-item {
position: relative;
float: left;
width: 223px;
height: 212px;
background-color: #FFF;
border: 1px solid #C4C4C4;
-moz-box-shadow: 3px 3px 32px -13px #000;
-webkit-box-shadow: 3px 3px 32px -13px #000;
box-shadow: 3px 3px 32px -13px #000;
margin-bottom: 8px;
margin-right: 9px;
}
.rees46-recommend .recommended-item .recommended-item-photo {
display: table;
height: 156px;
line-height: 156px;
text-align: center;
margin: auto;
}
.rees46-recommend .recommended-item .recommended-item-photo > a {
display: table-cell;
vertical-align: middle;
}
.rees46-recommend .recommended-item .recommended-item-photo img {
max-width: 203px;
max-height: 146px;
margin-top: 10px;
}
.rees46-recommend .recommended-item .recommended-item-title {
float: left;
width: 140px;
height: 46px;
font-size: 16px;
line-height: 15px;
overflow: hidden;
padding-left: 10px;
}
.rees46-recommend .recommended-item .recommended-item-title a {
color: #000;
padding-right: 1px;
}
.rees46-recommend .recommended-item .recommended-item-price {
float: right;
width: 72px;
height: 21px;
background: url("/images/specail_price_bg.jpg") no-repeat 0 0;
-moz-box-shadow: 1px 5px 10px -7px #000;
-webkit-box-shadow: 1px 5px 10px -7px #000;
box-shadow: 1px 5px 10px -7px #000;
font-size: 16px;
line-height: 21px;
color: #FFF;
text-align: center;
margin-bottom: 4px;
}
.rees46-recommend .recommended-item .recommended-item-action {
float: right;
width: 72px;
height: 21px;
box-shadow: 1px 5px 10px -7px #000;
text-align: center;
background: rgb(107,7,21); /* Old browsers */
background: -moz-linear-gradient(left, rgba(107,7,21,1) 0%, rgba(226,0,1,1) 43%, rgba(107,7,21,1) 75%, rgba(107,7,21,1) 82%, rgba(107,7,21,1) 88%, rgba(226,0,1,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(107,7,21,1)), color-stop(43%,rgba(226,0,1,1)), color-stop(75%,rgba(107,7,21,1)), color-stop(82%,rgba(107,7,21,1)), color-stop(88%,rgba(107,7,21,1)), color-stop(100%,rgba(226,0,1,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(107,7,21,1) 0%,rgba(226,0,1,1) 43%,rgba(107,7,21,1) 75%,rgba(107,7,21,1) 82%,rgba(107,7,21,1) 88%,rgba(226,0,1,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(107,7,21,1) 0%,rgba(226,0,1,1) 43%,rgba(107,7,21,1) 75%,rgba(107,7,21,1) 82%,rgba(107,7,21,1) 88%,rgba(226,0,1,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(107,7,21,1) 0%,rgba(226,0,1,1) 43%,rgba(107,7,21,1) 75%,rgba(107,7,21,1) 82%,rgba(107,7,21,1) 88%,rgba(226,0,1,1) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(107,7,21,1) 0%,rgba(226,0,1,1) 43%,rgba(107,7,21,1) 75%,rgba(107,7,21,1) 82%,rgba(107,7,21,1) 88%,rgba(226,0,1,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b0715', endColorstr='#e20001',GradientType=1 ); /* IE6-9 */
}
.rees46-recommend .recommended-item .recommended-item-action a {
font-size: 16px;
line-height: 21px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment