integ/css/iri.css
changeset 1 4aec3f00ea87
child 2 05fdc9616ba0
child 4 1fa074d64662
equal deleted inserted replaced
0:ca1b8c0fbe35 1:4aec3f00ea87
       
     1 .sidebar{display: table-cell; padding-top:60px; vertical-align: top;  }
       
     2 .sidebar .content{width: 280px; padding: 18px 0 0 12px; height: 100%;}
       
     3 .inner-content{padding-right: 16px;}
       
     4 .sidebar h2{font-size: 20px; margin-bottom: 24px;}
       
     5 .user{ height: 30px; line-height: 30px;}
       
     6 .user img{width: 30px; height: 30px; margin: 0 24px 24px 0; float: left;}
       
     7 .user p{float: left;}
       
     8 h3.instruction{color: #c7c7c7; clear: both; padding-bottom: 14px; margin: 0; border-bottom: 1px solid #3b3b3b;}
       
     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;}
       
    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;}
       
    11 li.culte{background-image: url(../img/culte-scene-icon.png);}
       
    12 li.star{background-image: url(../img/star-icon.png);}
       
    13 li.like{background-image: url(../img/like-icon.png);}
       
    14 .stickers li:nth-child(3n+3) { margin-right: 0;}
       
    15 .sidebar h3{font-size: 13px; font-weight: bold; margin-bottom: 12px;}
       
    16 
       
    17 .more{margin-bottom: 16px;width: 100%; height: 12px; background-color: #191919; display: inline-block;}
       
    18 .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;}
       
    20 .more.less span{background-position: bottom left;}
       
    21 .more-hide{display: none;}
       
    22 
       
    23 .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;}
       
    25 .stars img{width: 58px; height: 78px;}
       
    26 
       
    27 .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;}
       
    29 .images img{width: 80px; height: 80px;}
       
    30 
       
    31 .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;}
       
    33 .videos img{width: 80px; height: 64px;}
       
    34 
       
    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;}
       
    36 .renkan .wrap-top{width: 100%; height: 56px; background-color:rgba(0,0,0,.4);}
       
    37 .renkan .wrap-top h2{ font-size: 30px; padding-left: 18px; line-height: 56px; display: inline-block;}
       
    38 
       
    39 .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);}
       
    40 .zoom li{padding: 0;width: 30px; height: 30px;}
       
    41 .zoom a{margin: 0;width: 30px; height: 30px; display: inline-block; background: url(../img/zoom.png) center top no-repeat;}
       
    42 .zoom a:hover{background-color: #191919;}
       
    43 .zoom .in{background-color: #929292; background-position: center 8px;}
       
    44 .zoom .out{background-color: #fff; background-position: center -22px;}
       
    45 
       
    46 .renkan .actions{width: 194px; float: right; margin: 12px 12px 0 0;}
       
    47 .renkan .actions li{float: left;}
       
    48 .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);
       
    49 -moz-box-shadow:    0px 1px 1px rgba(0, 0, 0, 0.75);
       
    50 box-shadow:         0px 1px 1px rgba(0, 0, 0, 0.75);-webkit-border-radius: 4px;
       
    51 -moz-border-radius: 4px;
       
    52 border-radius: 4px;}
       
    53 a.cancel{margin-right: 8px;
       
    54 	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 */
       
    55 }
       
    56 a.cancel:hover{
       
    57 	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 );
       
    58 
       
    59 }
       
    60 a.send{
       
    61 	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 */
       
    62 }
       
    63 a.send:hover{
       
    64 	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 );
       
    65 }