You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@cordova.apache.org by an...@apache.org on 2012/08/24 22:29:40 UTC
[52/72] [abbrv] [partial] [tizen] Add samples and templates
http://git-wip-us.apache.org/repos/asf/incubator-cordova-tizen/blob/f98b376a/samples/cordova-tizen-web-ui/tizen-web-ui-fw/0.1/themes/tizen-gray/tizen-web-ui-fw-theme.css
----------------------------------------------------------------------
diff --git a/samples/cordova-tizen-web-ui/tizen-web-ui-fw/0.1/themes/tizen-gray/tizen-web-ui-fw-theme.css b/samples/cordova-tizen-web-ui/tizen-web-ui-fw/0.1/themes/tizen-gray/tizen-web-ui-fw-theme.css
new file mode 100644
index 0000000..18f3916
--- /dev/null
+++ b/samples/cordova-tizen-web-ui/tizen-web-ui-fw/0.1/themes/tizen-gray/tizen-web-ui-fw-theme.css
@@ -0,0 +1,12866 @@
+/*!
+* jQuery Mobile Framework
+* Copyright (c) jQuery Project
+* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
+*/
+/****************************
+ * Tizen Common Less Header *
+ ****************************/
+/*
+ * Common definition for theme
+ */
+/******************************
+ z-index order collection
+ ******************************/
+/******************************
+ Global LESS mixin collection
+ ******************************/
+/*************************
+ Vars/Mixins for Widgets
+
+ NOTE:
+ * Color variables' name: @color_<widget name>_<identifier>
+ * Color values: Use rgb() or rgba()
+ *************************/
+/***************************************************************************
+ List
+***************************************************************************/
+/* #424242 */
+/* #a4a4a4 */
+/***************************************************************************
+ Shortcut Scroll
+***************************************************************************/
+/***************************************************************************
+ Popup
+***************************************************************************/
+/* #213c49 */
+/* #565d60 */
+/***************************************************************************
+ Button
+***************************************************************************/
+.LESSbutton_text1_style {
+ font-family: Helvetica, Arial, sans-serif;
+ font-weight: normal;
+ font-size: 1.0rem;
+ font-style: normal;
+ color: #f9f9f9;
+}
+.LESSbutton_text1_style:hover {
+ color: #f9f9f9;
+}
+/***************************************************************************
+ Date Time picker color set
+***************************************************************************/
+/***************************************************************************
+ Contextual Popup
+***************************************************************************/
+/***************************************************************************
+ DaySelector
+***************************************************************************/
+/* #00a8e7 */
+/* #f01402 */
+/* #f9f9f9 *//* #646464 *//* #3b3b3b */
+/* #008cd2 *//***************************************************************************
+ OptionHeader
+***************************************************************************/
+/* #484848 */
+/* #202020 */
+/* #2384b6 */
+/* #f9f9f9 */
+/***************************************************************************
+ SearchBar(forms.textinput)
+***************************************************************************/
+/* #242424 */
+/* #828282 */
+/***************************************************************************
+ SegmentControl
+***************************************************************************/
+/* #e6e6e6 */
+/* #3d3d3d; */
+/* #909090 */
+/* #000000 */
+/***************************************************************************
+ ControlGroup
+***************************************************************************/
+/* #252525 */
+/***************************************************************************
+ Header / Footer
+ NavigationBar / ControlBar
+***************************************************************************/
+/* #1F1F1F */
+/* #0a8cd2 */
+/* #0a8cd2 */
+/* #1F1F1F */
+/* #2B2B2B */
+/* #000000 */
+/* #767676 */
+/* #F9F9F9 */
+/* #434343 */
+/* #F9F9F9 */
+/* #6c6c6c */
+/* #848484 */
+/* #4C4C4C */
+/* #1F1F1F */
+/* #353535 */
+/* #2A2A2A */
+/* #1F1F1F */
+/* #1F1F1F */
+/* #1F1F1F */
+/* #F9F9F9 */
+/* #4c4c4c */
+/***************************************************************************
+ Tickernoti
+***************************************************************************/
+/***************************************************************************
+ Smallpopup
+***************************************************************************/
+/***************************************************************************
+ No Contents
+***************************************************************************/
+/***************************************************************************
+ Slider
+***************************************************************************/
+/***************************************************************************
+ Handler
+***************************************************************************/
+/***************************************************************************
+ multimediaview
+***************************************************************************/
+/* Swatches */
+/* S
+-----------------------------------------------------------------------------------------------------------*/
+/***************************************************************************
+ Header / Footer
+ NavigationBar
+***************************************************************************/
+.ui-bar-s {
+ border: none;
+ background: #1f1f1f;
+ color: #f9f9f9;
+ font-family: Helvetica, Arial, sans-serif;
+ font-weight: bold;
+ font-size: 1rem;
+ /*
+ .ui-link {
+ color: #7cc4e7;
+ font-weight: bold;
+ &:hover { color: #2489CE; }
+ &:active { color: #2489CE; }
+ &:visited { color: #2489CE; }
+ }
+ */
+}
+.ui-bar-s .ui-link-inherit {
+ color: #f9f9f9;
+}
+.ui-bar-s .ui-btn.ui-btn-back.ui-btn-down-s .ui-btn-inner {
+ background: #0a8cd2;
+}
+.ui-bar-s .ui-btn.ui-btn-back, .ui-bar-s .ui-btn.ui-btn-footer-right {
+ position: absolute;
+ font-size: 0.8888888888888888rem;
+ width: 4rem;
+ height: 3.1666666666666665rem;
+ top: 0rem;
+ border-style: none;
+ border-width: 0px;
+ background: #1f1f1f;
+}
+.ui-bar-s .ui-btn.ui-btn-back .ui-btn-inner, .ui-bar-s .ui-btn.ui-btn-footer-right .ui-btn-inner {
+ padding: 0;
+ width: 2.888888888888889rem;
+ height: 2.0555555555555554rem;
+ top: 0.5555555555555556rem;
+ left: 0.5555555555555556rem;
+ background: #353535;
+ border-color: black;
+ border-width: 0.05555555555555555rem;
+ border-style: groove;
+}
+.ui-bar-s .ui-btn.ui-btn-back {
+ right: 0rem;
+}
+.ui-bar-s .ui-btn.ui-btn-footer-right.ui-btn-down-s .ui-btn-inner {
+ background: #0a8cd2;
+}
+.ui-bar-s .ui-btn.ui-btn-footer-right .ui-btn-inner .ui-btn-text {
+ line-height: 2.0555555555555554rem;
+}
+.ui-bar-s .ui-field-contain {
+ margin-left: auto;
+ margin-right: auto;
+ height: 2.0555555555555554rem;
+ font-size: 0.7777777777777777rem;
+}
+.ui-bar-s .ui-field-contain .ui-extended-controlgroup {
+ position: absolute;
+ display: inline;
+ margin-top: 0rem;
+ margin-bottom: 0rem;
+}
+.ui-bar-s .ui-field-contain .ui-extended-controlgroup label {
+ border-color: #2b2b2b;
+ border-style: solid;
+ border-left-width: 1px;
+ border-right-width: 1px;
+}
+.ui-bar-s .ui-field-contain .ui-extended-controlgroup .ui-radio {
+ height: 2.0555555555555554rem;
+}
+.ui-bar-s .ui-field-contain .ui-extended-controlgroup .ui-radio .ui-btn {
+ width: 100%;
+}
+.ui-bar-s .ui-field-contain .ui-extended-controlgroup .ui-radio .ui-btn-inner .ui-btn-text {
+ text-align: center;
+}
+.ui-bar-s .ui-field-contain .ui-extended-controlgroup .ui-radio .ui-radio-off {
+ background: #434343;
+}
+.ui-bar-s .ui-field-contain .ui-extended-controlgroup .ui-radio .ui-radio-off .ui-btn-text {
+ color: #767676;
+}
+.ui-bar-s .ui-field-contain .ui-extended-controlgroup .ui-radio .ui-radio-on {
+ background: #f9f9f9;
+}
+.ui-bar-s .ui-field-contain .ui-extended-controlgroup .ui-radio .ui-radio-on .ui-btn-text {
+ color: #000000;
+}
+.ui-bar-s .ui-field-contain .ui-title-extended-controlgroup {
+ top: 0.1388888888888889rem;
+}
+.ui-bar-s .ui-field-contain .ui-footer-extended-controlgroup {
+ top: 0.4444444444444444rem;
+}
+.ui-bar-s .ui-field-contain .ui-footer-extended-controlgroup .ui-btn-inner {
+ line-height: 2.0555555555555554rem;
+ padding: 0rem;
+}
+.ui-bar-s .ui-title-normal-3btn {
+ position: absolute;
+ right: 4.277777777777778rem;
+ display: block;
+}
+.ui-bar-s .ui-title-extended-controlgroup-4btn {
+ width: 18.944444444444443rem;
+}
+.ui-bar-s .ui-title-extended-controlgroup-4btn .ui-radio {
+ width: 4.722222222222222rem;
+}
+.ui-bar-s .ui-title-extended-controlgroup-3btn {
+ width: 12rem;
+}
+.ui-bar-s .ui-title-extended-controlgroup-3btn .ui-radio {
+ width: 3.972222222222222rem;
+}
+.ui-bar-s .ui-title-extended-controlgroup-2btn {
+ width: 9.11111111111111rem;
+}
+.ui-bar-s .ui-title-extended-controlgroup-2btn .ui-radio {
+ width: 4.527777777777778rem;
+}
+.ui-header.ui-bar-s {
+ position: fixed;
+ top: 0px;
+ background: #6c6c6c;
+}
+.ui-header.ui-bar-s .ui-title {
+ color: #f9f9f9;
+ top: 0px;
+ min-height: 1rem;
+ text-align: center;
+ font-size: 1rem;
+ display: block;
+ margin: 0.7777777777777777rem 3.75rem 0.7777777777777777rem 3.75rem;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ white-space: nowrap;
+ outline: 0 !important;
+}
+.ui-header.ui-bar-s .ui-btn {
+ font-size: 0.7777777777777777rem;
+ height: 2.0555555555555554rem;
+ width: 3.444444444444444rem;
+}
+.ui-header.ui-bar-s > .ui-btn {
+ top: 0.3333333333333333rem;
+ margin-top: 0px;
+ font-size: 0.7777777777777777rem;
+ height: 2.0555555555555554rem;
+ background: #848484;
+ color: #f9f9f9;
+ border-style: solid;
+ border-color: #4c4c4c;
+ border-width: 1px;
+}
+.ui-header.ui-bar-s > .ui-btn .ui-btn-inner {
+ width: 3rem;
+}
+.ui-header.ui-bar-s > .ui-btn.ui-btn-down-s {
+ background: #0a8cd2;
+ color: #f9f9f9;
+}
+.ui-header.ui-bar-s.ui-title-extended-height {
+ height: 3.7777777777777777rem;
+}
+.ui-header.ui-bar-s.ui-title-extended-height a {
+ top: 1.3888888888888888rem;
+}
+.ui-header.ui-bar-s.ui-title-extended-height .ui-title {
+ font-size: 0.7777777777777777rem;
+ top: 0rem;
+ padding-top: 0.3055555555555555rem;
+ margin-top: 0rem;
+ margin-bottom: 0rem;
+}
+.ui-header.ui-bar-s.ui-title-extended-height .ui-title-extended-segment-style {
+ left: 0rem;
+ margin-top: 0rem;
+ top: 0.05555555555555555rem;
+}
+.ui-header.ui-bar-s.ui-title-controlbar-height, .ui-footer.ui-bar-s {
+ height: 3.1666666666666665rem;
+}
+.ui-footer.ui-bar-s.ui-footer-fixed {
+ background: #1f1f1f;
+ height: 3.1666666666666665rem;
+}
+.ui-footer.ui-bar-s.ui-footer-fixed .ui-title {
+ font-size: 0.8888888888888888rem;
+}
+.ui-footer.ui-bar-s .ui-title-extended-controlgroup-4btn {
+ margin-top: 0rem;
+}
+/***************************************************************************
+ Header / Footer
+ NavigationBar
+***************************************************************************/
+/***************************************************************************
+ Content Top calculate
+***************************************************************************/
+.ui-title-content-normal-height, .ui-title-content-option-header-collapsed-1line-height {
+ position: relative;
+ top: 2.7777777777777777rem;
+}
+.ui-title-content-extended-height {
+ position: relative;
+ top: 3.7777777777777777rem;
+}
+.ui-title-content-option-header-expanded-1line-height {
+ position: relative;
+ top: 5.416666666666666rem;
+}
+.ui-title-content-search {
+ position: relative;
+ top: 5.722222222222222rem;
+}
+.ui-title-content-optionheader-search {
+ position: relative;
+ top: 6.083333333333333rem;
+}
+.ui-title-content-controlbar-height {
+ position: relative;
+ top: 3.194444444444444rem;
+}
+/***************************************************************************
+ Content Top calculate
+***************************************************************************/
+.ui-body-s {
+ border: 1px solid #2a2a2a;
+ background: #000000;
+ color: #f9f9f9;
+ font-weight: normal;
+ font-family: Helvetica, Arial, sans-serif;
+}
+.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-up-s {
+ background: #3b3b3b;
+ font-weight: bold;
+ color: #f9f9f9;
+ font-family: Helvetica, Arial, sans-serif;
+ font-weight: normal;
+ font-size: 1.0rem;
+ font-style: normal;
+ color: #f9f9f9;
+}
+.ui-btn-up-s a.ui-link-inherit {
+ color: #f9f9f9;
+}
+.ui-btn-up-s:hover {
+ color: #f9f9f9;
+}
+.ui-btn-hover-s {
+ background: #454545;
+ font-weight: bold;
+ color: #f9f9f9;
+ font-family: Helvetica, Arial, sans-serif;
+ font-weight: normal;
+ font-size: 1.0rem;
+ font-style: normal;
+ color: #f9f9f9;
+}
+.ui-btn-hover-s a.ui-link-inherit {
+ color: #f9f9f9;
+}
+.ui-btn-hover-s:hover {
+ color: #f9f9f9;
+}
+.ui-btn-down-s {
+ background: #008cd2;
+ font-weight: bold;
+ color: #f9f9f9;
+ font-family: Helvetica, Arial, sans-serif;
+ font-weight: normal;
+ font-size: 1.0rem;
+ font-style: normal;
+ color: #f9f9f9;
+}
+.ui-btn-down-s a.ui-link-inherit {
+ color: #f9f9f9;
+}
+.ui-btn-down-s:hover {
+ color: #f9f9f9;
+}
+.ui-btn-up-s, .ui-btn-hover-s, .ui-btn-down-s {
+ font-family: Helvetica, Arial, sans-serif;
+ text-decoration: none;
+}
+.ui-listview {
+ border-top-color: #444444;
+ /* listview: fonts for li with a link */
+
+ /* listview divider */
+
+ /* NOTE: this divider has no swatch tag! */
+
+ /* subitem */
+
+}
+.ui-listview > .ui-li {
+ border-bottom-color: #444444;
+}
+.ui-listview > .ui-li-static {
+ background-color: #000000;
+}
+.ui-listview li.ui-btn-up-s, .ui-listview li.ui-btn-hover-s {
+ background-color: #000000;
+ color: #f9f9f9;
+}
+.ui-listview li.ui-btn-down-s {
+ background-color: #008cd2;
+ color: #f9f9f9;
+}
+.ui-listview li.ui-btn-up-s > .ui-li > .ui-btn-text > a.ui-link-inherit, .ui-listview li.ui-btn-hover-s > .ui-li > .ui-btn-text > a.ui-link-inherit, .ui-listview li.ui-btn-down-s > .ui-li > .ui-btn-text > a.ui-link-inherit {
+ color: #f9f9f9;
+}
+.ui-listview li.ui-li-divider {
+ background: #424242;
+ color: #a4a4a4;
+}
+.ui-listview .ui-li-sub {
+ color: #666666;
+}
+.ui-listview .ui-li-sub-setting {
+ color: #2a6d8c;
+}
+.ui-listview > .ui-li-expanded {
+ background-color: #1f1f1f;
+}
+.ui-listview > .ui-li-expanded .ui-li-expanded {
+ background-color: #2e2e2e;
+}
+.ui-listview .ui-li-static.ui-li-bubble-left {
+ background-color: #ddce7a;
+ -moz-box-shadow: 2px 3px 3px #4d3a17;
+ -webkit-box-shadow: 2px 3px 3px #4d3a17;
+ box-shadow: 2px 3px 3px #4d3a17;
+ color: #000000;
+}
+.ui-listview .ui-li-static.ui-li-bubble-right {
+ background-color: #ddce7a;
+ -moz-box-shadow: 2px 3px 3px #4d3a17;
+ -webkit-box-shadow: 2px 3px 3px #4d3a17;
+ box-shadow: 2px 3px 3px #4d3a17;
+ color: #606060;
+}
+.ui-listview .ui-li-static.ui-li-bubble-sos {
+ color: #d30000;
+}
+.ui-listview .ui-li-static.ui-li-bubble-date {
+ background-color: #424242;
+ color: #39a6d7;
+}
+.ui-listview span.ui-li-bubble-time {
+ color: #39a6d7;
+}
+/* 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: #f9f9f9;
+ cursor: pointer;
+ text-decoration: none;
+ background: #008cd2;
+ outline: none;
+}
+.ui-btn-active a.ui-link-inherit {
+ color: #f9f9f9;
+}
+/* button inner top highlight
+-----------------------------------------------------------------------------------------------------------*/
+/***************************************************************************
+ ControlBar
+***************************************************************************/
+.ui-controlbar-s, .ui-controlbar-left, .ui-controlbar-right {
+ border: 1px solid #2a2a2a;
+ background: #1f1f1f;
+ color: #f9f9f9;
+ font-family: Helvetica, Arial, sans-serif;
+ font-weight: bold;
+ font-size: 1rem;
+}
+.ui-controlbar-s .ui-link-inherit,
+.ui-controlbar-left .ui-link-inherit,
+.ui-controlbar-right .ui-link-inherit,
+.ui-controlbar-s .ui-link,
+.ui-controlbar-left .ui-link,
+.ui-controlbar-right .ui-link {
+ color: #f9f9f9;
+ font-weight: bold;
+}
+.ui-controlbar-s .ui-link-inherit:hover,
+.ui-controlbar-left .ui-link-inherit:hover,
+.ui-controlbar-right .ui-link-inherit:hover,
+.ui-controlbar-s .ui-link:hover,
+.ui-controlbar-left .ui-link:hover,
+.ui-controlbar-right .ui-link:hover {
+ color: #f9f9f9;
+}
+.ui-controlbar-s .ui-link-inherit:active,
+.ui-controlbar-left .ui-link-inherit:active,
+.ui-controlbar-right .ui-link-inherit:active,
+.ui-controlbar-s .ui-link:active,
+.ui-controlbar-left .ui-link:active,
+.ui-controlbar-right .ui-link:active {
+ color: #f9f9f9;
+}
+.ui-controlbar-s .ui-link-inherit:visited,
+.ui-controlbar-left .ui-link-inherit:visited,
+.ui-controlbar-right .ui-link-inherit:visited,
+.ui-controlbar-s .ui-link:visited,
+.ui-controlbar-left .ui-link:visited,
+.ui-controlbar-right .ui-link:visited {
+ color: #f9f9f9;
+}
+.ui-controlbar-s .ui-btn-text,
+.ui-controlbar-left .ui-btn-text,
+.ui-controlbar-right .ui-btn-text,
+.ui-controlbar-s .ui-btn,
+.ui-controlbar-left .ui-btn,
+.ui-controlbar-right .ui-btn {
+ color: #f9f9f9;
+ font-weight: bold;
+ text-decoration: none;
+}
+.ui-controlbar-s .ui-btn-down-s,
+.ui-controlbar-left .ui-btn-down-s,
+.ui-controlbar-right .ui-btn-down-s,
+.ui-controlbar-s .ui-btn-active,
+.ui-controlbar-left .ui-btn-active,
+.ui-controlbar-right .ui-btn-active {
+ color: #f9f9f9;
+}
+.ui-controlbar-s.ui-navbar {
+ position: absolute;
+ height: 3.1666666666666665rem;
+ /* temporary value */
+
+ width: 100%;
+ left: 0px;
+ border-top: none;
+ border-bottom: none;
+ z-index: 50;
+}
+.ui-controlbar-s.ui-navbar li .ui-btn, .ui-controlbar-s.ui-navbar .ui-navbar-toggle .ui-btn {
+ font-size: 0.7222222222222222rem;
+}
+.ui-controlbar-s.ui-navbar .ui-btn .ui-btn-inner,
+.ui-controlbar-s.ui-navbar .ui-btn-icon-top .ui-btn-inner,
+.ui-controlbar-s.ui-navbar .ui-btn-hover-s .ui-btn-inner,
+.ui-controlbar-s.ui-navbar .ui-btn-active .ui-btn-inner,
+.ui-controlbar-s.ui-navbar .ui-btn-up-s .ui-btn-inner {
+ padding-top: 2.194444444444444rem;
+}
+.ui-controlbar-s.ui-navbar .ui-btn .ui-icon {
+ left: 50%;
+ top: 0.3333333333333333rem;
+ margin-left: -1.3em;
+ width: 1.5555555555555554rem;
+ height: 1.5555555555555554rem;
+}
+.ui-controlbar-s.ui-navbar .ui-btn .ui-btn-text {
+ padding-left: 0px;
+}
+.ui-controlbar-s.ui-navbar .ui-btn.ui-ctrlbar-icononly {
+ padding-top: 0.5555555555555556rem;
+}
+.ui-controlbar-s.ui-navbar .ui-btn-inner {
+ z-index: 200;
+}
+.ui-controlbar-s.ui-navbar .ui-btn-inner.ui-navbar-textonly {
+ font-size: 0.7777777777777777rem;
+ padding-top: 1.222222222222222rem;
+ padding-bottom: 1.25rem;
+}
+.ui-tabbar-s .ui-btn {
+ background: #1f1f1f;
+}
+.ui-tabbar-s .ui-btn-active, .ui-tabbar-s .ui-btn-show-style {
+ background: #4c4c4c;
+ border-left-style: solid;
+ border-right-style: solid;
+ border-left-color: #2a2a2a;
+ border-right-color: #2a2a2a;
+ border-left-width: 1px;
+ border-right-width: 1px;
+}
+.ui-tabbar-s .ui-btn-animation {
+ background: #4c4c4c;
+ border-left-style: solid;
+ border-right-style: solid;
+ border-left-color: #2a2a2a;
+ border-right-color: #2a2a2a;
+ border-left-width: 1px;
+ border-right-width: 1px;
+ position: absolute;
+ top: 0px;
+ height: 3.4166666666666665rem;
+ z-index: 100;
+}
+.ui-tabbar-s .ui-btn-hide-style {
+ background: #1f1f1f;
+ border: none;
+}
+.ui-toolbar-s .ui-btn, .ui-toolbar-s .ui-btn-up-s {
+ background: #1f1f1f;
+ border-left-width: 1px;
+ border-right-width: 1px;
+ border-color: #2a2a2a;
+ border-style: solid;
+}
+.ui-toolbar-s .ui-btn-down-s {
+ background: #4c4c4c;
+}
+.ui-header .ui-navbar.ui-tabbar-s a, .ui-header .ui-navbar.ui-toolbar-s a {
+ width: 100%;
+ height: 100%;
+}
+.ui-controlbar-left.ui-navbar, .ui-controlbar-right.ui-navbar {
+ position: fixed;
+ z-index: 50;
+}
+.ui-controlbar-left.ui-navbar li .ui-btn,
+.ui-controlbar-right.ui-navbar li .ui-btn,
+.ui-controlbar-left.ui-navbar .ui-navbar-toggle .ui-btn,
+.ui-controlbar-right.ui-navbar .ui-navbar-toggle .ui-btn {
+ font-size: 0.5555555555555556rem;
+}
+.ui-controlbar-left.ui-navbar .ui-btn, .ui-controlbar-right.ui-navbar .ui-btn {
+ width: 100%;
+ margin: 0px 0em;
+ background: #1f1f1f;
+}
+.ui-controlbar-left.ui-navbar .ui-btn-down-s,
+.ui-controlbar-right.ui-navbar .ui-btn-down-s,
+.ui-controlbar-left.ui-navbar .ui-btn-active,
+.ui-controlbar-right.ui-navbar .ui-btn-active {
+ color: #f9f9f9;
+}
+.ui-controlbar-left.ui-navbar li .ui-btn,
+.ui-controlbar-right.ui-navbar li .ui-btn,
+.ui-controlbar-left.ui-navbar .ui-navbar-toggle .ui-btn,
+.ui-controlbar-right.ui-navbar .ui-navbar-toggle .ui-btn {
+ font-size: 0.5555555555555556rem;
+}
+.ui-controlbar-left.ui-navbar .ui-btn-inner, .ui-controlbar-right.ui-navbar .ui-btn-inner {
+ z-index: 200;
+ padding-top: 3.5rem;
+}
+.ui-controlbar-left.ui-navbar .ui-btn-inner .ui-icon, .ui-controlbar-right.ui-navbar .ui-btn-inner .ui-icon {
+ left: 23%;
+ top: 0.9722222222222222rem;
+ width: 1.9444444444444444rem;
+ height: 1.9444444444444444rem;
+}
+.ui-controlbar-left.ui-navbar .ui-btn-inner .ui-btn-text.ui-btn-text-padding-left, .ui-controlbar-right.ui-navbar .ui-btn-inner .ui-btn-text.ui-btn-text-padding-left {
+ padding-left: 0px;
+}
+.ui-controlbar-left.ui-navbar .ui-btn-animation, .ui-controlbar-right.ui-navbar .ui-btn-animation {
+ position: fixed;
+ background: #1f1f1f;
+ border-bottom-style: solid;
+ border-top-style: solid;
+ border-bottom-color: #2a2a2a;
+ border-top-color: #2a2a2a;
+ border-bottom-width: 1px;
+ border-top-width: 1px;
+ z-index: 100;
+}
+.ui-controlbar-left {
+ left: 0px;
+ float: left;
+}
+.ui-controlbar-right {
+ right: 0px;
+ float: right;
+}
+.ui-btn-ani-endposition {
+ -webkit-transition-property: left;
+ -webkit-transition: all 0.3s ease-in-out;
+}
+.ui-btn-ani-verticalendposition {
+ -webkit-transition-property: top;
+ -webkit-transition: all 0.3s ease-in-out;
+}
+/***************************************************************************
+ ControlBar
+***************************************************************************/
+/* corner rounding classes
+-----------------------------------------------------------------------------------------------------------*/
+.ui-corner-tl {
+ -moz-border-radius-topleft: 0.6em;
+ -webkit-border-top-left-radius: 0.6em;
+ border-top-left-radius: 0.6em;
+}
+.ui-corner-tr {
+ -moz-border-radius-topright: 0.6em;
+ -webkit-border-top-right-radius: 0.6em;
+ border-top-right-radius: 0.6em;
+}
+.ui-corner-bl {
+ -moz-border-radius-bottomleft: 0.6em;
+ -webkit-border-bottom-left-radius: 0.6em;
+ border-bottom-left-radius: 0.6em;
+}
+.ui-corner-br {
+ -moz-border-radius-bottomright: 0.6em;
+ -webkit-border-bottom-right-radius: 0.6em;
+ border-bottom-right-radius: 0.6em;
+}
+.ui-corner-top {
+ -moz-border-radius-topleft: 0.6em;
+ -webkit-border-top-left-radius: 0.6em;
+ border-top-left-radius: 0.6em;
+ -moz-border-radius-topright: 0.6em;
+ -webkit-border-top-right-radius: 0.6em;
+ border-top-right-radius: 0.6em;
+}
+.ui-corner-bottom {
+ -moz-border-radius-bottomleft: 0.6em;
+ -webkit-border-bottom-left-radius: 0.6em;
+ border-bottom-left-radius: 0.6em;
+ -moz-border-radius-bottomright: 0.6em;
+ -webkit-border-bottom-right-radius: 0.6em;
+ border-bottom-right-radius: 0.6em;
+}
+.ui-corner-right {
+ -moz-border-radius-topright: 0.6em;
+ -webkit-border-top-right-radius: 0.6em;
+ border-top-right-radius: 0.6em;
+ -moz-border-radius-bottomright: 0.6em;
+ -webkit-border-bottom-right-radius: 0.6em;
+ border-bottom-right-radius: 0.6em;
+}
+.ui-corner-left {
+ -moz-border-radius-topleft: 0.6em;
+ -webkit-border-top-left-radius: 0.6em;
+ border-top-left-radius: 0.6em;
+ -moz-border-radius-bottomleft: 0.6em;
+ -webkit-border-bottom-left-radius: 0.6em;
+ border-bottom-left-radius: 0.6em;
+}
+.ui-corner-none {
+ -moz-border-radius: 0;
+ -webkit-border-radius: 0;
+ bordert-radius: 0;
+}
+/* Interaction cues
+-----------------------------------------------------------------------------------------------------------*/
+.ui-disabled {
+ opacity: .3;
+}
+.ui-disabled, .ui-disabled a {
+ cursor: default;
+}
+/* Icons
+-----------------------------------------------------------------------------------------------------------*/
+.ui-icon {
+ /* global-icon */
+
+ background-image: url(images/icons-18-white.png);
+ background-repeat: no-repeat;
+}
+.ui-image-search {
+ background-image: url(images/00_search_icon.png);
+ background-repeat: no-repeat;
+ -moz-background-size: 1.1666666666666665rem 1.1666666666666665rem;
+ -o-background-size: 1.1666666666666665rem 1.1666666666666665rem;
+ -webkit-background-size: 1.1666666666666665rem 1.1666666666666665rem;
+ background-size: 1.1666666666666665rem 1.1666666666666665rem;
+}
+.ui-icon-deleteSearch {
+ background-image: url(images/00_field_btn_Clear.png);
+ background-repeat: no-repeat;
+ -moz-background-size: 1.0555555555555556rem 1.0555555555555556rem;
+ -o-background-size: 1.0555555555555556rem 1.0555555555555556rem;
+ -webkit-background-size: 1.0555555555555556rem 1.0555555555555556rem;
+ background-size: 1.0555555555555556rem 1.0555555555555556rem;
+}
+/* Alt icon color
+-----------------------------------------------------------------------------------------------------------*/
+.ui-icon-alt {
+ background: #fff;
+ background: rgba(255, 255, 255, 0.3);
+ background-image: url(images/icons-18-black.png);
+ background-repeat: no-repeat;
+}
+/* HD/"retina" sprite
+-----------------------------------------------------------------------------------------------------------*/
+@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
+ only screen and (min--moz-device-pixel-ratio: 1.5),
+ only screen and (min-resolution: 240dpi) {
+ .ui-icon-plus,
+ .ui-icon-minus,
+ .ui-icon-delete,
+ .ui-icon-arrow-r,
+ .ui-icon-arrow-l,
+ .ui-icon-arrow-u,
+ .ui-icon-arrow-d,
+ .ui-icon-check,
+ .ui-icon-gear,
+ .ui-icon-refresh,
+ .ui-icon-forward,
+ .ui-icon-back,
+ .ui-icon-grid,
+ .ui-icon-star,
+ .ui-icon-alert,
+ .ui-icon-info,
+ .ui-icon-home,
+ .ui-icon-search,
+ .ui-icon-searchfield:after,
+ .ui-icon-checkbox-off,
+ .ui-icon-checkbox-on,
+ .ui-icon-radio-off,
+ .ui-icon-radio-on {
+ background-image: url(images/icons-36-white.png);
+ -moz-background-size: 776px 18px;
+ -o-background-size: 776px 18px;
+ -webkit-background-size: 776px 18px;
+ background-size: 776px 18px;
+ }
+ .ui-icon-alt {
+ background-image: url(images/icons-36-black.png);
+ }
+}
+/* plus minus */
+.ui-icon-plus {
+ background-position: 0 50%;
+}
+.ui-icon-minus {
+ /*background-position: -36px 50%;*/
+ /* wongi_1018: Same name make problem. Later, origianl icons will be removed. */
+
+}
+/* arrows */
+.ui-icon-arrow-r {
+ background-position: -108px 50%;
+}
+.ui-icon-arrow-l {
+ background-position: -144px 50%;
+}
+.ui-icon-arrow-u {
+ background-position: -180px 50%;
+}
+.ui-icon-arrow-d {
+ background-position: -216px 50%;
+}
+/* misc */
+.ui-icon-check {
+ background-position: -252px 50%;
+}
+.ui-icon-gear {
+ background-position: -288px 50%;
+}
+.ui-icon-refresh {
+ background-position: -324px 50%;
+}
+.ui-icon-forward {
+ background-position: -360px 50%;
+}
+.ui-icon-back {
+ background-position: -396px 50%;
+}
+.ui-icon-grid {
+ background-position: -432px 50%;
+}
+.ui-icon-star {
+ background-position: -468px 50%;
+}
+.ui-icon-alert {
+ background-position: -504px 50%;
+}
+.ui-icon-info {
+ background-position: -540px 50%;
+}
+.ui-icon-home {
+ background-position: -576px 50%;
+}
+/* checks,radios */
+.ui-checkbox .ui-icon {
+ -moz-border-radius: 3px;
+ -webkit-border-radius: 3px;
+ border-radius: 3px;
+}
+.ui-icon-radio-off {
+ background-color: transparent;
+}
+.ui-checkbox-on .ui-icon, .ui-radio-on .ui-icon {
+ /*Do not need bg color for icons..
+ background-color: #4596ce;*/
+ /* NOTE: this hex should match the active state color. It's repeated here for cascade */
+
+}
+/* loading icon */
+.ui-icon-loading {
+ background-image: url(images/ajax-loader.png);
+ width: 40px;
+ height: 40px;
+ -moz-border-radius: 20px;
+ -webkit-border-radius: 20px;
+ bordert-radius: 20px;
+}
+/* Add ctrl bar *//* TIZEN Default Footer */
+.ui-icon-ctrlbar-account_sign-up,
+.ui-icon-ctrlbar-accounts,
+.ui-icon-ctrlbar-add-to-bookmarks,
+.ui-icon-ctrlbar-add-to-calendar,
+.ui-icon-ctrlbar-alarm,
+.ui-icon-ctrlbar-albums,
+.ui-icon-ctrlbar-area,
+.ui-icon-ctrlbar-artist,
+.ui-icon-ctrlbar-attach,
+.ui-icon-ctrlbar-back,
+.ui-icon-ctrlbar-backward,
+.ui-icon-ctrlbar-bluetooth_preview,
+.ui-icon-ctrlbar-bookmarks,
+.ui-icon-ctrlbar-brightness,
+.ui-icon-ctrlbar-calendar,
+.ui-icon-ctrlbar-call,
+.ui-icon-ctrlbar-camera,
+.ui-icon-ctrlbar-category,
+.ui-icon-ctrlbar-change_group,
+.ui-icon-ctrlbar-chat,
+.ui-icon-ctrlbar-check,
+.ui-icon-ctrlbar-compose,
+.ui-icon-ctrlbar-composer,
+.ui-icon-ctrlbar-contacts,
+.ui-icon-ctrlbar-copy,
+.ui-icon-ctrlbar-create,
+.ui-icon-ctrlbar-create_folder,
+.ui-icon-ctrlbar-delete,
+.ui-icon-ctrlbar-dialer,
+.ui-icon-ctrlbar-DM,
+.ui-icon-ctrlbar-edit,
+.ui-icon-ctrlbar-editor,
+.ui-icon-ctrlbar-eng_eng_result,
+.ui-icon-ctrlbar-exchangs_register,
+.ui-icon-ctrlbar-Externalstorage,
+.ui-icon-ctrlbar-favorite,
+.ui-icon-ctrlbar-features,
+.ui-icon-ctrlbar-forward,
+.ui-icon-ctrlbar-genre,
+.ui-icon-ctrlbar-help,
+.ui-icon-ctrlbar-home,
+.ui-icon-ctrlbar-info,
+.ui-icon-ctrlbar-length,
+.ui-icon-ctrlbar-list_by,
+.ui-icon-ctrlbar-logs,
+.ui-icon-ctrlbar-map,
+.ui-icon-ctrlbar-memolist,
+.ui-icon-ctrlbar-MemoryCard,
+.ui-icon-ctrlbar-mention,
+.ui-icon-ctrlbar-menu,
+.ui-icon-ctrlbar-more,
+.ui-icon-ctrlbar-move,
+.ui-icon-ctrlbar-multiview,
+.ui-icon-ctrlbar-multiview_02,
+.ui-icon-ctrlbar-multiview_03,
+.ui-icon-ctrlbar-multiview_04,
+.ui-icon-ctrlbar-multiview_05,
+.ui-icon-ctrlbar-multiview_06,
+.ui-icon-ctrlbar-multiview_07,
+.ui-icon-ctrlbar-multiview_08,
+.ui-icon-ctrlbar-multiview_09,
+.ui-icon-ctrlbar-music_albums,
+.ui-icon-ctrlbar-pause,
+.ui-icon-ctrlbar-phone,
+.ui-icon-ctrlbar-Play,
+.ui-icon-ctrlbar-playlists,
+.ui-icon-ctrlbar-receive,
+.ui-icon-ctrlbar-reply,
+.ui-icon-ctrlbar-save,
+.ui-icon-ctrlbar-save_to_calender,
+.ui-icon-ctrlbar-scrap,
+.ui-icon-ctrlbar-search,
+.ui-icon-ctrlbar-send,
+.ui-icon-ctrlbar-set_as,
+.ui-icon-ctrlbar-settings,
+.ui-icon-ctrlbar-setup_wizard_previous,
+.ui-icon-ctrlbar-share,
+.ui-icon-ctrlbar-songs,
+.ui-icon-ctrlbar-stop_watch,
+.ui-icon-ctrlbar-store,
+.ui-icon-ctrlbar-synchronise_start_sync,
+.ui-icon-ctrlbar-synchronise_stop_01,
+.ui-icon-ctrlbar-synchronise_stop_02,
+.ui-icon-ctrlbar-synchronise_stop_03,
+.ui-icon-ctrlbar-view_result,
+.ui-icon-ctrlbar-tag,
+.ui-icon-ctrlbar-temp,
+.ui-icon-ctrlbar-timeline,
+.ui-icon-ctrlbar-timer,
+.ui-icon-ctrlbar-today,
+.ui-icon-ctrlbar-top,
+.ui-icon-ctrlbar-trim,
+.ui-icon-ctrlbar-TTS,
+.ui-icon-ctrlbar-update,
+.ui-icon-ctrlbar-upload_export,
+.ui-icon-ctrlbar-volume,
+.ui-icon-ctrlbar-world_clock,
+.ui-icon-ctrlbar-year,
+.ui-icon-ctrlbar-add_tag,
+.ui-icon-ctrlbar-add_to_contact,
+.ui-icon-ctrlbar-close,
+.ui-icon-ctrlbar-groups,
+.ui-icon-ctrlbar-year,
+.ui-icon-ctrlbar-unread_message,
+.ui-icon-ctrlbar-weight.ui-icon-ctrlbar-3Dview {
+ background-color: transparent;
+ -moz-border-radius: 0px;
+ -webkit-border-radius: 0px;
+ border-radius: 0px;
+ background-size: 100% 100%;
+ -moz-box-shadow: 0px 0px 0 rgba(255, 255, 255, 0.4);
+ -webkit-box-shadow: 0px 0px 0 rgba(255, 255, 255, 0.4);
+ box-shadow: 0px 0px 0 rgba(255, 255, 255, 0.4);
+}
+.ui-icon-ctrlbar-account_sign-up {
+ background-image: url(images/controlbar/01_controlbar_icon_account_sign-up.png);
+}
+.ui-icon-ctrlbar-accounts {
+ background-image: url(images/controlbar/01_controlbar_icon_accounts.png);
+}
+.ui-icon-ctrlbar-add-to-bookmarks {
+ background-image: url(images/controlbar/01_controlbar_icon_add-to-bookmarks.png);
+}
+.ui-icon-ctrlbar-add-to-calendar {
+ background-image: url(images/controlbar/01_controlbar_icon_add-to-calendar.png);
+}
+.ui-icon-ctrlbar-alarm {
+ background-image: url(images/controlbar/01_controlbar_icon_alarm.png);
+}
+.ui-icon-ctrlbar-albums {
+ background-image: url(images/controlbar/01_controlbar_icon_albums.png);
+}
+.ui-icon-ctrlbar-area {
+ background-image: url(images/controlbar/01_controlbar_icon_area.png);
+}
+.ui-icon-ctrlbar-artist {
+ background-image: url(images/controlbar/01_controlbar_icon_artist.png);
+}
+.ui-icon-ctrlbar-attach {
+ background-image: url(images/controlbar/01_controlbar_icon_attach.png);
+}
+.ui-icon-ctrlbar-back {
+ background-image: url(images/controlbar/01_controlbar_icon_back.png);
+}
+.ui-icon-ctrlbar-backward {
+ background-image: url(images/controlbar/01_controlbar_icon_backward.png);
+}
+.ui-icon-ctrlbar-bluetooth_preview {
+ background-image: url(images/controlbar/01_controlbar_icon_bluetooth_preview.png);
+}
+.ui-icon-ctrlbar-bookmarks {
+ background-image: url(images/controlbar/01_controlbar_icon_bookmarks.png);
+}
+.ui-icon-ctrlbar-brightness {
+ background-image: url(images/controlbar/01_controlbar_icon_brightness.png);
+}
+.ui-icon-ctrlbar-calendar {
+ background-image: url(images/controlbar/01_controlbar_icon_calendar.png);
+}
+.ui-icon-ctrlbar-call {
+ background-image: url(images/controlbar/01_controlbar_icon_call.png);
+}
+.ui-icon-ctrlbar-camera {
+ background-image: url(images/controlbar/01_controlbar_icon_camera.png);
+}
+.ui-icon-ctrlbar-category {
+ background-image: url(images/controlbar/01_controlbar_icon_category.png);
+}
+.ui-icon-ctrlbar-change_group {
+ background-image: url(images/controlbar/01_controlbar_icon_change_group.png);
+}
+.ui-icon-ctrlbar-chat {
+ background-image: url(images/controlbar/01_controlbar_icon_chat.png);
+}
+.ui-icon-ctrlbar-check {
+ background-image: url(images/controlbar/01_controlbar_icon_check.png);
+}
+.ui-icon-ctrlbar-compose {
+ background-image: url(images/controlbar/01_controlbar_icon_compose.png);
+}
+.ui-icon-ctrlbar-composer {
+ background-image: url(images/controlbar/01_controlbar_icon_composer.png);
+}
+.ui-icon-ctrlbar-contacts {
+ background-image: url(images/controlbar/01_controlbar_icon_contacts.png);
+}
+.ui-icon-ctrlbar-copy {
+ background-image: url(images/controlbar/01_controlbar_icon_copy.png);
+}
+.ui-icon-ctrlbar-create {
+ background-image: url(images/controlbar/01_controlbar_icon_create.png);
+}
+.ui-icon-ctrlbar-create_folder {
+ background-image: url(images/controlbar/01_controlbar_icon_create_folder.png);
+}
+.ui-icon-ctrlbar-delete {
+ background-image: url(images/controlbar/01_controlbar_icon_delete.png);
+}
+.ui-icon-ctrlbar-dialer {
+ background-image: url(images/controlbar/01_controlbar_icon_dialer.png);
+}
+.ui-icon-ctrlbar-DM {
+ background-image: url(images/controlbar/01_controlbar_icon_DM.png);
+}
+.ui-icon-ctrlbar-edit {
+ background-image: url(images/controlbar/01_controlbar_icon_edit.png);
+}
+.ui-icon-ctrlbar-editor {
+ background-image: url(images/controlbar/01_controlbar_icon_editor.png);
+}
+.ui-icon-ctrlbar-eng_eng_result {
+ background-image: url(images/controlbar/01_controlbar_icon_eng_eng_result.png);
+}
+.ui-icon-ctrlbar-exchangs_register {
+ background-image: url(images/controlbar/01_controlbar_icon_exchangs_register.png);
+}
+.ui-icon-ctrlbar-Externalstorage {
+ background-image: url(images/controlbar/01_controlbar_icon_Externalstorage.png);
+}
+.ui-icon-ctrlbar-favorite {
+ background-image: url(images/controlbar/01_controlbar_icon_favorite.png);
+}
+.ui-icon-ctrlbar-features {
+ background-image: url(images/controlbar/01_controlbar_icon_features.png);
+}
+.ui-icon-ctrlbar-forward {
+ background-image: url(images/controlbar/01_controlbar_icon_forward.png);
+}
+.ui-icon-ctrlbar-genre {
+ background-image: url(images/controlbar/01_controlbar_icon_genre.png);
+}
+.ui-icon-ctrlbar-help {
+ background-image: url(images/controlbar/01_controlbar_icon_help.png);
+}
+.ui-icon-ctrlbar-home {
+ background-image: url(images/controlbar/01_controlbar_icon_home.png);
+}
+.ui-icon-ctrlbar-info {
+ background-image: url(images/controlbar/01_controlbar_icon_info.png);
+}
+.ui-icon-ctrlbar-length {
+ background-image: url(images/controlbar/01_controlbar_icon_length.png);
+}
+.ui-icon-ctrlbar-list_by {
+ background-image: url(images/controlbar/01_controlbar_icon_list_by.png);
+}
+.ui-icon-ctrlbar-logs {
+ background-image: url(images/controlbar/01_controlbar_icon_logs.png);
+}
+.ui-icon-ctrlbar-map {
+ background-image: url(images/controlbar/01_controlbar_icon_map.png);
+}
+.ui-icon-ctrlbar-memolist {
+ background-image: url(images/controlbar/01_controlbar_icon_memolist.png);
+}
+.ui-icon-ctrlbar-MemoryCard {
+ background-image: url(images/controlbar/01_controlbar_icon_MemoryCard.png);
+}
+.ui-icon-ctrlbar-mention {
+ background-image: url(images/controlbar/01_controlbar_icon_mention.png);
+}
+.ui-icon-ctrlbar-menu {
+ background-image: url(images/controlbar/01_controlbar_icon_menu.png);
+}
+.ui-icon-ctrlbar-more {
+ background-image: url(images/controlbar/01_controlbar_icon_more.png);
+}
+.ui-icon-ctrlbar-move {
+ background-image: url(images/controlbar/01_controlbar_icon_move.png);
+}
+.ui-icon-ctrlbar-multiview {
+ background-image: url(images/controlbar/01_controlbar_icon_multiview.png);
+}
+.ui-icon-ctrlbar-multiview_02 {
+ background-image: url(images/controlbar/01_controlbar_icon_multiview_02.png);
+}
+.ui-icon-ctrlbar-multiview_03 {
+ background-image: url(images/controlbar/01_controlbar_icon_multiview_03.png);
+}
+.ui-icon-ctrlbar-multiview_04 {
+ background-image: url(images/controlbar/01_controlbar_icon_multiview_04.png);
+}
+.ui-icon-ctrlbar-multiview_05 {
+ background-image: url(images/controlbar/01_controlbar_icon_multiview_05.png);
+}
+.ui-icon-ctrlbar-multiview_06 {
+ background-image: url(images/controlbar/01_controlbar_icon_multiview_06.png);
+}
+.ui-icon-ctrlbar-multiview_07 {
+ background-image: url(images/controlbar/01_controlbar_icon_multiview_07.png);
+}
+.ui-icon-ctrlbar-multiview_08 {
+ background-image: url(images/controlbar/01_controlbar_icon_multiview_08.png);
+}
+.ui-icon-ctrlbar-multiview_09 {
+ background-image: url(images/controlbar/01_controlbar_icon_multiview_09.png);
+}
+.ui-icon-ctrlbar-music_albums {
+ background-image: url(images/controlbar/01_controlbar_icon_music_albums.png);
+}
+.ui-icon-ctrlbar-pause {
+ background-image: url(images/controlbar/01_controlbar_icon_pause.png);
+}
+.ui-icon-ctrlbar-phone {
+ background-image: url(images/controlbar/01_controlbar_icon_phone.png);
+}
+.ui-icon-ctrlbar-Play {
+ background-image: url(images/controlbar/01_controlbar_icon_Play.png);
+}
+.ui-icon-ctrlbar-playlists {
+ background-image: url(images/controlbar/01_controlbar_icon_playlists.png);
+}
+.ui-icon-ctrlbar-receive {
+ background-image: url(images/controlbar/01_controlbar_icon_receive.png);
+}
+.ui-icon-ctrlbar-reply {
+ background-image: url(images/controlbar/01_controlbar_icon_reply.png);
+}
+.ui-icon-ctrlbar-save {
+ background-image: url(images/controlbar/01_controlbar_icon_save.png);
+}
+.ui-icon-ctrlbar-save_to_calender {
+ background-image: url(images/controlbar/01_controlbar_icon_save_to_calender.png);
+}
+.ui-icon-ctrlbar-scrap {
+ background-image: url(images/controlbar/01_controlbar_icon_scrap.png);
+}
+.ui-icon-ctrlbar-search {
+ background-image: url(images/controlbar/01_controlbar_icon_search.png);
+}
+.ui-icon-ctrlbar-send {
+ background-image: url(images/controlbar/01_controlbar_icon_send.png);
+}
+.ui-icon-ctrlbar-set_as {
+ background-image: url(images/controlbar/01_controlbar_icon_set_as.png);
+}
+.ui-icon-ctrlbar-settings {
+ background-image: url(images/controlbar/01_controlbar_icon_settings.png);
+}
+.ui-icon-ctrlbar-setup_wizard_previous {
+ background-image: url(images/controlbar/01_controlbar_icon_setup_wizard_previous.png);
+}
+.ui-icon-ctrlbar-share {
+ background-image: url(images/controlbar/01_controlbar_icon_share.png);
+}
+.ui-icon-ctrlbar-songs {
+ background-image: url(images/controlbar/01_controlbar_icon_songs.png);
+}
+.ui-icon-ctrlbar-stop_watch {
+ background-image: url(images/controlbar/01_controlbar_icon_stop_watch.png);
+}
+.ui-icon-ctrlbar-store {
+ background-image: url(images/controlbar/01_controlbar_icon_store.png);
+}
+.ui-icon-ctrlbar-synchronise_start_sync {
+ background-image: url(images/controlbar/01_controlbar_icon_synchronise_start_sync.png);
+}
+.ui-icon-ctrlbar-synchronise_stop_01 {
+ background-image: url(images/controlbar/01_controlbar_icon_synchronise_stop_01.png);
+}
+.ui-icon-ctrlbar-synchronise_stop_02 {
+ background-image: url(images/controlbar/01_controlbar_icon_synchronise_stop_02.png);
+}
+.ui-icon-ctrlbar-synchronise_stop_03 {
+ background-image: url(images/controlbar/01_controlbar_icon_synchronise_stop_03.png);
+}
+.ui-icon-ctrlbar-synchronise_view_result {
+ background-image: url(images/controlbar/01_controlbar_icon_synchronise_view_result.png);
+}
+.ui-icon-ctrlbar-tag {
+ background-image: url(images/controlbar/01_controlbar_icon_tag.png);
+}
+.ui-icon-ctrlbar-temp {
+ background-image: url(images/controlbar/01_controlbar_icon_temp.png);
+}
+.ui-icon-ctrlbar-timeline {
+ background-image: url(images/controlbar/01_controlbar_icon_timeline.png);
+}
+.ui-icon-ctrlbar-timer {
+ background-image: url(images/controlbar/01_controlbar_icon_timer.png);
+}
+.ui-icon-ctrlbar-today {
+ background-image: url(images/controlbar/01_controlbar_icon_today.png);
+}
+.ui-icon-ctrlbar-top {
+ background-image: url(images/controlbar/01_controlbar_icon_top.png);
+}
+.ui-icon-ctrlbar-trim {
+ background-image: url(images/controlbar/01_controlbar_icon_trim.png);
+}
+.ui-icon-ctrlbar-TTS {
+ background-image: url(images/controlbar/01_controlbar_icon_TTS.png);
+}
+.ui-icon-ctrlbar-update {
+ background-image: url(images/controlbar/01_controlbar_icon_update.png);
+}
+.ui-icon-ctrlbar-upload_export {
+ background-image: url(images/controlbar/01_controlbar_icon_upload_export.png);
+}
+.ui-icon-ctrlbar-volume {
+ background-image: url(images/controlbar/01_controlbar_icon_volume.png);
+}
+.ui-icon-ctrlbar-world_clock {
+ background-image: url(images/controlbar/01_controlbar_icon_world_clock.png);
+}
+.ui-icon-ctrlbar-year {
+ background-image: url(images/controlbar/01_controlbar_icon_year.png);
+}
+.ui-icon-ctrlbar-add_tag {
+ background-image: url(images/controlbar/01_controlbar_icon_add_tag.png);
+}
+.ui-icon-ctrlbar-add_to_contact {
+ background-image: url(images/controlbar/01_controlbar_icon_add_to_contact.png);
+}
+.ui-icon-ctrlbar-close {
+ background-image: url(images/controlbar/01_controlbar_icon_close.png);
+}
+.ui-icon-ctrlbar-groups {
+ background-image: url(images/controlbar/01_controlbar_icon_groups.png);
+}
+.ui-icon-ctrlbar-unread_message {
+ background-image: url(images/controlbar/01_controlbar_icon_unread_message.png);
+}
+.ui-icon-ctrlbar-weight {
+ background-image: url(images/controlbar/01_controlbar_icon_weight.png);
+}
+.ui-icon-ctrlbar-3Dview {
+ background-image: url(images/controlbar/01_controlbar_icon_3Dview.png);
+}
+/* ---------------------------------------------- */
+/* Button corner classes
+-----------------------------------------------------------------------------------------------------------*/
+.ui-btn-corner-tl {
+ -moz-border-radius-topleft: 1em;
+ -webkit-border-top-left-radius: 1em;
+ border-top-left-radius: 1em;
+}
+.ui-btn-corner-tr {
+ -moz-border-radius-topright: 1em;
+ -webkit-border-top-right-radius: 1em;
+ border-top-right-radius: 1em;
+}
+.ui-btn-corner-bl {
+ -moz-border-radius-bottomleft: 1em;
+ -webkit-border-bottom-left-radius: 1em;
+ border-bottom-left-radius: 1em;
+}
+.ui-btn-corner-br {
+ -moz-border-radius-bottomright: 1em;
+ -webkit-border-bottom-right-radius: 1em;
+ border-bottom-right-radius: 1em;
+}
+.ui-btn-corner-top {
+ -moz-border-radius-topleft: 1em;
+ -webkit-border-top-left-radius: 1em;
+ border-top-left-radius: 1em;
+ -moz-border-radius-topright: 1em;
+ -webkit-border-top-right-radius: 1em;
+ border-top-right-radius: 1em;
+}
+.ui-btn-corner-bottom {
+ -moz-border-radius-bottomleft: 1em;
+ -webkit-border-bottom-left-radius: 1em;
+ border-bottom-left-radius: 1em;
+ -moz-border-radius-bottomright: 1em;
+ -webkit-border-bottom-right-radius: 1em;
+ border-bottom-right-radius: 1em;
+}
+.ui-btn-corner-right {
+ -moz-border-radius-topright: 1em;
+ -webkit-border-top-right-radius: 1em;
+ border-top-right-radius: 1em;
+ -moz-border-radius-bottomright: 1em;
+ -webkit-border-bottom-right-radius: 1em;
+ border-bottom-right-radius: 1em;
+}
+.ui-btn-corner-left {
+ -moz-border-radius-topleft: 1em;
+ -webkit-border-top-left-radius: 1em;
+ border-top-left-radius: 1em;
+ -moz-border-radius-bottomleft: 1em;
+ -webkit-border-bottom-left-radius: 1em;
+ border-bottom-left-radius: 1em;
+}
+.ui-btn-corner-all {
+ -moz-border-radius: 0.2em;
+ -webkit-border-radius: 0.2em;
+ bordert-radius: 0.2em;
+}
+/* radius clip workaround for cleaning up corner trapping */
+.ui-corner-tl,
+.ui-corner-tr,
+.ui-corner-bl,
+.ui-corner-br,
+.ui-corner-top,
+.ui-corner-bottom,
+.ui-corner-right,
+.ui-corner-left,
+.ui-corner-all,
+.ui-btn-corner-tl,
+.ui-btn-corner-tr,
+.ui-btn-corner-bl,
+.ui-btn-corner-br,
+.ui-btn-corner-top,
+.ui-btn-corner-bottom,
+.ui-btn-corner-right,
+.ui-btn-corner-left,
+.ui-btn-corner-all {
+ -webkit-background-clip: padding-box;
+ -moz-background-clip: padding;
+ background-clip: padding-box;
+}
+/* Overlay / modal
+-----------------------------------------------------------------------------------------------------------*/
+.ui-overlay {
+ background: #666;
+ opacity: .5;
+ filter: alpha(opacity=50);
+ position: absolute;
+ width: 100%;
+ height: 100%;
+}
+/* Focus state - set here for specificity
+-----------------------------------------------------------------------------------------------------------*/
+.ui-focus {
+ /* global-active-background-color */
+
+ outline-color: #008cd2;
+}
+/* unset box shadow in browsers that don't do it right
+-----------------------------------------------------------------------------------------------------------*/
+.ui-mobile-nosupport-boxshadow * {
+ -moz-box-shadow: none !important;
+ -webkit-box-shadow: none !important;
+ box-shadow: none !important;
+}
+/* ...and bring back focus */
+.ui-mobile-nosupport-boxshadow .ui-focus {
+ outline-width: 2px;
+}
+/*
+* 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
+ */
+/******************************
+ z-index order collection
+ ******************************/
+/******************************
+ Global LESS mixin collection
+ ******************************/
+/*************************
+ Vars/Mixins for Widgets
+
+ NOTE:
+ * Color variables' name: @color_<widget name>_<identifier>
+ * Color values: Use rgb() or rgba()
+ *************************/
+/***************************************************************************
+ List
+***************************************************************************/
+/* #424242 */
+/* #a4a4a4 */
+/***************************************************************************
+ Shortcut Scroll
+***************************************************************************/
+/***************************************************************************
+ Popup
+***************************************************************************/
+/* #213c49 */
+/* #565d60 */
+/***************************************************************************
+ Button
+***************************************************************************/
+.LESSbutton_text1_style {
+ font-family: Helvetica, Arial, sans-serif;
+ font-weight: normal;
+ font-size: 1.0rem;
+ font-style: normal;
+ color: #f9f9f9;
+}
+.LESSbutton_text1_style:hover {
+ color: #f9f9f9;
+}
+/***************************************************************************
+ Date Time picker color set
+***************************************************************************/
+/***************************************************************************
+ Contextual Popup
+***************************************************************************/
+/***************************************************************************
+ DaySelector
+***************************************************************************/
+/* #00a8e7 */
+/* #f01402 */
+/* #f9f9f9 *//* #646464 *//* #3b3b3b */
+/* #008cd2 *//***************************************************************************
+ OptionHeader
+***************************************************************************/
+/* #484848 */
+/* #202020 */
+/* #2384b6 */
+/* #f9f9f9 */
+/***************************************************************************
+ SearchBar(forms.textinput)
+***************************************************************************/
+/* #242424 */
+/* #828282 */
+/***************************************************************************
+ SegmentControl
+***************************************************************************/
+/* #e6e6e6 */
+/* #3d3d3d; */
+/* #909090 */
+/* #000000 */
+/***************************************************************************
+ ControlGroup
+***************************************************************************/
+/* #252525 */
+/***************************************************************************
+ Header / Footer
+ NavigationBar / ControlBar
+***************************************************************************/
+/* #1F1F1F */
+/* #0a8cd2 */
+/* #0a8cd2 */
+/* #1F1F1F */
+/* #2B2B2B */
+/* #000000 */
+/* #767676 */
+/* #F9F9F9 */
+/* #434343 */
+/* #F9F9F9 */
+/* #6c6c6c */
+/* #848484 */
+/* #4C4C4C */
+/* #1F1F1F */
+/* #353535 */
+/* #2A2A2A */
+/* #1F1F1F */
+/* #1F1F1F */
+/* #1F1F1F */
+/* #F9F9F9 */
+/* #4c4c4c */
+/***************************************************************************
+ Tickernoti
+***************************************************************************/
+/***************************************************************************
+ Smallpopup
+***************************************************************************/
+/***************************************************************************
+ No Contents
+***************************************************************************/
+/***************************************************************************
+ Slider
+***************************************************************************/
+/***************************************************************************
+ Handler
+***************************************************************************/
+/***************************************************************************
+ multimediaview
+***************************************************************************/
+/************************/
+/* some unsets - more probably needed */
+.ui-mobile, .ui-mobile body {
+ height: 100%;
+ font-size: 36px;
+}
+.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%;
+ min-height: 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;
+}
+/*orientations from js are available */
+@media screen and (orientation: portrait) {
+ .ui-mobile, .ui-mobile .ui-page {
+ min-height: 420px;
+ background: black;
+ }
+}
+@media screen and (orientation: landscape) {
+ .ui-mobile, .ui-mobile .ui-page {
+ min-height: 300px;
+ background: black;
+ }
+}
+/* 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 */
+
+ -webkit-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: 0.8888888888888888rem;
+ text-align: center;
+}
+.ui-loader .ui-icon {
+ position: static;
+ display: block;
+ opacity: .9;
+ margin: 0 auto;
+ width: 35px;
+ height: 35px;
+ background-color: transparent;
+}
+/*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;
+}
+/* Option header reposition : Jinhyuk */
+.ui-header .ui-btn-left {
+ position: absolute;
+ left: 10px;
+ top: .4em;
+}
+.ui-header .ui-btn-right {
+ position: absolute;
+ right: 10px;
+ 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;
+}
+/*
+* jQuery Mobile Framework
+* Copyright (c) jQuery Project
+* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
+*/
+.spin {
+ -webkit-transform: rotate(360deg);
+ -webkit-animation-name: spin;
+ -webkit-animation-duration: 1s;
+ -webkit-animation-iteration-count: infinite;
+ -webkit-animation-timing-function: linear;
+}
+@-webkit-keyframes spin {
+ from {-webkit-transform: rotate(0deg);}
+ to {-webkit-transform: rotate(360deg);}
+}
+
+/* Transitions from jQtouch (with small modifications): http://www.jqtouch.com/
+Built by David Kaneda and maintained by Jonathan Stark.
+*/
+.in, .out {
+ -webkit-animation-timing-function: ease-in-out;
+ -webkit-animation-duration: 350ms;
+}
+
+
+.slide.out {
+ -webkit-transform: translateX(-100%);
+ -webkit-animation-name: slideouttoleft;
+}
+
+.slide.in {
+ -webkit-transform: translateX(0);
+ -webkit-animation-name: slideinfromright;
+}
+
+.slide.out.reverse {
+ -webkit-transform: translateX(100%);
+ -webkit-animation-name: slideouttoright;
+}
+
+.slide.in.reverse {
+ -webkit-transform: translateX(0);
+ -webkit-animation-name: slideinfromleft;
+}
+
+.slideup.out {
+ -webkit-animation-name: dontmove;
+ z-index: 0;
+}
+
+.slideup.in {
+ -webkit-transform: translateY(0);
+ -webkit-animation-name: slideinfrombottom;
+ z-index: 10;
+}
+
+.slideup.in.reverse {
+ z-index: 0;
+ -webkit-animation-name: dontmove;
+}
+
+.slideup.out.reverse {
+ -webkit-transform: translateY(100%);
+ z-index: 10;
+ -webkit-animation-name: slideouttobottom;
+}
+
+.slidedown.out {
+ -webkit-animation-name: dontmove;
+ z-index: 0;
+}
+
+.slidedown.in {
+ -webkit-transform: translateY(0);
+ -webkit-animation-name: slideinfromtop;
+ z-index: 10;
+}
+
+.slidedown.in.reverse {
+ z-index: 0;
+ -webkit-animation-name: dontmove;
+}
+
+.slidedown.out.reverse {
+ -webkit-transform: translateY(-100%);
+ z-index: 10;
+ -webkit-animation-name: slideouttotop;
+}
+
+@-webkit-keyframes slideinfromright {
+ from { -webkit-transform: translateX(100%); }
+ to { -webkit-transform: translateX(0); }
+}
+
+@-webkit-keyframes slideinfromleft {
+ from { -webkit-transform: translateX(-100%); }
+ to { -webkit-transform: translateX(0); }
+}
+
+@-webkit-keyframes slideouttoleft {
+ from { -webkit-transform: translateX(0); }
+ to { -webkit-transform: translateX(-100%); }
+}
+
+@-webkit-keyframes slideouttoright {
+ from { -webkit-transform: translateX(0); }
+ to { -webkit-transform: translateX(100%); }
+}
+
+@-webkit-keyframes slideinfromtop {
+ from { -webkit-transform: translateY(-100%); }
+ to { -webkit-transform: translateY(0); }
+}
+
+@-webkit-keyframes slideinfrombottom {
+ from { -webkit-transform: translateY(100%); }
+ to { -webkit-transform: translateY(0); }
+}
+
+@-webkit-keyframes slideouttobottom {
+ from { -webkit-transform: translateY(0); }
+ to { -webkit-transform: translateY(100%); }
+}
+
+@-webkit-keyframes slideouttotop {
+ from { -webkit-transform: translateY(0); }
+ to { -webkit-transform: translateY(-100%); }
+}
+@-webkit-keyframes fadein {
+ from { opacity: 0; }
+ to { opacity: 1; }
+}
+
+@-webkit-keyframes fadeout {
+ from { opacity: 1; }
+ to { opacity: 0; }
+}
+
+.fade.out {
+ z-index: 0;
+ -webkit-animation-name: fadeout;
+}
+
+.fade.in {
+ opacity: 1;
+ z-index: 10;
+ -webkit-animation-name: fadein;
+}
+
+/* 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 {
+ -webkit-perspective: 1000;
+ position: absolute;
+}
+
+.ui-mobile-viewport-transitioning,
+.ui-mobile-viewport-transitioning .ui-page {
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+}
+
+.flip {
+ -webkit-animation-duration: .65s;
+ -webkit-backface-visibility:hidden;
+ -webkit-transform:translateX(0); /* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -webkit-visibility:hidden is used. */
+}
+
+.flip.out {
+ -webkit-transform: rotateY(-180deg) scale(.8);
+ -webkit-animation-name: flipouttoleft;
+}
+
+.flip.in {
+ -webkit-transform: rotateY(0) scale(1);
+ -webkit-animation-name: flipinfromleft;
+}
+
+/* Shake it all about */
+
+.flip.out.reverse {
+ -webkit-transform: rotateY(180deg) scale(.8);
+ -webkit-animation-name: flipouttoright;
+}
+
+.flip.in.reverse {
+ -webkit-transform: rotateY(0) scale(1);
+ -webkit-animation-name: flipinfromright;
+}
+
+@-webkit-keyframes flipinfromright {
+ from { -webkit-transform: rotateY(-180deg) scale(.8); }
+ to { -webkit-transform: rotateY(0) scale(1); }
+}
+
+@-webkit-keyframes flipinfromleft {
+ from { -webkit-transform: rotateY(180deg) scale(.8); }
+ to { -webkit-transform: rotateY(0) scale(1); }
+}
+
+@-webkit-keyframes flipouttoleft {
+ from { -webkit-transform: rotateY(0) scale(1); }
+ to { -webkit-transform: rotateY(-180deg) scale(.8); }
+}
+
+@-webkit-keyframes flipouttoright {
+ from { -webkit-transform: rotateY(0) scale(1); }
+ to { -webkit-transform: rotateY(180deg) scale(.8); }
+}
+
+
+/* Hackish, but reliable. */
+
+@-webkit-keyframes dontmove {
+ from { opacity: 1; }
+ to { opacity: 1; }
+}
+
+.pop {
+ -webkit-transform-origin: 50% 50%;
+}
+
+.pop.in {
+ -webkit-transform: scale(1);
+ opacity: 1;
+ -webkit-animation-name: popin;
+ z-index: 10;
+}
+
+.pop.in.reverse {
+ z-index: 0;
+ -webkit-animation-name: dontmove;
+}
+
+.pop.out.reverse {
+ -webkit-transform: scale(.2);
+ opacity: 0;
+ -webkit-animation-name: popout;
+ z-index: 10;
+}
+
+@-webkit-keyframes popin {
+ from {
+ -webkit-transform: scale(.2);
+ opacity: 0;
+ }
+ to {
+ -webkit-transform: scale(1);
+ opacity: 1;
+ }
+}
+
+@-webkit-keyframes popout {
+ from {
+ -webkit-transform: scale(1);
+ opacity: 1;
+ }
+ to {
+ -webkit-transform: scale(.2);
+ 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
+ */
+/******************************
+ z-index order collection
+ ******************************/
+/******************************
+ Global LESS mixin collection
+ ******************************/
+/*************************
+ Vars/Mixins for Widgets
+
+ NOTE:
+ * Color variables' name: @color_<widget name>_<identifier>
+ * Color values: Use rgb() or rgba()
+ *************************/
+/***************************************************************************
+ List
+***************************************************************************/
+/* #424242 */
+/* #a4a4a4 */
+/***************************************************************************
+ Shortcut Scroll
+***************************************************************************/
+/***************************************************************************
+ Popup
+***************************************************************************/
+/* #213c49 */
+/* #565d60 */
+/***************************************************************************
+ Button
+***************************************************************************/
+.LESSbutton_text1_style {
+ font-family: Helvetica, Arial, sans-serif;
+ font-weight: normal;
+ font-size: 1.0rem;
+ font-style: normal;
+ color: #f9f9f9;
+}
+.LESSbutton_text1_style:hover {
+ color: #f9f9f9;
+}
+/***************************************************************************
+ Date Time picker color set
+***************************************************************************/
+/***************************************************************************
+ Contextual Popup
+***************************************************************************/
+/***************************************************************************
+ DaySelector
+***************************************************************************/
+/* #00a8e7 */
+/* #f01402 */
+/* #f9f9f9 *//* #646464 *//* #3b3b3b */
+/* #008cd2 *//***************************************************************************
+ OptionHeader
+***************************************************************************/
+/* #484848 */
+/* #202020 */
+/* #2384b6 */
+/* #f9f9f9 */
+/***************************************************************************
+ SearchBar(forms.textinput)
+***************************************************************************/
+/* #242424 */
+/* #828282 */
+/***************************************************************************
+ SegmentControl
+***************************************************************************/
+/* #e6e6e6 */
+/* #3d3d3d; */
+/* #909090 */
+/* #000000 */
+/***************************************************************************
+ ControlGroup
+***************************************************************************/
+/* #252525 */
+/***************************************************************************
+ Header / Footer
+ NavigationBar / ControlBar
+***************************************************************************/
+/* #1F1F1F */
+/* #0a8cd2 */
+/* #0a8cd2 */
+/* #1F1F1F */
+/* #2B2B2B */
+/* #000000 */
+/* #767676 */
+/* #F9F9F9 */
+/* #434343 */
+/* #F9F9F9 */
+/* #6c6c6c */
+/* #848484 */
+/* #4C4C4C */
+/* #1F1F1F */
+/* #353535 */
+/* #2A2A2A */
+/* #1F1F1F */
+/* #1F1F1F */
+/* #1F1F1F */
+/* #F9F9F9 */
+/* #4c4c4c */
+/***************************************************************************
+ Tickernoti
+***************************************************************************/
+/***************************************************************************
+ Smallpopup
+***************************************************************************/
+/***************************************************************************
+ No Contents
+***************************************************************************/
+/***************************************************************************
+ Slider
+***************************************************************************/
+/***************************************************************************
+ Handler
+***************************************************************************/
+/***************************************************************************
+ multimediaview
+***************************************************************************/
+.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
+ */
+/******************************
+ z-index order collection
+ ******************************/
+/******************************
+ Global LESS mixin collection
+ ******************************/
+/*************************
+ Vars/Mixins for Widgets
+
+ NOTE:
+ * Color variables' name: @color_<widget name>_<identifier>
+ * Color values: Use rgb() or rgba()
+ *************************/
+/***************************************************************************
+ List
+***************************************************************************/
+/* #424242 */
+/* #a4a4a4 */
+/***************************************************************************
+ Shortcut Scroll
+***************************************************************************/
+/***************************************************************************
+ Popup
+***************************************************************************/
+/* #213c49 */
+/* #565d60 */
+/***************************************************************************
+ Button
+***************************************************************************/
+.LESSbutton_text1_style {
+ font-family: Helvetica, Arial, sans-serif;
+ font-weight: normal;
+ font-size: 1.0rem;
+ font-style: normal;
+ color: #f9f9f9;
+}
+.LESSbutton_text1_style:hover {
+ color: #f9f9f9;
+}
+/***************************************************************************
+ Date Time picker color set
+***************************************************************************/
+/***************************************************************************
+ Contextual Popup
+***************************************************************************/
+/***************************************************************************
+ DaySelector
+***************************************************************************/
+/* #00a8e7 */
+/* #f01402 */
+/* #f9f9f9 *//* #646464 *//* #3b3b3b */
+/* #008cd2 *//***************************************************************************
+ OptionHeader
+***************************************************************************/
+/* #484848 */
+/* #202020 */
+/* #2384b6 */
+/* #f9f9f9 */
+/***************************************************************************
+ SearchBar(forms.textinput)
+***************************************************************************/
+/* #242424 */
+/* #828282 */
+/***************************************************************************
+ SegmentControl
+***************************************************************************/
+/* #e6e6e6 */
+/* #3d3d3d; */
+/* #909090 */
+/* #000000 */
+/***************************************************************************
+ ControlGroup
+***************************************************************************/
+/* #252525 */
+/***************************************************************************
+ Header / Footer
+ NavigationBar / ControlBar
+***************************************************************************/
+/* #1F1F1F */
+/* #0a8cd2 */
+/* #0a8cd2 */
+/* #1F1F1F */
+/* #2B2B2B */
+/* #000000 */
+/* #767676 */
+/* #F9F9F9 */
+/* #434343 */
+/* #F9F9F9 */
+/* #6c6c6c */
+/* #848484 */
+/* #4C4C4C */
+/* #1F1F1F */
+/* #353535 */
+/* #2A2A2A */
+/* #1F1F1F */
+/* #1F1F1F */
+/* #1F1F1F */
+/* #F9F9F9 */
+/* #4c4c4c */
+/***************************************************************************
+ Tickernoti
+***************************************************************************/
+/***************************************************************************
+ Smallpopup
+***************************************************************************/
+/***************************************************************************
+ No Contents
+***************************************************************************/
+/***************************************************************************
+ Slider
+***************************************************************************/
+/***************************************************************************
+ Handler
+***************************************************************************/
+/***************************************************************************
+ multimediaview
+***************************************************************************/
+/* Button colors are defined in config.less
+
+/* Edit button size */
+.ui-btn {
+ display: block;
+ text-align: center;
+ cursor: pointer;
+ position: relative;
+ /*margin: .5em 5px;*/
+ padding: 0;
+ vertical-align: middle;
+}
+/* wongi_1018 : For button align. */
+.ui-btn:focus, .ui-btn:active {
+ outline: none;
+}
+.ui-header .ui-btn, .ui-footer .ui-btn, .ui-bar .ui-btn {
+ display: inline-block;
+ font-size: 0.3611111111111111rem;
+ margin: 0;
+}
+.ui-btn-inline {
+ display: inline-block;
+}
+.ui-btn-inner {
+ padding: 0.6em 0.6944444444444444rem;
+ display: block;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ white-space: nowrap;
+ position: relative;
+ zoom: 1;
+}
+.ui-header .ui-btn-inner, .ui-footer .ui-btn-inner, .ui-bar .ui-btn-inner {
+ padding: 0.7em 0.2222222222222222rem 0.7em;
+}
+/* wongi_1024 : Button text middle align */
+.ui-header .ui-btn-inner.ui-btn-icon-only, .ui-footer .ui-btn-inner, .ui-bar .ui-btn-inner.ui-btn-icon-only {
+ padding: 0.4em 0.2222222222222222rem 0.5em;
+}
+/* wongi_1024 : Button text middle align */
+.ui-btn-icon-notext {
+ width: 0.6666666666666666rem;
+ height: 0.6666666666666666rem;
+}
+.ui-btn-icon-notext .ui-btn-inner {
+ padding: 0.05555555555555555rem 0.027777777777777776rem 0.05555555555555555rem 0.08333333333333333rem;
+}
+.ui-btn-icon-notext .ui-btn-text {
+ position: absolute;
+ left: -27.75rem;
+}
+.ui-btn-icon-left .ui-btn-inner {
+ padding-left: 0.9166666666666666rem;
+}
+.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: 0.75rem;
+}
+.ui-btn-icon-right .ui-btn-inner {
+ padding-right: 0.9166666666666666rem;
+}
+.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: 0.75rem;
+}
+.ui-btn-icon-top .ui-btn-inner {
+ padding-top: 0.9166666666666666rem;
+}
+.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: 0.75rem;
+}
+.ui-btn-icon-bottom .ui-btn-inner {
+ padding-bottom: 0.9166666666666666rem;
+}
+.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: 0.75rem;
+}
+/*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: /*10px;*/ 0rem;
+}
+/* wongi_1018 : with 64px icon, left 10 -> 0 for good looking. */
+.ui-btn-icon-circle .ui-icon {
+ left: 0rem;
+}
+/* wongi_1018 : for circle icon center positioning. */
+.ui-btn-icon-right .ui-icon {
+ right: 0.2777777777777778rem;
+}
+.ui-btn-icon-top .ui-icon {
+ top: 0.2777777777777778rem;
+}
+.ui-btn-icon-bottom .ui-icon {
+ bottom: 0.2777777777777778rem;
+}
+.ui-header .ui-btn-icon-left .ui-icon, .ui-footer .ui-btn-icon-left .ui-icon, .ui-bar .ui-btn-icon-left .ui-icon {
+ left: 0.6666666666666666rem;
+}
+/* SLP Default Footer : Jinhyuk */
+.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.1111111111111111rem;
+}
+.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.1111111111111111rem;
+}
+.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.1111111111111111rem;
+}
+/*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.027777777777777776rem;
+ border: none;
+ line-height: 27.75rem;
+}
+.ui-btn-text {
+ /*padding-left : 80px;*/
+ margin-left: auto;
+ margin-right: auto;
+}
+.ui-li .ui-btn.ui-btn-icon_only {
+ top: 50%;
+ margin-top: -0.8888888888888888rem;
+}
+.ui-li .ui-btn .ui-btn-inner.ui-btn-hastxt {
+ padding: 0.2em 0.5em;
+}
+/* wongi_1017 : Icons */
+/* icons sizing */
+.ui-btn .ui-icon {
+ width: 1.7777777777777777rem;
+ height: 1.7777777777777777rem;
+}
+.ui-btn.ui-btn-edit .ui-icon {
+ width: 2.0555555555555554rem;
+ height: 2.0555555555555554rem;
+}
+/* Padding for Icon with text */
+.ui-btn .ui-btn-text.ui-btn-text-padding-left {
+ padding-left: 0.8888888888888888rem;
+}
+.ui-btn .ui-btn-text.ui-btn-text-padding-right {
+ padding-right: 1.3333333333333333rem;
+}
+.tizen-icon-common {
+ /* Overlap original property */
+
+ background-position: 0% 0%;
+ width: 1.7777777777777777rem;
+ height: 1.7777777777777777rem;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ margin-top: 50%;
+ top: -0.8888888888888888rem;
+ z-index: 10;
+ vertical-align: middle;
+}
+.ui-icon-bg {
+ /* Overlap original property */
+
+ background-position: 0% 0%;
+ width: 1.7777777777777777rem;
+ height: 1.7777777777777777rem;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ margin-top: 50%;
+ top: -0.8888888888888888rem;
+ z-index: 10;
+ vertical-align: middle;
+ background-image: url(images/00_btn_circle_bg_normal.png);
+ z-index: 0;
+}
+.ui-icon-reveal {
+ /* Overlap original property */
+
+ background-position: 0% 0%;
+ width: 1.7777777777777777rem;
+ height: 1.7777777777777777rem;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ margin-top: 50%;
+ top: -0.8888888888888888rem;
+ z-index: 10;
+ vertical-align: middle;
+ background-image: url(images/00_button_reveal.png);
+}
+.ui-icon-reveal-left {
+ /* Overlap original property */
+
+ background-position: 0% 0%;
+ width: 1.7777777777777777rem;
+ height: 1.7777777777777777rem;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ margin-top: 50%;
+ top: -0.8888888888888888rem;
+ z-index: 10;
+ vertical-align: middle;
+ background-image: url(images/00_button_reveal_left.png);
+}
+.ui-icon-closed {
+ /* Overlap original property */
+
+ background-position: 0% 0%;
+ width: 1.7777777777777777rem;
+ height: 1.7777777777777777rem;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ margin-top: 50%;
+ top: -0.8888888888888888rem;
+ z-index: 10;
+ vertical-align: middle;
+ background-image: url(images/00_button_expand_closed.png);
+}
+.ui-icon-opened {
+ /* Overlap original property */
+
+ background-position: 0% 0%;
+ width: 1.7777777777777777rem;
+ height: 1.7777777777777777rem;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ margin-top: 50%;
+ top: -0.8888888888888888rem;
+ z-index: 10;
+ vertical-align: middle;
+ background-image: url(images/00_button_expand_opened.png);
+}
+.ui-icon-info {
+ /* Overlap original property */
+
+ background-position: 0% 0%;
+ width: 1.7777777777777777rem;
+ height: 1.7777777777777777rem;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ margin-top: 50%;
+ top: -0.8888888888888888rem;
+ z-index: 10;
+ vertical-align: middle;
+ background-image: url(images/00_button_info.png);
+}
+.ui-icon-rename {
+ /* Overlap original property */
+
+ background-position: 0% 0%;
+ width: 1.7777777777777777rem;
+ height: 1.7777777777777777rem;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ margin-top: 50%;
+ top: -0.8888888888888888rem;
+ z-index: 10;
+ vertical-align: middle;
+ background-image: url(images/00_button_rename.png);
+}
+.ui-icon-call {
+ /* Overlap original property */
+
+ background-position: 0% 0%;
+ width: 1.7777777777777777rem;
+ height: 1.7777777777777777rem;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ margin-top: 50%;
+ top: -0.8888888888888888rem;
+ z-index: 10;
+ vertical-align: middle;
+ background-image: url(images/00_button_call.png);
+}
+.ui-icon-warning {
+ /* Overlap original property */
+
+ background-position: 0% 0%;
+ width: 1.7777777777777777rem;
+ height: 1.7777777777777777rem;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ margin-top: 50%;
+ top: -0.8888888888888888rem;
+ z-index: 10;
+ vertical-align: middle;
+ background-image: url(images/00_button_warning.png);
+}
+.ui-icon-plus {
+ /* Overlap original property */
+
+ background-position: 0% 0%;
+ width: 1.7777777777777777rem;
+ height: 1.7777777777777777rem;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ margin-top: 50%;
+ top: -0.8888888888888888rem;
+ z-index: 10;
+ vertical-align: middle;
+ background-image: url(images/00_button_plus_normal.png);
+}
+.ui-icon-minus {
+ /* Overlap original property */
+
+ background-position: 0% 0%;
+ width: 1.7777777777777777rem;
+ height: 1.7777777777777777rem;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ margin-top: 50%;
+ top: -0.8888888888888888rem;
+ z-index: 10;
+ vertical-align: middle;
+ background-image: url(images/00_button_minus_normal.png);
+}
+.ui-icon-cancel {
+ /* Overlap original property */
+
+ background-position: 0% 0%;
+ width: 1.7777777777777777rem;
+ height: 1.7777777777777777rem;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ margin-top: 50%;
+ top: -0.8888888888888888rem;
+ z-index: 10;
+ vertical-align: middle;
+ background-image: url(images/00_button_cancel.png);
+}
+.ui-icon-send {
+ /* Overlap original property */
+
+ background-position: 0% 0%;
+ width: 1.7777777777777777rem;
+ height: 1.7777777777777777rem;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ margin-top: 50%;
+ top: -0.8888888888888888rem;
+ z-index: 10;
+ vertical-align: middle;
+ background-image: url(images/00_button_send.png);
+}
+.ui-icon-favorite {
+ /* Overlap original property */
+
+ background-position: 0% 0%;
+ width: 1.7777777777777777rem;
+ height: 1.7777777777777777rem;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ margin-top: 50%;
+ top: -0.8888888888888888rem;
+ z-index: 10;
+ vertical-align: middle;
+ background-image: url(images/00_winset_icon_favorite_on.png);
+}
+.ui-icon-editexpand {
+ /* Overlap original property */
+
+ background-position: 0% 0%;
+ width: 1.7777777777777777rem;
+ height: 1.7777777777777777rem;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ margin-top: 50%;
+ top: -0.8888888888888888rem;
+ z-index: 10;
+ vertical-align: middle;
+ background-image: url(images/00_button_icon_expand.png);
+ top: -1.0277777777777777rem;
+}
+.ui-icon-editminus {
+ /* Overlap original property */
+
+ background-position: 0% 0%;
+ width: 1.7777777777777777rem;
+ height: 1.7777777777777777rem;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ margin-top: 50%;
+ top: -0.8888888888888888rem;
+ z-index: 10;
+ vertical-align: middle;
+ background-image: url(images/00_button_icon_minus.png);
+ top: -1.0277777777777777rem;
+}
+.ui-icon-editplus {
+ /* Overlap original property */
+
+ background-position: 0% 0%;
+ width: 1.7777777777777777rem;
+ height: 1.7777777777777777rem;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ margin-top: 50%;
+ top: -0.8888888888888888rem;
+ z-index: 10;
+ vertical-align: middle;
+ background-image: url(images/00_button_icon_plus.png);
+ top: -1.0277777777777777rem;
+}
+/* Header back btn : Jinjyuk */
+.ui-btn-up-s .ui-icon-header-back-btn {
+ width: 1.5555555555555554rem;
+ height: 1.5555555555555554rem;
+ left: 0.6666666666666666rem;
+ top: 0.2777777777777778rem;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ background-image: url(images/00_winset_Back.png);
+}
+.ui-btn-down-s .ui-icon-header-back-btn, .ui-btn-hover-s .ui-icon-header-back-btn {
+ width: 1
<TRUNCATED>