File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
html.scroll-hidden,
body.scroll-hidden{
overflow-y:hidden !important;
}
#SeedModal{
position: fixed;
width: 100%;
min-width:300px;
height: 100%;
top: 0;
left: 0;
z-index: 100000;
background: rgb(0,0,0);
background: rgba(0,0,0,0.4);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000,endColorstr=#50000000);
text-align:center;
overflow:auto;
-webkit-overflow-scrolling: touch;
}
#SeedModal .iframe-box{
min-width:300px;
width: 60%;
margin:40px auto;
-webkit-overflow-scrolling: touch;
background:#f5f5f5;
border-radius:3px;
overflow: auto;
-webkit-transform: translate3d(0,-100px,0);
-moz-transform: translate3d(0,-100px,0);
-ms-transform: translate3d(0,-100px,0);
transform: translate3d(0,-100px,0);
}
#SeedModal .iframe-box.seed-open{
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
}
#SeedModal .iframe-header{
background:#757DBF;
height:40px;
line-height:40px;
text-align:left;
padding:0 20px;
vertical-align:middle;
}
#SeedModal .iframe-header strong{
float:left;
color:#fff;
font-family:Malgun Gothic;
font-size:14px;
line-height:inherit;
}
#SeedModal .iframe-header button{
float:right;
line-height:inherit;
font-size:28px;
color:rgba(255,255,255,.8);
}
#SeedIframe{
padding: 10px 0;
width:100%;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000;
-moz-perspective: 1000;
-ms-perspective: 1000;
perspective: 1000;
}
.seed-hide{
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000;
-moz-perspective: 1000;
-ms-perspective: 1000;
perspective: 1000;
}
.seed-open{
visibility: visible;
opacity:1;
}
html.ie8 .seed-hide{
visibility: visible;
opacity: 1;
}
@media screen and (max-width:1024px){
#SeedModal .iframe-box{width:95%;margin:40px auto;}
}
@media screen and (max-width:320px){
#SeedModal .iframe-box{width:98%}
}