integ/css/iri.css
author Anthony Ly <anthonyly.com@gmail.com>
Mon, 15 Apr 2013 18:11:24 +0200
changeset 33 ca5982c67338
parent 31 8efb37c41091
child 37 e9c18960f518
permissions -rw-r--r--
correction tooltip
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
13
6d3ad9365f43 update css
Anthony Ly <anthonyly.com@gmail.com>
parents: 12
diff changeset
     1
.sidebar{display: table-cell; padding-top:60px; vertical-align: top;}
1
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
05fdc9616ba0 update intégration
Anthony Ly <anthonyly.com@gmail.com>
parents: 1
diff changeset
     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
05fdc9616ba0 update intégration
Anthony Ly <anthonyly.com@gmail.com>
parents: 1
diff changeset
     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;}
11
8cc41e652429 update stickers
Anthony Ly <anthonyly.com@gmail.com>
parents: 10
diff changeset
    11
.sidebar ul li{-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.41);-moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.41);box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.41);}
2
05fdc9616ba0 update intégration
Anthony Ly <anthonyly.com@gmail.com>
parents: 1
diff changeset
    12
.stickers.less{height: 90px; overflow: hidden;}
10
bdfc6ff39081 Lien autour des stickers
Anthony Ly <anthonyly.com@gmail.com>
parents: 9
diff changeset
    13
.stickers li{margin: 0 10px 10px 0;float:left;}
bdfc6ff39081 Lien autour des stickers
Anthony Ly <anthonyly.com@gmail.com>
parents: 9
diff changeset
    14
.stickers li a{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;}
1
4aec3f00ea87 intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    15
.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;}
10
bdfc6ff39081 Lien autour des stickers
Anthony Ly <anthonyly.com@gmail.com>
parents: 9
diff changeset
    16
a.culte{background-image: url(../img/culte-scene-icon.png);}
bdfc6ff39081 Lien autour des stickers
Anthony Ly <anthonyly.com@gmail.com>
parents: 9
diff changeset
    17
a.star{background-image: url(../img/star-icon.png);}
bdfc6ff39081 Lien autour des stickers
Anthony Ly <anthonyly.com@gmail.com>
parents: 9
diff changeset
    18
a.like{background-image: url(../img/like-icon.png);}
1
4aec3f00ea87 intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    19
.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
    20
.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
    21
4aec3f00ea87 intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    22
.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
    23
