初始版本
This commit is contained in:
165
statics/mobile/css/base.css
Executable file
165
statics/mobile/css/base.css
Executable file
@@ -0,0 +1,165 @@
|
||||
@charset "UTF-8";
|
||||
/*base.css*/
|
||||
html{
|
||||
font-size:12px;
|
||||
background: #f5f5f5;
|
||||
}
|
||||
html,body{
|
||||
width:100%;
|
||||
margin:0;
|
||||
overflow:hidden;
|
||||
font-family:'Microsoft YaHei',"Arial";
|
||||
-webkit-tap-highlight-color:rgba(0,0,0,0);
|
||||
-webkit-tap-highlight-color:transparent;
|
||||
-webkit-text-size-adjust:none;
|
||||
-webkit-touch-callout:behavior;
|
||||
|
||||
}
|
||||
h1,h2,h2,h3,h4,h5,h6{
|
||||
margin:0;
|
||||
font-size:100%;
|
||||
}
|
||||
p,dl,dd,form,figure{
|
||||
margin:0;
|
||||
}
|
||||
td,th{
|
||||
padding:0;
|
||||
}
|
||||
a,a:hover,time{
|
||||
text-decoration:none;
|
||||
-webkit-tap-highlight-color:rgba(0,0,0,0);
|
||||
-webkit-tap-highlight-color:transparent;
|
||||
}
|
||||
ol,ul{
|
||||
padding:0;
|
||||
margin:0;
|
||||
list-style:none;
|
||||
}
|
||||
li{
|
||||
list-style-type:none;
|
||||
}
|
||||
table{
|
||||
border-collapse:collapse;
|
||||
}
|
||||
img{
|
||||
border:none;
|
||||
vertical-align:middle;
|
||||
}
|
||||
em,i{
|
||||
font-style:normal;
|
||||
}
|
||||
a:focus,
|
||||
textarea:focus,
|
||||
input:focus,
|
||||
textarea,input{
|
||||
padding:0;
|
||||
margin:0;
|
||||
resize:none;
|
||||
outline:none;
|
||||
font-family:'Microsoft YaHei';
|
||||
vertical-align:middle;
|
||||
-webkit-appearance:none;
|
||||
}
|
||||
/*点击链接时周围的虚线框*/
|
||||
input::-ms-clear{
|
||||
display:none;
|
||||
}
|
||||
/*chrome记住密码 input输入框会有黄色*/
|
||||
input:-webkit-autofill {
|
||||
-webkit-box-shadow: 0 0 0px 100px #f9f9f9 inset;
|
||||
}
|
||||
|
||||
/*html5 reset*/
|
||||
header,nav,article,section,aside,footer,figure,figcaption{
|
||||
display:block;
|
||||
|
||||
}
|
||||
|
||||
/*comm css*/
|
||||
.rel{
|
||||
position:relative;
|
||||
}
|
||||
.abs{
|
||||
position:absolute;
|
||||
}
|
||||
.dn{
|
||||
display:none;
|
||||
}
|
||||
.block{
|
||||
display:block;
|
||||
}
|
||||
.r{
|
||||
float:right;
|
||||
}
|
||||
.l{
|
||||
float:left;
|
||||
}
|
||||
.mc{
|
||||
margin-right:auto;
|
||||
margin-left:auto;
|
||||
}
|
||||
.tl{
|
||||
text-align:left;
|
||||
}
|
||||
.tr{
|
||||
text-align:right;
|
||||
}
|
||||
.tc{
|
||||
text-align:center;
|
||||
}
|
||||
.cl{
|
||||
clear:both;
|
||||
}
|
||||
.textOverflow{
|
||||
white-space:nowrap;
|
||||
text-overflow:ellipsis;
|
||||
overflow:hidden;
|
||||
}
|
||||
.textOverflows{
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
overflow : hidden;
|
||||
text-overflow: ellipsis;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
.textBreak{
|
||||
word-break:break-all;
|
||||
word-wrap:break-word;
|
||||
}
|
||||
.textNowrap{
|
||||
white-space:nowrap;
|
||||
}
|
||||
.col-red{
|
||||
color:red;
|
||||
}
|
||||
.col-blue{
|
||||
color:blue;
|
||||
}
|
||||
.col-green{
|
||||
color:green;
|
||||
}
|
||||
.col-gray{
|
||||
color:gray;
|
||||
}
|
||||
/* media */
|
||||
/* 横屏 */
|
||||
@media screen and (orientation:landscape){
|
||||
|
||||
}
|
||||
/* 竖屏 */
|
||||
@media screen and (orientation:portrait){
|
||||
|
||||
}
|
||||
/* 窗口宽度<960,设计宽度=768 */
|
||||
@media screen and (max-width:959px){
|
||||
|
||||
}
|
||||
/* 窗口宽度<768,设计宽度=640 */
|
||||
@media screen and (max-width:767px){
|
||||
|
||||
}
|
||||
/* 窗口宽度<640,设计宽度=480 */
|
||||
@media screen and (max-width:639px){
|
||||
|
||||
}
|
||||
30
statics/mobile/css/index.css
Executable file
30
statics/mobile/css/index.css
Executable file
@@ -0,0 +1,30 @@
|
||||
body{ background-color:#E5E5E5;}
|
||||
.swiper-container { width:4rem; height:0.85rem;}
|
||||
.swiper-wrapper img{ width:4rem; height:0.85rem;}
|
||||
.swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
|
||||
-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center;
|
||||
align-items: center;}
|
||||
.top p span.tp-lf{ float:left; margin-left:0.15rem;}
|
||||
.top p span.tp-rt{ float:right; margin-right:0.15rem;}
|
||||
.nav-lf{ position:absolute; left:0; width:1rem; background-color:#E5E5E5; font-size:0.15rem; text-align:center;}
|
||||
.nav-lf ul li{ position:relative; width:1rem; height:0.4rem; line-height:0.4rem;}
|
||||
.nav-lf ul li b{ position:absolute; top:0.05rem; right:0.05rem; display:none; width:0.2rem; height:0.2rem; line-height:0.2rem; font-size:0.15rem; color:#fff; background-color:#FF5151; border-radius:0.1rem;}
|
||||
.container{ position:fixed; left:0;top:63.98px;width:4rem;height:calc(100% - 118.98px);overflow: auto;}
|
||||
.current{ background-color:#fff;}
|
||||
.sticky {position: fixed;top: 0; animation:thedrop 1s 1; -moz-animation:thedrop 1s 1;-webkit-animation:thedrop 1s 1; background-color:#E5E5E5; font-size:0.15rem;}
|
||||
.sticky .nav-above {position: absolute; top:0;left:1em; right:1em;height:15px;}
|
||||
.section{ background-color:#fff;}
|
||||
.prt-lt{ position:relative; width:4rem; height:0.8rem; border-bottom:1px solid #e5e5e5;}
|
||||
.prt-lt .lt-lt{ position:relative; float:left; width:0.8rem; height:0.6rem; margin:0.1rem;}
|
||||
.prt-lt .lt-lt img{ float:left; width:0.8rem; height:0.6rem;}
|
||||
.prt-lt .lt-lt i.commend{ position:absolute; top:0; left:0.05rem; display:block; width:0.18rem; height:0.24rem; background:url(../images/index/commend.png) no-repeat; background-size:0.18rem 0.24rem;}
|
||||
.prt-lt .lt-ct{ float:left; width:2.9rem; height:0.6rem; margin-top:0.1rem;}
|
||||
.prt-lt .lt-ct p{ font-size:0.18rem; white-space: nowrap;text-overflow:ellipsis; overflow:hidden;}
|
||||
.prt-lt .lt-ct p.pr{ margin-top:0.2rem; color:#FF5151;}
|
||||
.prt-lt .lt-rt{ position:absolute; bottom:0.1rem; right:0.1rem; width:1.07rem; height:0.3rem;}
|
||||
.prt-lt .lt-rt input{ float:left; width:0.32rem; height:0.32rem; font-size:0.18rem; border:1px solid #e5e5e5; text-align:center; color:#A1A09C; background-color:#fff;}
|
||||
.prt-lt .lt-rt input.result{ border:none; color:#FF5151;}
|
||||
.total{ color:#FF5151;}
|
||||
.nm{ color:#868B92;}
|
||||
.support{ width:3rem; height:0.4rem; margin-bottom:0.45rem; background-color:#fff;}
|
||||
.support p{ line-height:0.4rem; text-align:center; font-size:0.15rem; color:#CCCCCC;}
|
||||
636
statics/mobile/css/mobiscroll.css
Executable file
636
statics/mobile/css/mobiscroll.css
Executable file
@@ -0,0 +1,636 @@
|
||||
.dw-trans .dw-persp {
|
||||
overflow: hidden;
|
||||
perspective: 1000;
|
||||
-webkit-perspective: 1000;
|
||||
-moz-perspective: 1000;
|
||||
}
|
||||
.dw-trans .dwwb {
|
||||
-webkit-backface-visibility: hidden;
|
||||
}
|
||||
.dw-in {
|
||||
animation-timing-function: ease-out;
|
||||
animation-duration: 350ms;
|
||||
-webkit-animation-timing-function: ease-out;
|
||||
-webkit-animation-duration: 350ms;
|
||||
-moz-animation-timing-function: ease-out;
|
||||
-moz-animation-duration: 350ms;
|
||||
}
|
||||
.dw-out {
|
||||
animation-timing-function: ease-in;
|
||||
animation-duration: 350ms;
|
||||
-webkit-animation-timing-function: ease-in;
|
||||
-webkit-animation-duration: 350ms;
|
||||
-moz-animation-timing-function: ease-in;
|
||||
-moz-animation-duration: 350ms;
|
||||
}
|
||||
.dw-flip,
|
||||
.dw-swing,
|
||||
.dw-slidehorizontal,
|
||||
.dw-slidevertical,
|
||||
.dw-slidedown,
|
||||
.dw-slideup,
|
||||
.dw-fade {
|
||||
backface-visibility: hidden;
|
||||
transform: translateX(0);
|
||||
-webkit-backface-visibility: hidden;
|
||||
-webkit-transform: translateX(0);
|
||||
-moz-backface-visibility: hidden;
|
||||
-moz-transform: translateX(0);
|
||||
}
|
||||
.dw-swing,
|
||||
.dw-slidehorizontal,
|
||||
.dw-slidevertical,
|
||||
.dw-slidedown,
|
||||
.dw-slideup,
|
||||
.dw-fade {
|
||||
transform-origin: 0 0;
|
||||
-webkit-transform-origin: 0 0;
|
||||
-moz-transform-origin: 0 0;
|
||||
}
|
||||
.dw-flip,
|
||||
.dw-pop {
|
||||
transform-origin: 50% 50%;
|
||||
-webkit-transform-origin: 50% 50%;
|
||||
-moz-transform-origin: 50% 50%;
|
||||
}
|
||||
.dw-pop.dw-in {
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
animation-name: dw-p-in;
|
||||
-webkit-animation-name: dw-p-in;
|
||||
-webkit-transform: scale(1);
|
||||
-moz-animation-name: dw-p-in;
|
||||
-moz-transform: scale(1);
|
||||
}
|
||||
.dw-pop.dw-out {
|
||||
opacity: 0;
|
||||
animation-name: dw-p-out;
|
||||
-webkit-animation-name: dw-p-out;
|
||||
-moz-animation-name: dw-p-out;
|
||||
}
|
||||
.dw-flip.dw-in {
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
animation-name: dw-fl-in;
|
||||
-webkit-animation-name: dw-fl-in;
|
||||
-webkit-transform: scale(1);
|
||||
-moz-animation-name: dw-fl-in;
|
||||
-moz-transform: scale(1);
|
||||
}
|
||||
.dw-flip.dw-out {
|
||||
opacity: 0;
|
||||
animation-name: dw-fl-out;
|
||||
-webkit-animation-name: dw-fl-out;
|
||||
-moz-animation-name: dw-fl-out;
|
||||
}
|
||||
.dw-swing.dw-in {
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
animation-name: dw-sw-in;
|
||||
-webkit-animation-name: dw-sw-in;
|
||||
-webkit-transform: scale(1);
|
||||
-moz-animation-name: dw-sw-in;
|
||||
-moz-transform: scale(1);
|
||||
}
|
||||
.dw-swing.dw-out {
|
||||
opacity: 0;
|
||||
animation-name: dw-sw-out;
|
||||
-webkit-animation-name: dw-sw-out;
|
||||
-moz-animation-name: dw-sw-out;
|
||||
}
|
||||
.dw-slidehorizontal.dw-in {
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
animation-name: dw-sh-in;
|
||||
-webkit-animation-name: dw-sh-in;
|
||||
-webkit-transform: scale(1);
|
||||
-moz-animation-name: dw-sh-in;
|
||||
-moz-transform: scale(1);
|
||||
}
|
||||
.dw-slidehorizontal.dw-out {
|
||||
opacity: 0;
|
||||
animation-name: dw-sh-out;
|
||||
-webkit-animation-name: dw-sh-out;
|
||||
-moz-animation-name: dw-sh-out;
|
||||
}
|
||||
.dw-slidevertical.dw-in {
|
||||
opacity: 1;
|
||||
animation-name: dw-dw-sv-in;
|
||||
transform: scale(1);
|
||||
-webkit-animation-name: dw-dw-sv-in;
|
||||
-webkit-transform: scale(1);
|
||||
-moz-animation-name: dw-dw-sv-in;
|
||||
-moz-transform: scale(1);
|
||||
}
|
||||
.dw-slidevertical.dw-out {
|
||||
opacity: 0;
|
||||
animation-name: dw-sv-out;
|
||||
-webkit-animation-name: dw-sv-out;
|
||||
-moz-animation-name: dw-sv-out;
|
||||
}
|
||||
.dw-slidedown.dw-in {
|
||||
animation-name: dw-sd-in;
|
||||
transform: scale(1);
|
||||
-webkit-animation-name: dw-sd-in;
|
||||
-webkit-transform: scale(1);
|
||||
-moz-animation-name: dw-sd-in;
|
||||
-moz-transform: scale(1);
|
||||
}
|
||||
.dw-slidedown.dw-out {
|
||||
animation-name: dw-sd-out;
|
||||
-webkit-animation-name: dw-sd-out;
|
||||
-moz-animation-name: dw-sd-out;
|
||||
}
|
||||
.dw-slideup.dw-in {
|
||||
transform: scale(1);
|
||||
animation-name: dw-su-in;
|
||||
-webkit-animation-name: dw-su-in;
|
||||
-webkit-transform: scale(1);
|
||||
-moz-animation-name: dw-su-in;
|
||||
-moz-transform: scale(1);
|
||||
}
|
||||
.dw-slideup.dw-out {
|
||||
animation-name: dw-su-out;
|
||||
-webkit-animation-name: dw-su-out;
|
||||
-moz-animation-name: dw-su-out;
|
||||
}
|
||||
.dw-fade.dw-in {
|
||||
opacity: 1;
|
||||
animation-name: dw-f-in;
|
||||
-webkit-animation-name: dw-f-in;
|
||||
-moz-animation-name: dw-f-in;
|
||||
}
|
||||
.dw-fade.dw-out {
|
||||
opacity: 0;
|
||||
animation-name: dw-f-out;
|
||||
-webkit-animation-name: dw-f-out;
|
||||
-moz-animation-name: dw-f-out;
|
||||
}
|
||||
/* Fade in */
|
||||
@keyframes dw-f-in {
|
||||
from {
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes dw-f-in {
|
||||
from {
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@-moz-keyframes dw-f-in {
|
||||
from {
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
/* Fade out */
|
||||
@keyframes dw-f-out {
|
||||
from {
|
||||
opacity: 1;
|
||||
}
|
||||
to {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes dw-f-out {
|
||||
from {
|
||||
opacity: 1;
|
||||
}
|
||||
to {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
@-moz-keyframes dw-f-out {
|
||||
from {
|
||||
opacity: 1;
|
||||
}
|
||||
to {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
/* Pop in */
|
||||
@keyframes dw-p-in {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: scale(0.8);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes dw-p-in {
|
||||
from {
|
||||
opacity: 0;
|
||||
-webkit-transform: scale(0.8);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
-webkit-transform: scale(1);
|
||||
}
|
||||
}
|
||||
@-moz-keyframes dw-p-in {
|
||||
from {
|
||||
opacity: 0;
|
||||
-moz-transform: scale(0.8);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
-moz-transform: scale(1);
|
||||
}
|
||||
}
|
||||
/* Pop out */
|
||||
@keyframes dw-p-out {
|
||||
from {
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
}
|
||||
to {
|
||||
opacity: 0;
|
||||
transform: scale(0.8);
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes dw-p-out {
|
||||
from {
|
||||
opacity: 1;
|
||||
-webkit-transform: scale(1);
|
||||
}
|
||||
to {
|
||||
opacity: 0;
|
||||
-webkit-transform: scale(0.8);
|
||||
}
|
||||
}
|
||||
@-moz-keyframes dw-p-out {
|
||||
from {
|
||||
opacity: 1;
|
||||
-moz-transform: scale(1);
|
||||
}
|
||||
to {
|
||||
opacity: 0;
|
||||
-moz-transform: scale(0.8);
|
||||
}
|
||||
}
|
||||
/* Flip in */
|
||||
@keyframes dw-fl-in {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: rotateY(90deg);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: rotateY(0);
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes dw-fl-in {
|
||||
from {
|
||||
opacity: 0;
|
||||
-webkit-transform: rotateY(90deg);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
-webkit-transform: rotateY(0);
|
||||
}
|
||||
}
|
||||
@-moz-keyframes dw-fl-in {
|
||||
from {
|
||||
opacity: 0;
|
||||
-moz-transform: rotateY(90deg);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
-moz-transform: rotateY(0);
|
||||
}
|
||||
}
|
||||
/* Flip out */
|
||||
@keyframes dw-fl-out {
|
||||
from {
|
||||
opacity: 1;
|
||||
transform: rotateY(0deg);
|
||||
}
|
||||
to {
|
||||
opacity: 0;
|
||||
transform: rotateY(-90deg);
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes dw-fl-out {
|
||||
from {
|
||||
opacity: 1;
|
||||
-webkit-transform: rotateY(0deg);
|
||||
}
|
||||
to {
|
||||
opacity: 0;
|
||||
-webkit-transform: rotateY(-90deg);
|
||||
}
|
||||
}
|
||||
@-moz-keyframes dw-fl-out {
|
||||
from {
|
||||
opacity: 1;
|
||||
-moz-transform: rotateY(0deg);
|
||||
}
|
||||
to {
|
||||
opacity: 0;
|
||||
-moz-transform: rotateY(-90deg);
|
||||
}
|
||||
}
|
||||
/* Swing in */
|
||||
@keyframes dw-sw-in {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: rotateY(-90deg);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: rotateY(0deg);
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes dw-sw-in {
|
||||
from {
|
||||
opacity: 0;
|
||||
-webkit-transform: rotateY(-90deg);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
-webkit-transform: rotateY(0deg);
|
||||
}
|
||||
}
|
||||
@-moz-keyframes dw-sw-in {
|
||||
from {
|
||||
opacity: 0;
|
||||
-moz-transform: rotateY(-90deg);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
-moz-transform: rotateY(0deg);
|
||||
}
|
||||
}
|
||||
/* Swing out */
|
||||
@keyframes dw-sw-out {
|
||||
from {
|
||||
opacity: 1;
|
||||
transform: rotateY(0deg);
|
||||
}
|
||||
to {
|
||||
opacity: 0;
|
||||
transform: rotateY(-90deg);
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes dw-sw-out {
|
||||
from {
|
||||
opacity: 1;
|
||||
-webkit-transform: rotateY(0deg);
|
||||
}
|
||||
to {
|
||||
opacity: 0;
|
||||
-webkit-transform: rotateY(-90deg);
|
||||
}
|
||||
}
|
||||
@-moz-keyframes dw-sw-out {
|
||||
from {
|
||||
opacity: 1;
|
||||
-moz-transform: rotateY(0deg);
|
||||
}
|
||||
to {
|
||||
opacity: 0;
|
||||
-moz-transform: rotateY(-90deg);
|
||||
}
|
||||
}
|
||||
/* Slide horizontal in */
|
||||
@keyframes dw-sh-in {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translateX(-100%);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translateX(0);
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes dw-sh-in {
|
||||
from {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateX(-100%);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateX(0);
|
||||
}
|
||||
}
|
||||
@-moz-keyframes dw-sh-in {
|
||||
from {
|
||||
opacity: 0;
|
||||
-moz-transform: translateX(-100%);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
-moz-transform: translateX(0);
|
||||
}
|
||||
}
|
||||
/* Slide horizontal out */
|
||||
@keyframes dw-sh-out {
|
||||
from {
|
||||
opacity: 1;
|
||||
transform: translateX(0);
|
||||
}
|
||||
to {
|
||||
opacity: 0;
|
||||
transform: translateX(100%);
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes dw-sh-out {
|
||||
from {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateX(0);
|
||||
}
|
||||
to {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateX(100%);
|
||||
}
|
||||
}
|
||||
@-moz-keyframes dw-sh-out {
|
||||
from {
|
||||
opacity: 1;
|
||||
-moz-transform: translateX(0);
|
||||
}
|
||||
to {
|
||||
opacity: 0;
|
||||
-moz-transform: translateX(100%);
|
||||
}
|
||||
}
|
||||
/* Slide vertical in */
|
||||
@keyframes dw-dw-sv-in {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translateY(-100%);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes dw-dw-sv-in {
|
||||
from {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateY(-100%);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateY(0);
|
||||
}
|
||||
}
|
||||
@-moz-keyframes dw-dw-sv-in {
|
||||
from {
|
||||
opacity: 0;
|
||||
-moz-transform: translateY(-100%);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
-moz-transform: translateY(0);
|
||||
}
|
||||
}
|
||||
/* Slide vertical out */
|
||||
@keyframes dw-sv-out {
|
||||
from {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
to {
|
||||
opacity: 0;
|
||||
transform: translateY(100%);
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes dw-sv-out {
|
||||
from {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateY(0);
|
||||
}
|
||||
to {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateY(100%);
|
||||
}
|
||||
}
|
||||
@-moz-keyframes dw-sv-out {
|
||||
from {
|
||||
opacity: 1;
|
||||
-moz-transform: translateY(0);
|
||||
}
|
||||
to {
|
||||
opacity: 0;
|
||||
-moz-transform: translateY(100%);
|
||||
}
|
||||
}
|
||||
/* Slide Down In */
|
||||
@keyframes dw-sd-in {
|
||||
from {
|
||||
transform: translateY(-100%);
|
||||
}
|
||||
to {
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes dw-sd-in {
|
||||
from {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateY(-100%);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateY(0);
|
||||
}
|
||||
}
|
||||
@-moz-keyframes dw-sd-in {
|
||||
from {
|
||||
-moz-transform: translateY(-100%);
|
||||
}
|
||||
to {
|
||||
-moz-transform: translateY(0);
|
||||
}
|
||||
}
|
||||
/* Slide down out */
|
||||
@keyframes dw-sd-out {
|
||||
from {
|
||||
transform: translateY(0);
|
||||
}
|
||||
to {
|
||||
transform: translateY(-100%);
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes dw-sd-out {
|
||||
from {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateY(0);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateY(-100%);
|
||||
}
|
||||
}
|
||||
@-moz-keyframes dw-sd-out {
|
||||
from {
|
||||
-moz-transform: translateY(0);
|
||||
}
|
||||
to {
|
||||
-moz-transform: translateY(-100%);
|
||||
}
|
||||
}
|
||||
/* Slide Up In */
|
||||
@keyframes dw-su-in {
|
||||
from {
|
||||
transform: translateY(100%);
|
||||
}
|
||||
to {
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes dw-su-in {
|
||||
from {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateY(100%);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateY(0);
|
||||
}
|
||||
}
|
||||
@-moz-keyframes dw-su-in {
|
||||
from {
|
||||
-moz-transform: translateY(100%);
|
||||
}
|
||||
to {
|
||||
-moz-transform: translateY(0);
|
||||
}
|
||||
}
|
||||
/* Slide up out */
|
||||
@keyframes dw-su-out {
|
||||
from {
|
||||
transform: translateY(0);
|
||||
}
|
||||
to {
|
||||
transform: translateY(100%);
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes dw-su-out {
|
||||
from {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateY(0);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateY(100%);
|
||||
}
|
||||
}
|
||||
@-moz-keyframes dw-su-out {
|
||||
from {
|
||||
-moz-transform: translateY(0);
|
||||
}
|
||||
to {
|
||||
-moz-transform: translateY(100%);
|
||||
}
|
||||
}
|
||||
573
statics/mobile/css/mobiscroll_date.css
Executable file
573
statics/mobile/css/mobiscroll_date.css
Executable file
@@ -0,0 +1,573 @@
|
||||
/* Datewheel overlay */
|
||||
.dw {
|
||||
position: absolute;
|
||||
top: 5%;
|
||||
left: 0;
|
||||
z-index: 1001;
|
||||
color: #000;
|
||||
font-family: arial, verdana, sans-serif;
|
||||
font-size: 12px;
|
||||
text-shadow: none;
|
||||
box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
-ms-touch-action: none;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
.dwi {
|
||||
position: static;
|
||||
margin: 5px;
|
||||
display: inline-block;
|
||||
}
|
||||
.dwwr {
|
||||
min-width: 170px;
|
||||
zoom: 1;
|
||||
padding: 0 10px;
|
||||
text-align: center;
|
||||
}
|
||||
/* Datewheel overlay background */
|
||||
.dw-persp, .dwo {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 1001;
|
||||
}
|
||||
.dwo {
|
||||
background: #000;
|
||||
opacity: .7;
|
||||
filter: Alpha(Opacity=70);
|
||||
}
|
||||
/* Bubble positionings */
|
||||
.dw-bubble .dw {
|
||||
margin: 20px 0;
|
||||
}
|
||||
.dw-bubble .dw-arrw {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.dw-bubble-top .dw-arrw {
|
||||
bottom: -36px;
|
||||
}
|
||||
.dw-bubble-bottom .dw-arrw {
|
||||
top: -36px;
|
||||
}
|
||||
.dw-bubble .dw-arrw-i {
|
||||
margin: 0 30px;
|
||||
position: relative;
|
||||
height: 36px;
|
||||
}
|
||||
.dw-bubble .dw-arr {
|
||||
display: block;
|
||||
}
|
||||
.dw-arr {
|
||||
display: none;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-width: 18px 18px;
|
||||
border-style: solid;
|
||||
margin-left: -18px;
|
||||
}
|
||||
.dw-bubble-bottom .dw-arr {
|
||||
top: 0;
|
||||
border-color: transparent transparent #fff transparent;
|
||||
}
|
||||
.dw-bubble-top .dw-arr {
|
||||
bottom: 0;
|
||||
border-color: #fff transparent transparent transparent;
|
||||
}
|
||||
/* Datewheel wheel container wrapper */
|
||||
.dwc {
|
||||
float: none;
|
||||
margin: 0 2px 5px 2px;
|
||||
padding-top: 30px;
|
||||
display: inline-block;
|
||||
}
|
||||
.dwcc {
|
||||
clear: both;
|
||||
}
|
||||
/* Datewheel label */
|
||||
.dwl {
|
||||
text-align: center;
|
||||
line-height: 30px;
|
||||
height: 30px;
|
||||
white-space: nowrap;
|
||||
position: absolute;
|
||||
top: -30px;
|
||||
width: 100%;
|
||||
}
|
||||
/* Datewheel value */
|
||||
.dwv {
|
||||
padding: 10px 0;
|
||||
border-bottom: 1px solid #000;
|
||||
}
|
||||
/* Datewheel wheel container */
|
||||
.dwrc {
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.dwwc {
|
||||
margin: 0;
|
||||
padding: 0 2px;
|
||||
position: relative;
|
||||
background: #000;
|
||||
zoom: 1;
|
||||
}
|
||||
/* Datewheel wheels */
|
||||
.dwwl {
|
||||
margin: 4px 2px;
|
||||
position: relative;
|
||||
z-index: 5;
|
||||
}
|
||||
.dww {
|
||||
margin: 0 2px;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
.dwsc .dwwl {
|
||||
background: #888;
|
||||
background: linear-gradient(#000 0%,#333 35%, #888 50%,#333 65%,#000 100%);
|
||||
background: -webkit-gradient(linear,left bottom,left top,from(#000),color-stop(0.35, #333),color-stop(0.50, #888),color-stop(0.65, #333),to(#000));
|
||||
background: -moz-linear-gradient(#000 0%,#333 35%, #888 50%,#333 65%,#000 100%);
|
||||
background: -o-linear-gradient(#000 0%,#333 35%, #888 50%,#333 65%,#000 100%);
|
||||
}
|
||||
.dwsc .dww {
|
||||
color: #fff;
|
||||
background: #444;
|
||||
background: linear-gradient(#000 0%,#444 45%, #444 55%, #000 100%);
|
||||
background: -webkit-gradient(linear,left bottom,left top,from(#000),color-stop(0.45, #444),color-stop(0.55, #444),to(#000));
|
||||
background: -moz-linear-gradient(#000 0%,#444 45%, #444 55%, #000 100%);
|
||||
background: -o-linear-gradient(#000 0%,#444 45%, #444 55%, #000 100%);
|
||||
}
|
||||
.dw-bf {
|
||||
-webkit-perspective: 1000;
|
||||
-webkit-backface-visibility: hidden;
|
||||
}
|
||||
.dw-ul {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
.dw-li {
|
||||
padding: 0 5px;
|
||||
display: block;
|
||||
text-align: center;
|
||||
line-height: 40px;
|
||||
font-size: 26px;
|
||||
white-space: nowrap;
|
||||
text-shadow: 0 1px 1px #000;
|
||||
vertical-align: bottom;
|
||||
opacity: .3;
|
||||
filter: Alpha(Opacity=30);
|
||||
}
|
||||
/* Higlighted */
|
||||
.dw-li.dw-hl {
|
||||
background: #fff;
|
||||
background: rgba(255,255,255,.3);
|
||||
}
|
||||
/* Valid entry */
|
||||
.dw-li.dw-v {
|
||||
opacity: 1;
|
||||
filter: Alpha(Opacity=100);
|
||||
}
|
||||
/* Hidden entry */
|
||||
.dw-li.dw-h {
|
||||
visibility: hidden;
|
||||
}
|
||||
.dw-i {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
}
|
||||
/* Wheel +/- buttons */
|
||||
.dwwb {
|
||||
position: absolute;
|
||||
z-index: 4;
|
||||
left: 0;
|
||||
cursor: pointer;
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
text-align: center;
|
||||
opacity: 1;
|
||||
transition: opacity .2s linear;
|
||||
-webkit-transition: opacity .2s linear;
|
||||
}
|
||||
.dwa .dwwb {
|
||||
opacity: 0;
|
||||
}
|
||||
.dwwbp {
|
||||
top: 0;
|
||||
-webkit-border-radius: 3px 3px 0 0;
|
||||
border-radius: 3px 3px 0 0;
|
||||
font-size: 40px;
|
||||
}
|
||||
.dwwbm {
|
||||
bottom: 0;
|
||||
-webkit-border-radius: 0 0 3px 3px;
|
||||
border-radius: 0 0 3px 3px;
|
||||
font-size: 32px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.dwpm .dwwc {
|
||||
background: transparent;
|
||||
}
|
||||
.dwpm .dww {
|
||||
margin: 0;
|
||||
}
|
||||
.dwpm .dw-li {
|
||||
text-shadow: none;
|
||||
}
|
||||
.dwpm .dwwol {
|
||||
display: none;
|
||||
}
|
||||
/* Datewheel wheel overlay */
|
||||
.dwwo {
|
||||
position: absolute;
|
||||
z-index: 3;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: linear-gradient(#000 0%,rgba(44,44,44,0) 52%, rgba(44,44,44,0) 48%, #000 100%);
|
||||
background: -webkit-gradient(linear,left bottom,left top,from(#000),color-stop(0.52, rgba(44,44,44,0)),color-stop(0.48, rgba(44,44,44,0)),to(#000));
|
||||
background: -moz-linear-gradient(#000 0%,rgba(44,44,44,0) 52%, rgba(44,44,44,0) 48%, #000 100%);
|
||||
background: -o-linear-gradient(#000 0%,rgba(44,44,44,0) 52%, rgba(44,44,44,0) 48%, #000 100%);
|
||||
}
|
||||
/* Background line */
|
||||
.dwwol {
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 0;
|
||||
margin-top: -1px;
|
||||
border-top: 1px solid #333;
|
||||
border-bottom: 1px solid #555;
|
||||
}
|
||||
/* Datewheel button */
|
||||
.dwbg .dwb {
|
||||
cursor: pointer;
|
||||
overflow: hidden;
|
||||
display: block;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
padding: 0 15px;
|
||||
margin: 0 2px;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
text-shadow: 0 -1px 1px #000;
|
||||
border-radius: 5px;
|
||||
box-shadow: 0 1px 3px rgba(0,0,0,0.5);
|
||||
color: #fff;
|
||||
background: #000;
|
||||
background: linear-gradient(#6e6e6e 50%,#000 50%);
|
||||
background: -webkit-gradient(linear,left bottom,left top,color-stop(0.5, #000),color-stop(0.5, #6e6e6e));
|
||||
background: -moz-linear-gradient(#6e6e6e 50%,#000 50%);
|
||||
background: -o-linear-gradient(#6e6e6e 50%,#000 50%);
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
|
||||
-webkit-border-radius: 5px;
|
||||
}
|
||||
/* Datewheel button container */
|
||||
.dwbc {
|
||||
padding: 5px 0;
|
||||
text-align: center;
|
||||
clear: both;
|
||||
}
|
||||
.dwbc:after {
|
||||
content: '';
|
||||
display: block;
|
||||
clear: both;
|
||||
}
|
||||
/* Datewheel button wrapper */
|
||||
.dwbw {
|
||||
display: inline-block;
|
||||
float: left;
|
||||
width: 50%;
|
||||
position: relative;
|
||||
z-index: 5;
|
||||
}
|
||||
.dwbc-p .dwbw {
|
||||
width: 33.33%;
|
||||
}
|
||||
/* Hidden label */
|
||||
.dwhl {
|
||||
padding-top: 10px;
|
||||
}
|
||||
.dwhl .dwl {
|
||||
display: none;
|
||||
}
|
||||
/* Multiple selection */
|
||||
.dwms .dwwms .dw-li {
|
||||
padding: 0 40px;
|
||||
position: relative;
|
||||
}
|
||||
.dwms .dw-msel:after {
|
||||
width: 40px;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
content: '?';
|
||||
}
|
||||
/* Backgrounds */
|
||||
.dwbg {
|
||||
background: #fff;
|
||||
border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
}
|
||||
.dwbg .dwpm .dwwl {
|
||||
border: 1px solid #aaa;
|
||||
}
|
||||
.dwbg .dwpm .dww {
|
||||
color: #000;
|
||||
background: #fff;
|
||||
-webkit-border-radius: 3px;
|
||||
}
|
||||
.dwbg .dwwb {
|
||||
background: #ccc;
|
||||
color: #888;
|
||||
text-shadow: 0 -1px 1px #333;
|
||||
box-shadow: 0 0 5px #333;
|
||||
-webkit-box-shadow: 0 0 5px #333;
|
||||
}
|
||||
.dwbg .dwwbp {
|
||||
background: linear-gradient(#f7f7f7,#bdbdbd);
|
||||
background: -webkit-gradient(linear,left bottom,left top,from(#bdbdbd),to(#f7f7f7));
|
||||
background: -moz-linear-gradient(#f7f7f7,#bdbdbd);
|
||||
background: -o-linear-gradient(#f7f7f7,#bdbdbd);
|
||||
}
|
||||
.dwbg .dwwbm {
|
||||
background: linear-gradient(#bdbdbd,#f7f7f7);
|
||||
background: -webkit-gradient(linear,left bottom,left top,from(#f7f7f7),to(#bdbdbd));
|
||||
background: -moz-linear-gradient(#bdbdbd,#f7f7f7);
|
||||
background: -o-linear-gradient(#bdbdbd,#f7f7f7);
|
||||
}
|
||||
.dwbg .dwb-a {
|
||||
background: #3c7500;
|
||||
background: linear-gradient(#94c840 50%,#3c7500 50%);
|
||||
background: -webkit-gradient(linear,left bottom,left top,color-stop(0.5, #3c7500),color-stop(0.5, #94c840));
|
||||
background: -moz-linear-gradient(#94c840 50%,#3c7500 50%);
|
||||
background: -o-linear-gradient(#94c840 50%,#3c7500 50%);
|
||||
}
|
||||
.dwbg .dwwl .dwb-a {
|
||||
background: #3c7500;
|
||||
background: linear-gradient(#94c840,#3c7500);
|
||||
background: -webkit-gradient(linear,left bottom,left top,from(#3c7500),to(#94c840));
|
||||
background: -moz-linear-gradient(#94c840,#3c7500);
|
||||
background: -o-linear-gradient(#94c840,#3c7500);
|
||||
}
|
||||
|
||||
/* Android ICS skin */
|
||||
.android-ics .dw {
|
||||
padding: 0;
|
||||
color: #31b6e7;
|
||||
background: #292829;
|
||||
}
|
||||
.android-ics .dw .dwwc,
|
||||
.android-ics .dw .dwwl,
|
||||
.android-ics .dw .dww,
|
||||
.android-ics .dw .dwb,
|
||||
.android-ics .dw .dwpm .dww {
|
||||
background: none;
|
||||
}
|
||||
.android-ics .dwwr {
|
||||
padding: 0;
|
||||
}
|
||||
.android-ics .dwc {
|
||||
margin: 0;
|
||||
padding: 30px 10px 1px 10px;
|
||||
}
|
||||
.android-ics .dwhl {
|
||||
padding: 1px 10px;
|
||||
}
|
||||
.android-ics .dwv {
|
||||
height: 36px;
|
||||
line-height: 36px;
|
||||
padding: 0;
|
||||
border-bottom: 2px solid #31b6e7;
|
||||
font-size: 18px;
|
||||
}
|
||||
.android-ics .dwwl {
|
||||
margin: 0 2px;
|
||||
}
|
||||
.android-ics .dww,
|
||||
.android-ics .dw .dwpm .dwwl,
|
||||
.android-ics .dw .dwpm .dww {
|
||||
border: 0;
|
||||
}
|
||||
.android-ics .dww .dw-li {
|
||||
color: #fff;
|
||||
font-size: 18px;
|
||||
text-shadow: none;
|
||||
}
|
||||
.android-ics .dww .dw-li.dw-hl {
|
||||
background: #31b6e7;
|
||||
background: rgba(49,182,231,.5);
|
||||
}
|
||||
.android-ics .dwwo {
|
||||
background: linear-gradient(#282828 0%,rgba(40,40,40,0) 52%, rgba(40,40,40,0) 48%, #282828 100%);
|
||||
background: -webkit-gradient(linear,left bottom,left top,from(#282828),color-stop(0.52, rgba(40,40,40,0)),color-stop(0.48, rgba(40,40,40,0)),to(#282828));
|
||||
background: -moz-linear-gradient(#282828 0%,rgba(40,40,40,0) 52%, rgba(40,40,40,0) 48%, #282828 100%);
|
||||
background: -o-linear-gradient(#282828 0%,rgba(40,40,40,0) 52%, rgba(40,40,40,0) 48%, #282828 100%);
|
||||
}
|
||||
.android-ics .dw .dwwb {
|
||||
background: #292829;
|
||||
box-shadow: none;
|
||||
-webkit-box-shadow: none;
|
||||
}
|
||||
.android-ics .dwwb span {
|
||||
display: none;
|
||||
}
|
||||
.android-ics .dwwb:after {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin-top: -8px;
|
||||
margin-left: -8px;
|
||||
color: #7e7e7e;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-width: 8px;
|
||||
border-style: solid;
|
||||
content: '';
|
||||
}
|
||||
.android-ics .dwwbm {
|
||||
top: 0;
|
||||
bottom: auto;
|
||||
}
|
||||
.android-ics .dwwbp {
|
||||
bottom: 0;
|
||||
top: auto;
|
||||
}
|
||||
.android-ics .dwwbm:after {
|
||||
border-color: transparent transparent #7e7e7e transparent;
|
||||
}
|
||||
.android-ics .dwwbp:after {
|
||||
border-color: #7e7e7e transparent transparent transparent;
|
||||
}
|
||||
.android-ics .dw .dwwl .dwb-a {
|
||||
background: #292829;
|
||||
}
|
||||
.android-ics .dwwbm.dwb-a:after {
|
||||
border-color: transparent transparent #319abd transparent;
|
||||
}
|
||||
.android-ics .dwwbp.dwb-a:after {
|
||||
border-color: #319abd transparent transparent transparent;
|
||||
}
|
||||
.android-ics .dw .dwwol {
|
||||
width: 60%;
|
||||
left: 20%;
|
||||
height: 36px;
|
||||
border-top: 2px solid #31b6e7;
|
||||
border-bottom: 2px solid #31b6e7;
|
||||
margin-top: -20px;
|
||||
display: block;
|
||||
}
|
||||
.android-ics .dwbc {
|
||||
border-top: 1px solid #424542;
|
||||
padding: 0;
|
||||
}
|
||||
.android-ics .dw .dwb {
|
||||
height: 36px;
|
||||
line-height: 36px;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-weight: normal;
|
||||
text-shadow: none;
|
||||
box-shadow: none;
|
||||
border-radius: 0;
|
||||
-webkit-border-radius: 0;
|
||||
-webkit-box-shadow: none;
|
||||
}
|
||||
.android-ics .dw .dwb-a {
|
||||
background: #29799c;
|
||||
}
|
||||
.android-ics .dwb-s .dwb, .android-ics .dwb-n .dwb {
|
||||
border-right: 1px solid #424542;
|
||||
}
|
||||
/* Docked */
|
||||
.android-ics.dw-bottom .dw, .android-ics.dw-top .dw {
|
||||
border-radius: 0;
|
||||
-webkit-border-radius: 0;
|
||||
}
|
||||
/* Multiple select */
|
||||
.android-ics .dwwms .dwwol {
|
||||
display: none;
|
||||
}
|
||||
.android-ics .dwwms .dw-li {
|
||||
padding-left: 5px;
|
||||
padding-right: 36px;
|
||||
}
|
||||
.android-ics .dwwms .dw-li:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: auto;
|
||||
right: 10px;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
margin-top: -9px;
|
||||
color: #31b6e7;
|
||||
line-height: 14px;
|
||||
border: 1px solid #424542;
|
||||
text-shadow: 0 0 5px #29799c;
|
||||
}
|
||||
.android-ics .dwwms .dw-msel:after {
|
||||
content: '?';
|
||||
}
|
||||
/* Light version */
|
||||
.android-ics.light .dw {
|
||||
background: #f5f5f5;
|
||||
}
|
||||
.android-ics.light .dww .dw-li {
|
||||
color: #000;
|
||||
}
|
||||
.android-ics.light .dwwo {
|
||||
background: linear-gradient(#f5f5f5 0%,rgba(245,245,245,0) 52%, rgba(245,245,245,0) 48%, #f5f5f5 100%);
|
||||
background: -webkit-gradient(linear,left bottom,left top,from(#f5f5f5),color-stop(0.52, rgba(245,245,245,0)),color-stop(0.48, rgba(245,245,245,0)),to(#f5f5f5));
|
||||
background: -moz-linear-gradient(#f5f5f5 0%,rgba(245,245,245,0) 52%, rgba(245,245,245,0) 48%, #f5f5f5 100%);
|
||||
background: -o-linear-gradient(#f5f5f5 0%,rgba(245,245,245,0) 52%, rgba(245,245,245,0) 48%, #f5f5f5 100%);
|
||||
}
|
||||
.android-ics.light .dw .dwwb {
|
||||
background: #f5f5f5;
|
||||
color: #f5f5f5;
|
||||
}
|
||||
.android-ics.light .dwbc {
|
||||
border-top: 1px solid #dbdbdb;
|
||||
}
|
||||
.android-ics.light .dwb {
|
||||
color: #000;
|
||||
}
|
||||
.android-ics.light .dwb-a {
|
||||
color: #fff;
|
||||
}
|
||||
.android-ics.light .dwb-s .dwb, .android-ics.light .dwb-n .dwb {
|
||||
border-right: 1px solid #dbdbdb;
|
||||
}
|
||||
/* Bubble positioning */
|
||||
.android-ics .dw-bubble-bottom .dw-arr {
|
||||
border-color: transparent transparent #292829 transparent;
|
||||
}
|
||||
.android-ics .dw-bubble-top .dw-arr {
|
||||
border-color: #292829 transparent transparent transparent;
|
||||
}
|
||||
/* Bubble positioning */
|
||||
.android-ics.light .dw-bubble-bottom .dw-arr {
|
||||
border-color: transparent transparent #f5f5f5 transparent;
|
||||
}
|
||||
.android-ics.light .dw-bubble-top .dw-arr {
|
||||
border-color: #f5f5f5 transparent transparent transparent;
|
||||
}
|
||||
/* Multiple select */
|
||||
.android-ics.light .dwwms .dw-li:after {
|
||||
text-shadow: 0 0 5px #31b6e7;
|
||||
}
|
||||
197
statics/mobile/css/style.css
Executable file
197
statics/mobile/css/style.css
Executable file
@@ -0,0 +1,197 @@
|
||||
/* CSS Document */
|
||||
body,div,ol,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,form,fieldset,legend,input,button{ margin:0; padding:0;}
|
||||
html { width: 100%; font-family: 'Heiti SC', 'Microsoft YaHei'; font-size: 100px; outline: 0; -webkit-text-size-adjust:none;}
|
||||
body { width:100%; margin: 0; -webkit-user-select: none; position: relative; background-color:#fff;font-family: "microsoft yahei";}
|
||||
a:hover,a:link,a:visited,a{ color:inherit; text-decoration:none;}
|
||||
ul,li{list-style:none}
|
||||
footer{ position:fixed; bottom:0; width:4rem; height:55px; line-height:55px; background-color:#ECECEC;}
|
||||
footer .ft-lt{ float:left; width:2.749rem; height:55px;}
|
||||
footer .ft-lt p{ float:left; margin-left:0.15rem; font-size:18px;}
|
||||
footer .ft-rt{ float:left; width:1.25rem; height:55px; background-color:#39B867;}
|
||||
footer .ft-rt p{ font-size:20px; color:#fff; text-align:center;}
|
||||
.jq{ width:3rem; height:0.8rem;}
|
||||
.mui-bar-nav {
|
||||
position: fixed;
|
||||
background: #FC605A;
|
||||
font-size: 24px;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
z-index: 10;
|
||||
height: 63.98px;;
|
||||
}
|
||||
.top-sch-box{
|
||||
float:left;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
margin-left: 13px;
|
||||
margin-top: 12px;
|
||||
margin-right: 13px;
|
||||
padding-left: 13px;
|
||||
padding-right: 13px;
|
||||
font-size: 16px;
|
||||
color: #9e9e9e;
|
||||
background-color: #f8f8f8;
|
||||
-webkit-border-radius: 1000px;
|
||||
border-radius: 1000px;
|
||||
width:-webkit-calc(100% - 201px);
|
||||
width:-moz-calc(100% - 201px);
|
||||
width:calc(100% - 201px);
|
||||
}
|
||||
|
||||
.top-sch-box .fdj {
|
||||
color: #ff0000;
|
||||
font-size: 25px;
|
||||
}
|
||||
|
||||
.top-sch-box .sch-input {
|
||||
padding: 0 13px;
|
||||
margin: 0;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
border: none;
|
||||
outline: none;
|
||||
background: transparent;
|
||||
font-size: 12px;
|
||||
color: #666;
|
||||
width: 100%;
|
||||
}
|
||||
.s_empty{font-size:13px;display:none;text-align:center;height:100px;line-height:100px;background-color:white;color:#999;}
|
||||
|
||||
.main_nav {width:300px; height:60px; margin:60px auto 10px auto}
|
||||
.main_nav li{float:left; width:60px; margin-right:10px; font-size:16px;
|
||||
padding: .6em 1em;
|
||||
|
||||
border-radius: 3em;
|
||||
background: #2f889a;
|
||||
text-align:center
|
||||
}
|
||||
.main_nav li a{color:#fff}
|
||||
|
||||
.cd-user-modal {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(52, 54, 66, 0.9);
|
||||
z-index: 3;
|
||||
overflow-y: auto;
|
||||
cursor: pointer;
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity 0.3s 0, visibility 0 0.3s;
|
||||
-moz-transition: opacity 0.3s 0, visibility 0 0.3s;
|
||||
transition: opacity 0.3s 0, visibility 0 0.3s;
|
||||
}
|
||||
.cd-user-modal.is-visible {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
-webkit-transition: opacity 0.3s 0, visibility 0 0;
|
||||
-moz-transition: opacity 0.3s 0, visibility 0 0;
|
||||
transition: opacity 0.3s 0, visibility 0 0;
|
||||
}
|
||||
.cd-form {
|
||||
padding: 10px;
|
||||
}
|
||||
.cd-form .fieldset {
|
||||
position: relative;
|
||||
margin:20px auto;
|
||||
}
|
||||
.cd-form .fieldset:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
.cd-form .fieldset:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.cd-form label {
|
||||
font-size: 16px;
|
||||
}
|
||||
.cd-form label.image-replace {
|
||||
/* replace text with an icon */
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
left: 15px;
|
||||
bottom: auto;
|
||||
-webkit-transform: translateY(-50%);
|
||||
-moz-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
-o-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
overflow: hidden;
|
||||
text-indent: 100%;
|
||||
white-space: nowrap;
|
||||
color: transparent;
|
||||
text-shadow: none;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 50% 0;
|
||||
}
|
||||
.cd-form label.cd-username {
|
||||
background-image: url("../img/cd-icon-username.svg");
|
||||
}
|
||||
.cd-form label.cd-email {
|
||||
background-image: url("../img/cd-icon-email.svg");
|
||||
}
|
||||
.cd-form label.cd-password {
|
||||
background-image: url("../img/cd-icon-password.svg");
|
||||
}
|
||||
.cd-form input {
|
||||
float:left;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.cd-form input.full-width {
|
||||
margin-left:5%;width:60%;
|
||||
}
|
||||
.cd-form input.full-width2 {
|
||||
width: 40%;margin-left:5%;
|
||||
}
|
||||
.cd-form input.full-width3 {
|
||||
width: 40%;margin-left:10%;
|
||||
}
|
||||
.cd-form input.full-width4 {
|
||||
margin-left:5%;width:85%;
|
||||
}
|
||||
.cd-form input.has-padding {
|
||||
padding: 12px 20px 12px 50px;
|
||||
}
|
||||
.cd-form input.has-border {
|
||||
border: 1px solid #d2d8d8;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
-ms-appearance: none;
|
||||
-o-appearance: none;
|
||||
appearance: none;
|
||||
}
|
||||
.cd-form input.has-border:focus {
|
||||
border-color: #343642;
|
||||
box-shadow: 0 0 5px rgba(52, 54, 66, 0.1);
|
||||
outline: none;
|
||||
}
|
||||
.cd-form input.has-error {
|
||||
border: 1px solid #d76666;
|
||||
}
|
||||
.cd-form input[type=password] {
|
||||
/* space left for the HIDE button */
|
||||
padding-right: 65px;
|
||||
}
|
||||
.cd-form input[type=submit] {
|
||||
padding: 16px 0;
|
||||
cursor: pointer;
|
||||
background: #2f889a;
|
||||
color: #FFF;
|
||||
font-weight: bold;
|
||||
border: none;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
-ms-appearance: none;
|
||||
-o-appearance: none;
|
||||
appearance: none;
|
||||
}
|
||||
.no-touch .cd-form input[type=submit]:hover, .no-touch .cd-form input[type=submit]:focus {
|
||||
background: #3599ae;
|
||||
outline: none;
|
||||
}
|
||||
15
statics/mobile/css/swiper.min.css
vendored
Executable file
15
statics/mobile/css/swiper.min.css
vendored
Executable file
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user