410 lines
186 KiB
CSS
410 lines
186 KiB
CSS
|
/*changed by warlee
|
||
|
|
* @link http://www.kalcaddle.com/
|
||
|
|
* @author warlee | e-mail:kalcaddle@qq.com
|
||
|
|
* @copyright warlee 2014.(Shanghai)Co.,Ltd
|
||
|
|
* @license http://kalcaddle.com/tools/licenses/license.txt
|
||
|
|
*/
|
||
|
|
body, input, textarea{-webkit-font-smoothing: antialiased;font-smoothing: antialiased;}
|
||
|
|
|
||
|
|
/* kod ie8 hack*/
|
||
|
|
@media \0screen\,screen\9 {
|
||
|
|
.btn{
|
||
|
|
border-radius: 3px;
|
||
|
|
/*behavior: url(lib/plugins/ie8-hack/pie.php);*/
|
||
|
|
}
|
||
|
|
.topbar .content .share_title_info{
|
||
|
|
-pie-background: rgba(0,0,0,0.2);
|
||
|
|
-pie-border-radius:5px;
|
||
|
|
behavior: url(lib/plugins/ie8-hack/pie.php);
|
||
|
|
}
|
||
|
|
.bindary_box .title .ico{
|
||
|
|
background:#eee;
|
||
|
|
-pie-background: rgba(0,0,0,0.8);
|
||
|
|
-pie-border-radius:50%;
|
||
|
|
behavior: url(lib/plugins/ie8-hack/pie.php);
|
||
|
|
}
|
||
|
|
|
||
|
|
/*桌面*/
|
||
|
|
#page_desktop .topbar{
|
||
|
|
-pie-background: rgba(255,255,255,0.25);
|
||
|
|
-pie-box-shadow:0 0 0px rgba(0, 0, 0, 0.1);
|
||
|
|
behavior: url(lib/plugins/ie8-hack/pie.php);
|
||
|
|
zoom:1;
|
||
|
|
}
|
||
|
|
#page_desktop .topbar .topbar_menu{
|
||
|
|
-pie-border-color: rgba(255,255,255,0.35);
|
||
|
|
border-color:transparent;
|
||
|
|
behavior: url(lib/plugins/ie8-hack/pie.php);
|
||
|
|
}
|
||
|
|
#page_desktop .topbar .topbar_menu.this,#page_desktop .topbar .topbar_menu:hover{
|
||
|
|
-pie-background: rgba(255,255,255,0.3);
|
||
|
|
behavior: url(lib/plugins/ie8-hack/pie.php);
|
||
|
|
}
|
||
|
|
#page_desktop .fileContiner .file.hover{
|
||
|
|
border-radius:3px;
|
||
|
|
background-image:none;
|
||
|
|
-pie-background: rgba(255,255,255,0.15);
|
||
|
|
behavior: url(lib/plugins/ie8-hack/pie.php);
|
||
|
|
}
|
||
|
|
#page_desktop .fileContiner .file.select,#page_desktop .fileContiner .file.selectDragTemp{
|
||
|
|
border-radius:3px;
|
||
|
|
background-image:none;
|
||
|
|
-pie-background: rgba(255,255,255,0.4);
|
||
|
|
behavior: url(lib/plugins/ie8-hack/pie.php);
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/*.aui_max,.aui_min,.aui_close{
|
||
|
|
-pie-border-radius:20px;
|
||
|
|
behavior: url(lib/plugins/ie8-hack/pie.php);
|
||
|
|
}
|
||
|
|
*/
|
||
|
|
div.background,.desktop{
|
||
|
|
background-size: cover;
|
||
|
|
behavior: url(lib/plugins/ie8-hack/pie.php);
|
||
|
|
}
|
||
|
|
.task_tab .tabs .tab{
|
||
|
|
filter:none;
|
||
|
|
background:#def;color:444;
|
||
|
|
behavior: url(lib/plugins/ie8-hack/pie.php);
|
||
|
|
}
|
||
|
|
.task_tab .tabs .tab.hover,.task_tab .tabs .tab.this{
|
||
|
|
filter:none;
|
||
|
|
background:#eee;color:222;
|
||
|
|
behavior: url(lib/plugins/ie8-hack/pie.php);
|
||
|
|
}
|
||
|
|
.tasktab-dragging{
|
||
|
|
.gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
div.dialog-simple.copyright_dialog .aui_close,
|
||
|
|
div.share_dialog.dialog-simple .aui_close,
|
||
|
|
div.check_version_dialog.dialog-simple .aui_close{
|
||
|
|
background:#333;
|
||
|
|
width:30px;height:30px;line-height:30px;text-align: center;
|
||
|
|
top:0px;right:10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*通用*/
|
||
|
|
body{font-family:"Microsoft Yahei","微软雅黑","Lantinghei SC","Helvetica Neue","STXihei",Arial,sans-serif;}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* tips_box style*/
|
||
|
|
.tips_box{
|
||
|
|
z-index: 50;
|
||
|
|
/*height:40px;*/
|
||
|
|
min-height: 40px;
|
||
|
|
margin-top: 15px;
|
||
|
|
line-height:40px;
|
||
|
|
max-width:600px;min-width: 160px;
|
||
|
|
overflow: hidden;
|
||
|
|
position: fixed;
|
||
|
|
font-size: 14px;
|
||
|
|
padding: 2px 1em;
|
||
|
|
text-align: left;
|
||
|
|
z-index: 9999;
|
||
|
|
pointer-events: none;
|
||
|
|
background: #fff;
|
||
|
|
transition: width .6s ease;
|
||
|
|
border:1px solid #ddd;border:0px solid transparent;
|
||
|
|
box-shadow: 0 2px 4px rgba(0,0,0,.15),0 0 6px rgba(0,0,0,.08);
|
||
|
|
border-radius: 3px;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.tips_box .tips-msg{
|
||
|
|
color: #8492a6;
|
||
|
|
/*width:100%;*/
|
||
|
|
padding:10px 40px 0px 50px;
|
||
|
|
line-height: 1.6em;
|
||
|
|
}
|
||
|
|
.tips_box .tips-msg p li{
|
||
|
|
border-left: 4px solid #ddd;
|
||
|
|
list-style: none;
|
||
|
|
padding-left: 10px;
|
||
|
|
margin-bottom: 0px;
|
||
|
|
}
|
||
|
|
.tips_box .tips_close {
|
||
|
|
font-size: 22px;
|
||
|
|
cursor: pointer;
|
||
|
|
width: 40px;height: 40px;line-height:35px;
|
||
|
|
text-align: center;
|
||
|
|
position: absolute;right: 0px;top: 0px;
|
||
|
|
color: #ddd;
|
||
|
|
pointer-events: all;
|
||
|
|
}
|
||
|
|
.tips_box .tips_close:hover{color: #f30;border-bottom: none;text-decoration: none;}
|
||
|
|
.tips_box .tips-icon{
|
||
|
|
width: 40px;
|
||
|
|
height: 40px;height: 100%;
|
||
|
|
position: absolute;
|
||
|
|
font-size: 22px;
|
||
|
|
padding: 0;
|
||
|
|
color: #fff;
|
||
|
|
text-align: center;
|
||
|
|
display: inline-block;
|
||
|
|
}
|
||
|
|
.tips_box .tips-icon:after{font-family: FontAwesome;font-style: normal;color: inherit;}
|
||
|
|
.tips_box.success .tips-icon:after{content:"\f00c";}
|
||
|
|
.tips_box.info .tips-icon:after{content:"\f129";}
|
||
|
|
.tips_box.warning .tips-icon:after{content:"\f12a";}
|
||
|
|
.tips_box.error .tips-icon:after{content:"\f00d";}
|
||
|
|
.tips_box.success .tips-icon{background:#13ce66;}
|
||
|
|
.tips_box.info .tips-icon{background:#50bfff;}
|
||
|
|
.tips_box.warning .tips-icon{background:#f7ba29;}
|
||
|
|
.tips_box.error .tips-icon{background:#ff4949;}
|
||
|
|
|
||
|
|
|
||
|
|
/* click ripple */
|
||
|
|
@keyframes ripple {
|
||
|
|
from {transform: scale(0);-webkit-transform: scale(0);opacity:0.05;}
|
||
|
|
65% {transform: scale(2);-webkit-transform: scale(2);opacity:0.3;}
|
||
|
|
to {transform: scale(2.5);-webkit-transform: scale(2.5);opacity:0.3;}
|
||
|
|
}
|
||
|
|
@-webkit-keyframes ripple{
|
||
|
|
from {transform: scale(0);-webkit-transform: scale(0);opacity:0.05;}
|
||
|
|
65% {transform: scale(2);-webkit-transform: scale(2);opacity:0.3;}
|
||
|
|
to {transform: scale(2.5);-webkit-transform: scale(2.5);opacity:0.3;}
|
||
|
|
}
|
||
|
|
.ripple_father{
|
||
|
|
pointer-events: none;
|
||
|
|
position: absolute;
|
||
|
|
overflow: hidden;
|
||
|
|
border-radius:10%;
|
||
|
|
z-index: 999999;
|
||
|
|
}
|
||
|
|
.ripple {
|
||
|
|
pointer-events: none;
|
||
|
|
position: absolute;
|
||
|
|
background:#000;pointer-events: none;
|
||
|
|
border-radius:100%;
|
||
|
|
box-shadow:0 0 40 rgba(0,0,0,0.9) inset !important;
|
||
|
|
transform: scale(0);opacity:0.3;
|
||
|
|
animation: ripple 0.75s ease-out;
|
||
|
|
-webkit-animation: ripple 0.75s ease-out;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
|
||
|
|
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}a{background:transparent}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{margin:.67em 0;font-size:2em}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{height:0;-moz-box-sizing:content-box;box-sizing:content-box}mark{color:#000;background:#ff0}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid #c0c0c0}legend{padding:0;border:0}button,input,select,textarea{margin:0;font-family:inherit;font-size:100%}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{padding:0;box-sizing:border-box}input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}@media print{*{color:#000!important;text-shadow:none!important;background:transparent!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}@page{margin:2cm .5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}select{background:#fff!important}.navbar{display:none}.table td,.table th{background-color:#fff!important}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table-bordered th,.table-bordered td{border:1px solid #ddd!important}}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.428571429;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#428bca;text-decoration:none}a:hover,a:focus{color:#2a6496;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}img{vertical-align:middle}.img-responsive{display:block;height:auto;max-width:100%}.img-rounded{border-radius:6px}.img-thumbnail{display:inline-block;height:auto;max-width:100%;padding:4px;line-height:1.428571429;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:500;line-height:1.1;color:inherit}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h
|
||
|
|
|
||
|
|
/*!
|
||
|
|
* Bootstrap v3.0.3 (http://getbootstrap.com)
|
||
|
|
* Copyright 2013 Twitter, Inc.
|
||
|
|
* Licensed under http://www.apache.org/licenses/LICENSE-2.0
|
||
|
|
* http://v3.bootcss.com/components/#dropdowns
|
||
|
|
*/
|
||
|
|
.btn-danger,.btn-default,.btn-info,.btn-primary,.btn-success,.btn-warning{text-shadow:0 -1px 0 rgba(0,0,0,.2);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075)}.btn-danger.active,.btn-danger:active,.btn-default.active,.btn-default:active,.btn-info.active,.btn-info:active,.btn-primary.active,.btn-primary:active,.btn-success.active,.btn-success:active,.btn-warning.active,.btn-warning:active{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-danger.disabled,.btn-danger[disabled],.btn-default.disabled,.btn-default[disabled],.btn-info.disabled,.btn-info[disabled],.btn-primary.disabled,.btn-primary[disabled],.btn-success.disabled,.btn-success[disabled],.btn-warning.disabled,.btn-warning[disabled],fieldset[disabled] .btn-danger,fieldset[disabled] .btn-default,fieldset[disabled] .btn-info,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-success,fieldset[disabled] .btn-warning{-webkit-box-shadow:none;box-shadow:none}.btn-danger .badge,.btn-default .badge,.btn-info .badge,.btn-primary .badge,.btn-success .badge,.btn-warning .badge{text-shadow:none}.btn.active,.btn:active{background-image:none}.btn-default{text-shadow:0 1px 0 #fff;background-image:-webkit-linear-gradient(top,#fff 0,#e0e0e0 100%);background-image:-o-linear-gradient(top,#fff 0,#e0e0e0 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#e0e0e0));background-image:linear-gradient(to bottom,#fff 0,#e0e0e0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-color:#dbdbdb;border-color:#ccc}.btn-default:focus,.btn-default:hover{background-color:#e0e0e0;background-position:0 -15px}.btn-default.active,.btn-default:active{background-color:#e0e0e0;border-color:#dbdbdb}.btn-default.disabled,.btn-default.disabled.active,.btn-default.disabled.focus,.btn-default.disabled:active,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled],.btn-default[disabled].active,.btn-default[disabled].focus,.btn-default[disabled]:active,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default.active,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#e0e0e0;background-image:none}.btn-primary{background-image:-webkit-linear-gradient(top,#337ab7 0,#265a88 100%);background-image:-o-linear-gradient(top,#337ab7 0,#265a88 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#265a88));background-image:linear-gradient(to bottom,#337ab7 0,#265a88 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-color:#245580}.btn-primary:focus,.btn-primary:hover{background-color:#265a88;background-position:0 -15px}.btn-primary.active,.btn-primary:active{background-color:#265a88;border-color:#245580}.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled.focus,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled].focus,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#265a88;background-image:none}.btn-success{background-image:-webkit-linear-gradient(top,#5cb85c 0,#419641 100%);background-image:-o-linear-gradient(top,#5cb85c 0,#419641 100%);background-image:-webkit-
|
||
|
|
|
||
|
|
div.btn-group-sm > .btn {padding:6px 10px;}
|
||
|
|
|
||
|
|
/* http://daneden.github.io/animate.css/ */
|
||
|
|
/* animate.css */
|
||
|
|
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,.050,.855,.060);animation-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(0.755,.050,.855,.060);animation-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,.050,.855,.060);animation-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(0.755,.050,.855,.060);animation-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{50%,from,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{50%,from,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{from,t
|
||
|
|
|
||
|
|
.animated{-webkit-animation-duration:0.25s;animation-duration:0.25s;-webkit-animation-fill-mode: none;}
|
||
|
|
.animated-300{-webkit-animation-duration:0.3s;animation-duration:0.3s;}
|
||
|
|
.animated-500{-webkit-animation-duration:0.5s;animation-duration:0.5s;}
|
||
|
|
.animated-700{-webkit-animation-duration:0.7s;animation-duration:0.7s;}
|
||
|
|
.animated-1000{-webkit-animation-duration:1s;animation-duration:1s;}
|
||
|
|
.animated-1500{-webkit-animation-duration:1.5s;animation-duration:1.5s;}
|
||
|
|
.animated-2000{-webkit-animation-duration:2s;animation-duration:2s;}
|
||
|
|
|
||
|
|
@-webkit-keyframes zoomIn {
|
||
|
|
from {opacity: 0;
|
||
|
|
-webkit-transform: scale3d(1.15,1.15,0) translate3d(0,0,0);
|
||
|
|
transform: scale3d(1.15,1.15,0) translate3d(0,0,0);}
|
||
|
|
50% {opacity: 1;}
|
||
|
|
to {opacity: 1;-webkit-transform: none;transform: none;}
|
||
|
|
}
|
||
|
|
@keyframes zoomIn {
|
||
|
|
from {opacity: 0;
|
||
|
|
-webkit-transform: scale3d(1.15,1.15,0) translate3d(0,0,0);
|
||
|
|
transform: scale3d(1.15,1.15,0) translate3d(0,0,0);}
|
||
|
|
50% {opacity: 1;}
|
||
|
|
to {opacity: 1;-webkit-transform: none;transform: none;}
|
||
|
|
}
|
||
|
|
|
||
|
|
@-webkit-keyframes scaleOpen {
|
||
|
|
from {opacity:0;
|
||
|
|
-webkit-transform:scale3d(.6,.6,.6) translate3d(0,0,0);
|
||
|
|
transform:scale3d(.6,.6,.6) translate3d(0,0,0);
|
||
|
|
}
|
||
|
|
60% {opacity: 1;}
|
||
|
|
to {}
|
||
|
|
}
|
||
|
|
@keyframes scaleOpen {
|
||
|
|
from {opacity:0;
|
||
|
|
-webkit-transform:scale3d(.6,.6,.6) translate3d(0,0,0);
|
||
|
|
transform:scale3d(.6,.6,.6) translate3d(0,0,0);
|
||
|
|
}
|
||
|
|
60% {opacity: 1;}
|
||
|
|
to {}
|
||
|
|
}
|
||
|
|
|
||
|
|
@-webkit-keyframes zoomOut {
|
||
|
|
from {opacity: 1;}
|
||
|
|
60% {opacity: 0;-webkit-transform: scale3d(0.85,0.85,0) translate3d(0, -0%, 0);
|
||
|
|
transform: scale3d(0.85,0.85,0) translate3d(0, -0%, 0);}
|
||
|
|
to {opacity: 0;}
|
||
|
|
}
|
||
|
|
@keyframes zoomOut {
|
||
|
|
from {opacity: 1;}
|
||
|
|
60% {opacity: 0;-webkit-transform: scale3d(0.85,0.85,0) translate3d(0, -0%, 0);
|
||
|
|
transform: scale3d(0.85,0.85,0) translate3d(0, -0%, 0);}
|
||
|
|
to {opacity: 0;}
|
||
|
|
}
|
||
|
|
|
||
|
|
@-webkit-keyframes fadeInDown {
|
||
|
|
from {opacity: 0;
|
||
|
|
-webkit-transform: translate3d(0, -20%, 0);
|
||
|
|
transform: translate3d(0, -20%, 0);}
|
||
|
|
to {opacity: 1;-webkit-transform: none;transform: none;}
|
||
|
|
}
|
||
|
|
@keyframes fadeInDown {
|
||
|
|
from {opacity: 0;-webkit-transform: translate3d(0, -20%, 0);transform: translate3d(0, -20%, 0);}
|
||
|
|
to {opacity: 1;-webkit-transform: none;transform: none;}
|
||
|
|
}
|
||
|
|
@-webkit-keyframes fadeInUp {
|
||
|
|
from {opacity: 0;-webkit-transform: translate3d(0, 20%, 0);transform: translate3d(0, 20%, 0);}
|
||
|
|
to {opacity: 1;-webkit-transform: none;transform: none;}
|
||
|
|
}
|
||
|
|
@keyframes fadeInUp {
|
||
|
|
from {opacity: 0;-webkit-transform: translate3d(0, 20%, 0);transform: translate3d(0, 20%, 0);}
|
||
|
|
to {opacity: 1;-webkit-transform: none;transform: none;}
|
||
|
|
}
|
||
|
|
|
||
|
|
@-webkit-keyframes fadeInLeft {
|
||
|
|
from {opacity: 0;-webkit-transform: translate3d(-20%,0, 0);transform: translate3d(-20%,0, 0);}
|
||
|
|
to {opacity: 1;-webkit-transform: none;transform: none;}
|
||
|
|
}
|
||
|
|
@keyframes fadeInLeft {
|
||
|
|
from {opacity: 0;-webkit-transform: translate3d(-20%,0, 0);transform: translate3d(-20%,0, 0);}
|
||
|
|
to {opacity: 1;-webkit-transform: none;transform: none;}
|
||
|
|
}
|
||
|
|
@-webkit-keyframes fadeInRight {
|
||
|
|
from {opacity: 0;-webkit-transform: translate3d(20%,0, 0);transform: translate3d(20%,0, 0);}
|
||
|
|
to {opacity: 1;-webkit-transform: none;transform: none;}
|
||
|
|
}
|
||
|
|
@keyframes fadeInLeft {
|
||
|
|
from {opacity: 0;-webkit-transform: translate3d(20%,0, 0);transform: translate3d(20%,0, 0);}
|
||
|
|
to {opacity: 1;-webkit-transform: none;transform: none;}
|
||
|
|
}
|
||
|
|
@-webkit-keyframes fadeOutDown{
|
||
|
|
from{opacity: 1;-webkit-transform: none;transform: none;}
|
||
|
|
to{opacity: 0;-webkit-transform: translate3d(0, 10%, 0);transform: translate3d(0, 10%, 0);}
|
||
|
|
}
|
||
|
|
@keyframes fadeOutDown{
|
||
|
|
from{opacity: 1;-webkit-transform: none;transform: none;}
|
||
|
|
to{opacity: 0;-webkit-transform: translate3d(0, 10%, 0);transform: translate3d(0, 10%, 0);}
|
||
|
|
}
|
||
|
|
|
||
|
|
@-webkit-keyframes moveCircleLoop{
|
||
|
|
0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
|
||
|
|
100% {-webkit-transform: rotate(-360deg);transform: rotate(-360deg); }
|
||
|
|
}
|
||
|
|
@keyframes moveCircleLoop{
|
||
|
|
0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
|
||
|
|
100% {-webkit-transform: rotate(-360deg);transform: rotate(-360deg); }
|
||
|
|
}
|
||
|
|
|
||
|
|
@-webkit-keyframes moveCircleLoopRight{
|
||
|
|
0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
|
||
|
|
100% {-webkit-transform: rotate(360deg);transform: rotate(360deg); }
|
||
|
|
}
|
||
|
|
@keyframes moveCircleLoopRight{
|
||
|
|
0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
|
||
|
|
100% {-webkit-transform: rotate(360deg);transform: rotate(360deg); }
|
||
|
|
}
|
||
|
|
|
||
|
|
@-webkit-keyframes moveTopLoop{
|
||
|
|
0% {-webkit-transform: translate3d(0, 0%, 0);transform: translate3d(0, 0%, 0);}
|
||
|
|
50% {-webkit-transform: translate3d(0, 30%, 0);transform: translate3d(0, 30%, 0);}
|
||
|
|
100% {-webkit-transform: translate3d(0, 0%, 0);transform: translate3d(0, 0%, 0);}
|
||
|
|
}
|
||
|
|
@keyframes moveTopLoop{
|
||
|
|
0% {-webkit-transform: translate3d(0, 0%, 0);transform: translate3d(0, 0%, 0);}
|
||
|
|
50% {-webkit-transform: translate3d(0, 30%, 0);transform: translate3d(0, 30%, 0);}
|
||
|
|
100% {-webkit-transform: translate3d(0, 0%, 0);transform: translate3d(0, 0%, 0);}
|
||
|
|
}
|
||
|
|
|
||
|
|
@-webkit-keyframes moveLeftLoop{
|
||
|
|
0% {-webkit-transform: translate3d(0, 0%, 0);transform: translate3d(0, 0%, 0);}
|
||
|
|
50% {-webkit-transform: translate3d(150%, 0%, 0);transform: translate3d(150%, 0%, 0);}
|
||
|
|
100% {-webkit-transform: translate3d(0, 0%, 0);transform: translate3d(0, 0%, 0);}
|
||
|
|
}
|
||
|
|
@keyframes moveLeftLoop{
|
||
|
|
0% {-webkit-transform: translate3d(0, 0%, 0);transform: translate3d(0, 0%, 0);}
|
||
|
|
50% {-webkit-transform: translate3d(150%, 0%, 0);transform: translate3d(150%, 0%, 0);}
|
||
|
|
100% {-webkit-transform: translate3d(0, 0%, 0);transform: translate3d(0, 0%, 0);}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
@-webkit-keyframes flipOutXLine{
|
||
|
|
from{-webkit-transform:perspective(400px);transform:perspective(400px)}
|
||
|
|
to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);
|
||
|
|
transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}
|
||
|
|
}
|
||
|
|
@keyframes flipOutXLine{
|
||
|
|
from{-webkit-transform:perspective(400px);transform:perspective(400px)}
|
||
|
|
to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);
|
||
|
|
transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}
|
||
|
|
}
|
||
|
|
|
||
|
|
.flipOutXLine{
|
||
|
|
-webkit-animation-name:flipOutXLine;
|
||
|
|
animation-name:flipOutXLine;
|
||
|
|
-webkit-backface-visibility:
|
||
|
|
visible!important;backface-visibility:visible!important
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
.moveCircle{
|
||
|
|
-webkit-animation: moveCircleLoop 1.4s infinite linear;
|
||
|
|
animation: moveCircleLoop 1.4s infinite linear;
|
||
|
|
}
|
||
|
|
.moveCircleRight{
|
||
|
|
-webkit-animation: moveCircleLoopRight 1.4s infinite linear;
|
||
|
|
animation: moveCircleLoopRight 1.4s infinite linear;
|
||
|
|
}
|
||
|
|
.moveTopLoop{
|
||
|
|
-webkit-animation: moveTopLoop 1.0s infinite ease-in-out;
|
||
|
|
animation: moveTopLoop 1.0s infinite ease-in-out;
|
||
|
|
}
|
||
|
|
.moveLeftLoop{
|
||
|
|
-webkit-animation: moveLeftLoop 4.0s infinite ease-in-out;
|
||
|
|
animation: moveLeftLoop 4.0s infinite ease-in-out;
|
||
|
|
}
|
||
|
|
|
||
|
|
.menuShow{
|
||
|
|
-webkit-animation-duration:0.2s;
|
||
|
|
animation-duration:0.2s;
|
||
|
|
-webkit-animation-name: scaleOpen;
|
||
|
|
animation-name: scaleOpen;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dialogShow{
|
||
|
|
-webkit-animation-duration:0.3s;
|
||
|
|
animation-duration:0.3s;
|
||
|
|
-webkit-animation-name:scaleOpen;
|
||
|
|
animation-name:scaleOpen;
|
||
|
|
}
|
||
|
|
.dialogClose{
|
||
|
|
-webkit-animation-duration:0.3s;
|
||
|
|
animation-duration:0.3s;
|
||
|
|
-webkit-animation-name: zoomOut;
|
||
|
|
animation-name:zoomOut;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dialogDisplayShow{
|
||
|
|
-webkit-animation-name: fadeInUp;
|
||
|
|
animation-name:fadeInUp;
|
||
|
|
}
|
||
|
|
.dialogDisplayHide{
|
||
|
|
-webkit-animation-name: fadeOutDown;
|
||
|
|
animation-name:fadeOutDown;
|
||
|
|
}
|