.more:hover{background-color: #3b3b3b;}
4aec3f00ea87 intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    24
.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
    25
.more.less span{background-position: bottom left;}
4aec3f00ea87 intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    26
.more-hide{display: none;}
4aec3f00ea87 intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    27
2
05fdc9616ba0 update intégration
Anthony Ly <anthonyly.com@gmail.com>
parents: 1
diff changeset
    28
.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
    29
.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
    30
.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
    31
.stars img{width: 58px; height: 78px;}
4aec3f00ea87 intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    32
4aec3f00ea87 intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    33
.images li:nth-child(3n+3) { margin-right: 0;}
9
b58988e19096 MAJ intégration api
Anthony Ly <anthonyly.com@gmail.com>
parents: 7
diff changeset
    34
.images li{margin: 0 8px 10px 0;border: 1px solid #767676; float: left; overflow: hidden;}
b58988e19096 MAJ intégration api
Anthony Ly <anthonyly.com@gmail.com>
parents: 7
diff changeset
    35
.images li a{width: 80px; height: 80px;}
1
4aec3f00ea87 intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    36
2
05fdc9616ba0 update intégration
Anthony Ly <anthonyly.com@gmail.com>
parents: 1
diff changeset
    37
.videos.less{height: 76px; overflow: hidden;}
1
4aec3f00ea87 intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    38
.videos li:nth-child(3n+3) { margin-right: 0;}
25
cc54acb734fb update image resize
Anthony Ly <anthonyly.com@gmail.com>
parents: 24
diff changeset
    39
.videos li a{width: 80px; height: 64px;}
cc54acb734fb update image resize
Anthony Ly <anthonyly.com@gmail.com>
parents: 24
diff changeset
    40
.videos li{overflow: hidden;margin: 0 8px 10px 0;border: 1px solid #767676; float: left;}
1
4aec3f00ea87 intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    41
9
b58988e19096 MAJ intégration api
Anthony Ly <anthonyly.com@gmail.com>
parents: 7
diff changeset
    42
.renkan{ position: relative;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;}
1
4aec3f00ea87 intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    43
.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
    44
.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
    45
4
1fa074d64662 Added Renkan to Cinecard
veltr
parents: 1
diff changeset
    46
.Rk-ZoomButtons,
1
4aec3f00ea87 intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    47
.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
    48
.zoom li{padding: 0;width: 30px; height: 30px;}
4
1fa074d64662 Added Renkan to Cinecard
veltr
parents: 1
diff changeset
    49
.Rk-ZoomIn, .Rk-ZoomOut,
1
4aec3f00ea87 intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    50
.zoom a{margin: 0;width: 30px; height: 30px; display: inline-block; background: url(../img/zoom.png) center top no-repeat;}
4
1fa074d64662 Added Renkan to Cinecard
veltr
parents: 1
diff changeset
    51
.Rk-ZoomIn:hover, .Rk-ZoomOut:hover,
1
4aec3f00ea87 intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    52
.zoom a:hover{background-color: #191919;}
4
1fa074d64662 Added Renkan to Cinecard
veltr
parents: 1
diff changeset
    53
.Rk-ZoomIn,
1
4aec3f00ea87 intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    54
.zoom .in{background-color: #929292; background-position: center 8px;}
4
1fa074d64662 Added Renkan to Cinecard
veltr
parents: 1
diff changeset
    55
.Rk-ZoomOut,
1
4aec3f00ea87 intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    56
.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
    57
4aec3f00ea87 intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    58
.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
    59
.renkan .actions li{float: left;}
13
6d3ad9365f43 update css
Anthony Ly <anthonyly.com@gmail.com>
parents: 12
diff changeset
    60
.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);-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;}
6d3ad9365f43 update css
Anthony Ly <anthonyly.com@gmail.com>
parents: 12
diff changeset
    61
a.cancel{margin-right: 8px;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 */}
6d3ad9365f43 update css
Anthony Ly <anthonyly.com@gmail.com>
parents: 12
diff changeset
    62
a.cancel:hover{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 );}
6d3ad9365f43 update css
Anthony Ly <anthonyly.com@gmail.com>
parents: 12
diff changeset
    63
a.send{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 */}
6d3ad9365f43 update css
Anthony Ly <anthonyly.com@gmail.com>
parents: 12
diff changeset
    64
a.send: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 );}
1
4aec3f00ea87 intégration création cinecard v1
Anthony Ly <anthonyly.com@gmail.com>
parents:
diff changeset
    65
13
6d3ad9365f43 update css
Anthony Ly <anthonyly.com@gmail.com>
parents: 12
diff changeset
    66
.edit-cinecard {position: relative;}
7
84f000d09bd4 logo / images section
Anthony Ly <anthonyly.com@gmail.com>
parents: 5
diff changeset
    67
12
de84cbea1248 update stickers
Anthony Ly <anthonyly.com@gmail.com>
parents: 11
diff changeset
    68
.logo-iri{z-index: 10;position: absolute;right: 25px;bottom: 66px;}
21
937b6ee27f06 update tooltip
Anthony Ly <anthonyly.com@gmail.com>
parents: 13
diff changeset
    69
33
ca5982c67338 correction tooltip
Anthony Ly <anthonyly.com@gmail.com>
parents: 31
diff changeset
    70
div.rate_tooltip{ display:none; z-index:10;box-shadow: 2px 2px 10px 0px #000;padding: 0 8px;height: 21px;line-height: 21px;}
21
937b6ee27f06 update tooltip
Anthony Ly <anthonyly.com@gmail.com>
parents: 13
diff changeset
    71
div.rate_tooltip p{display: inline-block;}
937b6ee27f06 update tooltip
Anthony Ly <anthonyly.com@gmail.com>
parents: 13
diff changeset
    72
.rate_tooltip .arrow_l {background: url("skin/arrow_l.png") no-repeat 0 0;height: 15px;top: 3px;position: absolute;left: -8px;width: 8px;}
33
ca5982c67338 correction tooltip
Anthony Ly <anthonyly.com@gmail.com>
parents: 31
diff changeset
    73