488 lines
11 KiB
CSS
488 lines
11 KiB
CSS
/* product-toolbar/1.0.1 common.css Date:2015-08-13 15:08:01 */
|
|
@charset "UTF-8";
|
|
.jdm-tbar-panel-header .close-panel, .jdm-tbar-panel-header i, .jdm-toolbar-tab .tab-ico, .jdm-toolbar-tabs .tabs-tip .ico {
|
|
display:inline-block;
|
|
background-image:url(http://misc.360buyimg.com/product/toolbar/1.0.1/css/i/jdm-toolbar-icons.png);
|
|
_background-image:url(http://misc.360buyimg.com/product/toolbar/1.0.1/css/i/jdm-toolbar-icons-png8.png);
|
|
background-repeat:no-repeat
|
|
}
|
|
.i-face-fd, .i-face-jk {
|
|
display:inline-block;
|
|
background-image:url(http://misc.360buyimg.com/product/toolbar/1.0.1/css/i/jdm-toolbar-face.png);
|
|
_background-image:url(http://misc.360buyimg.com/product/toolbar/1.0.1/css/i/jdm-toolbar-face-png8.png);
|
|
background-repeat:no-repeat
|
|
}
|
|
.i-loading {
|
|
display:inline-block;
|
|
width:32px;
|
|
height:32px;
|
|
background-image:url(http://misc.360buyimg.com/product/toolbar/1.0.1/css/i/loading.gif);
|
|
background-repeat:no-repeat
|
|
}
|
|
.i-face-fd {
|
|
width:113px;
|
|
height:35px;
|
|
background-position:0 0
|
|
}
|
|
.i-face-jk {
|
|
width:113px;
|
|
height:35px;
|
|
background-position:0 -50px
|
|
}
|
|
.error-img {
|
|
display:inline-block;
|
|
width:144px;
|
|
height:48px;
|
|
background:url(http://misc.360buyimg.com/product/toolbar/1.0.1/css/i/error-img.jpg) no-repeat 50% 50%
|
|
}
|
|
.jdm-tbar-tipbox .tip-inner {
|
|
padding:6px 5px;
|
|
border:1px solid #edd28b;
|
|
background:#fffdee;
|
|
text-align:center
|
|
}
|
|
.jdm-tbar-tipbox .tip-text {
|
|
display:inline-block;
|
|
line-height:20px;
|
|
vertical-align:middle;
|
|
color:#333
|
|
}
|
|
.jdm-tbar-tipbox .tip-btn {
|
|
display:inline-block;
|
|
height:20px;
|
|
line-height:20px;
|
|
padding:0 5px;
|
|
margin-left:5px;
|
|
color:#fff;
|
|
vertical-align:middle;
|
|
background:#c81623
|
|
}
|
|
.jdm-tbar-login {
|
|
display:none
|
|
}
|
|
.jdm-tbar-tipbox2 {
|
|
text-align:center
|
|
}
|
|
.jdm-tbar-tipbox2 .tip-face {
|
|
overflow:hidden
|
|
}
|
|
.jdm-tbar-tipbox2 .tip-text {
|
|
line-height:20px
|
|
}
|
|
.jdm-tbar-tipbox2 .tip-text a {
|
|
color:#c81623
|
|
}
|
|
.jdm-toolbar-wrap {
|
|
position:fixed;
|
|
_position:absolute;
|
|
top:0;
|
|
right:0;
|
|
z-index:9990;
|
|
width:0;
|
|
height:100%
|
|
}
|
|
.jdm-toolbar-wrap a {
|
|
text-decoration:none
|
|
}
|
|
.jdm-toolbar {
|
|
position:absolute;
|
|
right:0;
|
|
top:0;
|
|
width:0;
|
|
height:100%;
|
|
border-right:6px solid #7a6e6e;
|
|
-webkit-transition:right .3s ease-in-out 0s;
|
|
-moz-transition:right .3s ease-in-out 0s;
|
|
transition:right .3s ease-in-out 0s
|
|
}
|
|
.z-jdm-toolbar-open .jdm-toolbar {
|
|
right:270px
|
|
}
|
|
.z-jdm-toolbar-open .jdm-toolbar-panels {
|
|
_display:block
|
|
}
|
|
.jdm-toolbar-panels {
|
|
position:absolute;
|
|
left:6px;
|
|
_left:6px;
|
|
top:0;
|
|
width:270px;
|
|
height:100%;
|
|
z-index:2;
|
|
background:#eceaea;
|
|
_display:none
|
|
}
|
|
.jdm-toolbar-panel {
|
|
width:270px;
|
|
height:100%;
|
|
position:absolute;
|
|
background:#eceaea;
|
|
visible:hidden
|
|
}
|
|
.jdm-tbar-panel-header {
|
|
position:relative;
|
|
width:270px;
|
|
height:40px;
|
|
line-height:40px;
|
|
background:#eceaea
|
|
}
|
|
.jdm-tbar-panel-header i {
|
|
margin-right:4px;
|
|
margin-left:10px;
|
|
vertical-align:top
|
|
}
|
|
.jdm-tbar-panel-header .title {
|
|
display:inline-block;
|
|
height:40px;
|
|
color:#5e5050;
|
|
font:16px/40px "寰蒋闆呴粦"
|
|
}
|
|
.jdm-tbar-panel-header .title em {
|
|
display:inline-block;
|
|
vertical-align:top
|
|
}
|
|
.jdm-tbar-panel-header .close-panel {
|
|
width:12px;
|
|
height:12px;
|
|
background-position:0 -250px;
|
|
position:absolute;
|
|
right:8px;
|
|
top:16px;
|
|
cursor:pointer;
|
|
-webkit-transition:transform .2s ease-out 0s;
|
|
-moz-transition:transform .2s ease-out 0s;
|
|
transition:transform .2s ease-out 0s
|
|
}
|
|
.jdm-tbar-panel-header .close-panel:hover {
|
|
-webkit-transform:rotate(180deg);
|
|
-moz-transform:rotate(180deg);
|
|
transform:rotate(180deg)
|
|
}
|
|
.jdm-tbar-panel-main {
|
|
position:relative
|
|
}
|
|
.jdm-tbar-panel-content {
|
|
width:270px;
|
|
overflow-y:auto;
|
|
overflow-x:hidden;
|
|
position:relative
|
|
}
|
|
.jdm-tbar-panel-content .jdm-tbar-tipbox2 {
|
|
width:270px;
|
|
position:absolute;
|
|
left:0;
|
|
top:50%;
|
|
margin-top:-60px
|
|
}
|
|
.jdm-tbar-panel-content::-webkit-scrollbar {
|
|
width:5px
|
|
}
|
|
.jdm-tbar-panel-content::-webkit-scrollbar-track {
|
|
-webkit-border-radius:6px;
|
|
border-radius:6px;
|
|
background-color:transparent
|
|
}
|
|
.jdm-tbar-panel-content::-webkit-scrollbar-thumb {
|
|
-webkit-border-radius:6px;
|
|
border-radius:6px;
|
|
background:#7b6f6f
|
|
}
|
|
.jdm-toolbar-header {
|
|
position:absolute;
|
|
top:0;
|
|
right:-6px
|
|
}
|
|
.jdm-toolbar-tabs {
|
|
position:absolute;
|
|
top:50%;
|
|
left:-29px;
|
|
width:35px;
|
|
margin-top:-61px
|
|
}
|
|
.jdm-toolbar-tabs .tabs-tip {
|
|
position:absolute;
|
|
top:0;
|
|
right:35px;
|
|
height:35px;
|
|
line-height:35px;
|
|
white-space:nowrap;
|
|
border-radius:5px;
|
|
background:#c81623;
|
|
color:#fff;
|
|
padding:0 10px;
|
|
padding-left:30px
|
|
}
|
|
.jdm-toolbar-tabs .tabs-tip .ico {
|
|
width:15px;
|
|
height:12px;
|
|
background-position:-98px -162px;
|
|
position:absolute;
|
|
top:13px;
|
|
left:10px
|
|
}
|
|
.jdm-toolbar-tabs .tabs-tip b {
|
|
width:0;
|
|
height:0;
|
|
line-height:0;
|
|
font-size:0;
|
|
border:transparent 6px dashed;
|
|
border-left:6px solid #c81623;
|
|
position:absolute;
|
|
right:-12px;
|
|
top:12px;
|
|
z-index:20
|
|
}
|
|
.jdm-toolbar-footer {
|
|
position:absolute;
|
|
bottom:-1px;
|
|
width:100%;
|
|
left:-29px
|
|
}
|
|
.jdm-toolbar-footer .jdm-toolbar-tab .tab-text {
|
|
width:50px
|
|
}
|
|
.jdm-toolbar-footer .z-jdm-tbar-tab-hover .tab-text {
|
|
left:-48px
|
|
}
|
|
.jdm-toolbar-tab {
|
|
position:relative;
|
|
width:35px;
|
|
height:35px;
|
|
margin-bottom:1px;
|
|
cursor:pointer;
|
|
background-color:#7a6e6e;
|
|
-webkit-border-radius:3px 0 0 3px;
|
|
-moz-border-radius:3px 0 0 3px;
|
|
border-radius:3px 0 0 3px
|
|
}
|
|
.jdm-toolbar-tab .tab-ico {
|
|
width:34px;
|
|
height:35px;
|
|
margin-left:1px;
|
|
position:relative;
|
|
z-index:2;
|
|
background-color:#7a6e6e;
|
|
_display:block
|
|
}
|
|
.jdm-toolbar-tab .tab-text {
|
|
width:62px;
|
|
height:35px;
|
|
line-height:35px;
|
|
color:#fff;
|
|
text-align:center;
|
|
font-family:"寰蒋闆呴粦";
|
|
position:absolute;
|
|
z-index:1;
|
|
left:35px;
|
|
top:0;
|
|
background-color:#7a6e6e;
|
|
-webkit-border-radius:3px 0 0 3px;
|
|
-moz-border-radius:3px 0 0 3px;
|
|
border-radius:3px 0 0 3px;
|
|
-webkit-transition:left .3s ease-in-out .1s;
|
|
-moz-transition:left .3s ease-in-out .1s;
|
|
transition:left .3s ease-in-out .1s;
|
|
_display:none
|
|
}
|
|
.jdm-toolbar-tab .tab-sub {
|
|
position:absolute;
|
|
z-index:3;
|
|
right:2px;
|
|
top:-5px;
|
|
height:11px;
|
|
padding:1px 2px;
|
|
border:1px solid #b61d1d;
|
|
overflow:hidden;
|
|
color:#fff;
|
|
font:11px/11px verdana;
|
|
text-align:center;
|
|
min-width:11px;
|
|
_width:20px;
|
|
-webkit-border-radius:10px;
|
|
-moz-border-radius:10px;
|
|
border-radius:10px;
|
|
background-color:#cc6060;
|
|
background-image:-moz-linear-gradient(top, #cc6060, #b61d1d);
|
|
background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #cc6060), color-stop(1, #b61d1d));
|
|
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc6060', endColorstr='#b61d1d', GradientType='0');
|
|
-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc6060', endColorstr='#b61d1d');
|
|
background-image:linear-gradient(to bottom, #cc6060 0, #b61d1d 100%)
|
|
}
|
|
.jdm-tbar-tab-cart .tab-ico {
|
|
background-position:-50px 0
|
|
}
|
|
.jdm-tbar-tab-follow .tab-ico {
|
|
background-position:-50px -50px
|
|
}
|
|
.jdm-tbar-tab-history .tab-ico {
|
|
background-position:-50px -100px
|
|
}
|
|
.z-jdm-tbar-tab-hover, .z-jdm-tbar-tab-hover .tab-ico {
|
|
background-color:#c81623
|
|
}
|
|
.z-jdm-tbar-tab-hover .tab-text {
|
|
left:-60px;
|
|
background-color:#c81623;
|
|
_display:block
|
|
}
|
|
.z-jdm-tbar-tab-hover .tab-sub {
|
|
color:#c81623;
|
|
background-color:#fff;
|
|
background-image:-moz-linear-gradient(top, #fff, #fff);
|
|
background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #fff));
|
|
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType='0');
|
|
-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff');
|
|
background-image:linear-gradient(to bottom, #fff 0, #fff 100%);
|
|
-webkit-box-shadow:1px 1px 3px rgba(0, 0, 0, .3);
|
|
-moz-box-shadow:1px 1px 3px rgba(0, 0, 0, .3);
|
|
box-shadow:1px 1px 3px rgba(0, 0, 0, .3);
|
|
text-shadow:1px 0 1px rgba(0, 0, 0, .3)
|
|
}
|
|
.z-jdm-tbar-tab-selected, .z-jdm-tbar-tab-selected .tab-ico {
|
|
background-color:#c81623
|
|
}
|
|
.z-jdm-tbar-tab-selected .tab-text {
|
|
display:none
|
|
}
|
|
.z-jdm-tbar-tab-selected .tab-sub {
|
|
color:#c81623;
|
|
background-color:#fff;
|
|
background-image:-moz-linear-gradient(top, #fff, #fff);
|
|
background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #fff));
|
|
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType='0');
|
|
-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff');
|
|
background-image:linear-gradient(to bottom, #fff 0, #fff 100%);
|
|
-webkit-box-shadow:1px 1px 3px rgba(0, 0, 0, .3);
|
|
-moz-box-shadow:1px 1px 3px rgba(0, 0, 0, .3);
|
|
box-shadow:1px 1px 3px rgba(0, 0, 0, .3);
|
|
text-shadow:1px 0 1px rgba(0, 0, 0, .3)
|
|
}
|
|
.jdm-tbar-tab-jimi .tab-ico {
|
|
background-position:-50px -150px
|
|
}
|
|
.jdm-tbar-panel-jimi .jdm-tbar-panel-header i {
|
|
width:18px;
|
|
height:19px;
|
|
margin-top:10px;
|
|
background-position:0 -150px
|
|
}
|
|
.jdm-tbar-panel-jimi .jdm-tbar-panel-content {
|
|
overflow:hidden
|
|
}
|
|
.jdm-tbar-tab-top .tab-ico {
|
|
background-position:-50px -250px
|
|
}
|
|
.jdm-tbar-tab-feedback .tab-ico {
|
|
background-position:-50px -300px
|
|
}
|
|
@-webkit-keyframes toolbar-scaleIn {
|
|
from {
|
|
opacity:.7;
|
|
-webkit-transform:translateX(270px);
|
|
-moz-transform:translateX(270px);
|
|
transform:translateX(270px)
|
|
}
|
|
to {
|
|
-webkit-transform:translateX(0px);
|
|
-moz-transform:translateX(0px);
|
|
transform:translateX(0px)
|
|
}
|
|
}
|
|
@-ms-keyframes toolbar-scaleIn {
|
|
from {
|
|
opacity:.7;
|
|
-webkit-transform:translateX(270px);
|
|
-moz-transform:translateX(270px);
|
|
transform:translateX(270px)
|
|
}
|
|
to {
|
|
-webkit-transform:translateX(0px);
|
|
-moz-transform:translateX(0px);
|
|
transform:translateX(0px)
|
|
}
|
|
}
|
|
@-moz-keyframes toolbar-scaleIn {
|
|
from {
|
|
opacity:.7;
|
|
-webkit-transform:translateX(270px);
|
|
-moz-transform:translateX(270px);
|
|
transform:translateX(270px)
|
|
}
|
|
to {
|
|
-webkit-transform:translateX(0px);
|
|
-moz-transform:translateX(0px);
|
|
transform:translateX(0px)
|
|
}
|
|
}
|
|
@keyframes toolbar-scaleIn {
|
|
from {
|
|
opacity:.7;
|
|
-webkit-transform:translateX(270px);
|
|
-moz-transform:translateX(270px);
|
|
transform:translateX(270px)
|
|
}
|
|
to {
|
|
-webkit-transform:translateX(0px);
|
|
-moz-transform:translateX(0px);
|
|
transform:translateX(0px)
|
|
}
|
|
}
|
|
@-webkit-keyframes toolbar-scaleOut {
|
|
to {
|
|
opacity:.5;
|
|
-webkit-transform:scale(0.7) translateX(270px);
|
|
-moz-transform:scale(0.7) translateX(270px);
|
|
transform:scale(0.7) translateX(270px)
|
|
}
|
|
}
|
|
@-ms-keyframes toolbar-scaleOut {
|
|
to {
|
|
opacity:.5;
|
|
-webkit-transform:scale(0.7) translateX(270px);
|
|
-moz-transform:scale(0.7) translateX(270px);
|
|
transform:scale(0.7) translateX(270px)
|
|
}
|
|
}
|
|
@-moz-keyframes toolbar-scaleOut {
|
|
to {
|
|
opacity:.5;
|
|
-webkit-transform:scale(0.7) translateX(270px);
|
|
-moz-transform:scale(0.7) translateX(270px);
|
|
transform:scale(0.7) translateX(270px)
|
|
}
|
|
}
|
|
@keyframes toolbar-scaleOut {
|
|
to {
|
|
opacity:.5;
|
|
-webkit-transform:scale(0.7) translateX(270px);
|
|
-moz-transform:scale(0.7) translateX(270px);
|
|
transform:scale(0.7) translateX(270px)
|
|
}
|
|
}
|
|
.toolbar-animate-in {
|
|
-webkit-animation:toolbar-scaleIn .35s ease-in-out;
|
|
-moz-animation:toolbar-scaleIn .35s ease-in-out;
|
|
animation:toolbar-scaleIn .35s ease-in-out
|
|
}
|
|
.toolbar-animate-out {
|
|
-webkit-animation:toolbar-scaleOut .35s ease-in;
|
|
-moz-animation:toolbar-scaleOut .35s ease-in;
|
|
animation:toolbar-scaleOut .35s ease-in
|
|
}
|
|
.jdm-tbar-panel-ad .jdm-tbar-panel-content {
|
|
overflow:hidden
|
|
}
|
|
.jdm-toolbar .jdm-toolbar-footer .jdm-tbar-tab-survey .tab-ico {
|
|
display:none;
|
|
_display:none
|
|
}
|
|
.jdm-toolbar .jdm-toolbar-footer .jdm-tbar-tab-survey .tab-text {
|
|
left:0;
|
|
width:35px;
|
|
height:30px;
|
|
padding:2px 0 3px;
|
|
line-height:15px;
|
|
background:#c81623;
|
|
_display:block
|
|
}
|