1 .wrap-buzz{padding-top: 80px;} |
1 .wrap-buzz{padding-top: 80px;} |
2 |
2 |
3 .timer-bar{width: 500px; height: 10px; border: 1px solid #ffd;} |
3 .timeline-head{position: fixed; width:100%; z-index:10; text-align: center;} |
4 .timer-bar-value{width: 200px; height: 100%; background-color: #aaa;} |
4 .timeline-head-wrap{display: inline-block;} |
5 .hours li{float: left;} |
5 .timer-wrap{float:left;margin-right:34px;} |
|
6 .timer-bar{width: 500px; height: 8px; background-color: #151515; border-bottom: 1px solid #474747;} |
|
7 .timer-bar-value{width: 200px; height: 100%; background-color: #6b6b6b;-webkit-box-shadow: inset 0px 1px 1px 0px #8d8d8d;box-shadow: inset 0px 1px 1px 0px #8d8d8d;} |
|
8 .hours li{padding-top: 10px;float: left;text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);color:#919191; font-size: 12px;} |
|
9 .hours li:last-child{float: right; margin-right: 0;} |
|
10 a.rejouer{float:left;width: 92px; height: 32px; display: inline-block; text-align: center; line-height: 32px; font-size: 11px; font-weight: bold;text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.8);-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.75);-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.75);box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.75);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;background: #126ae3;background: -moz-linear-gradient(top, #126ae3 0%, #1899e1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#126ae3), color-stop(100%,#1899e1)); background: -webkit-linear-gradient(top, #126ae3 0%,#1899e1 100%);background: -o-linear-gradient(top, #126ae3 0%,#1899e1 100%); background: -ms-linear-gradient(top, #126ae3 0%,#1899e1 100%); background: linear-gradient(to bottom, #126ae3 0%,#1899e1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#126ae3', endColorstr='#1899e1',GradientType=0 ); /* IE6-9 */} |
|
11 a.rejouer:hover{background: #1899e1;background: -moz-linear-gradient(top, #1899e1 0%, #126ae3 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1899e1), color-stop(100%,#126ae3));background: -webkit-linear-gradient(top, #1899e1 0%,#126ae3 100%);background: -o-linear-gradient(top, #1899e1 0%,#126ae3 100%);background: -ms-linear-gradient(top, #1899e1 0%,#126ae3 100%);background: linear-gradient(to bottom, #1899e1 0%,#126ae3 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1899e1', endColorstr='#126ae3',GradientType=0 );} |
6 |
12 |
7 .posters{ margin-top:-7px; margin-left: 5px;} |
13 .posters{ margin-top:-7px; margin-left: 5px;} |
8 .posters li{float: left;width: 100px; height: 130px;overflow: hidden;margin-right: 10px;} |
14 .posters li{float: left;width: 100px; height: 130px;overflow: hidden;margin-right: 10px;} |
9 .posters img{} |
15 .posters img{} |
|
16 |
|
17 #data-viz{padding-top: 50px;} |
|
18 |
|
19 .comment{-webkit-border-radius: 4px;border-radius: 4px;border:2px solid #323232;width: 470px; min-height: 80px; background-color:rgba(0,0,0,.9); padding-top: 12px;} |
|
20 .comment-info{margin-bottom: 8px;} |
|
21 .comment .date{color: #626262; font-size: 10px;} |
|
22 .comment .username{color: #ffb500; font-size: 15px; font-weight: bold;} |
|
23 .comment .avatar{margin-left: 10px;float: left;width: 50px; height: 50px; border:1px solid #a4a3a8; overflow: hidden;} |
|
24 .comment-right{padding-bottom: 12px;width: 380px; padding-right: 15px;float: right;} |
|
25 .comment .rating{display: inline-block; float: right;} |
|
26 .comment .rating li{margin-right: 2px;background: url(../img/review-rating-star-sprite.png) top right no-repeat; width:19px; height: 16px;display: inline-block;} |
|
27 .comment .rating li:last-child{margin-right: 0;} |
|
28 .rating.rate-1 li:first-child{background-position: top left;} |
|
29 .rating.rate-2 li:first-child,.rating.rate-2 li:nth-child(2){background-position: top left;} |
|
30 .rating.rate-3 li:first-child,.rating.rate-3 li:nth-child(2),.rating.rate-3 li:nth-child(3){background-position: top left;} |
|
31 .rating.rate-4 li:first-child,.rating.rate-4 li:nth-child(2),.rating.rate-4 li:nth-child(3),.rating.rate-4 li:nth-child(4){background-position: top left;} |
|
32 .rating.rate-5 li{background-position: top left;} |
|
33 .comment p{color: #ededed; font-size: 13px; } |