You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@cordova.apache.org by pp...@apache.org on 2013/08/26 17:33:38 UTC
[04/52] [abbrv] [cordova-tizen] tizen SDK 2.2 support
http://git-wip-us.apache.org/repos/asf/cordova-tizen/blob/e21e0780/templates/CordovaTizenWebUIFrameworkTemplate/project/tizen-web-ui-fw/latest/themes/tizen-black/tizen-web-ui-fw-theme.css
----------------------------------------------------------------------
diff --git a/templates/CordovaTizenWebUIFrameworkTemplate/project/tizen-web-ui-fw/latest/themes/tizen-black/tizen-web-ui-fw-theme.css b/templates/CordovaTizenWebUIFrameworkTemplate/project/tizen-web-ui-fw/latest/themes/tizen-black/tizen-web-ui-fw-theme.css
new file mode 100644
index 0000000..33e8b22
--- /dev/null
+++ b/templates/CordovaTizenWebUIFrameworkTemplate/project/tizen-web-ui-fw/latest/themes/tizen-black/tizen-web-ui-fw-theme.css
@@ -0,0 +1,12260 @@
+/****************************
+ * Tizen Common Less Header *
+ ****************************/
+/*
+ * Common definition for theme
+ * 'config.less' in each theme must include this file.
+ */
+/******************************
+ z-index order collection
+ ******************************/
+/******************************
+ Global LESS mixin collection
+ ******************************/
+/***************************************************************************
+ Body
+***************************************************************************/
+/* B011 : Main Background color */
+/* B012 : Main font color */
+/***************************************************************************
+ Naviframe
+***************************************************************************/
+/* B042 : title text */
+/* B052L4 : Title text button */
+/* B052L5 : Title text button press */
+/* B052L1P : Title text button press bg */
+/* 00_divider_line.9.png */
+/* B0515L1: Toolbar bg */
+/* B052L4 : Toolbar button normal */
+/* B052L4P : Toolbar button pressed */
+/* B0511P : Navigation bar bg press */
+/***************************************************************************
+ Tabbar
+***************************************************************************/
+/* B0514P1 : 00_tab_press_ef.9.png */
+/* B052L6P */
+/* B052L6 */
+/***************************************************************************
+ List
+***************************************************************************/
+/* B0211 */
+/* B041 */
+/* B0223 */
+/* W021L1 */
+/* W021L2 */
+/* B0212 */
+/* F011L5 */
+/* F011L1 */
+/* W051 */
+/* W051 */
+/* F011L15 */
+/* F011L18 */
+/* F011L16 */
+/* F011L17 */
+/* F011L15 */
+/***************************************************************************
+ Fast Scroll
+***************************************************************************/
+/* B0723 : 00_fast_scroll_rollover_bg.9.png */
+/* B0721 : Rollover text */
+/* B0731 : 00_fast_scroll_popup_bg.png */
+/* B0732 : Scroll popup text */
+/***************************************************************************
+ SearchBar(forms.textinput)
+***************************************************************************/
+/* Search default text */
+/***************************************************************************
+ Popup
+***************************************************************************/
+/* B061L1 : Popop info */
+/***************************************************************************
+ Button(connected with other winset)
+***************************************************************************/
+
+
+
+
+
+
+
+
+
+/***************************************************************************
+ contextual popup
+***************************************************************************/
+/* B044 */
+/***************************************************************************
+ Scrollview
+***************************************************************************/
+/***************************************************************************
+ Date Time picker
+***************************************************************************/
+/* B0224 : Dialogue group List Line */
+/* B0222 : Line divider */
+/***************************************************************************
+ SegmentControl
+***************************************************************************/
+/* B052L4 : Title text button */
+/***************************************************************************
+ Popup
+***************************************************************************/
+/* popup_title_bg.png */
+/* B063L9 : Basic Style_title */
+/* maybe not use only popupwindow*/
+
+
+
+/***************************************************************************
+ Tickernoti
+***************************************************************************/
+/* B061L5 */
+/***************************************************************************
+ Smallpopup
+***************************************************************************/
+/***************************************************************************
+ Slider
+***************************************************************************/
+/***************************************************************************
+ Progress
+***************************************************************************/
+/***************************************************************************
+ Handler
+***************************************************************************/
+/***************************************************************************
+ multimediaview
+***************************************************************************/
+
+
+
+/***************************************************************************
+ tokentextarea
+***************************************************************************/
+/* Contact button text */
+/* W0711 : Contact button bg normal */
+/* W0713 : Contact button bg press */
+/* Text Contact style */
+/***************************************************************************
+ Splitview
+***************************************************************************/
+/* W131 */
+/* W132 */
+/***************************************************************************
+ Header / Footer
+ NavigationBar
+***************************************************************************/
+.ui-bar-s {
+ border: none;
+ background: #313f66;
+ /* Header Background */
+
+ color: #fafafa;
+ font-family: Tizen, Helvetica;
+ font-weight: bold;
+ font-size: 1.2727272727272727rem;
+}
+.ui-bar-s .ui-link-inherit {
+ color: #fafafa;
+}
+.ui-bar-s > .ui-btn.ui-btn-back,
+.ui-bar-s > .ui-btn.ui-btn-footer-down {
+ background: transparent;
+ position: absolute;
+ right: 0px;
+}
+.ui-bar-s > .ui-btn.ui-btn-back .ui-icon-header-back-btn,
+.ui-bar-s > .ui-btn.ui-btn-footer-down .ui-icon-header-back-btn {
+ top: 0.36363636363636365rem;
+ left: auto;
+ right: 0.5909090909090909rem;
+ margin-top: 0px;
+}
+.ui-bar-s > .ui-btn.ui-btn-footer-down {
+ border: none;
+ box-shadow: none;
+}
+.ui-bar-s > .ui-btn.ui-btn-footer-down .ui-icon {
+ top: 0.36363636363636365rem;
+ margin-top: 0px;
+}
+/* Header style */
+.ui-header.ui-bar-s {
+ position: fixed;
+ top: 0px;
+ min-height: 2.1818181818181817rem;
+ /* header button position : need to press area more... */
+
+}
+.ui-header.ui-bar-s .ui-title {
+ display: inline-block;
+ color: #fafafa;
+ min-height: 1.1363636363636365rem;
+ max-height: 1.4090909090909092rem;
+ /* temporary UX strange */
+
+ font-size: 1.1363636363636365rem;
+ font-weight: 500;
+ /* tizen font weight tuning */
+
+ text-overflow: ellipsis;
+ text-shadow: 0px 2px rgba(0, 0, 0, 0.75);
+ overflow: hidden;
+ white-space: nowrap;
+ outline: 0 !important;
+ text-align: left;
+ margin: 0.4545454545454546rem 0.5909090909090909rem 0.4090909090909091rem 0.5909090909090909rem;
+ /* text align center tuning */
+
+}
+.ui-header.ui-bar-s > .ui-btn .ui-btn-inner.ui-btn-icon-only,
+.ui-header.ui-bar-s > .naviframe-button.ui-btn .ui-btn-inner.ui-btn-icon-only {
+ -o-box-sizing: border-box;
+ -ms-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ height: 100%;
+}
+.ui-header.ui-bar-s > .ui-btn .ui-btn-inner.ui-btn-icon-only .ui-icon,
+.ui-header.ui-bar-s > .naviframe-button.ui-btn .ui-btn-inner.ui-btn-icon-only .ui-icon {
+ top: 0px;
+ left: 0px;
+}
+.ui-header.ui-bar-s > .naviframe-button.ui-btn .ui-btn-inner .ui-icon {
+ margin-top: 0px;
+}
+.ui-header.ui-bar-s > .ui-btn:not(.ui-btn-icon-notext) .ui-btn-inner.ui-btn-icon-only,
+.ui-header.ui-bar-s > .naviframe-button.ui-btn:not(.ui-btn-icon-notext) .ui-btn-inner.ui-btn-icon-only {
+ padding-left: 0px;
+}
+.ui-header.ui-bar-s > .ui-btn:not(.ui-btn-icon_only),
+.ui-header.ui-bar-s > .naviframe-button.ui-btn:not(.ui-btn-icon_only) {
+ width: 2.8181818181818183rem;
+ height: 2.1818181818181817rem;
+ padding: 0px;
+ top: 0px;
+ border-left-width: 1px;
+ border-left-style: solid;
+ border-left-color: rgba(255, 255, 255, 0.3);
+ -o-border-radius: 0;
+ -ms-border-radius: 0;
+ -moz-border-radius: 0;
+ -webkit-border-radius: 0;
+ border-radius: 0;
+}
+.ui-header.ui-bar-s > .ui-btn:not(.ui-btn-icon_only) .ui-btn-inner,
+.ui-header.ui-bar-s > .naviframe-button.ui-btn:not(.ui-btn-icon_only) .ui-btn-inner {
+ padding: 0;
+ padding-top: 0rem;
+ padding-bottom: 0rem;
+ margin-top: 0.5454545454545454rem;
+ margin-bottom: 0.5454545454545454rem;
+}
+.ui-header.ui-bar-s > .ui-btn:not(.ui-btn-icon_only) .ui-btn-inner .ui-btn-text,
+.ui-header.ui-bar-s > .naviframe-button.ui-btn:not(.ui-btn-icon_only) .ui-btn-inner .ui-btn-text {
+ font-size: 0.7272727272727273rem;
+}
+.ui-header.ui-bar-s > .ui-btn:not(.ui-btn-icon_only).ui-btn-down-s,
+.ui-header.ui-bar-s > .naviframe-button.ui-btn:not(.ui-btn-icon_only).ui-btn-down-s {
+ background-color: #2b3aaf;
+}
+.ui-header.ui-bar-s > .ui-btn.ui-btn-back,
+.ui-header.ui-bar-s > .ui-btn.ui-btn-footer-down {
+ right: 0.5909090909090909rem;
+}
+.ui-header.ui-bar-s > .ui-btn.ui-btn-back .ui-icon-header-back-btn,
+.ui-header.ui-bar-s > .ui-btn.ui-btn-footer-down .ui-icon-header-back-btn {
+ left: 0px;
+}
+.ui-header.ui-bar-s img {
+ position: absolute;
+ display: inline-block;
+ height: 1rem;
+ width: 1rem;
+ margin-left: 0.5909090909090909rem;
+ margin-top: 0.5909090909090909rem;
+}
+.ui-header.ui-bar-s .ui-title-text-sub {
+ position: absolute;
+ top: 1.3181818181818181rem;
+ left: 0.5909090909090909rem;
+ font-size: 0.7272727272727273rem;
+ font-weight: 500;
+ text-shadow: 0px 2px rgba(0, 0, 0, 0.75);
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ overflow: hidden;
+}
+.ui-header.ui-bar-s > .ui-btn,
+.ui-header.ui-bar-s > .naviframe-button.ui-btn {
+ position: absolute;
+ top: 0.4090909090909091rem;
+ font-size: 0.8181818181818182rem;
+ margin-top: 0px;
+ height: 1.5454545454545454rem;
+ width: 1.5454545454545454rem;
+ padding-left: 0.5909090909090909rem;
+ padding-right: 0.5909090909090909rem;
+ background: transparent;
+ color: #fafafa;
+}
+.ui-header.ui-bar-s.ui-title-tabbar > .ui-btn {
+ top: 0.36363636363636365rem;
+}
+.ui-header.ui-bar-s > .ui-btn.ui-btn-icon_only,
+.ui-header.ui-bar-s > .naviframe-button.ui-btn.ui-btn-icon_only {
+ top: 0.36363636363636365rem;
+ width: 1.4545454545454546rem;
+ height: 1.4545454545454546rem;
+ border-left-width: 1px;
+ border-left-style: solid;
+ border-left-color: rgba(255, 255, 255, 0.3);
+ border-top-left-radius: 0px;
+ border-bottom-left-radius: 0px;
+}
+.ui-header.ui-bar-s .ui-btn-right-0 {
+ right: 0rem;
+}
+.ui-header.ui-bar-s .ui-btn-right-1 {
+ right: 2.6363636363636362rem;
+}
+.ui-header.ui-bar-s > .ui-btn:not(.ui-btn-icon_only):nth-child(2),
+.ui-header.ui-bar-s > .naviframe-button.ui-btn:not(.ui-btn-icon_only):nth-child(2) {
+ right: 0rem;
+}
+.ui-header.ui-bar-s > .ui-btn:not(.ui-btn-icon_only):nth-child(3),
+.ui-header.ui-bar-s > .naviframe-button.ui-btn:not(.ui-btn-icon_only):nth-child(3) {
+ right: 2.8181818181818183rem;
+}
+.ui-header.ui-bar-s > img + h1 {
+ padding-left: 1.3636363636363638rem;
+}
+.ui-header.ui-bar-s > img + h1 + .ui-btn:not(.ui-btn-icon_only):nth-child(3),
+.ui-header.ui-bar-s > img + h1 + .naviframe-button.ui-btn:not(.ui-btn-icon_only):nth-child(3) {
+ right: 0rem;
+}
+.ui-header.ui-bar-s > img + h1 + .ui-btn:not(.ui-btn-icon_only):nth-child(3) + .ui-btn:not(.ui-btn-icon_only),
+.ui-header.ui-bar-s > img + h1 + .naviframe-button.ui-btn:not(.ui-btn-icon_only):nth-child(3) + .naviframe-button.ui-btn:not(.ui-btn-icon_only) {
+ right: 2.8181818181818183rem;
+}
+.ui-header.ui-bar-s > img + h1 + span.ui-title-text-sub + .ui-btn:not(.ui-btn-icon_only):nth-child(4),
+.ui-header.ui-bar-s > img + h1 + span.ui-title-text-sub + .naviframe-button.ui-btn:not(.ui-btn-icon_only):nth-child(4) {
+ right: 0rem;
+}
+.ui-header.ui-bar-s > img + h1 + span.ui-title-text-sub + .ui-btn:not(.ui-btn-icon_only):nth-child(4) + .ui-btn:not(.ui-btn-icon_only),
+.ui-header.ui-bar-s > img + h1 + span.ui-title-text-sub + .naviframe-button.ui-btn:not(.ui-btn-icon_only):nth-child(4) + .naviframe-button.ui-btn:not(.ui-btn-icon_only) {
+ right: 2.8181818181818183rem;
+}
+.ui-header.ui-bar-s > .ui-btn.ui-btn-down-s {
+ background: #313f66;
+ color: #3b73b6;
+}
+.ui-header.ui-bar-s.ui-title-multiline img {
+ margin-top: 0.6818181818181819rem;
+ /* tuning */
+
+}
+.ui-header.ui-bar-s.ui-title-multiline .ui-title {
+ min-height: 1.0909090909090908rem;
+ max-height: 1.0909090909090908rem;
+ /* temporary UX strange */
+
+ font-size: 1rem;
+ margin: 0.18181818181818182rem 0.5909090909090909rem 1rem 0.5909090909090909rem;
+}
+.ui-header.ui-bar-s.ui-title-multiline img + .ui-title + .ui-title-text-sub {
+ left: 1.9090909090909092rem;
+}
+.ui-footer.ui-bar-s {
+ height: 2.2272727272727275rem;
+ text-align: center;
+ bottom: 0px;
+ background: #464c5e;
+}
+.ui-footer.ui-bar-s > .ui-btn.ui-btn-back,
+.ui-footer.ui-bar-s > .ui-btn.ui-btn-footer-down,
+.ui-footer.ui-bar-s > [data-icon="naviframe-more"] {
+ background: transparent;
+}
+.ui-footer.ui-bar-s > .ui-btn.ui-btn-back > .ui-btn-icon-only,
+.ui-footer.ui-bar-s > .ui-btn.ui-btn-footer-down > .ui-btn-icon-only,
+.ui-footer.ui-bar-s > [data-icon="naviframe-more"] > .ui-btn-icon-only {
+ width: 2.5454545454545454rem;
+ height: 2.2272727272727275rem;
+ padding: 0px;
+ -webkit-box-shadow: none /* temp code */
+;
+}
+.ui-footer.ui-bar-s > .ui-btn.ui-btn-back,
+.ui-footer.ui-bar-s > .ui-btn.ui-btn-footer-down {
+ top: 0px;
+}
+.ui-footer.ui-bar-s > .ui-btn.ui-btn-footer-down .ui-icon {
+ left: auto;
+ right: 0.5909090909090909rem;
+}
+.ui-footer.ui-bar-s [data-icon="naviframe-more"] {
+ position: absolute;
+ left: 0rem;
+ top: 0rem;
+ box-shadow: none;
+ border-width: 0px;
+}
+.ui-footer.ui-bar-s [data-icon="naviframe-more"] .ui-icon-naviframe-more {
+ left: 0.5909090909090909rem;
+ top: 0.36363636363636365rem;
+ margin-top: 0px;
+}
+.ui-footer.ui-bar-s [data-icon="naviframe-more"] .ui-btn-inner {
+ border: none;
+ background: transparent;
+ box-shadow: none;
+}
+.ui-footer.ui-bar-s > [data-role="button"] {
+ font-size: 0.9090909090909092rem;
+ font-weight: bold;
+ color: #fafafa;
+ background-image: none;
+ border-width: 0px;
+}
+.ui-footer.ui-bar-s > [data-role="button"] > .ui-btn-inner {
+ padding-top: 0px;
+ padding-bottom: 0px;
+}
+.ui-footer.ui-bar-s [data-role="controlgroup"] {
+ margin-left: auto;
+ margin-right: auto;
+ margin-top: 0.2272727272727273rem;
+ margin-bottom: 0.2272727272727273rem;
+}
+.ui-footer.ui-bar-s [data-role="controlgroup"] [data-role="button"] {
+ background: transparent;
+ vertical-align: middle;
+ border-style: solid;
+ border-color: rgba(255, 255, 255, 0.3);
+ border-top-width: 0px;
+ border-bottom-width: 0px;
+ border-left-width: 1px;
+ border-right-width: 1px;
+ -o-border-radius: 0;
+ -ms-border-radius: 0;
+ -moz-border-radius: 0;
+ -webkit-border-radius: 0;
+ border-radius: 0;
+ border-radius: 0px !important;
+ box-shadow: none;
+ padding: 0px;
+ margin-left: -0.18181818181818182rem;
+ margin-right: -0.2272727272727273rem;
+}
+.ui-footer.ui-bar-s [data-role="controlgroup"] [data-role="button"].ui-btn-hover-s,
+.ui-footer.ui-bar-s [data-role="controlgroup"] [data-role="button"].ui-btn-up-s {
+ -o-border-radius: 0;
+ -ms-border-radius: 0;
+ -moz-border-radius: 0;
+ -webkit-border-radius: 0;
+ border-radius: 0;
+}
+.ui-footer.ui-bar-s [data-role="controlgroup"] [data-role="button"].ui-btn-down-s,
+.ui-footer.ui-bar-s [data-role="controlgroup"] [data-role="button"] .ui-btn-active-s {
+ -o-border-radius: 0;
+ -ms-border-radius: 0;
+ -moz-border-radius: 0;
+ -webkit-border-radius: 0;
+ border-radius: 0;
+}
+.ui-footer.ui-bar-s [data-role="controlgroup"] [data-role="button"].ui-btn-down-s .ui-btn-inner,
+.ui-footer.ui-bar-s [data-role="controlgroup"] [data-role="button"] .ui-btn-active-s .ui-btn-inner {
+ background: #464c5e;
+}
+.ui-footer.ui-bar-s [data-role="controlgroup"] [data-role="button"].ui-btn-down-s .ui-btn-inner .ui-btn-text,
+.ui-footer.ui-bar-s [data-role="controlgroup"] [data-role="button"] .ui-btn-active-s .ui-btn-inner .ui-btn-text {
+ color: #fafafa;
+}
+.ui-footer.ui-bar-s [data-role="controlgroup"] [data-role="button"] > .ui-btn-inner {
+ -o-border-radius: 0;
+ -ms-border-radius: 0;
+ -moz-border-radius: 0;
+ -webkit-border-radius: 0;
+ border-radius: 0;
+ border: 0px solid;
+ box-shadow: none;
+}
+.ui-footer.ui-bar-s [data-role="controlgroup"] [data-role="button"] .ui-btn-text {
+ vertical-align: middle;
+ font-size: 0.7727272727272727rem;
+}
+.ui-footer.ui-bar-s [data-role="controlgroup"] [data-role="button"].ui-corner-right {
+ border-right-width: 0px;
+}
+.ui-footer.ui-bar-s [data-role="controlgroup"] [data-role="button"].ui-corner-left {
+ border-left-width: 0px;
+}
+.ui-footer.ui-bar-s > [data-role="button"]:not([data-icon="naviframe-more"]) {
+ top: 0px;
+ padding: 0.5454545454545454rem 0px;
+}
+.ui-footer.ui-bar-s > p {
+ margin-top: 0.36363636363636365rem;
+ margin-bottom: 0.36363636363636365rem;
+}
+.ui-footer.ui-bar-s > h1,
+.ui-footer.ui-bar-s h2,
+.ui-footer.ui-bar-s h3,
+.ui-footer.ui-bar-s h4,
+.ui-footer.ui-bar-s h5,
+.ui-footer.ui-bar-s h6 {
+ display: inline-block;
+}
+.ui-footer.ui-bar-s > .ui-btn.ui-btn-box-s {
+ box-shadow: none;
+ bottom: 0px;
+ -o-border-radius: 0em ! important;
+ -ms-border-radius: 0em ! important;
+ -moz-border-radius: 0em ! important;
+ -webkit-border-radius: 0em ! important;
+ border-radius: 0em ! important;
+}
+.ui-footer.ui-bar-s > .ui-btn.ui-btn-box-s .ui-btn-inner {
+ -o-border-radius: 0em ! important;
+ -ms-border-radius: 0em ! important;
+ -moz-border-radius: 0em ! important;
+ -webkit-border-radius: 0em ! important;
+ border-radius: 0em ! important;
+}
+.ui-footer.ui-bar-s > .ui-btn.ui-btn-down-s.ui-btn-box-s:not([data-icon="naviframe-more"]) {
+ background-color: #2a39ac !important;
+}
+.ui-footer.ui-bar-s > .ui-footer-btn-border > .ui-btn-inner {
+ border-left: 2px solid rgba(255, 255, 255, 0.2);
+}
+/***************************************************************************
+ Content Top calculate
+***************************************************************************/
+.ui-content {
+ position: relative;
+ top: 0;
+}
+/***************************************************************************
+ Content Top calculate
+***************************************************************************/
+.ui-body-s {
+ border: 1px solid #2a2a2a;
+ background: #000000;
+ color: #fafafa;
+ font-weight: normal;
+ font-family: Tizen, Helvetica;
+}
+.ui-body-s .ui-link-inherit {
+ color: #fff;
+}
+.ui-body-s .ui-link {
+ /* ui-body-link */
+
+ color: #2489CE;
+ font-weight: bold;
+}
+.ui-body-s .ui-link:hover {
+ color: #2489CE;
+}
+.ui-body-s .ui-link:active {
+ color: #2489CE;
+}
+.ui-body-s .ui-link:visited {
+ color: #2489CE;
+}
+.ui-btn-box-s {
+ padding: 0.045454545454545456rem;
+}
+.ui-btn.ui-btn-corner-all.ui-btn-box-s .ui-btn-inner {
+ -o-border-radius: 1.2rem;
+ -ms-border-radius: 1.2rem;
+ -moz-border-radius: 1.2rem;
+ -webkit-border-radius: 1.2rem;
+ border-radius: 1.2rem;
+}
+.ui-ctxpopup .ui-btn-box-s.ui-btn-up-s,
+.ui-ctxpopup .ui-btn-box-s.ui-btn-hover-s {
+ background: transparent !important;
+ border: none;
+ box-shadow: none;
+ padding: 0;
+ color: white !important;
+}
+.ui-ctxpopup .ui-btn-box-s.ui-btn-down-s {
+ background: #2b3aaf !important;
+ border: none;
+ box-shadow: none;
+ padding: 0;
+ color: white !important;
+ -o-border-radius: 0;
+ -ms-border-radius: 0;
+ -moz-border-radius: 0;
+ -webkit-border-radius: 0;
+ border-radius: 0;
+}
+.ui-ctxpopup .ui-btn-box-s .ui-btn-inner {
+ background: transparent ! important;
+ box-shadow: none;
+ border: none;
+}
+.ui-ctxpopup .ui-btn-down-s {
+ background: #2b3aaf !important;
+}
+.ui-header .ui-btn-box-s,
+.ui-footer .ui-btn-box-s,
+.ui-btn-back.ui-btn-up-s,
+.ui-btn-back.ui-btn-hover-s,
+.ui-btn-back.ui-btn-down-s,
+.ui-btn-footer-down.ui-btn-up-s,
+.ui-btn-footer-down.ui-btn-hover-s,
+.ui-btn-footer-down.ui-btn-down-s,
+.ui-popup-container .ui-btn-box-s {
+ font-weight: normal;
+ -o-border-radius: 0.9 rem;
+ -ms-border-radius: 0.9 rem;
+ -moz-border-radius: 0.9 rem;
+ -webkit-border-radius: 0.9 rem;
+ border-radius: 0.9 rem;
+}
+.ui-btn-box-s.ui-btn-hover-s.ui-btn-corner-circle {
+ -o-border-radius: 1em ! important;
+ -ms-border-radius: 1em ! important;
+ -moz-border-radius: 1em ! important;
+ -webkit-border-radius: 1em ! important;
+ border-radius: 1em ! important;
+}
+.ui-btn-box-s.ui-btn-hover-s.ui-btn-round {
+ -o-border-radius: 1.2em ! important;
+ -ms-border-radius: 1.2em ! important;
+ -moz-border-radius: 1.2em ! important;
+ -webkit-border-radius: 1.2em ! important;
+ border-radius: 1.2em ! important;
+}
+.ui-btn-box-s.ui-btn-down-s .ui-btn-inner {
+ /* background: @color_button_press;*/
+
+ color: #ffffff;
+}
+.ui-btn-up-s,
+.ui-btn-hover-s,
+.ui-btn-down-s {
+ font-family: Tizen, Helvetica;
+ text-decoration: none;
+}
+/*
+/* Structure */
+/* links within "buttons"
+-----------------------------------------------------------------------------------------------------------*/
+a.ui-link-inherit {
+ text-decoration: none !important;
+}
+/* Active class used as the "on" state across all themes
+-----------------------------------------------------------------------------------------------------------*/
+/* button default color for active state */
+.ui-btn-active {
+ /* global-active */
+
+ color: #fafafa;
+ cursor: pointer;
+ text-decoration: none;
+ background: #2736a4;
+ outline: none;
+}
+.ui-btn-active a.ui-link-inherit {
+ color: #fafafa;
+}
+/* corner rounding classes
+-----------------------------------------------------------------------------------------------------------*/
+.ui-corner-tl {
+ -moz-border-radius-topleft: 0.3em;
+ -webkit-border-top-left-radius: 0.3em;
+ border-top-left-radius: 0.3em;
+}
+.ui-corner-tr {
+ -moz-border-radius-topright: 0.3em;
+ -webkit-border-top-right-radius: 0.3em;
+ border-top-right-radius: 0.3em;
+}
+.ui-corner-bl {
+ -moz-border-radius-bottomleft: 0.3em;
+ -webkit-border-bottom-left-radius: 0.3em;
+ border-bottom-left-radius: 0.3em;
+}
+.ui-corner-br {
+ -moz-border-radius-bottomright: 0.3em;
+ -webkit-border-bottom-right-radius: 0.3em;
+ border-bottom-right-radius: 0.3em;
+}
+.ui-corner-top {
+ -moz-border-radius-topleft: 0.3em;
+ -webkit-border-top-left-radius: 0.3em;
+ border-top-left-radius: 0.3em;
+ -moz-border-radius-topright: 0.3em;
+ -webkit-border-top-right-radius: 0.3em;
+ border-top-right-radius: 0.3em;
+}
+.ui-corner-bottom {
+ -moz-border-radius-bottomleft: 0.3em;
+ -webkit-border-bottom-left-radius: 0.3em;
+ border-bottom-left-radius: 0.3em;
+ -moz-border-radius-bottomright: 0.3em;
+ -webkit-border-bottom-right-radius: 0.3em;
+ border-bottom-right-radius: 0.3em;
+}
+.ui-corner-right {
+ -moz-border-radius-topright: 0.3em;
+ -webkit-border-top-right-radius: 0.3em;
+ border-top-right-radius: 0.3em;
+ -moz-border-radius-bottomright: 0.3em;
+ -webkit-border-bottom-right-radius: 0.3em;
+ border-bottom-right-radius: 0.3em;
+}
+.ui-corner-left {
+ -moz-border-radius-topleft: 0.3em;
+ -webkit-border-top-left-radius: 0.3em;
+ border-top-left-radius: 0.3em;
+ -moz-border-radius-bottomleft: 0.3em;
+ -webkit-border-bottom-left-radius: 0.3em;
+ border-bottom-left-radius: 0.3em;
+}
+.ui-corner-none {
+ -o-border-radius: 0;
+ -ms-border-radius: 0;
+ -moz-border-radius: 0;
+ -webkit-border-radius: 0;
+ border-radius: 0;
+}
+/***************************************************************************
+ Icon (Naviframe)
+***************************************************************************/
+.ui-header .ui-btn .ui-btn-icon-only .ui-icon,
+.ui-footer .ui-btn .ui-btn-icon-only .ui-icon {
+ width: 1.4545454545454546rem;
+ height: 1.4545454545454546rem;
+}
+.ui-btn-back .ui-btn-inner .ui-icon-header-back-btn,
+.ui-btn-footer-down .ui-btn-inner .ui-icon {
+ width: 1.4545454545454546rem;
+ height: 1.4545454545454546rem;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+}
+.ui-btn-up-s {
+ /* less parsing problem : divide css */
+
+ /* FIXME : check ux if it needs to be deprecated... */
+
+}
+.ui-btn-up-s .ui-icon-header-back-btn {
+ background-image: url(images/page/00_icon_Back.png);
+}
+.ui-btn-up-s .ui-icon-naviframe-more {
+ background-image: url(images/page/00_icon_more.png);
+}
+.ui-btn-up-s .ui-icon-down {
+ background-image: url(images/page/00_icon_SIP_close_web.png);
+}
+.ui-btn-up-s .ui-icon-naviframe-cancel {
+ background-image: url(images/page/00_icon_cancel_web.png);
+}
+.ui-btn-up-s .ui-icon-naviframe-edit {
+ background-image: url(images/page/00_icon_edit_web.png);
+}
+.ui-btn-up-s .ui-icon-naviframe-plus {
+ background-image: url(images/page/00_icon_plus_web.png);
+}
+.ui-btn-up-s .ui-icon-naviframe-delete {
+ background-image: url(images/page/00_icon_delete_web.png);
+}
+.ui-btn-up-s .ui-icon-naviframe-done {
+ background-image: url(images/page/00_icon_done_web.png);
+}
+.ui-btn-up-s .ui-icon-naviframe-search {
+ background-image: url(images/page/00_icon_search_web.png);
+}
+.ui-btn-up-s .ui-icon-naviframe-selectall {
+ background-image: url(images/page/00_icon_select_all_web.png);
+}
+
+.ui-btn-hover-s .ui-icon-header-back-btn {
+ background-image: url(images/page/00_icon_Back.png);
+}
+.ui-btn-hover-s .ui-icon-naviframe-more {
+ background-image: url(images/page/00_icon_more.png);
+}
+.ui-btn-hover-s .ui-icon-down {
+ background-image: url(images/page/00_icon_SIP_close_web.png);
+}
+.ui-btn-hover-s .ui-icon-naviframe-cancel {
+ background-image: url(images/page/00_icon_cancel_web.png);
+}
+.ui-btn-hover-s .ui-icon-naviframe-edit {
+ background-image: url(images/page/00_icon_edit_web.png);
+}
+.ui-btn-hover-s .ui-icon-naviframe-plus {
+ background-image: url(images/page/00_icon_plus_web.png);
+}
+.ui-btn-hover-s .ui-icon-naviframe-delete {
+ background-image: url(images/page/00_icon_delete_web.png);
+}
+.ui-btn-hover-s .ui-icon-naviframe-done {
+ background-image: url(images/page/00_icon_done_web.png);
+}
+.ui-btn-hover-s .ui-icon-naviframe-search {
+ background-image: url(images/page/00_icon_search_web.png);
+}
+.ui-btn-hover-s .ui-icon-naviframe-selectall {
+ background-image: url(images/page/00_icon_select_all_web.png);
+}
+
+.ui-btn-down-s .ui-icon-header-back-btn {
+ background-image: url(images/page/00_icon_Back_press.png);
+}
+.ui-btn-down-s .ui-icon-naviframe-more {
+ background-image: url(images/page/00_icon_more_press.png);
+}
+.ui-btn-down-s .ui-icon-down {
+ background-image: url(images/page/00_icon_SIP_close_press_web.png);
+}
+.ui-btn-down-s .ui-icon-naviframe-cancel {
+ background-image: url(images/page/00_icon_cancel_press_web.png);
+}
+.ui-btn-down-s .ui-icon-naviframe-edit {
+ background-image: url(images/page/00_icon_edit_press_web.png);
+}
+.ui-btn-down-s .ui-icon-naviframe-plus {
+ background-image: url(images/page/00_icon_plus_press_web.png);
+}
+.ui-btn-down-s .ui-icon-naviframe-delete {
+ background-image: url(images/page/00_icon_delete_press_web.png);
+}
+.ui-btn-down-s .ui-icon-naviframe-done {
+ background-image: url(images/page/00_icon_done_press_web.png);
+}
+.ui-btn-down-s .ui-icon-naviframe-search {
+ background-image: url(images/page/00_icon_search_press_web.png);
+}
+.ui-btn-down-s .ui-icon-naviframe-selectall {
+ background-image: url(images/page/00_icon_select_all_press_web.png);
+}
+/* Interaction cues
+-----------------------------------------------------------------------------------------------------------*/
+.ui-disabled {
+ filter: alpha(opacity=30);
+ opacity: .3;
+ zoom: 1;
+}
+.ui-disabled,
+.ui-disabled a {
+ cursor: default !important;
+ pointer-events: none;
+}
+/************************************************************************
+ Landscape mode
+************************************************************************/
+@media all and (orientation: landscape) and (device-aspect-ratio: 16/9) {
+ .ui-bar-s > .ui-btn.ui-btn-back .ui-icon-header-back-btn,
+ .ui-bar-s > .ui-btn.ui-btn-footer-down .ui-icon-header-back-btn {
+ top: 0.2272727272727273rem;
+ }
+ .ui-header.ui-bar-s {
+ min-height: 2.0454545454545454rem;
+ }
+ .ui-header.ui-bar-s .ui-title {
+ min-height: 1.1363636363636365rem;
+ max-height: 1.3181818181818181rem;
+ font-size: 1.1363636363636365rem;
+ margin: 0.5454545454545454rem 0.5909090909090909rem 0.18181818181818182rem 0.5909090909090909rem;
+ /* tuning UX guide(title height too large)*/
+
+ }
+ .ui-header.ui-bar-s > .ui-btn.ui-btn-back,
+ .ui-header.ui-bar-s > .ui-btn.ui-btn-footer-down {
+ right: 0.5909090909090909rem;
+ }
+ .ui-header.ui-bar-s img {
+ margin-top: 0.6363636363636364rem;
+ height: 1.0454545454545454rem;
+ width: 1.0454545454545454rem;
+ }
+ .ui-header.ui-bar-s .ui-title-text-sub {
+ top: 1.1818181818181819rem;
+ }
+ .ui-header.ui-bar-s > .ui-btn,
+ .ui-header.ui-bar-s > .naviframe-button.ui-btn {
+ top: 0.36363636363636365rem;
+ height: 1.5454545454545454rem;
+ width: 1.5454545454545454rem;
+ }
+ .ui-header.ui-bar-s.ui-title-tabbar > .ui-btn {
+ top: 0.36363636363636365rem;
+ }
+ .ui-header.ui-bar-s.ui-title-multiline img {
+ margin-top: 0.5454545454545454rem;
+ }
+ .ui-header.ui-bar-s.ui-title-multiline .ui-title {
+ min-height: 0.9545454545454546rem;
+ max-height: 0.9545454545454546rem;
+ /* temporary UX strange */
+
+ font-size: 0.8636363636363636rem;
+ margin: 0.2272727272727273rem 0.5909090909090909rem 0.8636363636363636rem 0.5909090909090909rem;
+ display: block;
+ }
+ .ui-header.ui-bar-s.ui-title-multiline .ui-title-text-sub {
+ top: 1.1818181818181819rem;
+ font-size: 0.6363636363636364rem;
+ }
+ .ui-footer.ui-bar-s {
+ height: 1.9090909090909092rem;
+ }
+ .ui-footer.ui-bar-s > .ui-btn.ui-btn-back > .ui-btn-icon-only,
+ .ui-footer.ui-bar-s > .ui-btn.ui-btn-footer-down > .ui-btn-icon-only,
+ .ui-footer.ui-bar-s > [data-icon="naviframe-more"] > .ui-btn-icon-only {
+ width: 2.5454545454545454rem;
+ height: 1.9090909090909092rem;
+ }
+ .ui-footer.ui-bar-s > .ui-btn.ui-btn-back .ui-icon-down,
+ .ui-footer.ui-bar-s > .ui-btn.ui-btn-footer-down .ui-icon-down,
+ .ui-footer.ui-bar-s > [data-icon="naviframe-more"] .ui-icon-down {
+ top: 0.2272727272727273rem;
+ }
+ .ui-footer.ui-bar-s [data-icon="naviframe-more"] .ui-icon-naviframe-more {
+ top: 0.2272727272727273rem;
+ }
+ .ui-footer.ui-bar-s [data-role="controlgroup"] {
+ margin-top: 0.2727272727272727rem;
+ margin-bottom: 0.2727272727272727rem;
+ /* temp value */
+
+ padding-left: 2.6363636363636362rem;
+ padding-right: 2.6363636363636362rem;
+ }
+ .ui-footer.ui-bar-s [data-role="controlgroup"] [data-role="button"] {
+ padding: 0px;
+ margin-left: -0.18181818181818182rem;
+ margin-right: -0.2272727272727273rem;
+ top: -0.18181818181818182rem;
+ }
+ .ui-footer.ui-bar-s > [data-role="button"]:not([data-icon="naviframe-more"]) {
+ position: absolute;
+ top: 0px;
+ }
+}
+/*
+* jQuery Mobile Framework
+* Copyright (c) jQuery Project
+* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
+*/
+/*** less definitions ***/
+/****************************
+ * Tizen Common Less Header *
+ ****************************/
+/*
+ * Common definition for theme
+ * 'config.less' in each theme must include this file.
+ */
+/******************************
+ z-index order collection
+ ******************************/
+/******************************
+ Global LESS mixin collection
+ ******************************/
+/***************************************************************************
+ Body
+***************************************************************************/
+/* B011 : Main Background color */
+/* B012 : Main font color */
+/***************************************************************************
+ Naviframe
+***************************************************************************/
+/* B042 : title text */
+/* B052L4 : Title text button */
+/* B052L5 : Title text button press */
+/* B052L1P : Title text button press bg */
+/* 00_divider_line.9.png */
+/* B0515L1: Toolbar bg */
+/* B052L4 : Toolbar button normal */
+/* B052L4P : Toolbar button pressed */
+/* B0511P : Navigation bar bg press */
+/***************************************************************************
+ Tabbar
+***************************************************************************/
+/* B0514P1 : 00_tab_press_ef.9.png */
+/* B052L6P */
+/* B052L6 */
+/***************************************************************************
+ List
+***************************************************************************/
+/* B0211 */
+/* B041 */
+/* B0223 */
+/* W021L1 */
+/* W021L2 */
+/* B0212 */
+/* F011L5 */
+/* F011L1 */
+/* W051 */
+/* W051 */
+/* F011L15 */
+/* F011L18 */
+/* F011L16 */
+/* F011L17 */
+/* F011L15 */
+/***************************************************************************
+ Fast Scroll
+***************************************************************************/
+/* B0723 : 00_fast_scroll_rollover_bg.9.png */
+/* B0721 : Rollover text */
+/* B0731 : 00_fast_scroll_popup_bg.png */
+/* B0732 : Scroll popup text */
+/***************************************************************************
+ SearchBar(forms.textinput)
+***************************************************************************/
+/* Search default text */
+/***************************************************************************
+ Popup
+***************************************************************************/
+/* B061L1 : Popop info */
+/***************************************************************************
+ Button(connected with other winset)
+***************************************************************************/
+
+
+
+
+
+
+
+
+
+/***************************************************************************
+ contextual popup
+***************************************************************************/
+/* B044 */
+/***************************************************************************
+ Scrollview
+***************************************************************************/
+/***************************************************************************
+ Date Time picker
+***************************************************************************/
+/* B0224 : Dialogue group List Line */
+/* B0222 : Line divider */
+/***************************************************************************
+ SegmentControl
+***************************************************************************/
+/* B052L4 : Title text button */
+/***************************************************************************
+ Popup
+***************************************************************************/
+/* popup_title_bg.png */
+/* B063L9 : Basic Style_title */
+/* maybe not use only popupwindow*/
+
+
+
+/***************************************************************************
+ Tickernoti
+***************************************************************************/
+/* B061L5 */
+/***************************************************************************
+ Smallpopup
+***************************************************************************/
+/***************************************************************************
+ Slider
+***************************************************************************/
+/***************************************************************************
+ Progress
+***************************************************************************/
+/***************************************************************************
+ Handler
+***************************************************************************/
+/***************************************************************************
+ multimediaview
+***************************************************************************/
+
+
+
+/***************************************************************************
+ tokentextarea
+***************************************************************************/
+/* Contact button text */
+/* W0711 : Contact button bg normal */
+/* W0713 : Contact button bg press */
+/* Text Contact style */
+/***************************************************************************
+ Splitview
+***************************************************************************/
+/* W131 */
+/* W132 */
+/************************/
+/* some unsets - more probably needed */
+.ui-mobile,
+.ui-mobile body {
+ height: 100%;
+ font-size: 22px;
+}
+@media all and (max-width: 359px) {
+ .ui-mobile,
+ .ui-mobile body {
+ font-size: 19px;
+ }
+}
+.ui-mobile fieldset,
+.ui-page {
+ padding: 0;
+ margin: 0;
+}
+.ui-mobile a img,
+.ui-mobile fieldset {
+ border: 0;
+}
+/* responsive page widths */
+.ui-mobile-viewport {
+ margin: 0;
+ overflow-x: hidden;
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+/* "page" containers - full-screen views, one should always be in view post-pageload */
+.ui-mobile [data-role=page],
+.ui-mobile [data-role=dialog],
+.ui-page {
+ top: 0;
+ left: 0;
+ width: 100%;
+ position: absolute;
+ display: none;
+ border: 0;
+}
+.ui-mobile .ui-page-active {
+ display: block;
+ overflow: visible;
+}
+/* on ios4, setting focus on the page element causes flashing during transitions when there is an outline, so we turn off outlines */
+.ui-page {
+ outline: none;
+}
+.ui-mobile,
+.ui-mobile .ui-page {
+ background: #000000;
+ color: #fafafa;
+}
+/* native overflow scrolling */
+.ui-page.ui-mobile-touch-overflow,
+.ui-mobile-touch-overflow.ui-native-fixed .ui-content {
+ overflow: auto;
+ height: 100%;
+ -webkit-overflow-scrolling: touch;
+ -moz-overflow-scrolling: touch;
+ -o-overflow-scrolling: touch;
+ -ms-overflow-scrolling: touch;
+ overflow-scrolling: touch;
+}
+.ui-page.ui-mobile-touch-overflow,
+.ui-page.ui-mobile-touch-overflow * {
+ /* some level of transform keeps elements from blinking out of visibility on iOS */
+
+ transform: rotateY(0);
+ -ms-transform: rotateY(0);
+ -moz-transform: rotateY(0);
+ -webkit-transform: rotateY(0);
+ -o-transform: rotateY(0);
+}
+.ui-page.ui-mobile-pre-transition {
+ display: block;
+}
+/* loading screen */
+.ui-loading .ui-mobile-viewport {
+ overflow: hidden !important;
+}
+.ui-loading .ui-loader {
+ display: block;
+}
+.ui-loading .ui-page {
+ overflow: hidden;
+}
+.ui-loader {
+ display: none;
+ position: absolute;
+ opacity: .85;
+ z-index: 100;
+ left: 50%;
+ width: 200px;
+ margin-left: -130px;
+ margin-top: -35px;
+ padding: 10px 30px;
+}
+.ui-loader h1 {
+ font-size: 1.4545454545454546rem;
+ text-align: center;
+}
+.ui-loader .ui-icon {
+ position: static;
+ display: block;
+ opacity: .9;
+ margin: 0 auto;
+ width: 35px;
+ height: 35px;
+ background-color: transparent;
+}
+.ui-blocker {
+ width: 100%;
+ height: 100%;
+ z-index: 2147483647;
+}
+/*fouc*/
+.ui-mobile-rendering > * {
+ visibility: hidden;
+}
+/*headers, content panels*/
+.ui-bar,
+.ui-body {
+ position: relative;
+ padding: .4em 15px;
+ overflow: hidden;
+ display: block;
+ clear: both;
+}
+.ui-bar {
+ font-size: 16px;
+ margin: 0;
+}
+.ui-bar h1,
+.ui-bar h2,
+.ui-bar h3,
+.ui-bar h4,
+.ui-bar h5,
+.ui-bar h6 {
+ margin: 0;
+ padding: 0;
+ font-size: 16px;
+ display: inline-block;
+}
+.ui-header,
+.ui-footer {
+ display: block;
+}
+.ui-page .ui-header,
+.ui-page .ui-footer {
+ position: fixed;
+ /*position: relative;*/
+ z-index: 1000;
+}
+/* Title button packing order */
+.ui-header .ui-btn-left {
+ top: .4em;
+ float: left;
+}
+.ui-header .ui-btn-right {
+ float: right;
+ top: .4em;
+}
+.ui-header .ui-title,
+.ui-footer .ui-title {
+ min-height: 1.1em;
+ text-align: center;
+ font-size: 16px;
+ display: block;
+ margin: .6em 90px .8em;
+ padding: 0;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ white-space: nowrap;
+ outline: 0 !important;
+}
+/*content area*/
+.ui-content {
+ border-width: 0;
+ overflow: visible;
+ overflow-x: hidden;
+ padding: 15px;
+}
+.ui-page-fullscreen .ui-content {
+ padding: 0;
+}
+/* native fixed headers and footers */
+.ui-mobile-touch-overflow.ui-page.ui-native-fixed,
+.ui-mobile-touch-overflow.ui-page.ui-native-fullscreen {
+ overflow: visible;
+}
+.ui-mobile-touch-overflow.ui-native-fixed .ui-header,
+.ui-mobile-touch-overflow.ui-native-fixed .ui-footer {
+ position: fixed;
+ left: 0;
+ right: 0;
+ top: 0;
+ z-index: 200;
+}
+.ui-mobile-touch-overflow.ui-page.ui-native-fixed .ui-footer {
+ top: auto;
+ bottom: 0;
+}
+.ui-mobile-touch-overflow.ui-native-fixed .ui-content {
+ padding-top: 2.5em;
+ padding-bottom: 3em;
+ top: 0;
+ bottom: 0;
+ height: auto;
+ position: absolute;
+}
+.ui-mobile-touch-overflow.ui-native-fullscreen .ui-content {
+ padding-top: 0;
+ padding-bottom: 0;
+}
+.ui-mobile-touch-overflow.ui-native-fullscreen .ui-header,
+.ui-mobile-touch-overflow.ui-native-fullscreen .ui-footer {
+ opacity: .9;
+}
+.ui-native-bars-hidden {
+ display: none;
+}
+/* icons sizing */
+.ui-icon {
+ width: 18px;
+ height: 18px;
+}
+/* fullscreen class on ui-content div */
+.ui-fullscreen img {
+ max-width: 100%;
+}
+/* non-js content hiding */
+.ui-nojs {
+ position: absolute;
+ left: -9999px;
+}
+/* Transitions originally inspired by those from jQtouch, nice work, folks */
+.ui-mobile-viewport-transitioning,
+.ui-mobile-viewport-transitioning .ui-page {
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+}
+
+.in {
+ -ms-animation-timing-function: ease-out;
+ -ms-animation-duration: 350ms;
+ -o-animation-timing-function: ease-out;
+ -o-animation-duration: 350ms;
+ -webkit-animation-timing-function: ease-out;
+ -webkit-animation-duration: 350ms;
+ -moz-animation-timing-function: ease-out;
+ -moz-animation-duration: 350ms;
+}
+
+.out {
+ -ms-animation-timing-function: ease-in;
+ -ms-animation-duration: 225ms;
+ -o-animation-timing-function: ease-in;
+ -o-animation-duration: 225;
+ -webkit-animation-timing-function: ease-in;
+ -webkit-animation-duration: 225ms;
+ -moz-animation-timing-function: ease-in;
+ -moz-animation-duration: 225;
+}
+
+
+/* fade */
+
+@-webkit-keyframes fadein {
+ from { opacity: 0; }
+ to { opacity: 1; }
+}
+
+@-moz-keyframes fadein {
+ from { opacity: 0; }
+ to { opacity: 1; }
+}
+
+@-webkit-keyframes fadeout {
+ from { opacity: 1; }
+ to { opacity: 0; }
+}
+
+@-moz-keyframes fadeout {
+ from { opacity: 1; }
+ to { opacity: 0; }
+}
+
+.fade.out {
+ opacity: 0;
+ -ms-animation-duration: 125ms;
+ -ms-animation-name: fadeout;
+ -o-animation-duration: 125ms;
+ -o-animation-name: fadeout;
+ -webkit-animation-duration: 125ms;
+ -webkit-animation-name: fadeout;
+ -moz-animation-duration: 125ms;
+ -moz-animation-name: fadeout;
+}
+
+.fade.in {
+ opacity: 1;
+ -ms-animation-duration: 225ms;
+ -ms-animation-name: fadein;
+ -o-animation-duration: 225ms;
+ -o-animation-name: fadein;
+ -webkit-animation-duration: 225ms;
+ -webkit-animation-name: fadein;
+ -moz-animation-duration: 225ms;
+ -moz-animation-name: fadein;
+}
+
+
+/* flip */
+
+/* The properties in this rule are only necessary for the 'flip' transition.
+ * We need specify the perspective to create a projection matrix. This will add
+ * some depth as the element flips. The depth number represents the distance of
+ * the viewer from the z-plane. According to the CSS3 spec, 1000 is a moderate
+ * value.
+ */
+
+.viewport-flip {
+ -ms-perspective: 1000;
+ -o-perspective: 1000;
+ -webkit-perspective: 1000;
+ -moz-perspective: 1000;
+ position: absolute;
+}
+.flip {
+ -webkit-backface-visibility:hidden;
+ -webkit-transform:translate3d(0, 0, 0); /* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -webkit-visibility:hidden is used. */
+ -moz-backface-visibility:hidden;
+ -moz-transform:translate3d(0, 0, 0);
+}
+
+.flip.out {
+ -webkit-transform: rotateY(-90deg) scale(.9);
+ -webkit-animation-name: flipouttoleft;
+ -webkit-animation-duration: 175ms;
+ -moz-transform: rotateY(-90deg) scale(.9);
+ -moz-animation-name: flipouttoleft;
+ -moz-animation-duration: 175ms;
+}
+
+.flip.in {
+ -webkit-animation-name: flipintoright;
+ -webkit-animation-duration: 225ms;
+ -moz-animation-name: flipintoright;
+ -moz-animation-duration: 225ms;
+}
+
+.flip.out.reverse {
+ -webkit-transform: rotateY(90deg) scale(.9);
+ -webkit-animation-name: flipouttoright;
+ -moz-transform: rotateY(90deg) scale(.9);
+ -moz-animation-name: flipouttoright;
+}
+
+.flip.in.reverse {
+ -webkit-animation-name: flipintoleft;
+ -moz-animation-name: flipintoleft;
+}
+
+@-webkit-keyframes flipouttoleft {
+ from { -webkit-transform: rotateY(0); }
+ to { -webkit-transform: rotateY(-90deg) scale(.9); }
+}
+@-moz-keyframes flipouttoleft {
+ from { -moz-transform: rotateY(0); }
+ to { -moz-transform: rotateY(-90deg) scale(.9); }
+}
+@-webkit-keyframes flipouttoright {
+ from { -webkit-transform: rotateY(0) ; }
+ to { -webkit-transform: rotateY(90deg) scale(.9); }
+}
+@-moz-keyframes flipouttoright {
+ from { -moz-transform: rotateY(0); }
+ to { -moz-transform: rotateY(90deg) scale(.9); }
+}
+@-webkit-keyframes flipintoleft {
+ from { -webkit-transform: rotateY(-90deg) scale(.9); }
+ to { -webkit-transform: rotateY(0); }
+}
+@-moz-keyframes flipintoleft {
+ from { -moz-transform: rotateY(-90deg) scale(.9); }
+ to { -moz-transform: rotateY(0); }
+}
+@-webkit-keyframes flipintoright {
+ from { -webkit-transform: rotateY(90deg) scale(.9); }
+ to { -webkit-transform: rotateY(0); }
+}
+@-moz-keyframes flipintoright {
+ from { -moz-transform: rotateY(90deg) scale(.9); }
+ to { -moz-transform: rotateY(0); }
+}
+
+
+/* flow transition */
+
+.flow {
+ -webkit-transform-origin: 50% 30%;
+ -moz-transform-origin: 50% 30%;
+ -webkit-box-shadow: 0 0 20px rgba(0,0,0,.4);
+ -moz-box-shadow: 0 0 20px rgba(0,0,0,.4);
+}
+.ui-dialog.flow {
+ -webkit-transform-origin: none;
+ -moz-transform-origin: none;
+ -webkit-box-shadow: none;
+ -moz-box-shadow: none;
+}
+.flow.out {
+ -webkit-transform: translate3d(-100%, 0, 0) scale(.7);
+ -webkit-animation-name: flowouttoleft;
+ -webkit-animation-timing-function: ease;
+ -webkit-animation-duration: 350ms;
+ -moz-transform: translate3d(-100%, 0, 0) scale(.7);
+ -moz-animation-name: flowouttoleft;
+ -moz-animation-timing-function: ease;
+ -moz-animation-duration: 350ms;
+}
+
+.flow.in {
+ -webkit-transform: translate3d(0, 0, 0) scale(1);
+ -webkit-animation-name: flowinfromright;
+ -webkit-animation-timing-function: ease;
+ -webkit-animation-duration: 350ms;
+ -moz-transform: translate3d(0, 0, 0) scale(1);
+ -moz-animation-name: flowinfromright;
+ -moz-animation-timing-function: ease;
+ -moz-animation-duration: 350ms;
+}
+
+.flow.out.reverse {
+ -webkit-transform: translate3d(100%, 0, 0);
+ -webkit-animation-name: flowouttoright;
+ -moz-transform: translate3d(100%, 0, 0);
+ -moz-animation-name: flowouttoright;
+}
+
+.flow.in.reverse {
+ -webkit-animation-name: flowinfromleft;
+ -moz-animation-name: flowinfromleft;
+}
+
+@-webkit-keyframes flowouttoleft {
+ 0% { -webkit-transform: translate3d(0, 0, 0) scale(1); }
+ 60%, 70% { -webkit-transform: translate3d(0, 0, 0) scale(.7); }
+ 100% { -webkit-transform: translate3d(-100%, 0, 0) scale(.7); }
+}
+@-moz-keyframes flowouttoleft {
+ 0% { -moz-transform: translate3d(0, 0, 0) scale(1); }
+ 60%, 70% { -moz-transform: translate3d(0, 0, 0) scale(.7); }
+ 100% { -moz-transform: translateX(-100%) scale(.7); }
+}
+
+@-webkit-keyframes flowouttoright {
+ 0% { -webkit-transform: translate3d(0, 0, 0) scale(1); }
+ 60%, 70% { -webkit-transform: translate3d(0, 0, 0) scale(.7); }
+ 100% { -webkit-transform: translate3d(100%, 0, 0) scale(.7); }
+}
+@-moz-keyframes flowouttoright {
+ 0% { -moz-transform: translate3d(0, 0, 0) scale(1); }
+ 60%, 70% { -moz-transform: translate3d(0, 0, 0) scale(.7); }
+ 100% { -moz-transform: translate3d(100%, 0, 0) scale(.7); }
+}
+
+@-webkit-keyframes flowinfromleft {
+ 0% { -webkit-transform: translate3d(-100%, 0, 0) scale(.7); }
+ 30%, 40% { -webkit-transform: translate3d(0, 0, 0) scale(.7); }
+ 100% { -webkit-transform: translate3d(0, 0, 0) scale(1); }
+}
+@-moz-keyframes flowinfromleft {
+ 0% { -moz-transform: translate3d(-100%, 0, 0) scale(.7); }
+ 30%, 40% { -moz-transform: translate3d(0, 0, 0) scale(.7); }
+ 100% { -moz-transform: translate3d(0, 0, 0) scale(1); }
+}
+@-webkit-keyframes flowinfromright {
+ 0% { -webkit-transform: translate3d(100%, 0, 0) scale(.7); }
+ 30%, 40% { -webkit-transform: translate3d(0, 0, 0) scale(.7); }
+ 100% { -webkit-transform: translate3d(0, 0, 0) scale(1); }
+}
+@-moz-keyframes flowinfromright {
+ 0% { -moz-transform: translate3d(100%, 0, 0) scale(.7); }
+ 30%, 40% { -moz-transform: translate3d(0, 0, 0) scale(.7); }
+ 100% { -moz-transform: translate3d(0, 0, 0) scale(1); }
+}
+
+
+/* pop */
+
+.pop {
+ -webkit-transform-origin: 50% 50%;
+ -moz-transform-origin: 50% 50%;
+}
+
+.pop.in {
+ -webkit-transform: scale(1);
+ -moz-transform: scale(1);
+ opacity: 1;
+ -webkit-animation-name: popin;
+ -moz-animation-name: popin;
+ -webkit-animation-duration: 350ms;
+ -moz-animation-duration: 350ms;
+}
+
+.pop.out {
+ -webkit-animation-name: fadeout;
+ -moz-animation-name: fadeout;
+ opacity: 0;
+ -webkit-animation-duration: 100ms;
+ -moz-animation-duration: 100ms;
+}
+
+.pop.in.reverse {
+ -webkit-animation-name: fadein;
+ -moz-animation-name: fadein;
+}
+
+.pop.out.reverse {
+ -webkit-transform: scale(.8);
+ -moz-transform: scale(.8);
+ -webkit-animation-name: popout;
+ -moz-animation-name: popout;
+}
+
+@-webkit-keyframes popin {
+ from {
+ -webkit-transform: scale(.8);
+ opacity: 0;
+ }
+ to {
+ -webkit-transform: scale(1);
+ opacity: 1;
+ }
+}
+
+@-moz-keyframes popin {
+ from {
+ -moz-transform: scale(.8);
+ opacity: 0;
+ }
+ to {
+ -moz-transform: scale(1);
+ opacity: 1;
+ }
+}
+
+@-webkit-keyframes popout {
+ from {
+ -webkit-transform: scale(1);
+ opacity: 1;
+ }
+ to {
+ -webkit-transform: scale(.8);
+ opacity: 0;
+ }
+}
+
+@-moz-keyframes popout {
+ from {
+ -moz-transform: scale(1);
+ opacity: 1;
+ }
+ to {
+ -moz-transform: scale(.8);
+ opacity: 0;
+ }
+}
+
+
+/* slide */
+
+/* keyframes for slidein from sides */
+@-webkit-keyframes slideinfromright {
+ from { -webkit-transform: translate3d(100%, 0, 0); }
+ to { -webkit-transform: translate3d(0, 0, 0); }
+}
+@-moz-keyframes slideinfromright {
+ from { -moz-transform: translate3d(100%, 0, 0); }
+ to { -moz-transform: translate3d(0, 0, 0); }
+}
+
+@-webkit-keyframes slideinfromleft {
+ from { -webkit-transform: translate3d(-100%, 0, 0); }
+ to { -webkit-transform: translate3d(0, 0, 0); }
+}
+@-moz-keyframes slideinfromleft {
+ from { -moz-transform: translate3d(-100%, 0, 0); }
+ to { -moz-transform: translate3d(0, 0, 0); }
+}
+
+/* keyframes for slideout to sides */
+@-webkit-keyframes slideouttoleft {
+ from { -webkit-transform: translate3d(0, 0, 0); }
+ to { -webkit-transform: translate3d(-100%, 0, 0); }
+}
+@-moz-keyframes slideouttoleft {
+ from { -moz-transform: translate3d(0, 0, 0); }
+ to { -moz-transform: translate3d(-100%, 0, 0); }
+}
+
+@-webkit-keyframes slideouttoright {
+ from { -webkit-transform: translate3d(0, 0, 0); }
+ to { -webkit-transform: translate3d(100%, 0, 0); }
+}
+@-moz-keyframes slideouttoright {
+ from { -moz-transform: translate3d(0, 0, 0); }
+ to { -moz-transform: translate3d(100%, 0, 0); }
+}
+
+.slide.out, .slide.in {
+ -webkit-animation-timing-function: ease-out;
+ -webkit-animation-duration: 350ms;
+ -moz-animation-timing-function: ease-out;
+ -moz-animation-duration: 350ms;
+}
+.slide.out {
+ -webkit-transform: translate3d(-100%, 0, 0);
+ -webkit-animation-name: slideouttoleft;
+ -moz-transform: translate3d(-100%, 0, 0);
+ -moz-animation-name: slideouttoleft;
+}
+
+.slide.in {
+ -webkit-transform: translate3d(0, 0, 0);
+ -webkit-animation-name: slideinfromright;
+ -moz-transform: translate3d(0, 0, 0);
+ -moz-animation-name: slideinfromright;
+}
+
+.slide.out.reverse {
+ -webkit-transform: translate3d(100%, 0, 0);
+ -webkit-animation-name: slideouttoright;
+ -moz-transform: translate3d(100%, 0, 0);
+ -moz-animation-name: slideouttoright;
+}
+
+.slide.in.reverse {
+ -webkit-transform: translate3d(0, 0, 0);
+ -webkit-animation-name: slideinfromleft;
+ -moz-transform: translate3d(0, 0, 0);
+ -moz-animation-name: slideinfromleft;
+}
+
+/* slide down */
+
+.slidedown.out {
+ -webkit-animation-name: fadeout;
+ -moz-animation-name: fadeout;
+ -webkit-animation-duration: 100ms;
+ -moz-animation-duration: 100ms;
+}
+
+.slidedown.in {
+ -webkit-transform: translate3d(0, 0, 0);
+ -webkit-animation-name: slideinfromtop;
+ -moz-transform: translate3d(0, 0, 0);
+ -moz-animation-name: slideinfromtop;
+ -webkit-animation-duration: 250ms;
+ -moz-animation-duration: 250ms;
+}
+
+.slidedown.in.reverse {
+ -webkit-animation-name: fadein;
+ -moz-animation-name: fadein;
+ -webkit-animation-duration: 150ms;
+ -moz-animation-duration: 150ms;
+}
+
+.slidedown.out.reverse {
+ -webkit-transform: translate3d(0, -100%, 0);
+ -moz-transform: translate3d(0, -100%, 0);
+ -webkit-animation-name: slideouttotop;
+ -moz-animation-name: slideouttotop;
+ -webkit-animation-duration: 200ms;
+ -moz-animation-duration: 200ms;
+}
+
+@-webkit-keyframes slideinfromtop {
+ from { -webkit-transform: translate3d(0, -100%, 0); }
+ to { -webkit-transform: translate3d(0, 0, 0); }
+}
+@-moz-keyframes slideinfromtop {
+ from { -moz-transform: translate3d(0, -100%, 0); }
+ to { -moz-transform: translate3d(0, 0, 0); }
+}
+
+@-webkit-keyframes slideouttotop {
+ from { -webkit-transform: translate3d(0, 0, 0); }
+ to { -webkit-transform: translate3d(0, -100%, 0); }
+}
+@-moz-keyframes slideouttotop {
+ from { -moz-transform: translate3d(0, 0, 0); }
+ to { -moz-transform: translate3d(0, -100%, 0); }
+}
+
+/* slide up */
+
+.slideup.out {
+ -webkit-animation-name: fadeout;
+ -moz-animation-name: fadeout;
+ -webkit-animation-duration: 100ms;
+ -moz-animation-duration: 100ms;
+}
+
+.slideup.in {
+ -webkit-transform: translate3d(0, 0, 0);
+ -webkit-animation-name: slideinfrombottom;
+ -moz-transform: translate3d(0, 0, 0);
+ -moz-animation-name: slideinfrombottom;
+ -webkit-animation-duration: 250ms;
+ -moz-animation-duration: 250ms;
+}
+
+.slideup.in.reverse {
+ -webkit-animation-name: fadein;
+ -moz-animation-name: fadein;
+ -webkit-animation-duration: 150ms;
+ -moz-animation-duration: 150ms;
+}
+
+.slideup.out.reverse {
+ -webkit-transform: translate3d(0, 100%, 0);
+ -moz-transform: translate3d(0, 100%, 0);
+ -webkit-animation-name: slideouttobottom;
+ -moz-animation-name: slideouttobottom;
+ -webkit-animation-duration: 200ms;
+ -moz-animation-duration: 200ms;
+}
+
+@-webkit-keyframes slideinfrombottom {
+ from { -webkit-transform: translate3d(0, 100%, 0); }
+ to { -webkit-transform: translate3d(0, 0, 0); }
+}
+@-moz-keyframes slideinfrombottom {
+ from { -moz-transform: translate3d(0, 100%, 0); }
+ to { -moz-transform: translate3d(0, 0, 0); }
+}
+
+@-webkit-keyframes slideouttobottom {
+ from { -webkit-transform: translate3d(0, 0, 0); }
+ to { -webkit-transform: translate3d(0, 100%, 0); }
+}
+@-moz-keyframes slideouttobottom {
+ from { -moz-transform: translate3d(0, 0, 0); }
+ to { -moz-transform: translate3d(0, 100%, 0); }
+}
+
+/* slide up + fade */
+
+.slideupfade.out {
+ -webkit-animation-name: fadeout;
+ -moz-animation-name: fadeout;
+ -webkit-animation-duration: 100ms;
+ -moz-animation-duration: 100ms;
+}
+
+.slideupfade.in {
+ -webkit-transform: translate3d(0, 0, 0);
+ -webkit-animation-name: slideupfadeinfrombottom;
+ -moz-transform: translate3d(0, 0, 0);
+ -moz-animation-name: slideupfadeinfrombottom;
+ -webkit-animation-duration: 250ms;
+ -moz-animation-duration: 250ms;
+}
+
+.slideupfade.in.reverse {
+ -webkit-animation-name: fadein;
+ -moz-animation-name: fadein;
+ -webkit-animation-duration: 150ms;
+ -moz-animation-duration: 150ms;
+}
+
+.slideupfade.out.reverse {
+ -webkit-transform: translate3d(0, 5%, 0);
+ -moz-transform: translate3d(0, 5%, 0);
+ -webkit-animation-name: slideupfadeouttobottom;
+ -moz-animation-name: slideupfadeouttobottom;
+ -webkit-animation-duration: 200ms;
+ -moz-animation-duration: 200ms;
+}
+
+@-webkit-keyframes slideupfadeinfrombottom {
+ from {
+ opacity: 0;
+ -webkit-transform: translate3d(0, 5%, 0);
+ }
+ to {
+ opacity: 1;
+ -webkit-transform: translate3d(0, 0, 0);
+ }
+}
+@-moz-keyframes slideupfadeinfrombottom {
+ from {
+ opacity: 0;
+ -moz-transform: translate3d(0, 5%, 0);
+ }
+ to {
+ opacity: 1;
+ -moz-transform: translate3d(0, 0, 0);
+ }
+}
+
+@-webkit-keyframes slideupfadeouttobottom {
+ from {
+ opacity: 1;
+ -webkit-transform: translate3d(0, 0, 0);
+ }
+ to {
+ opacity: 0;
+ -webkit-transform: translate3d(0, 5%, 0);
+ }
+}
+@-moz-keyframes slideupfadeouttobottom {
+ from {
+ opacity: 1;
+ -moz-transform: translate3d(0, 0, 0);
+ }
+ to {
+ opacity: 0;
+ -moz-transform: translate3d(0, 5%, 0);
+ }
+}
+
+/* slide down + fade */
+
+.slidedownfade.out {
+ -webkit-animation-name: fadeout;
+ -moz-animation-name: fadeout;
+ -webkit-animation-duration: 100ms;
+ -moz-animation-duration: 100ms;
+}
+
+.slidedownfade.in {
+ -webkit-transform: translate3d(0, 0, 0);
+ -webkit-animation-name: slidedownfadeinfromtop;
+ -moz-transform: translate3d(0, 0, 0);
+ -moz-animation-name: slidedownfadeinfromtop;
+ -webkit-animation-duration: 250ms;
+ -moz-animation-duration: 250ms;
+}
+
+.slidedownfade.in.reverse {
+ -webkit-animation-name: fadein;
+ -moz-animation-name: fadein;
+ -webkit-animation-duration: 150ms;
+ -moz-animation-duration: 150ms;
+}
+
+.slidedownfade.out.reverse {
+ -webkit-transform: translate3d(0, -5%, 0);
+ -moz-transform: translate3d(0, -5%, 0);
+ -webkit-animation-name: slidedownfadeouttotop;
+ -moz-animation-name: slidedownfadeouttotop;
+ -webkit-animation-duration: 200ms;
+ -moz-animation-duration: 200ms;
+}
+
+@-webkit-keyframes slidedownfadeinfromtop {
+ from {
+ opacity: 0;
+ -webkit-transform: translate3d(0, -5%, 0);
+ }
+ to {
+ opacity: 1;
+ -webkit-transform: translate3d(0, 0, 0);
+ }
+}
+@-moz-keyframes slidedownfadeinfromtop {
+ from {
+ opacity: 0;
+ -moz-transform: translate3d(0, -5%, 0);
+ }
+ to {
+ opacity: 1;
+ -moz-transform: translate3d(0, 0, 0);
+ }
+}
+
+@-webkit-keyframes slidedownfadeouttotop {
+ from {
+ opacity: 1;
+ -webkit-transform: translate3d(0, 0, 0);
+ }
+ to {
+ opacity: 0;
+ -webkit-transform: translate3d(0, -5%, 0);
+ }
+}
+@-moz-keyframes slidedownfadeouttotop {
+ from {
+ opacity: 1;
+ -moz-transform: translate3d(0, 0, 0);
+ }
+ to {
+ opacity: 0;
+ -moz-transform: translate3d(0, -5%, 0);
+ }
+}
+
+/* slide fade */
+
+.slidefade.out {
+ -webkit-transform: translate3d(-100%, 0, 0);
+ -webkit-animation-name: slideouttoleft;
+ -moz-transform: translate3d(-100%, 0, 0);
+ -moz-animation-name: slideouttoleft;
+ -webkit-animation-duration: 225ms;
+ -moz-animation-duration: 225ms;
+}
+
+.slidefade.in {
+ -webkit-transform: translate3d(0, 0, 0);
+ -webkit-animation-name: fadein;
+ -moz-transform: translate3d(0, 0, 0);
+ -moz-animation-name: fadein;
+ -webkit-animation-duration: 200ms;
+ -moz-animation-duration: 200ms;
+}
+
+.slidefade.out.reverse {
+ -webkit-transform: translate3d(100%, 0, 0);
+ -webkit-animation-name: slideouttoright;
+ -moz-transform: translate3d(100%, 0, 0);
+ -moz-animation-name: slideouttoright;
+ -webkit-animation-duration: 200ms;
+ -moz-animation-duration: 200ms;
+}
+
+.slidefade.in.reverse {
+ -webkit-transform: translate3d(0, 0, 0);
+ -webkit-animation-name: fadein;
+ -moz-transform: translate3d(0, 0, 0);
+ -moz-animation-name: fadein;
+ -webkit-animation-duration: 200ms;
+ -moz-animation-duration: 200ms;
+}
+
+/* The properties in this rule are only necessary for the 'flip' transition.
+ * We need specify the perspective to create a projection matrix. This will add
+ * some depth as the element flips. The depth number represents the distance of
+ * the viewer from the z-plane. According to the CSS3 spec, 1000 is a moderate
+ * value.
+ */
+
+.viewport-turn {
+ -webkit-perspective: 1000;
+ -moz-perspective: 1000;
+ position: absolute;
+}
+.turn {
+ -webkit-backface-visibility:hidden;
+ -webkit-transform:translate3d(0, 0, 0); /* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -webkit-visibility:hidden is used. */
+ -webkit-transform-origin: 0;
+ -moz-backface-visibility:hidden;
+ -moz-transform:translate3d(0, 0, 0); /* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -webkit-visibility:hidden is used. */
+ -moz-transform-origin: 0;
+}
+
+.turn.out {
+ -webkit-transform: rotateY(-90deg) scale(.9);
+ -webkit-animation-name: flipouttoleft;
+ -moz-transform: rotateY(-90deg) scale(.9);
+ -moz-animation-name: flipouttoleft;
+ -webkit-animation-duration: 125ms;
+ -moz-animation-duration: 125ms;
+}
+
+.turn.in {
+ -webkit-animation-name: flipintoright;
+ -moz-animation-name: flipintoright;
+ -webkit-animation-duration: 250ms;
+ -moz-animation-duration: 250ms;
+}
+
+.turn.out.reverse {
+ -webkit-transform: rotateY(90deg) scale(.9);
+ -webkit-animation-name: flipouttoright;
+ -moz-transform: rotateY(90deg) scale(.9);
+ -moz-animation-name: flipouttoright;
+}
+
+.turn.in.reverse {
+ -webkit-animation-name: flipintoleft;
+ -moz-animation-name: flipintoleft;
+}
+
+@-webkit-keyframes flipouttoleft {
+ from { -webkit-transform: rotateY(0); }
+ to { -webkit-transform: rotateY(-90deg) scale(.9); }
+}
+@-moz-keyframes flipouttoleft {
+ from { -moz-transform: rotateY(0); }
+ to { -moz-transform: rotateY(-90deg) scale(.9); }
+}
+@-webkit-keyframes flipouttoright {
+ from { -webkit-transform: rotateY(0) ; }
+ to { -webkit-transform: rotateY(90deg) scale(.9); }
+}
+@-moz-keyframes flipouttoright {
+ from { -moz-transform: rotateY(0); }
+ to { -moz-transform: rotateY(90deg) scale(.9); }
+}
+@-webkit-keyframes flipintoleft {
+ from { -webkit-transform: rotateY(-90deg) scale(.9); }
+ to { -webkit-transform: rotateY(0); }
+}
+@-moz-keyframes flipintoleft {
+ from { -moz-transform: rotateY(-90deg) scale(.9); }
+ to { -moz-transform: rotateY(0); }
+}
+@-webkit-keyframes flipintoright {
+ from { -webkit-transform: rotateY(90deg) scale(.9); }
+ to { -webkit-transform: rotateY(0); }
+}
+@-moz-keyframes flipintoright {
+ from { -moz-transform: rotateY(90deg) scale(.9); }
+ to { -moz-transform: rotateY(0); }
+}
+
+
+/* depth */
+
+.depth {
+ -webkit-transform-origin: 50% 50%;
+ -moz-transform-origin: 50% 50%;
+}
+
+.depth.out {
+ -webkit-animation-name: depthout;
+ -moz-animation-name: depthout;
+ opacity: 0;
+ -webkit-animation-duration: 250ms;
+ -moz-animation-duration: 250ms;
+ -webkit-animation-timing-function: ease;
+ -moz-animation-timing-function: ease;
+}
+
+.depth.in {
+ -webkit-transform: scale(1);
+ -moz-transform: scale(1);
+ opacity: 1;
+ -webkit-animation-name: depthin;
+ -moz-animation-name: depthin;
+ -webkit-animation-duration: 350ms;
+ -moz-animation-duration: 350ms;
+ -webkit-animation-timing-function: ease;
+ -moz-animation-timing-function: ease;
+}
+
+.depth.in.reverse {
+ -webkit-animation-name: depthinreverse;
+ -moz-animation-name: depthinreverse;
+}
+
+.depth.out.reverse {
+ -webkit-transform: scale(.9);
+ -moz-transform: scale(.9);
+ -webkit-animation-name: depthoutreverse;
+ -moz-animation-name: depthoutreverse;
+}
+
+@-webkit-keyframes depthout {
+ from {
+ -webkit-transform: scale(1);
+ opacity: 1;
+ }
+ to {
+ -webkit-transform: scale(1.1);
+ opacity: 0;
+ }
+}
+
+@-moz-keyframes depthout {
+ from {
+ -moz-transform: scale(1);
+ opacity: 1;
+ }
+ to {
+ -moz-transform: scale(1.1);
+ opacity: 0;
+ }
+}
+
+@-webkit-keyframes depthin {
+ 0% {
+ -webkit-transform: scale(.9);
+ opacity: 0;
+ }
+ 30% {
+ -webkit-transform: scale(.9);
+ opacity: 0;
+ }
+ 100% {
+ -webkit-transform: scale(1);
+ opacity: 1;
+ }
+}
+
+@-moz-keyframes depthin {
+ 0% {
+ -moz-transform: scale(.9);
+ opacity: 0;
+ }
+ 30% {
+ -moz-transform: scale(.9);
+ opacity: 0;
+ }
+ 100% {
+ -moz-transform: scale(1);
+ opacity: 1;
+ }
+}
+
+@-webkit-keyframes depthinreverse {
+ 0% {
+ -webkit-transform: scale(1.1);
+ opacity: 0;
+ }
+ 30% {
+ -webkit-transform: scale(1.1);
+ opacity: 0;
+ }
+ 100% {
+ -webkit-transform: scale(1);
+ opacity: 1;
+ }
+}
+
+@-moz-keyframes depthinreverse {
+ 0% {
+ -moz-transform: scale(1.1);
+ opacity: 0;
+ }
+ 30% {
+ -moz-transform: scale(1.1);
+ opacity: 0;
+ }
+ 100% {
+ -moz-transform: scale(1);
+ opacity: 1;
+ }
+}
+
+@-webkit-keyframes depthoutreverse {
+ from {
+ -webkit-transform: scale(1);
+ opacity: 1;
+ }
+ to {
+ -webkit-transform: scale(.9);
+ opacity: 0;
+ }
+}
+
+@-moz-keyframes depthoutreverse {
+ from {
+ -moz-transform: scale(1);
+ opacity: 1;
+ }
+ to {
+ -moz-transform: scale(.9);
+ opacity: 0;
+ }
+}
+/*
+* jQuery Mobile Framework
+* Copyright (c) jQuery Project
+* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
+*/
+
+/* content configurations. */
+.ui-grid-a, .ui-grid-b, .ui-grid-c, .ui-grid-d { overflow: hidden; }
+.ui-block-a, .ui-block-b, .ui-block-c, .ui-block-d, .ui-block-e { margin: 0; padding: 0; border: 0; float: left; min-height:1px;}
+
+/* grid solo: 100 - single item fallback */
+.ui-grid-solo .ui-block-a { width: 100%; float: none; }
+
+/* grid a: 50/50 */
+.ui-grid-a .ui-block-a, .ui-grid-a .ui-block-b { width: 50%; }
+.ui-grid-a .ui-block-a { clear: left; }
+
+/* grid b: 33/33/33 */
+.ui-grid-b .ui-block-a, .ui-grid-b .ui-block-b, .ui-grid-b .ui-block-c { width: 33.333%; }
+.ui-grid-b .ui-block-a { clear: left; }
+
+/* grid c: 25/25/25/25 */
+.ui-grid-c .ui-block-a, .ui-grid-c .ui-block-b, .ui-grid-c .ui-block-c, .ui-grid-c .ui-block-d { width: 25%; }
+.ui-grid-c .ui-block-a { clear: left; }
+
+/* grid d: 20/20/20/20/20 */
+.ui-grid-d .ui-block-a, .ui-grid-d .ui-block-b, .ui-grid-d .ui-block-c, .ui-grid-d .ui-block-d, .ui-grid-d .ui-block-e { width: 20%; }
+.ui-grid-d .ui-block-a { clear: left; }
+/*
+* jQuery Mobile Framework
+* Copyright (c) jQuery Project
+* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
+*/
+/* fixed page header & footer configuration */
+/****************************
+ * Tizen Common Less Header *
+ ****************************/
+/*
+ * Common definition for theme
+ * 'config.less' in each theme must include this file.
+ */
+/******************************
+ z-index order collection
+ ******************************/
+/******************************
+ Global LESS mixin collection
+ ******************************/
+/***************************************************************************
+ Body
+***************************************************************************/
+/* B011 : Main Background color */
+/* B012 : Main font color */
+/***************************************************************************
+ Naviframe
+***************************************************************************/
+/* B042 : title text */
+/* B052L4 : Title text button */
+/* B052L5 : Title text button press */
+/* B052L1P : Title text button press bg */
+/* 00_divider_line.9.png */
+/* B0515L1: Toolbar bg */
+/* B052L4 : Toolbar button normal */
+/* B052L4P : Toolbar button pressed */
+/* B0511P : Navigation bar bg press */
+/***************************************************************************
+ Tabbar
+***************************************************************************/
+/* B0514P1 : 00_tab_press_ef.9.png */
+/* B052L6P */
+/* B052L6 */
+/***************************************************************************
+ List
+***************************************************************************/
+/* B0211 */
+/* B041 */
+/* B0223 */
+/* W021L1 */
+/* W021L2 */
+/* B0212 */
+/* F011L5 */
+/* F011L1 */
+/* W051 */
+/* W051 */
+/* F011L15 */
+/* F011L18 */
+/* F011L16 */
+/* F011L17 */
+/* F011L15 */
+/***************************************************************************
+ Fast Scroll
+***************************************************************************/
+/* B0723 : 00_fast_scroll_rollover_bg.9.png */
+/* B0721 : Rollover text */
+/* B0731 : 00_fast_scroll_popup_bg.png */
+/* B0732 : Scroll popup text */
+/***************************************************************************
+ SearchBar(forms.textinput)
+***************************************************************************/
+/* Search default text */
+/***************************************************************************
+ Popup
+***************************************************************************/
+/* B061L1 : Popop info */
+/***************************************************************************
+ Button(connected with other winset)
+***************************************************************************/
+
+
+
+
+
+
+
+
+
+/***************************************************************************
+ contextual popup
+***************************************************************************/
+/* B044 */
+/***************************************************************************
+ Scrollview
+***************************************************************************/
+/***************************************************************************
+ Date Time picker
+***************************************************************************/
+/* B0224 : Dialogue group List Line */
+/* B0222 : Line divider */
+/***************************************************************************
+ SegmentControl
+***************************************************************************/
+/* B052L4 : Title text button */
+/***************************************************************************
+ Popup
+***************************************************************************/
+/* popup_title_bg.png */
+/* B063L9 : Basic Style_title */
+/* maybe not use only popupwindow*/
+
+
+
+/***************************************************************************
+ Tickernoti
+***************************************************************************/
+/* B061L5 */
+/***************************************************************************
+ Smallpopup
+***************************************************************************/
+/***************************************************************************
+ Slider
+***************************************************************************/
+/***************************************************************************
+ Progress
+***************************************************************************/
+/***************************************************************************
+ Handler
+***************************************************************************/
+/***************************************************************************
+ multimediaview
+***************************************************************************/
+
+
+
+/***************************************************************************
+ tokentextarea
+***************************************************************************/
+/* Contact button text */
+/* W0711 : Contact button bg normal */
+/* W0713 : Contact button bg press */
+/* Text Contact style */
+/***************************************************************************
+ Splitview
+***************************************************************************/
+/* W131 */
+/* W132 */
+.ui-header,
+.ui-footer,
+.ui-page-fullscreen .ui-header,
+.ui-page-fullscreen .ui-footer {
+ position: absolute;
+ overflow: hidden;
+ width: 100%;
+ border-left-width: 0;
+ border-right-width: 0;
+}
+.ui-header-fixed,
+.ui-footer-fixed {
+ z-index: 1000;
+ -webkit-transform: translateZ(0);
+ /* Force header/footer rendering to go through the same rendering pipeline as native page scrolling. */
+
+}
+.ui-footer-duplicate,
+.ui-page-fullscreen .ui-fixed-inline {
+ display: none;
+}
+.ui-page-fullscreen .ui-header,
+.ui-page-fullscreen .ui-footer {
+ opacity: .9;
+}
+/*
+* jQuery Mobile Framework
+* Copyright (c) jQuery Project
+* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
+*/
+.ui-navbar { overflow: hidden; }
+.ui-navbar ul, .ui-navbar-expanded ul { list-style:none; padding: 0; margin: 0; position: relative; display: block; border: 0;}
+.ui-navbar-collapsed ul { float: left; width: 75%; margin-right: -2px; }
+.ui-navbar-collapsed .ui-navbar-toggle { float: left; width: 25%; }
+.ui-navbar li.ui-navbar-truncate { position: absolute; left: -9999px; top: -9999px; }
+.ui-navbar li .ui-btn, .ui-navbar .ui-navbar-toggle .ui-btn { display: block; font-size: 12px; text-align: center; margin: 0; border-right-width: 0; }
+.ui-navbar li .ui-btn { margin-right: -1px; }
+.ui-navbar li .ui-btn:last-child { margin-right: 0; }
+.ui-header .ui-navbar li .ui-btn, .ui-header .ui-navbar .ui-navbar-toggle .ui-btn,
+.ui-footer .ui-navbar li .ui-btn, .ui-footer .ui-navbar .ui-navbar-toggle .ui-btn { border-top-width: 0; border-bottom-width: 0; }
+.ui-navbar .ui-btn-inner { padding-left: 2px; padding-right: 2px; }
+.ui-navbar-noicons li .ui-btn .ui-btn-inner, .ui-navbar-noicons .ui-navbar-toggle .ui-btn-inner { padding-top: .8em; padding-bottom: .9em; }
+/*expanded page styles*/
+.ui-navbar-expanded .ui-btn { margin: 0; font-size: 14px; }
+.ui-navbar-expanded .ui-btn-inner { padding-left: 5px; padding-right: 5px; }
+.ui-navbar-expanded .ui-btn-icon-top .ui-btn-inner { padding: 45px 5px 15px; text-align: center; }
+.ui-navbar-expanded .ui-btn-icon-top .ui-icon { top: 15px; }
+.ui-navbar-expanded .ui-btn-icon-bottom .ui-btn-inner { padding: 15px 5px 45px; text-align: center; }
+.ui-navbar-expanded .ui-btn-icon-bottom .ui-icon { bottom: 15px; }
+.ui-navbar-expanded li .ui-btn .ui-btn-inner { min-height: 2.5em; }
+.ui-navbar-expanded .ui-navbar-noicons .ui-btn .ui-btn-inner { padding-top: 1.8em; padding-bottom: 1.9em; }
+/*
+* jQuery Mobile Framework
+* Copyright (c) jQuery Project
+* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
+*/
+/****************************
+ * Tizen Common Less Header *
+ ****************************/
+/*
+ * Common definition for theme
+ * 'config.less' in each theme must include this file.
+ */
+/******************************
+ z-index order collection
+ ******************************/
+/******************************
+ Global LESS mixin collection
+ ******************************/
+/***************************************************************************
+ Body
+***************************************************************************/
+/* B011 : Main Background color */
+/* B012 : Main font color */
+/***************************************************************************
+ Naviframe
+***************************************************************************/
+/* B042 : title text */
+/* B052L4 : Title text button */
+/* B052L5 : Title text button press */
+/* B052L1P : Title text button press bg */
+/* 00_divider_line.9.png */
+/* B0515L1: Toolbar bg */
+/* B052L4 : Toolbar button normal */
+/* B052L4P : Toolbar button pressed */
+/* B0511P : Navigation bar bg press */
+/***************************************************************************
+ Tabbar
+***************************************************************************/
+/* B0514P1 : 00_tab_press_ef.9.png */
+/* B052L6P */
+/* B052L6 */
+/***************************************************************************
+ List
+***************************************************************************/
+/* B0211 */
+/* B041 */
+/* B0223 */
+/* W021L1 */
+/* W021L2 */
+/* B0212 */
+/* F011L5 */
+/* F011L1 */
+/* W051 */
+/* W051 */
+/* F011L15 */
+/* F011L18 */
+/* F011L16 */
+/* F011L17 */
+/* F011L15 */
+/***************************************************************************
+ Fast Scroll
+***************************************************************************/
+/* B0723 : 00_fast_scroll_rollover_bg.9.png */
+/* B0721 : Rollover text */
+/* B0731 : 00_fast_scroll_popup_bg.png */
+/* B0732 : Scroll popup text */
+/***************************************************************************
+ SearchBar(forms.textinput)
+***************************************************************************/
+/* Search default text */
+/***************************************************************************
+ Popup
+***************************************************************************/
+/* B061L1 : Popop info */
+/***************************************************************************
+ Button(connected with other winset)
+***************************************************************************/
+
+
+
+
+
+
+
+
+
+/***************************************************************************
+ contextual popup
+***************************************************************************/
+/* B044 */
+/***************************************************************************
+ Scrollview
+***************************************************************************/
+/***************************************************************************
+ Date Time picker
+***************************************************************************/
+/* B0224 : Dialogue group List Line */
+/* B0222 : Line divider */
+/***************************************************************************
+ SegmentControl
+***************************************************************************/
+/* B052L4 : Title text button */
+/***************************************************************************
+ Popup
+***************************************************************************/
+/* popup_title_bg.png */
+/* B063L9 : Basic Style_title */
+/* maybe not use only popupwindow*/
+
+
+
+/***************************************************************************
+ Tickernoti
+***************************************************************************/
+/* B061L5 */
+/***************************************************************************
+ Smallpopup
+***************************************************************************/
+/***************************************************************************
+ Slider
+***************************************************************************/
+/***************************************************************************
+ Progress
+***************************************************************************/
+/***************************************************************************
+ Handler
+***************************************************************************/
+/***************************************************************************
+ multimediaview
+***************************************************************************/
+
+
+
+/***************************************************************************
+ tokentextarea
+***************************************************************************/
+/* Contact button text */
+/* W0711 : Contact button bg normal */
+/* W0713 : Contact button bg press */
+/* Text Contact style */
+/***************************************************************************
+ Splitview
+***************************************************************************/
+/* W131 */
+/* W132 */
+/* Button colors are defined in config.less
+
+/* Edit button size */
+.ui-btn {
+ display: block;
+ text-align: center;
+ cursor: pointer;
+ position: relative;
+ vertical-align: middle;
+}
+/* wongi_1018 : For button align. */
+.ui-footer .ui-btn.ui-btn-box-s,
+.ui-ticker-btn .ui-btn.ui-btn-box-s {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+.ui-btn.ui-btn-box-s {
+ margin-top: 0.2727272727272727rem;
+ margin-bottom: 0.2727272727272727rem;
+ color: #fafafa;
+ text-shadow: 0px 1px #111214;
+ -o-border-radius: 0.2rem;
+ -ms-border-radius: 0.2rem;
+ -moz-border-radius: 0.2rem;
+ -webkit-border-radius: 0.2rem;
+ border-radius: 0.2rem;
+}
+.ui-btn:focus,
+.ui-btn:active {
+ outline: none;
+}
+.ui-header .ui-btn,
+.ui-bar .ui-btn {
+ display: inline-block;
+ font-size: 0.5909090909090909rem;
+ margin: 0;
+}
+.ui-btn-inline {
+ display: inline-block;
+}
+.ui-btn-inner {
+ padding: 0.2272727272727273rem;
+ display: block;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ white-space: nowrap;
+ position: relative;
+ zoom: 1;
+}
+.ui-btn-icon-notext {
+ width: 1.6363636363636365rem;
+ height: 1.6363636363636365rem;
+}
+.ui-btn-icon-notext .ui-btn-inner {
+ padding: 0.09090909090909091rem 0.045454545454545456rem 0.09090909090909091rem 0.13636363636363635rem;
+}
+.ui-btn-icon-notext .ui-btn-inner .ui-icon {
+ margin-left: -0.7272727272727273rem;
+ margin-top: -0.7272727272727273rem;
+}
+.ui-btn-icon-notext .ui-btn-text {
+ position: absolute;
+ left: -45.409090909090914rem;
+}
+.ui-btn-icon-left .ui-btn-inner {
+ padding-left: 1.5rem;
+}
+.ui-header .ui-btn-icon-left .ui-btn-inner,
+.ui-footer .ui-btn-icon-left .ui-btn-inner,
+.ui-bar .ui-btn-icon-left .ui-btn-inner {
+ padding-left: 1.2272727272727273rem;
+}
+.ui-btn-icon-right .ui-btn-inner {
+ padding-right: 1.5rem;
+}
+.ui-header .ui-btn-icon-right .ui-btn-inner,
+.ui-footer .ui-btn-icon-right .ui-btn-inner,
+.ui-bar .ui-btn-icon-right .ui-btn-inner {
+ padding-right: 1.2272727272727273rem;
+}
+.ui-btn-icon-top .ui-btn-inner {
+ padding-top: 1.2272727272727273rem;
+}
+.ui-header .ui-btn-icon-top .ui-btn-inner,
+.ui-footer .ui-btn-icon-top .ui-btn-inner,
+.ui-bar .ui-btn-icon-top .ui-btn-inner {
+ padding-top: 1.2272727272727273rem;
+}
+.ui-btn-icon-bottom .ui-btn-inner {
+ padding-bottom: 1.5rem;
+}
+.ui-header .ui-btn-icon-bottom .ui-btn-inner,
+.ui-footer .ui-btn-icon-bottom .ui-btn-inner,
+.ui-bar .ui-btn-icon-bottom .ui-btn-inner {
+ padding-bottom: 1.2272727272727273rem;
+}
+/*btn icon positioning*/
+.ui-btn-icon-notext .ui-icon {
+ display: block;
+}
+.ui-btn-icon-left .ui-icon,
+.ui-btn-icon-right .ui-icon,
+.ui-btn-icon-circle .ui-icon {
+ position: absolute;
+ /*top: 50%; margin-top: -9px;*/
+}
+/* wongi_1018 : do not use. No more use 18px default icons. */
+.ui-btn-icon-top .ui-icon,
+.ui-btn-icon-bottom .ui-icon {
+ position: absolute;
+ left: 50%;
+ margin-left: -9px;
+}
+.ui-btn-icon-left .ui-icon {
+ left: 0.2272727272727273rem;
+}
+.ui-btn-icon-circle .ui-icon {
+ left: 0rem;
+}
+/* wongi_1018 : for circle icon center positioning. */
+.ui-btn-icon-right .ui-icon {
+ right: 0.4545454545454546rem;
+}
+.ui-btn-icon-top .ui-icon {
+ top: 0rem;
+ margin-top: 0;
+}
+.ui-btn-icon-bottom .ui-icon {
+ bottom: 0rem;
+}
+.ui-header .ui-btn-icon-right .ui-icon,
+.ui-footer .ui-btn-icon-right .ui-icon,
+.ui-bar .ui-btn-icon-right .ui-icon {
+ right: 0.18181818181818182rem;
+}
+.ui-header .ui-btn-icon-top .ui-icon,
+.ui-footer .ui-btn-icon-top .ui-icon,
+.ui-bar .ui-btn-icon-top .ui-icon {
+ top: 0.18181818181818182rem;
+}
+.ui-header .ui-btn-icon-bottom .ui-icon,
+.ui-footer .ui-btn-icon-bottom .ui-icon,
+.ui-bar .ui-btn-icon-bottom .ui-icon {
+ bottom: 0.18181818181818182rem;
+}
+/*hiding native button,inputs */
+.ui-btn-hidden {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ -webkit-appearance: button;
+ opacity: .1;
+ cursor: pointer;
+ background: transparent;
+ font-size: 0.045454545454545456rem;
+ border: none;
+ line-height: 45.409090909090914rem;
+}
+.ui-btn-text {
+ /*padding-left : 80px;*/
+ margin-left: auto;
+ margin-right: auto;
+ padding: 0 1px;
+ /* Webkit width(ellipsis) problem workaround */
+
+}
+.ui-btn .ui-btn-inner.ui-btn-hastxt span.ui-btn-text {
+ font-size: 0.8181818181818182rem;
+}
+.ui-li .ui-btn.ui-btn-icon_only {
+ top: 50%;
+ margin-top: -0.7272727272727273rem;
+}
+.ui-li .ui-btn .ui-btn-inner.ui-btn-hastxt {
+ padding: 0.2em 0.5em;
+}
+.ui-btn-icon-nobg.ui-btn-down-s .ui-btn-inner {
+ background: transparent ! important;
+}
+.ui-btn-box-s.ui-btn-up-s {
+ background: #44464e;
+ background: -webkit-linear-gradient(top, #35393d, #2d3033);
+ background: -moz-linear-gradient(top, #35393d, #2d3033);
+ background: -o-linear-gradient(top, #35393d, #2d3033);
+ background: -ms-linear-gradient(top, #35393d, #2d3033);
+ box-shadow: inset 0px 1px 1px #7a7d86;
+}
+.ui-btn-box-s.ui-btn-up-s[data-icon="alert"],
+.ui-btn-box-s.ui-btn-up-s[data-icon="minus"] {
+ background: #db0000;
+ box-shadow: inset 0px 1px 1px #ffffff;
+}
+.ui-btn-box-s.ui-btn-hover-s {
+ background: #44464e;
+ background: -webkit-linear-gradient(top, #35393d, #2d3033);
+ background: -moz-linear-gradient(top, #35393d, #2d3033);
+ background: -o-linear-gradient(top, #35393d, #2d3033);
+ background: -ms-linear-gradient(top, #35393d, #2d3033);
+ box-shadow: inset 0px 1px 1px #7a7d86;
+}
+.ui-btn-box-s.ui-btn-hover-s[data-icon="alert"],
+.ui-btn-box-s.ui-btn-hover-s[data-icon="minus"] {
+ background: #db0000;
+ box-shadow: inset 0px 1px 1px #ffffff;
+}
+.ui-btn-box-s.ui-btn-down-s {
+ background: #2736a4;
+ box-shadow: inset 0px 1px 1px #7a7d86;
+ text-shadow: none;
+}
+.ui-btn-box-s.ui-btn-down-s[data-icon="alert"],
+.ui-btn-box-s.ui-btn-down-s[data-icon="minus"] {
+ background: #a10808;
+ box-shadow: inset 0px 1px 1px #ffffff;
+ text-shadow: none;
+}
+.ui-btn-corner-all {
+ -o-border-radius: 0.3rem;
+ -ms-border-radius: 0.3rem;
+ -moz-border-radius: 0.3rem;
+ -webkit-border-radius: 0.3rem;
+ border-radius: 0.3rem;
+}
+.ui-header .ui-btn-box-s:not(.ui-input-cancel):not(.ui-btn-search-front-icon),
+.ui-header .ui-btn-box-s:not(.ui-input-cancel):not(.ui-btn-search-front-icon) .ui-btn-inner,
+.ui-header .ui-btn.ui-btn-box-s.ui-btn-down-s:not(.ui-input-cancel):not(.ui-btn-search-front-icon) .ui-btn-inner,
+.ui-btn.ui-btn-back.ui-btn-up-s .ui-btn-inner,
+.ui-btn.ui-btn-back.ui-btn-hover-s .ui-btn-inner,
+.ui-btn.ui-btn-back.ui-btn-down-s .ui-btn-inner,
+.ui-btn.ui-btn-footer-down.ui-btn-up-s > .ui-btn-inner,
+.ui-btn.ui-btn-footer-down.ui-btn-hover-s > .ui-btn-inner,
+.ui-btn.ui-btn-footer-down.ui-btn-down-s > .ui-btn-inner {
+ background: tr
<TRUNCATED>