2 .sidebar .content{width: 280px; padding: 18px 0 0 12px; height: 100%;} |
2 .sidebar .content{width: 280px; padding: 18px 0 0 12px; height: 100%;} |
3 .inner-content{padding-right: 16px;} |
3 .inner-content{padding-right: 16px;} |
4 .sidebar h2{font-size: 20px; margin-bottom: 24px;} |
4 .sidebar h2{font-size: 20px; margin-bottom: 24px;} |
5 .user{ height: 30px; line-height: 30px;} |
5 .user{ height: 30px; line-height: 30px;} |
6 .user img{width: 30px; height: 30px; margin: 0 24px 24px 0; float: left;} |
6 .user img{width: 30px; height: 30px; margin: 0 24px 24px 0; float: left;} |
7 .user p{float: left;} |
7 .user p{float: left; font-size: 13px;} |
8 h3.instruction{color: #c7c7c7; clear: both; padding-bottom: 14px; margin: 0; border-bottom: 1px solid #3b3b3b;} |
8 h3.instruction{color: #c7c7c7; clear: both; padding-bottom: 14px; margin: 0; border-bottom: 1px solid #3b3b3b;} |
|
9 |
|
10 .stickers.less{height: 90px; overflow: hidden;} |
9 .stickers li{margin: 0 10px 10px 0;float:left;width: 81px; height: 80px;background-color: #fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; background-repeat: no-repeat; background-position: center 13px;} |
11 .stickers li{margin: 0 10px 10px 0;float:left;width: 81px; height: 80px;background-color: #fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; background-repeat: no-repeat; background-position: center 13px;} |
10 .stickers li span{width: 100%;color: #212121; font-size: 12px;font-weight: bold; line-height: 12px; display: inline-block; text-align: center;padding-top: 48px;} |
12 .stickers li span{width: 100%;color: #212121; font-size: 12px;font-weight: bold; line-height: 12px; display: inline-block; text-align: center;padding-top: 48px;} |
11 li.culte{background-image: url(../img/culte-scene-icon.png);} |
13 li.culte{background-image: url(../img/culte-scene-icon.png);} |
12 li.star{background-image: url(../img/star-icon.png);} |
14 li.star{background-image: url(../img/star-icon.png);} |
13 li.like{background-image: url(../img/like-icon.png);} |
15 li.like{background-image: url(../img/like-icon.png);} |
14 .stickers li:nth-child(3n+3) { margin-right: 0;} |
16 .stickers li:nth-child(3n+3) { margin-right: 0;} |
15 .sidebar h3{font-size: 13px; font-weight: bold; margin-bottom: 12px;} |
17 .sidebar h3{font-size: 13px; font-weight: bold; margin-bottom: 12px;} |
16 |
18 |
|
19 |
17 .more{margin-bottom: 16px;width: 100%; height: 12px; background-color: #191919; display: inline-block;} |
20 .more{margin-bottom: 16px;width: 100%; height: 12px; background-color: #191919; display: inline-block;} |
18 .more:hover{background-color: #3b3b3b;} |
21 .more:hover{background-color: #3b3b3b;} |
19 .more span{ margin: 4px auto 0 auto;width: 13px; height: 4px; background: url(../img/arrow-more.png) 0 0 no-repeat; display: block;} |
22 .more span{ margin: 4px auto 0 auto;width: 13px; height: 4px; background: url(../img/arrow-more.png) 0 0 no-repeat; display: block;} |
20 .more.less span{background-position: bottom left;} |
23 .more.less span{background-position: bottom left;} |
21 .more-hide{display: none;} |
24 .more-hide{display: none;} |
22 |
25 |
|
26 .stars.less, .images.less{height: 90px; overflow: hidden;} |
23 .stars li:nth-child(4n+4) { margin-right: 0;} |
27 .stars li:nth-child(4n+4) { margin-right: 0;} |
24 .stars li{margin: 0 8px 10px 0;width: 58px; height: 78px;border: 1px solid #767676; float: left;} |
28 .stars li{margin: 0 8px 10px 0;width: 58px; height: 78px;border: 1px solid #767676; float: left;} |
25 .stars img{width: 58px; height: 78px;} |
29 .stars img{width: 58px; height: 78px;} |
26 |
30 |
27 .images li:nth-child(3n+3) { margin-right: 0;} |
31 .images li:nth-child(3n+3) { margin-right: 0;} |
28 .images li{margin: 0 8px 10px 0;width: 80px; height: 80px;border: 1px solid #767676; float: left;} |
32 .images li{margin: 0 8px 10px 0;width: 80px; height: 80px;border: 1px solid #767676; float: left;} |
29 .images img{width: 80px; height: 80px;} |
33 .images img{width: 80px; height: 80px;} |
30 |
34 |
|
35 .videos.less{height: 76px; overflow: hidden;} |
31 .videos li:nth-child(3n+3) { margin-right: 0;} |
36 .videos li:nth-child(3n+3) { margin-right: 0;} |
32 .videos li{margin: 0 8px 10px 0;width: 80px; height: 64px;border: 1px solid #767676; float: left;} |
37 .videos li{margin: 0 8px 10px 0;width: 80px; height: 64px;border: 1px solid #767676; float: left;} |
33 .videos img{width: 80px; height: 64px;} |
38 .videos img{width: 80px; height: 64px;} |
34 |
39 |
35 .renkan{display: table-cell; padding-top:60px; vertical-align: top; background-color: #eee; width:100%; background: url(../img/bg-renkan.png) 0 0; min-width: 400px;} |
40 .renkan{display: table-cell; padding-top:60px; vertical-align: top; background-color: #eee; width:100%; background: url(../img/bg-renkan.png) 0 0; min-width: 400px;} |