| author | Anthony Ly <anthonyly.com@gmail.com> |
| Thu, 04 Apr 2013 18:19:28 +0200 | |
| changeset 8 | effe964b34be |
| parent 7 | 84f000d09bd4 |
| child 9 | b58988e19096 |
| permissions | -rw-r--r-- |
|
1
4aec3f00ea87
intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff
changeset
|
1 |
.sidebar{display: table-cell; padding-top:60px; vertical-align: top; } |
|
4aec3f00ea87
intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff
changeset
|
2 |
.sidebar .content{width: 280px; padding: 18px 0 0 12px; height: 100%;} |
|
4aec3f00ea87
intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff
changeset
|
3 |
.inner-content{padding-right: 16px;} |
|
4aec3f00ea87
intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff
changeset
|
4 |
.sidebar h2{font-size: 20px; margin-bottom: 24px;} |
|
4aec3f00ea87
intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff
changeset
|
5 |
.user{ height: 30px; line-height: 30px;} |
|
4aec3f00ea87
intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff
changeset
|
6 |
.user img{width: 30px; height: 30px; margin: 0 24px 24px 0; float: left;} |
| 2 | 7 |
.user p{float: left; font-size: 13px;} |
|
1
4aec3f00ea87
intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff
changeset
|
8 |
h3.instruction{color: #c7c7c7; clear: both; padding-bottom: 14px; margin: 0; border-bottom: 1px solid #3b3b3b;} |
| 2 | 9 |
|
|
3
046d617a7d6e
Début api, chargement des images stars
Anthony Ly <anthonyly.com@gmail.com>
parents:
2
diff
changeset
|
10 |
.sidebar ul a{display: block;} |
| 2 | 11 |
.stickers.less{height: 90px; overflow: hidden;} |
|
1
4aec3f00ea87
intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff
changeset
|
12 |
.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;} |
|
4aec3f00ea87
intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff
changeset
|
13 |
.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;} |
|
4aec3f00ea87
intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff
changeset
|
14 |
li.culte{background-image: url(../img/culte-scene-icon.png);} |
|
4aec3f00ea87
intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff
changeset
|
15 |
li.star{background-image: url(../img/star-icon.png);} |
|
4aec3f00ea87
intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff
changeset
|
16 |
li.like{background-image: url(../img/like-icon.png);} |
|
4aec3f00ea87
intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff
changeset
|
17 |
.stickers li:nth-child(3n+3) { margin-right: 0;} |
|
4aec3f00ea87
intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff
changeset
|
18 |
.sidebar h3{font-size: 13px; font-weight: bold; margin-bottom: 12px;} |
|
4aec3f00ea87
intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff
changeset
|
19 |
|
| 2 | 20 |
|
|
1
4aec3f00ea87
intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff
changeset
|
21 |
.more{margin-bottom: 16px;width: 100%; height: 12px; background-color: #191919; display: inline-block;} |
|
4aec3f00ea87
intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff
changeset
|
22 |
.more:hover{background-color: #3b3b3b;} |
|
4aec3f00ea87
intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff
changeset
|
23 |
.more span{ margin: 4px auto 0 auto;width: 13px; height: 4px; background: url(../img/arrow-more.png) 0 0 no-repeat; display: block;} |
|
4aec3f00ea87
intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff
changeset
|
24 |
.more.less span{background-position: bottom left;} |
|
4aec3f00ea87
intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff
changeset
|
25 |
.more-hide{display: none;} |
|
4aec3f00ea87
intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff
changeset
|
26 |
|
| 2 | 27 |
.stars.less, .images.less{height: 90px; overflow: hidden;} |
|
1
4aec3f00ea87
intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff
changeset
|
28 |
.stars li:nth-child(4n+4) { margin-right: 0;} |
|
4aec3f00ea87
intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff
changeset
|
29 |
.stars li{margin: 0 8px 10px 0;width: 58px; height: 78px;border: 1px solid #767676; float: left;} |
|
4aec3f00ea87
intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff
changeset
|
30 |
.stars img{width: 58px; height: 78px;} |
|
4aec3f00ea87
intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff
changeset
|
31 |
|
|
4aec3f00ea87
intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff
changeset
|
32 |
.images li:nth-child(3n+3) { margin-right: 0;} |
|
4aec3f00ea87
intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff
changeset
|
33 |
.images li{margin: 0 8px 10px 0;width: 80px; height: 80px;border: 1px solid #767676; float: left;} |
|
4aec3f00ea87
intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff
changeset
|
34 |
.images img{width: 80px; height: 80px;} |
|
4aec3f00ea87
intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff
changeset
|
35 |
|
| 2 | 36 |
.videos.less{height: 76px; overflow: hidden;} |
|
1
4aec3f00ea87
intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff
changeset
|
37 |
.videos li:nth-child(3n+3) { margin-right: 0;} |
|
4aec3f00ea87
intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff
changeset
|
38 |
.videos li{margin: 0 8px 10px 0;width: 80px; height: 64px;border: 1px solid #767676; float: left;} |
|
4aec3f00ea87
intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff
changeset
|
39 |
.videos img{width: 80px; height: 64px;} |
|
4aec3f00ea87
intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff
changeset
|
40 |
|
|
4aec3f00ea87
intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff
changeset
|
41 |
.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;} |
|
4aec3f00ea87
intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff
changeset
|
42 |
.renkan .wrap-top{width: 100%; height: 56px; background-color:rgba(0,0,0,.4);} |
|
4aec3f00ea87
intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff
changeset
|
43 |
.renkan .wrap-top h2{ font-size: 30px; padding-left: 18px; line-height: 56px; display: inline-block;} |
|
4aec3f00ea87
intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff
changeset
|
44 |
|
| 4 | 45 |
.Rk-ZoomButtons, |
|
1
4aec3f00ea87
intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff
changeset
|
46 |
.zoom{width: 30px; margin: 18px 0 0 16px;-webkit-box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.1);box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.1);} |
|
4aec3f00ea87
intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff
changeset
|
47 |
.zoom li{padding: 0;width: 30px; height: 30px;} |
| 4 | 48 |
.Rk-ZoomIn, .Rk-ZoomOut, |
|
1
4aec3f00ea87
intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff
changeset
|
49 |
.zoom a{margin: 0;width: 30px; height: 30px; display: inline-block; background: url(../img/zoom.png) center top no-repeat;} |
| 4 | 50 |
.Rk-ZoomIn:hover, .Rk-ZoomOut:hover, |
|
1
4aec3f00ea87
intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff
changeset
|
51 |
.zoom a:hover{background-color: #191919;} |
| 4 | 52 |
.Rk-ZoomIn, |
|
1
4aec3f00ea87
intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff
changeset
|
53 |
.zoom .in{background-color: #929292; background-position: center 8px;} |
| 4 | 54 |
.Rk-ZoomOut, |
|
1
4aec3f00ea87
intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff
changeset
|
55 |
.zoom .out{background-color: #fff; background-position: center -22px;} |
|
4aec3f00ea87
intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff
changeset
|
56 |
|
|
4aec3f00ea87
intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff
changeset
|
57 |
.renkan .actions{width: 194px; float: right; margin: 12px 12px 0 0;} |
|
4aec3f00ea87
intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff
changeset
|
58 |
.renkan .actions li{float: left;} |
|
4aec3f00ea87
intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff
changeset
|
59 |
.renkan .actions a{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); |
|
4aec3f00ea87
intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff
changeset
|
60 |
-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.75); |
|
4aec3f00ea87
intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff
changeset
|
61 |
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.75);-webkit-border-radius: 4px; |
|
4aec3f00ea87
intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff
changeset
|
62 |
-moz-border-radius: 4px; |
|
4aec3f00ea87
intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff
changeset
|
63 |
border-radius: 4px;} |
|
4aec3f00ea87
intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff
changeset
|
64 |
a.cancel{margin-right: 8px; |
|
4aec3f00ea87
intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff
changeset
|
65 |
background: #555555; background: -moz-linear-gradient(top, #555555 0%, #7a7a7a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555555), color-stop(100%,#7a7a7a)); background: -webkit-linear-gradient(top, #555555 0%,#7a7a7a 100%); background: -o-linear-gradient(top, #555555 0%,#7a7a7a 100%); background: -ms-linear-gradient(top, #555555 0%,#7a7a7a 100%); background: linear-gradient(to bottom, #555555 0%,#7a7a7a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#7a7a7a',GradientType=0 ); /* IE6-9 */ |
|
4aec3f00ea87
intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff
changeset
|
66 |
} |
|
4aec3f00ea87
intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff
changeset
|
67 |
a.cancel:hover{ |
|
4aec3f00ea87
intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff
changeset
|
68 |
background: #7a7a7a;background: -moz-linear-gradient(top, #7a7a7a 0%, #555555 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7a7a7a), color-stop(100%,#555555));background: -webkit-linear-gradient(top, #7a7a7a 0%,#555555 100%);background: -o-linear-gradient(top, #7a7a7a 0%,#555555 100%);background: -ms-linear-gradient(top, #7a7a7a 0%,#555555 100%);background: linear-gradient(to bottom, #7a7a7a 0%,#555555 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7a7a7a', endColorstr='#555555',GradientType=0 ); |
|
4aec3f00ea87
intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff
changeset
|
69 |
|
|
4aec3f00ea87
intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff
changeset
|
70 |
} |
|
4aec3f00ea87
intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff
changeset
|
71 |
a.send{ |
|
4aec3f00ea87
intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff
changeset
|
72 |
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 */ |
|
4aec3f00ea87
intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff
changeset
|
73 |
} |
|
4aec3f00ea87
intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff
changeset
|
74 |
a.send:hover{ |
|
4aec3f00ea87
intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff
changeset
|
75 |
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 ); |
| 4 | 76 |
} |
77 |
||
78 |
.edit-cinecard { |
|
79 |
position: relative; |
|
80 |
} |
|
| 7 | 81 |
|
82 |
footer .logofoot{top: 6px;} |
|
83 |
.logofoot li{float: left; } |
|
84 |
.logofoot li a{height: 46px;line-height: 60px;display: block;} |
|
85 |
.logofoot li img{display: inline;} |