update rotten tomato styles

This commit is contained in:
Luke Pulverenti 2013-07-17 13:01:41 -04:00
parent dd82890064
commit f44e0aac10
2 changed files with 25 additions and 19 deletions

View File

@ -210,6 +210,22 @@
background-image: url(images/rotten.png);
}
.criticReview {
margin: 1.5em 0;
background: #222;
padding: .8em .8em .8em 55px;
border-radius: 5px;
position: relative;
}
.criticReview:first-child {
margin-top: .5em;
}
.criticReview img {
width: 30px;
}
.criticRating {
color: #ccc;
vertical-align: top;
@ -219,9 +235,14 @@
}
.criticRatingSummary {
background-color: #ffe482!important;
background-color: rgba(255,228,130,0.85)!important;
color: #000!important;
color: #506A16!important;
background-color: #F2F0C4;
background-image: -webkit-gradient(linear,left top,left bottom,from(#FFE37C),to(#F2F0C4));
background-image: -webkit-linear-gradient(top,#FFE37C,#F2F0C4);
background-image: -moz-linear-gradient(top,#FFE37C,#F2F0C4);
background-image: -ms-linear-gradient(top,#FFE37C,#F2F0C4);
background-image: -o-linear-gradient(top,#FFE37C,#F2F0C4);
background-image: linear-gradient(top,#FFE37C,#F2F0C4);
}
.criticRatingScore {
@ -255,22 +276,6 @@ a.itemTag:hover {
margin: .5em 0;
}
.criticReview {
margin: 1.5em 0;
background: #222;
padding: .8em .8em .8em 55px;
border-radius: 5px;
position: relative;
}
.criticReview:first-child {
margin-top: .5em;
}
.criticReview img {
width: 30px;
}
.reviewerName {
color: #ccc;
font-size: 13px;

View File

@ -202,6 +202,7 @@
<div style="padding: 0 1em;">
<div id="criticRatingSummary" class="criticReview criticRatingSummary" style="display: none;">
<p style="margin: 0 0 .5em -40px; font-weight: bold;">TOMATOMETER®</p>
<div class="reviewScore">
<img src="css/images/fresh.png">
</div>