Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

[BUG #6054] Implement own mobile select box

- Fixed layout problem with gradients on dialog.
- Made Select Box better clickable in Android.
  • Loading branch information...
commit 39acdd9a366dd4e0e51dd23770ab96fa3d16f451 1 parent ac13417
Christopher Zuendorf authored thron7 committed
View
2  application/mobileshowcase/source/class/mobileshowcase/page/Form.js
@@ -110,7 +110,7 @@ qx.Class.define("mobileshowcase.page.Form",
this.__info = new qx.ui.mobile.form.TextArea().set({placeholder:"Terms of Service"});
form.add(this.__info,"Terms of Service: ");
- this.__info.setValue("qooxdoo Licensing Information\n=============================\n\nqooxdoo may be used under the terms of either the\n\n * GNU Lesser General Public License (LGPL)\n http://www.gnu.org/licenses/lgpl.html\n\nor the\n\n * Eclipse Public License (EPL)\n http://www.eclipse.org/org/documents/epl-v10.php\n\nAs a recipient of qooxdoo, you may choose which license to receive the code \nunder. Certain files or entire directories may not be covered by this \ndual license, but are subject to licenses compatible to both LGPL and EPL.\nLicense exceptions are explicitly declared in all relevant files or in a \n\nLICENSE file in the relevant directories.");
+ this.__info.setValue("qooxdoo Licensing Information\n=============================\n\nqooxdoo may be used under the terms of GPL. \n");
this.__save = new qx.ui.mobile.form.ToggleButton();
this.__save.addListener("changeValue", this._enableFormSubmitting, this);
View
26 application/mobileshowcase/source/index-debug.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <meta charset="UTF-8" />
+ <title>Mobile Showcase</title>
+
+ <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+ <meta name="apple-mobile-web-app-capable" content="yes" />
+ <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
+ <meta name="format-detection" content="telephone=no" />
+
+ <!-- Comment the following block when using less.js (see below) -->
+ <link rel="stylesheet" type="text/css" media="screen" href="../../../framework/source/resource/qx/mobile/css/android.css">
+ <link rel="stylesheet" type="text/css" media="screen" href="resource/mobileshowcase/css/styles.css">
+
+ <!-- Uncomment the following block to use less.js -->
+ <!-- <link rel="stylesheet/less" type="text/css" media="screen" href="../../../framework/source/resource/qx/mobile/less/android.less">
+ <link rel="stylesheet/less" type="text/css" media="screen" href="resource/mobileshowcase/css/styles.css">
+ <script type="text/javascript" src="https://raw.github.com/cloudhead/less.js/master/dist/less-1.1.6.min.js"></script> -->
+
+ <script type="text/javascript" src="script/mobileshowcase.js"></script>
+ <script type="text/javascript" src="http://172.17.12.250:8081/target/target-script-min.js"></script>
+</head>
+<body>
+</body>
+</html>
View
1  framework/source/class/qx/ui/mobile/form/SelectBox.js
@@ -201,7 +201,6 @@ qx.Class.define("qx.ui.mobile.form.SelectBox",
* @param title {String} the title to set on selection dialog.
*/
setDialogTitle : function(title) {
- console.log(title);
if(this.__selectionDialog){
this.__selectionDialog.setTitle(title);
}
View
2  framework/source/resource/qx/mobile/css/android.css
@@ -1,2 +1,2 @@
/* This beautiful CSS-File has been crafted with LESS (lesscss.org) and compiled by simpLESS (wearekiss.com/simpless) */
-*{-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0);margin:0;padding:0}html,body{height:100%}.root{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;overflow-x:hidden;font-family:Helvetica;height:100%}.page{-webkit-transform:translate3d(0,0,0) rotate(0) scale(1);-moz-transform:translate3d(0,0,0) rotate(0) scale(1);transform:translate3d(0,0,0) rotate(0) scale(1);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;left:0;width:100%}.selectable,input,textarea{-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}.no-wrap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.exclude{display:none!important}.space-top{margin-top:4px}.scroll{position:relative;width:auto;height:auto;overflow:hidden}.iscroll{width:100%;position:absolute;padding-bottom:10px}.animationParent{-webkit-perspective:800;-moz-perspective:800;perspective:800;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-style:preserve-3d}.animationChild{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.in{z-index:10}.out{z-index:0}.in,.out{-webkit-animation-timing-function:ease-in-out;-moz-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-duration:350ms;-moz-animation-duration:350ms;animation-duration:350ms;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}.slide.in{-webkit-animation-name:slideLeftIn;-moz-animation-name:slideLeftIn;animation-name:slideLeftIn}.slide.out{-webkit-animation-name:slideLeftOut;-moz-animation-name:slideLeftOut;animation-name:slideLeftOut}@-webkit-keyframes slideLeftIn{0%{ -webkit-transform:translatex(100%);-moz-transform:translatex(100%);transform:translatex(100%)}100%{-webkit-transform:translatex(0);-moz-transform:translatex(0);transform:translatex(0)}}@-moz-keyframes slideLeftIn{0%{ -webkit-transform:translatex(100%);-moz-transform:translatex(100%);transform:translatex(100%)}100%{-webkit-transform:translatex(0);-moz-transform:translatex(0);transform:translatex(0)}}@-webkit-keyframes slideLeftOut{0%{ -webkit-transform:translatex(0px);-moz-transform:translatex(0px);transform:translatex(0px)}100%{-webkit-transform:translatex(-100%);-moz-transform:translatex(-100%);transform:translatex(-100%)}}@-moz-keyframes slideLeftOut{0%{ -webkit-transform:translatex(0px);-moz-transform:translatex(0px);transform:translatex(0px)}100%{-webkit-transform:translatex(-100%);-moz-transform:translatex(-100%);transform:translatex(-100%)}}.slide.in.reverse{-webkit-animation-name:slideRightIn;-moz-animation-name:slideRightIn;animation-name:slideRightIn}.slide.out.reverse{-webkit-animation-name:slideRightOut;-moz-animation-name:slideRightOut;animation-name:slideRightOut}@-webkit-keyframes slideRightIn{0%{ -webkit-transform:translatex(-100%);-moz-transform:translatex(-100%);transform:translatex(-100%)}100%{-webkit-transform:translatex(0);-moz-transform:translatex(0);transform:translatex(0)}}@-moz-keyframes slideRightIn{0%{ -webkit-transform:translatex(-100%);-moz-transform:translatex(-100%);transform:translatex(-100%)}100%{-webkit-transform:translatex(0);-moz-transform:translatex(0);transform:translatex(0)}}@-webkit-keyframes slideRightOut{0%{ -webkit-transform:translatex(0);-moz-transform:translatex(0);transform:translatex(0)}100%{-webkit-transform:translatex(100%);-moz-transform:translatex(100%);transform:translatex(100%)}}@-moz-keyframes slideRightOut{0%{ -webkit-transform:translatex(0);-moz-transform:translatex(0);transform:translatex(0)}100%{-webkit-transform:translatex(100%);-moz-transform:translatex(100%);transform:translatex(100%)}}.fade.in{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;animation-name:fadeIn}.fade.out{-webkit-animation-name:fadeOut;-moz-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeIn{0%{ opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{ opacity:0}100%{opacity:1}}@-webkit-keyframes fadeOut{0%{ opacity:1}100%{opacity:0}}@-moz-keyframes fadeOut{0%{ opacity:1}100%{opacity:0}}.pop.in{-webkit-animation-name:popIn;-moz-animation-name:popIn;animation-name:popIn}.pop.out{-webkit-animation-name:popOut;-moz-animation-name:popOut;animation-name:popOut}@-webkit-keyframes popIn{0%{ -webkit-transform:scale(0.2);-moz-transform:scale(0.2);transform:scale(0.2);opacity:0}100%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1);opacity:1}}@-moz-keyframes popIn{0%{ -webkit-transform:scale(0.2);-moz-transform:scale(0.2);transform:scale(0.2);opacity:0}100%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes popOut{0%{ -webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(0.2);-moz-transform:scale(0.2);transform:scale(0.2);opacity:0}}@-moz-keyframes popOut{0%{ -webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(0.2);-moz-transform:scale(0.2);transform:scale(0.2);opacity:0}}.dissolve.in{-webkit-animation-name:dissolveIn;-moz-animation-name:dissolveIn;animation-name:dissolveIn}.dissolve.out{-webkit-animation-name:dissolveOut;-moz-animation-name:dissolveOut;animation-name:dissolveOut}@-webkit-keyframes dissolveIn{0%{ opacity:0}100%{opacity:1}}@-moz-keyframes dissolveIn{0%{ opacity:0}100%{opacity:1}}@-webkit-keyframes dissolveOut{0%{ opacity:1}100%{opacity:0}}@-moz-keyframes dissolveOut{0%{ opacity:1}100%{opacity:0}}.slideup.in{z-index:10;-webkit-animation-name:slideUpIn;-moz-animation-name:slideUpIn;animation-name:slideUpIn}.slideup.out{z-index:0;-webkit-animation-name:slideUpOut;-moz-animation-name:slideUpOut;animation-name:slideUpOut}@-webkit-keyframes slideUpIn{0%{ -webkit-transform:translatey(100%);-moz-transform:translatey(100%);transform:translatey(100%)}100%{-webkit-transform:translatey(0);-moz-transform:translatey(0);transform:translatey(0)}}@-moz-keyframes slideUpIn{0%{ -webkit-transform:translatey(100%);-moz-transform:translatey(100%);transform:translatey(100%)}100%{-webkit-transform:translatey(0);-moz-transform:translatey(0);transform:translatey(0)}}@-webkit-keyframes slideUpOut{0%{ -webkit-transform:translatey(0);-moz-transform:translatey(0);transform:translatey(0)}100%{-webkit-transform:translatey(0);-moz-transform:translatey(0);transform:translatey(0)}}@-moz-keyframes slideUpOut{0%{ -webkit-transform:translatey(0);-moz-transform:translatey(0);transform:translatey(0)}100%{-webkit-transform:translatey(0);-moz-transform:translatey(0);transform:translatey(0)}}.slideup.in.reverse{z-index:0;-webkit-animation-name:slideDownIn;-moz-animation-name:slideDownIn;animation-name:slideDownIn}.slideup.out.reverse{z-index:10;-webkit-animation-name:slideDownOut;-moz-animation-name:slideDownOut;animation-name:slideDownOut}@-webkit-keyframes slideDownIn{0%{ -webkit-transform:translatey(0);-moz-transform:translatey(0);transform:translatey(0)}100%{-webkit-transform:translatey(0);-moz-transform:translatey(0);transform:translatey(0)}}@-moz-keyframes slideDownIn{0%{ -webkit-transform:translatey(0);-moz-transform:translatey(0);transform:translatey(0)}100%{-webkit-transform:translatey(0);-moz-transform:translatey(0);transform:translatey(0)}}@-webkit-keyframes slideDownOut{0%{ -webkit-transform:translatey(0);-moz-transform:translatey(0);transform:translatey(0)}100%{-webkit-transform:translatey(100%);-moz-transform:translatey(100%);transform:translatey(100%)}}@-moz-keyframes slideDownOut{0%{ -webkit-transform:translatey(0);-moz-transform:translatey(0);transform:translatey(0)}100%{-webkit-transform:translatey(100%);-moz-transform:translatey(100%);transform:translatey(100%)}}.flip{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.flip.in{-webkit-animation-name:flipLeftIn;-moz-animation-name:flipLeftIn;animation-name:flipLeftIn}.flip.out{-webkit-animation-name:flipLeftOut;-moz-animation-name:flipLeftOut;animation-name:flipLeftOut}@-webkit-keyframes flipLeftIn{0%{ -webkit-transform:rotatey(180deg) scale(0.8);-moz-transform:rotatey(180deg) scale(0.8);transform:rotatey(180deg) scale(0.8)}100%{-webkit-transform:rotatey(0deg) scale(1);-moz-transform:rotatey(0deg) scale(1);transform:rotatey(0deg) scale(1)}}@-moz-keyframes flipLeftIn{0%{ -webkit-transform:rotatey(180deg) scale(0.8);-moz-transform:rotatey(180deg) scale(0.8);transform:rotatey(180deg) scale(0.8)}100%{-webkit-transform:rotatey(0deg) scale(1);-moz-transform:rotatey(0deg) scale(1);transform:rotatey(0deg) scale(1)}}@-webkit-keyframes flipLeftOut{0%{ -webkit-transform:rotatey(0deg) scale(1);-moz-transform:rotatey(0deg) scale(1);transform:rotatey(0deg) scale(1)}100%{-webkit-transform:rotatey(-180deg) scale(0.8);-moz-transform:rotatey(-180deg) scale(0.8);transform:rotatey(-180deg) scale(0.8)}}@-moz-keyframes flipLeftOut{0%{ -webkit-transform:rotatey(0deg) scale(1);-moz-transform:rotatey(0deg) scale(1);transform:rotatey(0deg) scale(1)}100%{-webkit-transform:rotatey(-180deg) scale(0.8);-moz-transform:rotatey(-180deg) scale(0.8);transform:rotatey(-180deg) scale(0.8)}}.flip.in.reverse{-webkit-animation-name:flipRightIn;-moz-animation-name:flipRightIn;animation-name:flipRightIn}.flip.out.reverse{-webkit-animation-name:flipRightOut;-moz-animation-name:flipRightOut;animation-name:flipRightOut}@-webkit-keyframes flipRightIn{0%{ -webkit-transform:rotatey(-180deg) scale(0.8);-moz-transform:rotatey(-180deg) scale(0.8);transform:rotatey(-180deg) scale(0.8)}100%{-webkit-transform:rotatey(0deg) scale(1);-moz-transform:rotatey(0deg) scale(1);transform:rotatey(0deg) scale(1)}}@-moz-keyframes flipRightIn{0%{ -webkit-transform:rotatey(-180deg) scale(0.8);-moz-transform:rotatey(-180deg) scale(0.8);transform:rotatey(-180deg) scale(0.8)}100%{-webkit-transform:rotatey(0deg) scale(1);-moz-transform:rotatey(0deg) scale(1);transform:rotatey(0deg) scale(1)}}@-webkit-keyframes flipRightOut{0%{ -webkit-transform:rotatey(0deg) scale(1);-moz-transform:rotatey(0deg) scale(1);transform:rotatey(0deg) scale(1)}100%{-webkit-transform:rotatey(180deg) scale(0.8);-moz-transform:rotatey(180deg) scale(0.8);transform:rotatey(180deg) scale(0.8)}}@-moz-keyframes flipRightOut{0%{ -webkit-transform:rotatey(0deg) scale(1);-moz-transform:rotatey(0deg) scale(1);transform:rotatey(0deg) scale(1)}100%{-webkit-transform:rotatey(180deg) scale(0.8);-moz-transform:rotatey(180deg) scale(0.8);transform:rotatey(180deg) scale(0.8)}}.swap{-webkit-animation-duration:.7s;-moz-animation-duration:.7s;animation-duration:.7s;-webkit-transform:perspective(800);-moz-transform:perspective(800);transform:perspective(800);-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;animation-timing-function:ease-out}.swap.in{-webkit-animation-name:swapLeftIn;-moz-animation-name:swapLeftIn;animation-name:swapLeftIn}.swap.out{-webkit-animation-name:swapLeftOut;-moz-animation-name:swapLeftOut;animation-name:swapLeftOut}@-webkit-keyframes swapLeftIn{0%{ -webkit-transform:translate3d(0px,0px,-800px) rotatey(-70deg);-moz-transform:translate3d(0px,0px,-800px) rotatey(-70deg);transform:translate3d(0px,0px,-800px) rotatey(-70deg);opacity:0}35%{-webkit-transform:translate3d(180px,0px,-400px) rotatey(-20deg);-moz-transform:translate3d(180px,0px,-400px) rotatey(-20deg);transform:translate3d(180px,0px,-400px) rotatey(-20deg);opacity:1}100%{opacity:1;-webkit-transform:translate3d(0px,0px,0px) rotatey(0deg);-moz-transform:translate3d(0px,0px,0px) rotatey(0deg);transform:translate3d(0px,0px,0px) rotatey(0deg)}}@-moz-keyframes swapLeftIn{0%{ -webkit-transform:translate3d(0px,0px,-800px) rotatey(-70deg);-moz-transform:translate3d(0px,0px,-800px) rotatey(-70deg);transform:translate3d(0px,0px,-800px) rotatey(-70deg);opacity:0}35%{-webkit-transform:translate3d(180px,0px,-400px) rotatey(-20deg);-moz-transform:translate3d(180px,0px,-400px) rotatey(-20deg);transform:translate3d(180px,0px,-400px) rotatey(-20deg);opacity:1}100%{opacity:1;-webkit-transform:translate3d(0px,0px,0px) rotatey(0deg);-moz-transform:translate3d(0px,0px,0px) rotatey(0deg);transform:translate3d(0px,0px,0px) rotatey(0deg)}}@-webkit-keyframes swapLeftOut{0%{ -webkit-transform:translate3d(0px,0px,0px) rotatey(0deg);-moz-transform:translate3d(0px,0px,0px) rotatey(0deg);transform:translate3d(0px,0px,0px) rotatey(0deg);opacity:1}35%{-webkit-transform:translate3d(-180px,0px,-400px) rotatey(20deg);-moz-transform:translate3d(-180px,0px,-400px) rotatey(20deg);transform:translate3d(-180px,0px,-400px) rotatey(20deg);opacity:.5}100%{-webkit-transform:translate3d(0px,0px,-800px) rotatey(70deg);-moz-transform:translate3d(0px,0px,-800px) rotatey(70deg);transform:translate3d(0px,0px,-800px) rotatey(70deg);opacity:0}}@-moz-keyframes swapLeftOut{0%{ -webkit-transform:translate3d(0px,0px,0px) rotatey(0deg);-moz-transform:translate3d(0px,0px,0px) rotatey(0deg);transform:translate3d(0px,0px,0px) rotatey(0deg);opacity:1}35%{-webkit-transform:translate3d(-180px,0px,-400px) rotatey(20deg);-moz-transform:translate3d(-180px,0px,-400px) rotatey(20deg);transform:translate3d(-180px,0px,-400px) rotatey(20deg);opacity:.5}100%{-webkit-transform:translate3d(0px,0px,-800px) rotatey(70deg);-moz-transform:translate3d(0px,0px,-800px) rotatey(70deg);transform:translate3d(0px,0px,-800px) rotatey(70deg);opacity:0}}.swap.in.reverse{-webkit-animation-name:swapRightIn;-moz-animation-name:swapRightIn;animation-name:swapRightIn}.swap.out.reverse{-webkit-animation-name:swapRightOut;-moz-animation-name:swapRightOut;animation-name:swapRightOut}@-webkit-keyframes swapRightIn{0%{ -webkit-transform:translate3d(0px,0px,-800px) rotatey(70deg);-moz-transform:translate3d(0px,0px,-800px) rotatey(70deg);transform:translate3d(0px,0px,-800px) rotatey(70deg);opacity:0}35%{-webkit-transform:translate3d(-180px,0px,-400px) rotatey(20deg);-moz-transform:translate3d(-180px,0px,-400px) rotatey(20deg);transform:translate3d(-180px,0px,-400px) rotatey(20deg);opacity:1}100%{-webkit-transform:translate3d(0px,0px,0px) rotatey(0deg);-moz-transform:translate3d(0px,0px,0px) rotatey(0deg);transform:translate3d(0px,0px,0px) rotatey(0deg);opacity:1}}@-moz-keyframes swapRightIn{0%{ -webkit-transform:translate3d(0px,0px,-800px) rotatey(70deg);-moz-transform:translate3d(0px,0px,-800px) rotatey(70deg);transform:translate3d(0px,0px,-800px) rotatey(70deg);opacity:0}35%{-webkit-transform:translate3d(-180px,0px,-400px) rotatey(20deg);-moz-transform:translate3d(-180px,0px,-400px) rotatey(20deg);transform:translate3d(-180px,0px,-400px) rotatey(20deg);opacity:1}100%{-webkit-transform:translate3d(0px,0px,0px) rotatey(0deg);-moz-transform:translate3d(0px,0px,0px) rotatey(0deg);transform:translate3d(0px,0px,0px) rotatey(0deg);opacity:1}}@-webkit-keyframes swapRightOut{0%{ -webkit-transform:translate3d(0px,0px,0px) rotatey(0deg);-moz-transform:translate3d(0px,0px,0px) rotatey(0deg);transform:translate3d(0px,0px,0px) rotatey(0deg);opacity:1}35%{-webkit-transform:translate3d(180px,0px,-400px) rotatey(-20deg);-moz-transform:translate3d(180px,0px,-400px) rotatey(-20deg);transform:translate3d(180px,0px,-400px) rotatey(-20deg);opacity:.5}100%{-webkit-transform:translate3d(0px,0px,-800px) rotatey(-70deg);-moz-transform:translate3d(0px,0px,-800px) rotatey(-70deg);transform:translate3d(0px,0px,-800px) rotatey(-70deg);opacity:0}}@-moz-keyframes swapRightOut{0%{ -webkit-transform:translate3d(0px,0px,0px) rotatey(0deg);-moz-transform:translate3d(0px,0px,0px) rotatey(0deg);transform:translate3d(0px,0px,0px) rotatey(0deg);opacity:1}35%{-webkit-transform:translate3d(180px,0px,-400px) rotatey(-20deg);-moz-transform:translate3d(180px,0px,-400px) rotatey(-20deg);transform:translate3d(180px,0px,-400px) rotatey(-20deg);opacity:.5}100%{-webkit-transform:translate3d(0px,0px,-800px) rotatey(-70deg);-moz-transform:translate3d(0px,0px,-800px) rotatey(-70deg);transform:translate3d(0px,0px,-800px) rotatey(-70deg);opacity:0}}.cube{-webkit-animation-duration:.55s;-moz-animation-duration:.55s;animation-duration:.55s}.cube.in{-webkit-transform-origin:100% 50%;-moz-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-animation-name:cubeLeftIn;-moz-animation-name:cubeLeftIn;animation-name:cubeLeftIn}.cube.out{-webkit-transform-origin:0 50%;-moz-transform-origin:0 50%;transform-origin:0 50%;-webkit-animation-name:cubeLeftOut;-moz-animation-name:cubeLeftOut;animation-name:cubeLeftOut}@-webkit-keyframes cubeLeftIn{0%{ -webkit-transform:rotatey(90deg) translatez(100%) scale(0.5);-moz-transform:rotatey(90deg) translatez(100%) scale(0.5);transform:rotatey(90deg) translatez(100%) scale(0.5);opacity:.5}100%{-webkit-transform:rotatey(0deg) translatez(0) scale(1);-moz-transform:rotatey(0deg) translatez(0) scale(1);transform:rotatey(0deg) translatez(0) scale(1);opacity:1}}@-moz-keyframes cubeLeftIn{0%{ -webkit-transform:rotatey(90deg) translatez(100%) scale(0.5);-moz-transform:rotatey(90deg) translatez(100%) scale(0.5);transform:rotatey(90deg) translatez(100%) scale(0.5);opacity:.5}100%{-webkit-transform:rotatey(0deg) translatez(0) scale(1);-moz-transform:rotatey(0deg) translatez(0) scale(1);transform:rotatey(0deg) translatez(0) scale(1);opacity:1}}@-webkit-keyframes cubeLeftOut{0%{ -webkit-transform:rotatey(0deg) translatex(0) scale(1);-moz-transform:rotatey(0deg) translatex(0) scale(1);transform:rotatey(0deg) translatex(0) scale(1);opacity:1}100%{-webkit-transform:rotatey(-90deg) translatez(100%) scale(0.5);-moz-transform:rotatey(-90deg) translatez(100%) scale(0.5);transform:rotatey(-90deg) translatez(100%) scale(0.5);opacity:.5}}@-moz-keyframes cubeLeftOut{0%{ -webkit-transform:rotatey(0deg) translatex(0) scale(1);-moz-transform:rotatey(0deg) translatex(0) scale(1);transform:rotatey(0deg) translatex(0) scale(1);opacity:1}100%{-webkit-transform:rotatey(-90deg) translatez(100%) scale(0.5);-moz-transform:rotatey(-90deg) translatez(100%) scale(0.5);transform:rotatey(-90deg) translatez(100%) scale(0.5);opacity:.5}}.cube.in.reverse{-webkit-transform-origin:0 50%;-moz-transform-origin:0 50%;transform-origin:0 50%;-webkit-animation-name:cubeRightIn;-moz-animation-name:cubeRightIn;animation-name:cubeRightIn}.cube.out.reverse{-webkit-transform-origin:100% 50%;-moz-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-animation-name:cubeRightOut;-moz-animation-name:cubeRightOut;animation-name:cubeRightOut}@-webkit-keyframes cubeRightIn{0%{ -webkit-transform:rotatey(-90deg) translatez(100%) scale(0.5);-moz-transform:rotatey(-90deg) translatez(100%) scale(0.5);transform:rotatey(-90deg) translatez(100%) scale(0.5);opacity:.5}100%{-webkit-transform:rotatey(0deg) translatez(0) scale(1);-moz-transform:rotatey(0deg) translatez(0) scale(1);transform:rotatey(0deg) translatez(0) scale(1);opacity:1}}@-moz-keyframes cubeRightIn{0%{ -webkit-transform:rotatey(-90deg) translatez(100%) scale(0.5);-moz-transform:rotatey(-90deg) translatez(100%) scale(0.5);transform:rotatey(-90deg) translatez(100%) scale(0.5);opacity:.5}100%{-webkit-transform:rotatey(0deg) translatez(0) scale(1);-moz-transform:rotatey(0deg) translatez(0) scale(1);transform:rotatey(0deg) translatez(0) scale(1);opacity:1}}@-webkit-keyframes cubeRightOut{0%{ -webkit-transform:rotatey(0deg) translatex(0) scale(1);-moz-transform:rotatey(0deg) translatex(0) scale(1);transform:rotatey(0deg) translatex(0) scale(1);opacity:1}100%{-webkit-transform:rotatey(90deg) translatez(100%) scale(0.5);-moz-transform:rotatey(90deg) translatez(100%) scale(0.5);transform:rotatey(90deg) translatez(100%) scale(0.5);opacity:.5}}@-moz-keyframes cubeRightOut{0%{ -webkit-transform:rotatey(0deg) translatex(0) scale(1);-moz-transform:rotatey(0deg) translatex(0) scale(1);transform:rotatey(0deg) translatex(0) scale(1);opacity:1}100%{-webkit-transform:rotatey(90deg) translatez(100%) scale(0.5);-moz-transform:rotatey(90deg) translatez(100%) scale(0.5);transform:rotatey(90deg) translatez(100%) scale(0.5);opacity:.5}}.hbox{display:-webkit-box;display:-moz-box;display:box;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;box-orient:horizontal;-webkit-box-align:stretch;-moz-box-align:stretch;box-align:stretch;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.hbox>*{-webkit-box-flex:0;-moz-box-flex:0;box-flex:0}.vbox{display:-webkit-box;display:-moz-box;display:box;-webkit-box-orient:vertical;-moz-box-orient:vertical;box-orient:vertical;-webkit-box-align:stretch;-moz-box-align:stretch;box-align:stretch;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.vbox>*{-webkit-box-flex:0;-moz-box-flex:0;box-flex:0}.content{overflow:hidden}.boxSpacer{-webkit-box-flex:1;-moz-box-flex:1;box-flex:1}.boxReverse{-webkit-box-direction:reverse;-moz-box-direction:reverse;box-direction:reverse}.boxAlignStart{-webkit-box-align:start;-moz-box-align:start;box-align:start}.boxAlignCenter{-webkit-box-align:center;-moz-box-align:center;box-align:center}.boxAlignEnd{-webkit-box-align:end;-moz-box-align:end;box-align:end}.boxPackStart{-webkit-box-pack:start;-moz-box-pack:start;box-pack:start}.boxPackCenter{-webkit-box-pack:center;-moz-box-pack:center;box-pack:center}.boxPackEnd{-webkit-box-pack:end;-moz-box-pack:end;box-pack:end}.boxFlex0{-webkit-box-flex:0;-moz-box-flex:0;box-flex:0}.boxFlex1,.boxFlex{-webkit-box-flex:1;-moz-box-flex:1;box-flex:1}.boxFlex2{-webkit-box-flex:2;-moz-box-flex:2;box-flex:2}.boxGroup1{-webkit-box-flex-group:1;-moz-box-flex-group:1;box-flex-group:1}.boxGroup2{-webkit-box-flex-group:2;-moz-box-flex-group:2;box-flex-group:2}.disabled{opacity:.35;cursor:default}.transparent{opacity:0!important}h1,h2{font-weight:700;font-size:.8em}h1{font-size:20px;text-align:center;margin-left:4px;margin-right:4px}h2{font-size:16px;margin-left:5px;margin-top:10px;margin-bottom:10px}.root{font-family:Helvetica;font-weight:400}.fontNormal{font-weight:400}.content{padding:5px}ul{padding:0}ul li{border-top:1px solid transparent;list-style-type:none;padding:10px 25px 10px 10px}ul li .subtitle{font-weight:400;font-size:.8em}li:first-child,li:first-child a{border-top:0}.button{cursor:pointer;font-weight:700;color:#000;text-align:center;padding-left:20px;padding-right:20px;margin-top:4px}.toolbar-button{-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;cursor:pointer;font-weight:700;color:#000;text-align:center;padding-left:20px;padding-right:20px;overflow:hidden;width:0}.toolbar-button img{vertical-align:middle}.toolbar-button .label{height:auto;padding-top:4px}.list-itemimage{margin-right:7px}input,select{vertical-align:middle}input,select,textarea{font-family:Helvetica;font-size:.9em}ul.form li{padding:10px 10px 10px 10px}ul.form ul li.error{border:2px solid red}ul.form li.error+li.error{border-top:0}ul.form li *{white-space:normal;text-overflow:ellipsis}input[type="text"],input[type="password"],textarea{-webkit-appearance:textarea;-moz-appearance:textarea;appearance:textarea;width:100%;outline:0}textarea{height:120px;width:100%;resize:none}input[type="checkbox"],input[type="radio"]{margin:0;color:#324f85;padding:10px 10px}input[type="text"].invalid,input[type="password"].invalid,textarea.invalid{border:1px solid red}.formElementError{color:red}.slider{-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;position:relative;overflow:visible}.slider>div{-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;position:absolute;background-color:#fff}.tabButton{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center}.navigationbar{height:45px;padding-left:10px;padding-right:10px}.navigationbar-button,.navigationbar-backbutton{text-align:center;cursor:pointer;width:auto;line-height:30px;font-family:inherit;font-size:12px;font-weight:700;text-decoration:none}.scrollbarV{position:absolute;top:2px;right:2px;bottom:7px;width:6px;z-index:100}.scrollbarV>div{-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}input[type="checkbox"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:30px;height:30px}.toolbar{height:55px}.blocker{position:absolute;z-index:100;width:100%;height:100%;left:0;top:0;opacity:.7;color:#000;background-color:#818181}.spinnerContainer{margin:0 auto;height:100%;text-align:center}.spinner{margin:0 auto;vertical-align:middle}.popup{position:absolute;width:auto;padding:6px;z-index:99;clear:both}.popupAnchorPointer{height:0;width:0;float:left}.popupAnchorPointerBottom{border-right:10px solid transparent;border-left:10px solid transparent;border-top:10px solid white}.popupAnchorPointerTop{border-right:10px solid transparent;border-left:10px solid transparent;border-bottom:10px solid white}.popupAnchorPointerLeft{border-right:10px solid white;border-top:10px solid transparent;border-bottom:10px solid transparent}.popupAnchorPointerRight{border-left:10px solid white;border-top:10px solid transparent;border-bottom:10px solid transparent}.dialog{position:fixed;width:auto;padding:6px}.dialogButton{width:0;margin-top:6px;margin-left:1px;margin-right:1px}.dialogTitleUnderline{font-weight:800;font-size:16px;margin:0 0 5px 0}.selectbox{text-indent:2px;margin-left:-6px;width:100%;color:#777;font-weight:400;font-size:15px;cursor:pointer}.standard-button{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;cursor:pointer;width:auto;height:20px;color:#222;text-align:center;background-image:-webkit-gradient(linear,center top,center bottom,from( #f4f4f4),to( #c1c1c1));background-image:-webkit-linear-gradient(top, #f4f4f4, #c1c1c1);background-image:-moz-linear-gradient(top, #f4f4f4, #c1c1c1);background-image:linear-gradient(to bottom, #f4f4f4, #c1c1c1);border:1px solid #555;line-height:20px;font-size:12px}.standard-button-active{background-image:-webkit-gradient(linear,center top,center bottom,from( #ffdb66),color-stop(50%, #e89c00),to( #fdd824));background-image:-webkit-linear-gradient(top, #ffdb66, #e89c00 50%, #fdd824);background-image:-moz-linear-gradient(top, #ffdb66, #e89c00 50%, #fdd824);background-image:linear-gradient(to bottom, #ffdb66, #e89c00 50%, #fdd824)}a:hover,a:active{outline:0}a,a:active,a:visited{color:#e89c00}a:hover{color:#e89c00}h1{color:#fff;text-shadow:rgba(0,0,0,.4) 0 -1px 0}h2{line-height:20px;text-shadow:rgba(255,255,255,.2) 0 1px 1px;color:#bdbebd;background-color:#212021;border-bottom:1px solid #313431}.root{background:#181818;color:#fff;font-size:.9em}.root>*{background:#181818}.fontNormal{color:#fff;font-size:.8em}ul{font:bold 17px Helvetica}ul li{color:#fff;border-top-color:#6b6d6b}ul li.arrow{background:url("../icon/android/arrow.png") no-repeat right center}ul li.active.arrow,ul li.selected.arrow{background-image:url("../icon/android/arrow_pressed.png"),-webkit-gradient(linear,center top,center bottom,color-stop(0%, #ffdb66),color-stop(50%, #e89c00),color-stop(100%, #fdd824));background-image:url("../icon/android/arrow_pressed.png"),-webkit-linear-gradient(top, #ffdb66, #e89c00 50%, #fdd824);background-image:url("../icon/android/arrow_pressed.png"),-moz-linear-gradient(top, #ffdb66, #e89c00 50%, #fdd824);background-image:url("../icon/android/arrow_pressed.png"),linear-gradient(to bottom, #ffdb66, #e89c00 50%, #fdd824);background-position:right center;background-repeat:no-repeat}ul li.active,ul li.selected{background-image:-webkit-gradient(linear,center top,center bottom,from( #ffdb66),color-stop(50%, #e89c00),to( #fdd824));background-image:-webkit-linear-gradient(top, #ffdb66, #e89c00 50%, #fdd824);background-image:-moz-linear-gradient(top, #ffdb66, #e89c00 50%, #fdd824);background-image:linear-gradient(to bottom, #ffdb66, #e89c00 50%, #fdd824);color:#000}ul li .subtitle{color:#949a94}ul li.active .subtitle{color:#313429}.button{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;cursor:pointer;width:auto;height:20px;color:#222;text-align:center;background-image:-webkit-gradient(linear,center top,center bottom,from( #f4f4f4),to( #c1c1c1));background-image:-webkit-linear-gradient(top, #f4f4f4, #c1c1c1);background-image:-moz-linear-gradient(top, #f4f4f4, #c1c1c1);background-image:linear-gradient(to bottom, #f4f4f4, #c1c1c1);border:1px solid #555;line-height:20px;font-size:12px;height:30px;line-height:30px;font-size:15px}.button.active{background-image:-webkit-gradient(linear,center top,center bottom,from( #ffdb66),color-stop(50%, #e89c00),to( #fdd824));background-image:-webkit-linear-gradient(top, #ffdb66, #e89c00 50%, #fdd824);background-image:-moz-linear-gradient(top, #ffdb66, #e89c00 50%, #fdd824);background-image:linear-gradient(to bottom, #ffdb66, #e89c00 50%, #fdd824)}.toolbar-button{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;cursor:pointer;width:auto;height:20px;color:#222;text-align:center;background-image:-webkit-gradient(linear,center top,center bottom,from( #f4f4f4),to( #c1c1c1));background-image:-webkit-linear-gradient(top, #f4f4f4, #c1c1c1);background-image:-moz-linear-gradient(top, #f4f4f4, #c1c1c1);background-image:linear-gradient(to bottom, #f4f4f4, #c1c1c1);border:1px solid #555;line-height:20px;font-size:12px;height:50px;font-size:17px}.toolbar-button.active{background-image:-webkit-gradient(linear,center top,center bottom,from( #ffdb66),color-stop(50%, #e89c00),to( #fdd824));background-image:-webkit-linear-gradient(top, #ffdb66, #e89c00 50%, #fdd824);background-image:-moz-linear-gradient(top, #ffdb66, #e89c00 50%, #fdd824);background-image:linear-gradient(to bottom, #ffdb66, #e89c00 50%, #fdd824)}.toolbar-button>div{height:50px}input[type="text"]:not(.selectbox),input[type="password"],textarea{background-image:-webkit-gradient(linear,center top,center bottom,from( #e2e0e2),to( #f8f5f8));background-image:-webkit-linear-gradient(top, #e2e0e2, #f8f5f8);background-image:-moz-linear-gradient(top, #e2e0e2, #f8f5f8);background-image:linear-gradient(to bottom, #e2e0e2, #f8f5f8);-webkit-border-radius:.4em;-moz-border-radius:.4em;border-radius:.4em;-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;color:#222;border:1px solid #242424;height:2em}textarea{height:120px}.slider{height:20px;background:-webkit-gradient(linear,left top,left bottom,from( #9ea09d),color-stop(0.85, #5b5d5a),color-stop(0.95, #5f615e),to( #757774)) 0 0 no-repeat,-webkit-gradient(linear,left top,left bottom,from( #ecd343),color-stop(0.85, #fab907),color-stop(0.95, #f0b705),to( #f8ce2e));background:-webkit-linear-gradient(top, #9ea09d, #5b5d5a 85%, #5f615e 95%, #757774) 0 0 no-repeat,-webkit-linear-gradient(top, #ecd343, #fab907 85%, #f0b705 95%, #f8ce2e) 0 0 no-repeat;background:-moz-linear-gradient(top, #9ea09d, #5b5d5a 85%, #5f615e 95%, #757774) 0 0 no-repeat,-moz-linear-gradient(top, #ecd343, #fab907 85%, #f0b705 95%, #f8ce2e) 0 0 no-repeat;background:linear-gradient(to bottom, #9ea09d, #5b5d5a 85%, #5f615e 95%, #757774) 0 0 no-repeat,linear-gradient(to bottom, #ecd343, #fab907 85%, #f0b705 95%, #f8ce2e) 0 0 no-repeat;-webkit-border-radius:.6em;-moz-border-radius:.6em;border-radius:.6em}.slider>div{background-image:-webkit-gradient(linear,center top,center bottom,from( #f4f4f4),to( #c4c4c4));background-image:-webkit-linear-gradient(top, #f4f4f4, #c4c4c4);background-image:-moz-linear-gradient(top, #f4f4f4, #c4c4c4);background-image:linear-gradient(to bottom, #f4f4f4, #c4c4c4);-webkit-border-radius:.4em;-moz-border-radius:.4em;border-radius:.4em;-webkit-box-shadow:0 0 2px 1px #4a4a4a;-moz-box-shadow:0 0 2px 1px #4a4a4a;box-shadow:0 0 2px 1px #4a4a4a;top:-5px;left:0;width:60px;height:30px}.tabBar{bottom:1px;height:45px}.tabButton{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;cursor:pointer;width:auto;height:20px;color:#222;text-align:center;background-image:-webkit-gradient(linear,center top,center bottom,from( #f4f4f4),to( #c1c1c1));background-image:-webkit-linear-gradient(top, #f4f4f4, #c1c1c1);background-image:-moz-linear-gradient(top, #f4f4f4, #c1c1c1);background-image:linear-gradient(to bottom, #f4f4f4, #c1c1c1);border:1px solid #555;line-height:20px;font-size:12px;width:0;height:45px;line-height:45px;font-size:17px;-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;margin:0!important}.tabButton.active,.tabButton.selected{border:2px solid orange}.navigationbar{background-image:-webkit-gradient(linear,center top,center bottom,from( #9a9a9a),to( #7c7e7c));background-image:-webkit-linear-gradient(top, #9a9a9a, #7c7e7c);background-image:-moz-linear-gradient(top, #9a9a9a, #7c7e7c);background-image:linear-gradient(to bottom, #9a9a9a, #7c7e7c);border-bottom:1px solid #2d3642}.navigationbar-button,.navigationbar-backbutton{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;cursor:pointer;width:auto;height:20px;color:#222;text-align:center;background-image:-webkit-gradient(linear,center top,center bottom,from( #f4f4f4),to( #c1c1c1));background-image:-webkit-linear-gradient(top, #f4f4f4, #c1c1c1);background-image:-moz-linear-gradient(top, #f4f4f4, #c1c1c1);background-image:linear-gradient(to bottom, #f4f4f4, #c1c1c1);border:1px solid #555;line-height:20px;font-size:12px;-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;height:30px;line-height:30px;font-size:12px;min-width:40px;min-width:-moz-calc(50px);padding:0 3px}.navigationbar-button.active,.navigationbar-backbutton.active{background-image:-webkit-gradient(linear,center top,center bottom,from( #ffdb66),color-stop(50%, #e89c00),to( #fdd824));background-image:-webkit-linear-gradient(top, #ffdb66, #e89c00 50%, #fdd824);background-image:-moz-linear-gradient(top, #ffdb66, #e89c00 50%, #fdd824);background-image:linear-gradient(to bottom, #ffdb66, #e89c00 50%, #fdd824)}.scrollbarV>div{background-image:-webkit-gradient(linear,center top,center bottom,from( #b5b6b5),to( #949294));background-image:-webkit-linear-gradient(top, #b5b6b5, #949294);background-image:-moz-linear-gradient(top, #b5b6b5, #949294);background-image:linear-gradient(to bottom, #b5b6b5, #949294);position:absolute;z-index:100;width:100%;border:1px solid #000}input[type="checkbox"]{-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em;background-color:#929292;background:url(../icon/android/checkbox-gray.png) 50% 50% no-repeat,-webkit-gradient(linear,left top,left bottom,from( #f1f1f1),color-stop(0.6, #c1c1c1),to( #d0d0d0)) 0 0 no-repeat;background:url(../icon/android/checkbox-gray.png) 50% 50% no-repeat,-webkit-linear-gradient(top, #f1f1f1, #c1c1c1 90%, #d0d0d0) 0 0 no-repeat;background:url(../icon/android/checkbox-gray.png) 50% 50% no-repeat,-moz-linear-gradient(top, #f1f1f1, #c1c1c1 90%, #d0d0d0) 0 0 no-repeat;background:url(../icon/android/checkbox-gray.png) 50% 50% no-repeat,linear-gradient(to bottom, #f1f1f1, #c1c1c1 90%, #d0d0d0) 0 0 no-repeat}input[type="checkbox"]:checked{background:url(../icon/android/checkbox-green.png) 50% 50% no-repeat,-webkit-gradient(linear,left top,left bottom,from( #f1f1f1),color-stop(0.6, #c1c1c1),to( #d0d0d0)) 0 0 no-repeat;background:url(../icon/android/checkbox-green.png) 50% 50% no-repeat,-webkit-linear-gradient(top, #f1f1f1, #c1c1c1 90%, #d0d0d0) 0 0 no-repeat;background:url(../icon/android/checkbox-green.png) 50% 50% no-repeat,-moz-linear-gradient(top, #f1f1f1, #c1c1c1 90%, #d0d0d0) 0 0 no-repeat;background:url(../icon/android/checkbox-green.png) 50% 50% no-repeat,linear-gradient(to bottom, #f1f1f1, #c1c1c1 90%, #d0d0d0) 0 0 no-repeat}.toolbar-separator{width:4px;background-color:red}.toolbar{background-image:-webkit-gradient(linear,center top,center bottom,from( #9a9a9a),to( #7c7e7c));background-image:-webkit-linear-gradient(top, #9a9a9a, #7c7e7c);background-image:-moz-linear-gradient(top, #9a9a9a, #7c7e7c);background-image:linear-gradient(to bottom, #9a9a9a, #7c7e7c);padding:2px;height:55px;height:-moz-calc(59px);border-top:1px solid #2d3642}.spinner{-webkit-animation-name:spinnerRotate;-moz-animation-name:spinnerRotate;animation-name:spinnerRotate;-webkit-animation-duration:1s;-moz-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear;animation-timing-function:linear;background-image:url(../icon/android/spinner.png)}@-webkit-keyframes spinnerRotate{from{ -webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes spinnerRotate{from{ -webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg)}}.popup{-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em;background-color:#424242;border:2px solid #fff}.dialog{-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em;background-color:#424242;border:2px solid #fff;z-index:99;min-width:200px;min-width:-moz-calc(218px)}.dialogTitleUnderline:after{background-image:-webkit-gradient(linear,center left,center right,from( #424242),color-stop(30%, #fff),color-stop(70%, #fff),to( #424242));background-image:-webkit-linear-gradient(left, #424242, #fff 30%, #fff 70%, #424242);background-image:-moz-linear-gradient(left, #424242, #fff 30%, #fff 70%, #424242);background-image:linear-gradient(to right, #424242, #fff 30%, #fff 70%, #424242);line-height:1px;content:' ';height:1px;width:100%;display:block;margin:3px 0 0 0;padding:0}.selectbox{margin-left:2px}.toggleButton{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;cursor:pointer;width:auto;height:20px;color:#222;text-align:center;background-image:-webkit-gradient(linear,center top,center bottom,from( #f4f4f4),to( #c1c1c1));background-image:-webkit-linear-gradient(top, #f4f4f4, #c1c1c1);background-image:-moz-linear-gradient(top, #f4f4f4, #c1c1c1);background-image:linear-gradient(to bottom, #f4f4f4, #c1c1c1);border:1px solid #555;line-height:20px;font-size:12px;height:auto;width:60px;overflow-y:visible;font-size:14px;font-weight:400}.toggleButton>div{padding-top:24px;padding-bottom:10px;height:auto}div.checked .toggleButtonSwitch{background-image:-webkit-gradient(linear,center top,center bottom,from( #ffdb66),color-stop(50%, #e89c00),to( #fdd824));background-image:-webkit-linear-gradient(top, #ffdb66, #e89c00 50%, #fdd824);background-image:-moz-linear-gradient(top, #ffdb66, #e89c00 50%, #fdd824);background-image:linear-gradient(to bottom, #ffdb66, #e89c00 50%, #fdd824)}div.checked .toggleButtonSwitch:before{position:relative;top:-20px;content:"ON";width:100%}.toggleButtonSwitch:before{position:relative;top:-20px;content:"OFF";width:100%}.toggleButtonSwitch{-moz-box-shadow:inset 0 1px 1px #999;-webkit-box-shadow:inset 0 1px 1px #999;box-shadow:inner 0 1px 1px #999;background-color:#fff;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;height:7px;margin:0 auto;width:70%}.selectbox{-webkit-user-select:none;-moz-user-select:none;user-select:none;-moz-user-select:-moz-none;display:-webkit-box;display:-moz-box;display:box;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;box-orient:horizontal;-webkit-box-align:stretch;-moz-box-align:stretch;box-align:stretch;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-align:center;-moz-box-align:center;box-align:center;vertical-align:middle;height:25px;cursor:pointer;color:#e89c00;background-color:transparent;border:0}.selectbox.active{background-image:-webkit-gradient(linear,center top,center bottom,from( #ffdb66),color-stop(50%, #e89c00),to( #fdd824));background-image:-webkit-linear-gradient(top, #ffdb66, #e89c00 50%, #fdd824);background-image:-moz-linear-gradient(top, #ffdb66, #e89c00 50%, #fdd824);background-image:linear-gradient(to bottom, #ffdb66, #e89c00 50%, #fdd824);color:#000}.selectbox-selected>div>.list-itemlabel{background-image:url(../icon/common/dialog-apply.png);background-repeat:no-repeat;background-position:right -2px;text-indent:4px}.selectbox-unselected>div>.list-itemlabel{text-indent:4px}.selectbox-selected>.list-itemimage{display:none}.selectbox-unselected>.list-itemimage{display:none}.item-selected{background-image:-webkit-gradient(linear,center top,center bottom,from( #ffdb66),color-stop(50%, #e89c00),to( #fdd824));background-image:-webkit-linear-gradient(top, #ffdb66, #e89c00 50%, #fdd824);background-image:-moz-linear-gradient(top, #ffdb66, #e89c00 50%, #fdd824);background-image:linear-gradient(to bottom, #ffdb66, #e89c00 50%, #fdd824);color:#000}
+*{-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0);margin:0;padding:0}html,body{height:100%}.root{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;overflow-x:hidden;font-family:Helvetica;height:100%}.page{-webkit-transform:translate3d(0,0,0) rotate(0) scale(1);-moz-transform:translate3d(0,0,0) rotate(0) scale(1);transform:translate3d(0,0,0) rotate(0) scale(1);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;left:0;width:100%}.selectable,input,textarea{-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}.no-wrap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.exclude{display:none!important}.space-top{margin-top:4px}.scroll{position:relative;width:auto;height:auto;overflow:hidden}.iscroll{width:100%;position:absolute;padding-bottom:10px}.animationParent{-webkit-perspective:800;-moz-perspective:800;perspective:800;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-style:preserve-3d}.animationChild{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.in{z-index:10}.out{z-index:0}.in,.out{-webkit-animation-timing-function:ease-in-out;-moz-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-duration:350ms;-moz-animation-duration:350ms;animation-duration:350ms;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}.slide.in{-webkit-animation-name:slideLeftIn;-moz-animation-name:slideLeftIn;animation-name:slideLeftIn}.slide.out{-webkit-animation-name:slideLeftOut;-moz-animation-name:slideLeftOut;animation-name:slideLeftOut}@-webkit-keyframes slideLeftIn{0%{ -webkit-transform:translatex(100%);-moz-transform:translatex(100%);transform:translatex(100%)}100%{-webkit-transform:translatex(0);-moz-transform:translatex(0);transform:translatex(0)}}@-moz-keyframes slideLeftIn{0%{ -webkit-transform:translatex(100%);-moz-transform:translatex(100%);transform:translatex(100%)}100%{-webkit-transform:translatex(0);-moz-transform:translatex(0);transform:translatex(0)}}@-webkit-keyframes slideLeftOut{0%{ -webkit-transform:translatex(0px);-moz-transform:translatex(0px);transform:translatex(0px)}100%{-webkit-transform:translatex(-100%);-moz-transform:translatex(-100%);transform:translatex(-100%)}}@-moz-keyframes slideLeftOut{0%{ -webkit-transform:translatex(0px);-moz-transform:translatex(0px);transform:translatex(0px)}100%{-webkit-transform:translatex(-100%);-moz-transform:translatex(-100%);transform:translatex(-100%)}}.slide.in.reverse{-webkit-animation-name:slideRightIn;-moz-animation-name:slideRightIn;animation-name:slideRightIn}.slide.out.reverse{-webkit-animation-name:slideRightOut;-moz-animation-name:slideRightOut;animation-name:slideRightOut}@-webkit-keyframes slideRightIn{0%{ -webkit-transform:translatex(-100%);-moz-transform:translatex(-100%);transform:translatex(-100%)}100%{-webkit-transform:translatex(0);-moz-transform:translatex(0);transform:translatex(0)}}@-moz-keyframes slideRightIn{0%{ -webkit-transform:translatex(-100%);-moz-transform:translatex(-100%);transform:translatex(-100%)}100%{-webkit-transform:translatex(0);-moz-transform:translatex(0);transform:translatex(0)}}@-webkit-keyframes slideRightOut{0%{ -webkit-transform:translatex(0);-moz-transform:translatex(0);transform:translatex(0)}100%{-webkit-transform:translatex(100%);-moz-transform:translatex(100%);transform:translatex(100%)}}@-moz-keyframes slideRightOut{0%{ -webkit-transform:translatex(0);-moz-transform:translatex(0);transform:translatex(0)}100%{-webkit-transform:translatex(100%);-moz-transform:translatex(100%);transform:translatex(100%)}}.fade.in{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;animation-name:fadeIn}.fade.out{-webkit-animation-name:fadeOut;-moz-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeIn{0%{ opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{ opacity:0}100%{opacity:1}}@-webkit-keyframes fadeOut{0%{ opacity:1}100%{opacity:0}}@-moz-keyframes fadeOut{0%{ opacity:1}100%{opacity:0}}.pop.in{-webkit-animation-name:popIn;-moz-animation-name:popIn;animation-name:popIn}.pop.out{-webkit-animation-name:popOut;-moz-animation-name:popOut;animation-name:popOut}@-webkit-keyframes popIn{0%{ -webkit-transform:scale(0.2);-moz-transform:scale(0.2);transform:scale(0.2);opacity:0}100%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1);opacity:1}}@-moz-keyframes popIn{0%{ -webkit-transform:scale(0.2);-moz-transform:scale(0.2);transform:scale(0.2);opacity:0}100%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes popOut{0%{ -webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(0.2);-moz-transform:scale(0.2);transform:scale(0.2);opacity:0}}@-moz-keyframes popOut{0%{ -webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(0.2);-moz-transform:scale(0.2);transform:scale(0.2);opacity:0}}.dissolve.in{-webkit-animation-name:dissolveIn;-moz-animation-name:dissolveIn;animation-name:dissolveIn}.dissolve.out{-webkit-animation-name:dissolveOut;-moz-animation-name:dissolveOut;animation-name:dissolveOut}@-webkit-keyframes dissolveIn{0%{ opacity:0}100%{opacity:1}}@-moz-keyframes dissolveIn{0%{ opacity:0}100%{opacity:1}}@-webkit-keyframes dissolveOut{0%{ opacity:1}100%{opacity:0}}@-moz-keyframes dissolveOut{0%{ opacity:1}100%{opacity:0}}.slideup.in{z-index:10;-webkit-animation-name:slideUpIn;-moz-animation-name:slideUpIn;animation-name:slideUpIn}.slideup.out{z-index:0;-webkit-animation-name:slideUpOut;-moz-animation-name:slideUpOut;animation-name:slideUpOut}@-webkit-keyframes slideUpIn{0%{ -webkit-transform:translatey(100%);-moz-transform:translatey(100%);transform:translatey(100%)}100%{-webkit-transform:translatey(0);-moz-transform:translatey(0);transform:translatey(0)}}@-moz-keyframes slideUpIn{0%{ -webkit-transform:translatey(100%);-moz-transform:translatey(100%);transform:translatey(100%)}100%{-webkit-transform:translatey(0);-moz-transform:translatey(0);transform:translatey(0)}}@-webkit-keyframes slideUpOut{0%{ -webkit-transform:translatey(0);-moz-transform:translatey(0);transform:translatey(0)}100%{-webkit-transform:translatey(0);-moz-transform:translatey(0);transform:translatey(0)}}@-moz-keyframes slideUpOut{0%{ -webkit-transform:translatey(0);-moz-transform:translatey(0);transform:translatey(0)}100%{-webkit-transform:translatey(0);-moz-transform:translatey(0);transform:translatey(0)}}.slideup.in.reverse{z-index:0;-webkit-animation-name:slideDownIn;-moz-animation-name:slideDownIn;animation-name:slideDownIn}.slideup.out.reverse{z-index:10;-webkit-animation-name:slideDownOut;-moz-animation-name:slideDownOut;animation-name:slideDownOut}@-webkit-keyframes slideDownIn{0%{ -webkit-transform:translatey(0);-moz-transform:translatey(0);transform:translatey(0)}100%{-webkit-transform:translatey(0);-moz-transform:translatey(0);transform:translatey(0)}}@-moz-keyframes slideDownIn{0%{ -webkit-transform:translatey(0);-moz-transform:translatey(0);transform:translatey(0)}100%{-webkit-transform:translatey(0);-moz-transform:translatey(0);transform:translatey(0)}}@-webkit-keyframes slideDownOut{0%{ -webkit-transform:translatey(0);-moz-transform:translatey(0);transform:translatey(0)}100%{-webkit-transform:translatey(100%);-moz-transform:translatey(100%);transform:translatey(100%)}}@-moz-keyframes slideDownOut{0%{ -webkit-transform:translatey(0);-moz-transform:translatey(0);transform:translatey(0)}100%{-webkit-transform:translatey(100%);-moz-transform:translatey(100%);transform:translatey(100%)}}.flip{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.flip.in{-webkit-animation-name:flipLeftIn;-moz-animation-name:flipLeftIn;animation-name:flipLeftIn}.flip.out{-webkit-animation-name:flipLeftOut;-moz-animation-name:flipLeftOut;animation-name:flipLeftOut}@-webkit-keyframes flipLeftIn{0%{ -webkit-transform:rotatey(180deg) scale(0.8);-moz-transform:rotatey(180deg) scale(0.8);transform:rotatey(180deg) scale(0.8)}100%{-webkit-transform:rotatey(0deg) scale(1);-moz-transform:rotatey(0deg) scale(1);transform:rotatey(0deg) scale(1)}}@-moz-keyframes flipLeftIn{0%{ -webkit-transform:rotatey(180deg) scale(0.8);-moz-transform:rotatey(180deg) scale(0.8);transform:rotatey(180deg) scale(0.8)}100%{-webkit-transform:rotatey(0deg) scale(1);-moz-transform:rotatey(0deg) scale(1);transform:rotatey(0deg) scale(1)}}@-webkit-keyframes flipLeftOut{0%{ -webkit-transform:rotatey(0deg) scale(1);-moz-transform:rotatey(0deg) scale(1);transform:rotatey(0deg) scale(1)}100%{-webkit-transform:rotatey(-180deg) scale(0.8);-moz-transform:rotatey(-180deg) scale(0.8);transform:rotatey(-180deg) scale(0.8)}}@-moz-keyframes flipLeftOut{0%{ -webkit-transform:rotatey(0deg) scale(1);-moz-transform:rotatey(0deg) scale(1);transform:rotatey(0deg) scale(1)}100%{-webkit-transform:rotatey(-180deg) scale(0.8);-moz-transform:rotatey(-180deg) scale(0.8);transform:rotatey(-180deg) scale(0.8)}}.flip.in.reverse{-webkit-animation-name:flipRightIn;-moz-animation-name:flipRightIn;animation-name:flipRightIn}.flip.out.reverse{-webkit-animation-name:flipRightOut;-moz-animation-name:flipRightOut;animation-name:flipRightOut}@-webkit-keyframes flipRightIn{0%{ -webkit-transform:rotatey(-180deg) scale(0.8);-moz-transform:rotatey(-180deg) scale(0.8);transform:rotatey(-180deg) scale(0.8)}100%{-webkit-transform:rotatey(0deg) scale(1);-moz-transform:rotatey(0deg) scale(1);transform:rotatey(0deg) scale(1)}}@-moz-keyframes flipRightIn{0%{ -webkit-transform:rotatey(-180deg) scale(0.8);-moz-transform:rotatey(-180deg) scale(0.8);transform:rotatey(-180deg) scale(0.8)}100%{-webkit-transform:rotatey(0deg) scale(1);-moz-transform:rotatey(0deg) scale(1);transform:rotatey(0deg) scale(1)}}@-webkit-keyframes flipRightOut{0%{ -webkit-transform:rotatey(0deg) scale(1);-moz-transform:rotatey(0deg) scale(1);transform:rotatey(0deg) scale(1)}100%{-webkit-transform:rotatey(180deg) scale(0.8);-moz-transform:rotatey(180deg) scale(0.8);transform:rotatey(180deg) scale(0.8)}}@-moz-keyframes flipRightOut{0%{ -webkit-transform:rotatey(0deg) scale(1);-moz-transform:rotatey(0deg) scale(1);transform:rotatey(0deg) scale(1)}100%{-webkit-transform:rotatey(180deg) scale(0.8);-moz-transform:rotatey(180deg) scale(0.8);transform:rotatey(180deg) scale(0.8)}}.swap{-webkit-animation-duration:.7s;-moz-animation-duration:.7s;animation-duration:.7s;-webkit-transform:perspective(800);-moz-transform:perspective(800);transform:perspective(800);-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;animation-timing-function:ease-out}.swap.in{-webkit-animation-name:swapLeftIn;-moz-animation-name:swapLeftIn;animation-name:swapLeftIn}.swap.out{-webkit-animation-name:swapLeftOut;-moz-animation-name:swapLeftOut;animation-name:swapLeftOut}@-webkit-keyframes swapLeftIn{0%{ -webkit-transform:translate3d(0px,0px,-800px) rotatey(-70deg);-moz-transform:translate3d(0px,0px,-800px) rotatey(-70deg);transform:translate3d(0px,0px,-800px) rotatey(-70deg);opacity:0}35%{-webkit-transform:translate3d(180px,0px,-400px) rotatey(-20deg);-moz-transform:translate3d(180px,0px,-400px) rotatey(-20deg);transform:translate3d(180px,0px,-400px) rotatey(-20deg);opacity:1}100%{opacity:1;-webkit-transform:translate3d(0px,0px,0px) rotatey(0deg);-moz-transform:translate3d(0px,0px,0px) rotatey(0deg);transform:translate3d(0px,0px,0px) rotatey(0deg)}}@-moz-keyframes swapLeftIn{0%{ -webkit-transform:translate3d(0px,0px,-800px) rotatey(-70deg);-moz-transform:translate3d(0px,0px,-800px) rotatey(-70deg);transform:translate3d(0px,0px,-800px) rotatey(-70deg);opacity:0}35%{-webkit-transform:translate3d(180px,0px,-400px) rotatey(-20deg);-moz-transform:translate3d(180px,0px,-400px) rotatey(-20deg);transform:translate3d(180px,0px,-400px) rotatey(-20deg);opacity:1}100%{opacity:1;-webkit-transform:translate3d(0px,0px,0px) rotatey(0deg);-moz-transform:translate3d(0px,0px,0px) rotatey(0deg);transform:translate3d(0px,0px,0px) rotatey(0deg)}}@-webkit-keyframes swapLeftOut{0%{ -webkit-transform:translate3d(0px,0px,0px) rotatey(0deg);-moz-transform:translate3d(0px,0px,0px) rotatey(0deg);transform:translate3d(0px,0px,0px) rotatey(0deg);opacity:1}35%{-webkit-transform:translate3d(-180px,0px,-400px) rotatey(20deg);-moz-transform:translate3d(-180px,0px,-400px) rotatey(20deg);transform:translate3d(-180px,0px,-400px) rotatey(20deg);opacity:.5}100%{-webkit-transform:translate3d(0px,0px,-800px) rotatey(70deg);-moz-transform:translate3d(0px,0px,-800px) rotatey(70deg);transform:translate3d(0px,0px,-800px) rotatey(70deg);opacity:0}}@-moz-keyframes swapLeftOut{0%{ -webkit-transform:translate3d(0px,0px,0px) rotatey(0deg);-moz-transform:translate3d(0px,0px,0px) rotatey(0deg);transform:translate3d(0px,0px,0px) rotatey(0deg);opacity:1}35%{-webkit-transform:translate3d(-180px,0px,-400px) rotatey(20deg);-moz-transform:translate3d(-180px,0px,-400px) rotatey(20deg);transform:translate3d(-180px,0px,-400px) rotatey(20deg);opacity:.5}100%{-webkit-transform:translate3d(0px,0px,-800px) rotatey(70deg);-moz-transform:translate3d(0px,0px,-800px) rotatey(70deg);transform:translate3d(0px,0px,-800px) rotatey(70deg);opacity:0}}.swap.in.reverse{-webkit-animation-name:swapRightIn;-moz-animation-name:swapRightIn;animation-name:swapRightIn}.swap.out.reverse{-webkit-animation-name:swapRightOut;-moz-animation-name:swapRightOut;animation-name:swapRightOut}@-webkit-keyframes swapRightIn{0%{ -webkit-transform:translate3d(0px,0px,-800px) rotatey(70deg);-moz-transform:translate3d(0px,0px,-800px) rotatey(70deg);transform:translate3d(0px,0px,-800px) rotatey(70deg);opacity:0}35%{-webkit-transform:translate3d(-180px,0px,-400px) rotatey(20deg);-moz-transform:translate3d(-180px,0px,-400px) rotatey(20deg);transform:translate3d(-180px,0px,-400px) rotatey(20deg);opacity:1}100%{-webkit-transform:translate3d(0px,0px,0px) rotatey(0deg);-moz-transform:translate3d(0px,0px,0px) rotatey(0deg);transform:translate3d(0px,0px,0px) rotatey(0deg);opacity:1}}@-moz-keyframes swapRightIn{0%{ -webkit-transform:translate3d(0px,0px,-800px) rotatey(70deg);-moz-transform:translate3d(0px,0px,-800px) rotatey(70deg);transform:translate3d(0px,0px,-800px) rotatey(70deg);opacity:0}35%{-webkit-transform:translate3d(-180px,0px,-400px) rotatey(20deg);-moz-transform:translate3d(-180px,0px,-400px) rotatey(20deg);transform:translate3d(-180px,0px,-400px) rotatey(20deg);opacity:1}100%{-webkit-transform:translate3d(0px,0px,0px) rotatey(0deg);-moz-transform:translate3d(0px,0px,0px) rotatey(0deg);transform:translate3d(0px,0px,0px) rotatey(0deg);opacity:1}}@-webkit-keyframes swapRightOut{0%{ -webkit-transform:translate3d(0px,0px,0px) rotatey(0deg);-moz-transform:translate3d(0px,0px,0px) rotatey(0deg);transform:translate3d(0px,0px,0px) rotatey(0deg);opacity:1}35%{-webkit-transform:translate3d(180px,0px,-400px) rotatey(-20deg);-moz-transform:translate3d(180px,0px,-400px) rotatey(-20deg);transform:translate3d(180px,0px,-400px) rotatey(-20deg);opacity:.5}100%{-webkit-transform:translate3d(0px,0px,-800px) rotatey(-70deg);-moz-transform:translate3d(0px,0px,-800px) rotatey(-70deg);transform:translate3d(0px,0px,-800px) rotatey(-70deg);opacity:0}}@-moz-keyframes swapRightOut{0%{ -webkit-transform:translate3d(0px,0px,0px) rotatey(0deg);-moz-transform:translate3d(0px,0px,0px) rotatey(0deg);transform:translate3d(0px,0px,0px) rotatey(0deg);opacity:1}35%{-webkit-transform:translate3d(180px,0px,-400px) rotatey(-20deg);-moz-transform:translate3d(180px,0px,-400px) rotatey(-20deg);transform:translate3d(180px,0px,-400px) rotatey(-20deg);opacity:.5}100%{-webkit-transform:translate3d(0px,0px,-800px) rotatey(-70deg);-moz-transform:translate3d(0px,0px,-800px) rotatey(-70deg);transform:translate3d(0px,0px,-800px) rotatey(-70deg);opacity:0}}.cube{-webkit-animation-duration:.55s;-moz-animation-duration:.55s;animation-duration:.55s}.cube.in{-webkit-transform-origin:100% 50%;-moz-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-animation-name:cubeLeftIn;-moz-animation-name:cubeLeftIn;animation-name:cubeLeftIn}.cube.out{-webkit-transform-origin:0 50%;-moz-transform-origin:0 50%;transform-origin:0 50%;-webkit-animation-name:cubeLeftOut;-moz-animation-name:cubeLeftOut;animation-name:cubeLeftOut}@-webkit-keyframes cubeLeftIn{0%{ -webkit-transform:rotatey(90deg) translatez(100%) scale(0.5);-moz-transform:rotatey(90deg) translatez(100%) scale(0.5);transform:rotatey(90deg) translatez(100%) scale(0.5);opacity:.5}100%{-webkit-transform:rotatey(0deg) translatez(0) scale(1);-moz-transform:rotatey(0deg) translatez(0) scale(1);transform:rotatey(0deg) translatez(0) scale(1);opacity:1}}@-moz-keyframes cubeLeftIn{0%{ -webkit-transform:rotatey(90deg) translatez(100%) scale(0.5);-moz-transform:rotatey(90deg) translatez(100%) scale(0.5);transform:rotatey(90deg) translatez(100%) scale(0.5);opacity:.5}100%{-webkit-transform:rotatey(0deg) translatez(0) scale(1);-moz-transform:rotatey(0deg) translatez(0) scale(1);transform:rotatey(0deg) translatez(0) scale(1);opacity:1}}@-webkit-keyframes cubeLeftOut{0%{ -webkit-transform:rotatey(0deg) translatex(0) scale(1);-moz-transform:rotatey(0deg) translatex(0) scale(1);transform:rotatey(0deg) translatex(0) scale(1);opacity:1}100%{-webkit-transform:rotatey(-90deg) translatez(100%) scale(0.5);-moz-transform:rotatey(-90deg) translatez(100%) scale(0.5);transform:rotatey(-90deg) translatez(100%) scale(0.5);opacity:.5}}@-moz-keyframes cubeLeftOut{0%{ -webkit-transform:rotatey(0deg) translatex(0) scale(1);-moz-transform:rotatey(0deg) translatex(0) scale(1);transform:rotatey(0deg) translatex(0) scale(1);opacity:1}100%{-webkit-transform:rotatey(-90deg) translatez(100%) scale(0.5);-moz-transform:rotatey(-90deg) translatez(100%) scale(0.5);transform:rotatey(-90deg) translatez(100%) scale(0.5);opacity:.5}}.cube.in.reverse{-webkit-transform-origin:0 50%;-moz-transform-origin:0 50%;transform-origin:0 50%;-webkit-animation-name:cubeRightIn;-moz-animation-name:cubeRightIn;animation-name:cubeRightIn}.cube.out.reverse{-webkit-transform-origin:100% 50%;-moz-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-animation-name:cubeRightOut;-moz-animation-name:cubeRightOut;animation-name:cubeRightOut}@-webkit-keyframes cubeRightIn{0%{ -webkit-transform:rotatey(-90deg) translatez(100%) scale(0.5);-moz-transform:rotatey(-90deg) translatez(100%) scale(0.5);transform:rotatey(-90deg) translatez(100%) scale(0.5);opacity:.5}100%{-webkit-transform:rotatey(0deg) translatez(0) scale(1);-moz-transform:rotatey(0deg) translatez(0) scale(1);transform:rotatey(0deg) translatez(0) scale(1);opacity:1}}@-moz-keyframes cubeRightIn{0%{ -webkit-transform:rotatey(-90deg) translatez(100%) scale(0.5);-moz-transform:rotatey(-90deg) translatez(100%) scale(0.5);transform:rotatey(-90deg) translatez(100%) scale(0.5);opacity:.5}100%{-webkit-transform:rotatey(0deg) translatez(0) scale(1);-moz-transform:rotatey(0deg) translatez(0) scale(1);transform:rotatey(0deg) translatez(0) scale(1);opacity:1}}@-webkit-keyframes cubeRightOut{0%{ -webkit-transform:rotatey(0deg) translatex(0) scale(1);-moz-transform:rotatey(0deg) translatex(0) scale(1);transform:rotatey(0deg) translatex(0) scale(1);opacity:1}100%{-webkit-transform:rotatey(90deg) translatez(100%) scale(0.5);-moz-transform:rotatey(90deg) translatez(100%) scale(0.5);transform:rotatey(90deg) translatez(100%) scale(0.5);opacity:.5}}@-moz-keyframes cubeRightOut{0%{ -webkit-transform:rotatey(0deg) translatex(0) scale(1);-moz-transform:rotatey(0deg) translatex(0) scale(1);transform:rotatey(0deg) translatex(0) scale(1);opacity:1}100%{-webkit-transform:rotatey(90deg) translatez(100%) scale(0.5);-moz-transform:rotatey(90deg) translatez(100%) scale(0.5);transform:rotatey(90deg) translatez(100%) scale(0.5);opacity:.5}}.hbox{display:-webkit-box;display:-moz-box;display:box;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;box-orient:horizontal;-webkit-box-align:stretch;-moz-box-align:stretch;box-align:stretch;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.hbox>*{-webkit-box-flex:0;-moz-box-flex:0;box-flex:0}.vbox{display:-webkit-box;display:-moz-box;display:box;-webkit-box-orient:vertical;-moz-box-orient:vertical;box-orient:vertical;-webkit-box-align:stretch;-moz-box-align:stretch;box-align:stretch;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.vbox>*{-webkit-box-flex:0;-moz-box-flex:0;box-flex:0}.content{overflow:hidden}.boxSpacer{-webkit-box-flex:1;-moz-box-flex:1;box-flex:1}.boxReverse{-webkit-box-direction:reverse;-moz-box-direction:reverse;box-direction:reverse}.boxAlignStart{-webkit-box-align:start;-moz-box-align:start;box-align:start}.boxAlignCenter{-webkit-box-align:center;-moz-box-align:center;box-align:center}.boxAlignEnd{-webkit-box-align:end;-moz-box-align:end;box-align:end}.boxPackStart{-webkit-box-pack:start;-moz-box-pack:start;box-pack:start}.boxPackCenter{-webkit-box-pack:center;-moz-box-pack:center;box-pack:center}.boxPackEnd{-webkit-box-pack:end;-moz-box-pack:end;box-pack:end}.boxFlex0{-webkit-box-flex:0;-moz-box-flex:0;box-flex:0}.boxFlex1,.boxFlex{-webkit-box-flex:1;-moz-box-flex:1;box-flex:1}.boxFlex2{-webkit-box-flex:2;-moz-box-flex:2;box-flex:2}.boxGroup1{-webkit-box-flex-group:1;-moz-box-flex-group:1;box-flex-group:1}.boxGroup2{-webkit-box-flex-group:2;-moz-box-flex-group:2;box-flex-group:2}.disabled{opacity:.35;cursor:default}.transparent{opacity:0!important}h1,h2{font-weight:700;font-size:.8em}h1{font-size:20px;text-align:center;margin-left:4px;margin-right:4px}h2{font-size:16px;margin-left:5px;margin-top:10px;margin-bottom:10px}.root{font-family:Helvetica;font-weight:400}.fontNormal{font-weight:400}.content{padding:5px}ul{padding:0}ul li{border-top:1px solid transparent;list-style-type:none;padding:10px 25px 10px 10px}ul li .subtitle{font-weight:400;font-size:.8em}li:first-child,li:first-child a{border-top:0}.button{cursor:pointer;font-weight:700;color:#000;text-align:center;padding-left:20px;padding-right:20px;margin-top:4px}.toolbar-button{-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;cursor:pointer;font-weight:700;color:#000;text-align:center;padding-left:20px;padding-right:20px;overflow:hidden;width:0}.toolbar-button img{vertical-align:middle}.toolbar-button .label{height:auto;padding-top:4px}.list-itemimage{margin-right:7px}input,select{vertical-align:middle}input,select,textarea{font-family:Helvetica;font-size:.9em}ul.form li{padding:10px 10px 10px 10px}ul.form ul li.error{border:2px solid red}ul.form li.error+li.error{border-top:0}ul.form li *{white-space:normal;text-overflow:ellipsis}input[type="text"],input[type="password"],textarea{-webkit-appearance:textarea;-moz-appearance:textarea;appearance:textarea;width:100%;outline:0}textarea{height:120px;width:100%;resize:none}input[type="checkbox"],input[type="radio"]{margin:0;color:#324f85;padding:10px 10px}input[type="text"].invalid,input[type="password"].invalid,textarea.invalid{border:1px solid red}.formElementError{color:red}.slider{-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;position:relative;overflow:visible}.slider>div{-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;position:absolute;background-color:#fff}.tabButton{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center}.navigationbar{height:45px;padding-left:10px;padding-right:10px}.navigationbar-button,.navigationbar-backbutton{text-align:center;cursor:pointer;width:auto;line-height:30px;font-family:inherit;font-size:12px;font-weight:700;text-decoration:none}.scrollbarV{position:absolute;top:2px;right:2px;bottom:7px;width:6px;z-index:100}.scrollbarV>div{-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}input[type="checkbox"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:30px;height:30px}.toolbar{height:55px}.blocker{position:absolute;z-index:100;width:100%;height:100%;left:0;top:0;opacity:.7;color:#000;background-color:#818181}.spinnerContainer{margin:0 auto;height:100%;text-align:center}.spinner{margin:0 auto;vertical-align:middle}.popup{position:absolute;width:auto;padding:6px;z-index:99;clear:both}.popupAnchorPointer{height:0;width:0;float:left}.popupAnchorPointerBottom{border-right:10px solid transparent;border-left:10px solid transparent;border-top:10px solid white}.popupAnchorPointerTop{border-right:10px solid transparent;border-left:10px solid transparent;border-bottom:10px solid white}.popupAnchorPointerLeft{border-right:10px solid white;border-top:10px solid transparent;border-bottom:10px solid transparent}.popupAnchorPointerRight{border-left:10px solid white;border-top:10px solid transparent;border-bottom:10px solid transparent}.dialog{position:fixed;width:auto;padding:6px}.dialogButton{width:0;margin-top:6px;margin-left:1px;margin-right:1px}.dialogTitleUnderline{font-weight:800;font-size:16px;margin:0 0 5px 0}.selectbox{text-indent:2px;margin-left:-6px;width:100%;color:#777;font-weight:400;font-size:15px;cursor:pointer}.standard-button{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;cursor:pointer;width:auto;height:20px;color:#222;text-align:center;background-image:-webkit-gradient(linear,center top,center bottom,from( #f4f4f4),to( #c1c1c1));background-image:-webkit-linear-gradient(top, #f4f4f4, #c1c1c1);background-image:-moz-linear-gradient(top, #f4f4f4, #c1c1c1);background-image:linear-gradient(to bottom, #f4f4f4, #c1c1c1);border:1px solid #555;line-height:20px;font-size:12px}.standard-button-active{background-image:-webkit-gradient(linear,center top,center bottom,from( #ffdb66),color-stop(50%, #e89c00),to( #fdd824));background-image:-webkit-linear-gradient(top, #ffdb66, #e89c00 50%, #fdd824);background-image:-moz-linear-gradient(top, #ffdb66, #e89c00 50%, #fdd824);background-image:linear-gradient(to bottom, #ffdb66, #e89c00 50%, #fdd824)}a:hover,a:active{outline:0}a,a:active,a:visited{color:#e89c00}a:hover{color:#e89c00}h1{color:#fff;text-shadow:rgba(0,0,0,.4) 0 -1px 0}h2{line-height:20px;text-shadow:rgba(255,255,255,.2) 0 1px 1px;color:#bdbebd;background-color:#212021;border-bottom:1px solid #313431}.root{background:#181818;color:#fff;font-size:.9em}.root>*{background:#181818}.fontNormal{color:#fff;font-size:.8em}ul{font:bold 17px Helvetica}ul li{color:#fff;border-top-color:#6b6d6b}ul li.arrow{background:url("../icon/android/arrow.png") no-repeat right center}ul li.active.arrow,ul li.selected.arrow{background-image:url("../icon/android/arrow_pressed.png"),-webkit-gradient(linear,center top,center bottom,color-stop(0%, #ffdb66),color-stop(50%, #e89c00),color-stop(100%, #fdd824));background-image:url("../icon/android/arrow_pressed.png"),-webkit-linear-gradient(top, #ffdb66, #e89c00 50%, #fdd824);background-image:url("../icon/android/arrow_pressed.png"),-moz-linear-gradient(top, #ffdb66, #e89c00 50%, #fdd824);background-image:url("../icon/android/arrow_pressed.png"),linear-gradient(to bottom, #ffdb66, #e89c00 50%, #fdd824);background-position:right center;background-repeat:no-repeat}ul li.active,ul li.selected{background-image:-webkit-gradient(linear,center top,center bottom,from( #ffdb66),color-stop(50%, #e89c00),to( #fdd824));background-image:-webkit-linear-gradient(top, #ffdb66, #e89c00 50%, #fdd824);background-image:-moz-linear-gradient(top, #ffdb66, #e89c00 50%, #fdd824);background-image:linear-gradient(to bottom, #ffdb66, #e89c00 50%, #fdd824);color:#000}ul li .subtitle{color:#949a94}ul li.active .subtitle{color:#313429}.button{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;cursor:pointer;width:auto;height:20px;color:#222;text-align:center;background-image:-webkit-gradient(linear,center top,center bottom,from( #f4f4f4),to( #c1c1c1));background-image:-webkit-linear-gradient(top, #f4f4f4, #c1c1c1);background-image:-moz-linear-gradient(top, #f4f4f4, #c1c1c1);background-image:linear-gradient(to bottom, #f4f4f4, #c1c1c1);border:1px solid #555;line-height:20px;font-size:12px;height:30px;line-height:30px;font-size:15px}.button.active{background-image:-webkit-gradient(linear,center top,center bottom,from( #ffdb66),color-stop(50%, #e89c00),to( #fdd824));background-image:-webkit-linear-gradient(top, #ffdb66, #e89c00 50%, #fdd824);background-image:-moz-linear-gradient(top, #ffdb66, #e89c00 50%, #fdd824);background-image:linear-gradient(to bottom, #ffdb66, #e89c00 50%, #fdd824)}.toolbar-button{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;cursor:pointer;width:auto;height:20px;color:#222;text-align:center;background-image:-webkit-gradient(linear,center top,center bottom,from( #f4f4f4),to( #c1c1c1));background-image:-webkit-linear-gradient(top, #f4f4f4, #c1c1c1);background-image:-moz-linear-gradient(top, #f4f4f4, #c1c1c1);background-image:linear-gradient(to bottom, #f4f4f4, #c1c1c1);border:1px solid #555;line-height:20px;font-size:12px;height:50px;font-size:17px}.toolbar-button.active{background-image:-webkit-gradient(linear,center top,center bottom,from( #ffdb66),color-stop(50%, #e89c00),to( #fdd824));background-image:-webkit-linear-gradient(top, #ffdb66, #e89c00 50%, #fdd824);background-image:-moz-linear-gradient(top, #ffdb66, #e89c00 50%, #fdd824);background-image:linear-gradient(to bottom, #ffdb66, #e89c00 50%, #fdd824)}.toolbar-button>div{height:50px}input[type="text"]:not(.selectbox),input[type="password"],textarea{background-image:-webkit-gradient(linear,center top,center bottom,from( #e2e0e2),to( #f8f5f8));background-image:-webkit-linear-gradient(top, #e2e0e2, #f8f5f8);background-image:-moz-linear-gradient(top, #e2e0e2, #f8f5f8);background-image:linear-gradient(to bottom, #e2e0e2, #f8f5f8);-webkit-border-radius:.4em;-moz-border-radius:.4em;border-radius:.4em;-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;color:#222;border:1px solid #242424;height:2em}textarea{height:120px}.slider{height:20px;background:-webkit-gradient(linear,left top,left bottom,from( #9ea09d),color-stop(0.85, #5b5d5a),color-stop(0.95, #5f615e),to( #757774)) 0 0 no-repeat,-webkit-gradient(linear,left top,left bottom,from( #ecd343),color-stop(0.85, #fab907),color-stop(0.95, #f0b705),to( #f8ce2e));background:-webkit-linear-gradient(top, #9ea09d, #5b5d5a 85%, #5f615e 95%, #757774) 0 0 no-repeat,-webkit-linear-gradient(top, #ecd343, #fab907 85%, #f0b705 95%, #f8ce2e) 0 0 no-repeat;background:-moz-linear-gradient(top, #9ea09d, #5b5d5a 85%, #5f615e 95%, #757774) 0 0 no-repeat,-moz-linear-gradient(top, #ecd343, #fab907 85%, #f0b705 95%, #f8ce2e) 0 0 no-repeat;background:linear-gradient(to bottom, #9ea09d, #5b5d5a 85%, #5f615e 95%, #757774) 0 0 no-repeat,linear-gradient(to bottom, #ecd343, #fab907 85%, #f0b705 95%, #f8ce2e) 0 0 no-repeat;-webkit-border-radius:.6em;-moz-border-radius:.6em;border-radius:.6em}.slider>div{background-image:-webkit-gradient(linear,center top,center bottom,from( #f4f4f4),to( #c4c4c4));background-image:-webkit-linear-gradient(top, #f4f4f4, #c4c4c4);background-image:-moz-linear-gradient(top, #f4f4f4, #c4c4c4);background-image:linear-gradient(to bottom, #f4f4f4, #c4c4c4);-webkit-border-radius:.4em;-moz-border-radius:.4em;border-radius:.4em;-webkit-box-shadow:0 0 2px 1px #4a4a4a;-moz-box-shadow:0 0 2px 1px #4a4a4a;box-shadow:0 0 2px 1px #4a4a4a;top:-5px;left:0;width:60px;height:30px}.tabBar{bottom:1px;height:45px}.tabButton{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;cursor:pointer;width:auto;height:20px;color:#222;text-align:center;background-image:-webkit-gradient(linear,center top,center bottom,from( #f4f4f4),to( #c1c1c1));background-image:-webkit-linear-gradient(top, #f4f4f4, #c1c1c1);background-image:-moz-linear-gradient(top, #f4f4f4, #c1c1c1);background-image:linear-gradient(to bottom, #f4f4f4, #c1c1c1);border:1px solid #555;line-height:20px;font-size:12px;width:0;height:45px;line-height:45px;font-size:17px;-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;margin:0!important}.tabButton.active,.tabButton.selected{border:2px solid orange}.navigationbar{background-image:-webkit-gradient(linear,center top,center bottom,from( #9a9a9a),to( #7c7e7c));background-image:-webkit-linear-gradient(top, #9a9a9a, #7c7e7c);background-image:-moz-linear-gradient(top, #9a9a9a, #7c7e7c);background-image:linear-gradient(to bottom, #9a9a9a, #7c7e7c);border-bottom:1px solid #2d3642}.navigationbar-button,.navigationbar-backbutton{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;cursor:pointer;width:auto;height:20px;color:#222;text-align:center;background-image:-webkit-gradient(linear,center top,center bottom,from( #f4f4f4),to( #c1c1c1));background-image:-webkit-linear-gradient(top, #f4f4f4, #c1c1c1);background-image:-moz-linear-gradient(top, #f4f4f4, #c1c1c1);background-image:linear-gradient(to bottom, #f4f4f4, #c1c1c1);border:1px solid #555;line-height:20px;font-size:12px;-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;height:30px;line-height:30px;font-size:12px;min-width:40px;min-width:-moz-calc(50px);padding:0 3px}.navigationbar-button.active,.navigationbar-backbutton.active{background-image:-webkit-gradient(linear,center top,center bottom,from( #ffdb66),color-stop(50%, #e89c00),to( #fdd824));background-image:-webkit-linear-gradient(top, #ffdb66, #e89c00 50%, #fdd824);background-image:-moz-linear-gradient(top, #ffdb66, #e89c00 50%, #fdd824);background-image:linear-gradient(to bottom, #ffdb66, #e89c00 50%, #fdd824)}.scrollbarV>div{background-image:-webkit-gradient(linear,center top,center bottom,from( #b5b6b5),to( #949294));background-image:-webkit-linear-gradient(top, #b5b6b5, #949294);background-image:-moz-linear-gradient(top, #b5b6b5, #949294);background-image:linear-gradient(to bottom, #b5b6b5, #949294);position:absolute;z-index:100;width:100%;border:1px solid #000}input[type="checkbox"]{-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em;background-color:#929292;background:url(../icon/android/checkbox-gray.png) 50% 50% no-repeat,-webkit-gradient(linear,left top,left bottom,from( #f1f1f1),color-stop(0.6, #c1c1c1),to( #d0d0d0)) 0 0 no-repeat;background:url(../icon/android/checkbox-gray.png) 50% 50% no-repeat,-webkit-linear-gradient(top, #f1f1f1, #c1c1c1 90%, #d0d0d0) 0 0 no-repeat;background:url(../icon/android/checkbox-gray.png) 50% 50% no-repeat,-moz-linear-gradient(top, #f1f1f1, #c1c1c1 90%, #d0d0d0) 0 0 no-repeat;background:url(../icon/android/checkbox-gray.png) 50% 50% no-repeat,linear-gradient(to bottom, #f1f1f1, #c1c1c1 90%, #d0d0d0) 0 0 no-repeat}input[type="checkbox"]:checked{background:url(../icon/android/checkbox-green.png) 50% 50% no-repeat,-webkit-gradient(linear,left top,left bottom,from( #f1f1f1),color-stop(0.6, #c1c1c1),to( #d0d0d0)) 0 0 no-repeat;background:url(../icon/android/checkbox-green.png) 50% 50% no-repeat,-webkit-linear-gradient(top, #f1f1f1, #c1c1c1 90%, #d0d0d0) 0 0 no-repeat;background:url(../icon/android/checkbox-green.png) 50% 50% no-repeat,-moz-linear-gradient(top, #f1f1f1, #c1c1c1 90%, #d0d0d0) 0 0 no-repeat;background:url(../icon/android/checkbox-green.png) 50% 50% no-repeat,linear-gradient(to bottom, #f1f1f1, #c1c1c1 90%, #d0d0d0) 0 0 no-repeat}.toolbar-separator{width:4px;background-color:red}.toolbar{background-image:-webkit-gradient(linear,center top,center bottom,from( #9a9a9a),to( #7c7e7c));background-image:-webkit-linear-gradient(top, #9a9a9a, #7c7e7c);background-image:-moz-linear-gradient(top, #9a9a9a, #7c7e7c);background-image:linear-gradient(to bottom, #9a9a9a, #7c7e7c);padding:2px;height:55px;height:-moz-calc(59px);border-top:1px solid #2d3642}.spinner{-webkit-animation-name:spinnerRotate;-moz-animation-name:spinnerRotate;animation-name:spinnerRotate;-webkit-animation-duration:1s;-moz-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear;animation-timing-function:linear;background-image:url(../icon/android/spinner.png)}@-webkit-keyframes spinnerRotate{from{ -webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes spinnerRotate{from{ -webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg)}}.popup{-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em;background-color:#424242;border:2px solid #fff}.dialog{-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em;background-color:#424242;border:2px solid #fff;z-index:99;min-width:200px;min-width:-moz-calc(218px)}.dialogTitleUnderline:after{background-image:-webkit-gradient(linear,left bottom,right top,from( #424242),color-stop(30%, #fff),color-stop(70%, #fff),to( #424242));background-image:-webkit-linear-gradient(left, #424242, #fff 30%, #fff 70%, #424242);background-image:-moz-linear-gradient(left, #424242, #fff 30%, #fff 70%, #424242);background-image:linear-gradient(to right, #424242, #fff 30%, #fff 70%, #424242);line-height:10px;content:' ';height:1px;width:100%;display:block;margin:3px 0 0 0;padding:0}.toggleButton{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;cursor:pointer;width:auto;height:20px;color:#222;text-align:center;background-image:-webkit-gradient(linear,center top,center bottom,from( #f4f4f4),to( #c1c1c1));background-image:-webkit-linear-gradient(top, #f4f4f4, #c1c1c1);background-image:-moz-linear-gradient(top, #f4f4f4, #c1c1c1);background-image:linear-gradient(to bottom, #f4f4f4, #c1c1c1);border:1px solid #555;line-height:20px;font-size:12px;height:auto;width:60px;overflow-y:visible;font-size:14px;font-weight:400}.toggleButton>div{padding-top:24px;padding-bottom:10px;height:auto}div.checked .toggleButtonSwitch{background-image:-webkit-gradient(linear,center top,center bottom,from( #ffdb66),color-stop(50%, #e89c00),to( #fdd824));background-image:-webkit-linear-gradient(top, #ffdb66, #e89c00 50%, #fdd824);background-image:-moz-linear-gradient(top, #ffdb66, #e89c00 50%, #fdd824);background-image:linear-gradient(to bottom, #ffdb66, #e89c00 50%, #fdd824)}div.checked .toggleButtonSwitch:before{position:relative;top:-20px;content:"ON";width:100%}.toggleButtonSwitch:before{position:relative;top:-20px;content:"OFF";width:100%}.toggleButtonSwitch{-moz-box-shadow:inset 0 1px 1px #999;-webkit-box-shadow:inset 0 1px 1px #999;box-shadow:inner 0 1px 1px #999;background-color:#fff;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;height:7px;margin:0 auto;width:70%}.selectbox{-webkit-user-select:none;-moz-user-select:none;user-select:none;-moz-user-select:-moz-none;display:-webkit-box;display:-moz-box;display:box;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;box-orient:horizontal;-webkit-box-align:stretch;-moz-box-align:stretch;box-align:stretch;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-align:center;-moz-box-align:center;box-align:center;margin-left:2px;padding-left:1px;vertical-align:middle;height:35px;cursor:pointer;color:#e89c00;background-color:transparent;border:0}.selectbox.active{background-image:-webkit-gradient(linear,center top,center bottom,from( #ffdb66),color-stop(50%, #e89c00),to( #fdd824));background-image:-webkit-linear-gradient(top, #ffdb66, #e89c00 50%, #fdd824);background-image:-moz-linear-gradient(top, #ffdb66, #e89c00 50%, #fdd824);background-image:linear-gradient(to bottom, #ffdb66, #e89c00 50%, #fdd824);color:#000}.selectbox-selected>div>.list-itemlabel{background-image:url(../icon/common/dialog-apply.png);background-repeat:no-repeat;background-position:right -2px;text-indent:4px}.selectbox-unselected>div>.list-itemlabel{text-indent:4px}.selectbox-selected>.list-itemimage{display:none}.selectbox-unselected>.list-itemimage{display:none}.item-selected{background-image:-webkit-gradient(linear,center top,center bottom,from( #ffdb66),color-stop(50%, #e89c00),to( #fdd824));background-image:-webkit-linear-gradient(top, #ffdb66, #e89c00 50%, #fdd824);background-image:-moz-linear-gradient(top, #ffdb66, #e89c00 50%, #fdd824);background-image:linear-gradient(to bottom, #ffdb66, #e89c00 50%, #fdd824);color:#000}
View
15 framework/source/resource/qx/mobile/less/_android.less
@@ -353,7 +353,7 @@ input[type="checkbox"]:checked {
.dialogTitleUnderline:after {
#gradient > .horizontal-four(#424242, #ffffff, #ffffff, #424242, 30%, 70%);
- line-height: 1px;
+ line-height: 10px;
content: ' ';
height: 1px;
width: 100%;
@@ -362,14 +362,6 @@ input[type="checkbox"]:checked {
padding: 0;
}
-//
-// SELECTBOX
-//
-
-.selectbox {
- margin-left:2px;
-}
-
//
// TOGGLEBUTTON
//
@@ -429,9 +421,12 @@ div.checked .toggleButtonSwitch:before {
.hbox();
.border-radius(4px);
.boxAlignCenter();
+
+ margin-left:2px;
+ padding-left:1px;
vertical-align:middle;
- height:25px;
+ height:35px;
cursor:pointer;
View
10 framework/source/resource/qx/mobile/less/_mixins.less
@@ -205,7 +205,15 @@
}
// From left to right with two intermediate colors
.horizontal-four(@begin, @mid1, @mid2, @end, @stop1: 33%, @stop2: 66%) {
- background-image: -webkit-gradient(linear, center left, center right, from(@begin), color-stop(@stop1, @mid1), color-stop(@stop2, @mid2), to(@end));
+ background-image: -webkit-gradient(
+ linear,
+ left bottom,
+ right top,
+ from(@begin),
+ color-stop(@stop1, @mid1),
+ color-stop(@stop2, @mid2),
+ to(@end)
+ );
background-image: -webkit-linear-gradient(left, @begin, @mid1 @stop1, @mid2 @stop2, @end);
background-image: -moz-linear-gradient(left, @begin, @mid1 @stop1, @mid2 @stop2, @end);
background-image: linear-gradient(to right, @begin, @mid1 @stop1, @mid2 @stop2, @end);
Please sign in to comment.
Something went wrong with that request. Please try again.