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); 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 { .criticRating {
color: #ccc; color: #ccc;
vertical-align: top; vertical-align: top;
@ -219,9 +235,14 @@
} }
.criticRatingSummary { .criticRatingSummary {
background-color: #ffe482!important; color: #506A16!important;
background-color: rgba(255,228,130,0.85)!important; background-color: #F2F0C4;
color: #000!important; 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 { .criticRatingScore {
@ -255,22 +276,6 @@ a.itemTag:hover {
margin: .5em 0; 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 { .reviewerName {
color: #ccc; color: #ccc;
font-size: 13px; font-size: 13px;

View file

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