| /* |
| * |
| * Licensed to the Apache Software Foundation (ASF) under one |
| * or more contributor license agreements. See the NOTICE file |
| * distributed with this work for additional information |
| * regarding copyright ownership. The ASF licenses this file |
| * to you under the Apache License, Version 2.0 (the |
| * "License"); you may not use this file except in compliance |
| * with the License. You may obtain a copy of the License at |
| * |
| * http://www.apache.org/licenses/LICENSE-2.0 |
| * |
| * Unless required by applicable law or agreed to in writing, |
| * software distributed under the License is distributed on an |
| * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY |
| * KIND, either express or implied. See the License for the |
| * specific language governing permissions and limitations |
| * under the License. |
| * |
| */ |
| |
| /*! |
| * 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.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-icon-header-back-btn { |
| -moz-background-size: 1.3333333333333333rem 1.0555555555555556rem; |
| -o-background-size: 1.3333333333333333rem 1.0555555555555556rem; |
| -webkit-background-size: 1.3333333333333333rem 1.0555555555555556rem; |
| background-size: 1.3333333333333333rem 1.0555555555555556rem; |
| width: 1.3333333333333333rem; |
| height: 1.0555555555555556rem; |
| } |
| /* Pressed images */ |
| .ui-btn-down-s .ui-icon-bg, .ui-btn-down-s.ui-tizen-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_press.png); |
| z-index: 0; |
| } |
| .ui-btn-down-s .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_press.png); |
| } |
| .ui-btn-down-s .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_press.png); |
| } |
| .ui-btn-down-s .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_press.png); |
| } |
| .ui-btn-down-s .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_press.png); |
| } |
| .ui-btn-down-s .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_press.png); |
| } |
| .ui-btn-down-s .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_press.png); |
| } |
| .ui-btn-down-s .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_press.png); |
| } |
| .ui-btn-down-s .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_press.png); |
| } |
| .ui-btn-down-s .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_press.png); |
| } |
| .ui-btn-down-s .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_press.png); |
| } |
| .ui-btn-down-s .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_press.png); |
| } |
| .ui-btn-down-s .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_press.png); |
| } |
| .ui-btn-down-s .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_off.png); |
| } |
| .ui-btn-down-s .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_press.png); |
| top: -1.0277777777777777rem; |
| } |
| .ui-btn-down-s .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_press.png); |
| top: -1.0277777777777777rem; |
| } |
| .ui-btn-down-s .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_press.png); |
| top: -1.0277777777777777rem; |
| } |
| .ui-btn-inner.ui-btn-icon-only { |
| padding: 0.8888888888888888rem 0.8888888888888888rem; |
| } |
| .ui-btn-edit .ui-btn-inner.ui-btn-icon-only { |
| padding: 1.0277777777777777rem 1.0277777777777777rem; |
| } |
| /* Circle Icon BG : data-iconbg = "circle" */ |
| .ui-btn-corner-all.ui-btn-corner-circle { |
| -moz-border-radius: 1em; |
| -webkit-border-radius: 1em; |
| bordert-radius: 1em; |
| } |
| /* No BG button : data-iconbg = "nobg" */ |
| .ui-btn.ui-btn-icon-nobg, .ui-btn .ui-btn-icon-nobg { |
| background-color: transparent; |
| border: none; |
| } |
| /* Contact Edit Style */ |
| .ui-btn.ui-btn-edit .ui-btn-text { |
| color: #cf2929; |
| } |
| .ui-btn.ui-btn-edit.ui-btn-hover-s, .ui-btn.ui-btn-edit.ui-btn-up-s, .ui-btn.ui-btn-edit.ui-btn-down-s { |
| font-size: 0.6em; |
| } |
| .ui-btn.ui-btn-edit.ui-btn-down-s .ui-btn-text { |
| color: #f9f9f9; |
| } |
| .ui-btn.ui-btn-edit { |
| background-color: #3b3b3b; |
| position: absolute; |
| top: 0rem; |
| margin-top: 0rem; |
| } |
| .ui-btn.ui-btn-edit.ui-btn-down-s { |
| background-color: #008cd2; |
| } |
| /* |
| * jQuery Mobile Framework |
| * Copyright (c) jQuery Project |
| * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses. |
| */ |
| .ui-collapsible { margin: .5em 0; } |
| .ui-collapsible-heading { font-size: 16px; display: block; margin: 0 -8px; padding: 0; border-width: 0 0 1px 0; position: relative; } |
| .ui-collapsible-heading a { text-align: left; margin: 0; } |
| .ui-collapsible-heading a .ui-btn-inner { padding-left: 40px; } |
| .ui-collapsible-heading a span.ui-btn { position: absolute; left: 6px; top: 50%; margin: -12px 0 0 0; width: 20px; height: 20px; padding: 1px 0px 1px 2px; text-indent: -9999px; } |
| .ui-collapsible-heading a span.ui-btn .ui-btn-inner { padding: 10px 0; } |
| .ui-collapsible-heading a span.ui-btn .ui-icon { left: 0; margin-top: -10px; } |
| .ui-collapsible-heading-status { position:absolute; left:-9999px; } |
| .ui-collapsible-content { |
| display: block; |
| margin: 0 -8px; |
| padding: 10px 16px; |
| border-top: none; /* Overrides ui-btn-up-* */ |
| background-image: none; /* Overrides ui-btn-up-* */ |
| font-weight: normal; /* Overrides ui-btn-up-* */ |
| } |
| .ui-collapsible-content-collapsed { display: none; } |
| |
| .ui-collapsible-set { margin: .5em 0; } |
| .ui-collapsible-set .ui-collapsible { margin: -1px 0 0; } |
| /**************************** |
| * 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-dialog { |
| min-height: 480px; |
| } |
| .ui-dialog .ui-header, .ui-dialog .ui-content, .ui-dialog .ui-footer { |
| margin: 15px; |
| position: relative; |
| } |
| .ui-dialog .ui-header, .ui-dialog .ui-footer { |
| z-index: 10; |
| width: auto; |
| } |
| .ui-dialog .ui-header .ui-btn-left { |
| width: 0px; |
| border-width: 0px; |
| } |
| .ui-dialog .center_info { |
| display: -moz-box; |
| display: -webkit-box; |
| display: box; |
| -moz-box-orient: vertical; |
| -webkit-box-orient: vertical; |
| box-orient: vertical; |
| -moz-box-align: center; |
| -webkit-box-align: center; |
| box-align: center; |
| -moz-box-pack: center; |
| -webkit-box-pack: center; |
| box-pack: center; |
| } |
| .ui-dialog .center_info .popup-text { |
| font-size: 42px; |
| background: #213c49; |
| width: 100%; |
| } |
| .ui-dialog .center_info .popup-text p { |
| text-align: center; |
| padding: 22px 16px; |
| } |
| /* |
| * 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 |
| ***************************************************************************/ |
| .ui-checkbox .ui-btn-inner, .ui-radio .ui-btn-inner { |
| white-space: normal; |
| } |
| .ui-icon-radio-off { |
| background-color: transparent; |
| } |
| .ui-checkbox, .ui-radio { |
| height: 2.2222222222222223rem; |
| position: relative; |
| margin: 0; |
| z-index: 1; |
| } |
| .ui-checkbox .ui-btn-corner-all, .ui-radio .ui-btn-corner-all { |
| -moz-border-radius: 0; |
| -webkit-border-radius: 0; |
| bordert-radius: 0; |
| } |
| .ui-checkbox .ui-btn-inner, .ui-radio .ui-btn-inner { |
| border-top: 0; |
| } |
| .ui-checkbox .ui-btn-up-s, .ui-radio .ui-btn-up-s { |
| border: 0; |
| background: transparent; |
| font-weight: normal; |
| } |
| .ui-checkbox .ui-btn-hover-s, .ui-radio .ui-btn-hover-s { |
| border: 0; |
| background: transparent; |
| font-weight: normal; |
| } |
| .ui-checkbox .ui-btn-down-s, .ui-radio .ui-btn-down-s { |
| border: 0; |
| background: transparent; |
| font-weight: normal; |
| } |
| .ui-checkbox input, .ui-radio input { |
| position: absolute; |
| left: -10000px; |
| height: 100%; |
| outline: 0 !important; |
| z-index: 0; |
| } |
| .ui-checkbox .ui-btn, .ui-radio .ui-btn { |
| height: 100%; |
| margin: 0; |
| text-align: left; |
| z-index: 2; |
| } |
| .ui-checkbox .ui-btn.ui-btn-icon-left, .ui-radio .ui-btn.ui-btn-icon-left { |
| display: block; |
| } |
| .ui-checkbox .ui-btn.ui-btn-icon-left .ui-btn-inner, .ui-radio .ui-btn.ui-btn-icon-left .ui-btn-inner { |
| display: inline-block; |
| line-height: 2.2222222222222223rem; |
| padding: 0 0 0 0.4444444444444444rem; |
| } |
| .ui-checkbox .ui-btn.ui-btn-icon-left .ui-btn-inner .ui-btn-text, .ui-radio .ui-btn.ui-btn-icon-left .ui-btn-inner .ui-btn-text { |
| display: inline-block; |
| vertical-align: middle; |
| margin-left: 1.1111111111111112rem; |
| } |
| .ui-checkbox .ui-btn.ui-btn-icon-left .ui-btn-inner .ui-icon, .ui-radio .ui-btn.ui-btn-icon-left .ui-btn-inner .ui-icon { |
| position: absolute; |
| top: 50%; |
| width: 1.1666666666666665rem; |
| height: 1.1666666666666665rem; |
| margin-top: -0.5833333333333333rem; |
| } |
| .ui-checkbox.favorite input { |
| position: absolute; |
| left: -10000px; |
| height: 100%; |
| outline: 0 !important; |
| z-index: 1; |
| } |
| .ui-checkbox.favorite .ui-btn.ui-btn-icon-left { |
| display: block; |
| } |
| .ui-checkbox.favorite .ui-btn.ui-btn-icon-left .ui-btn-inner { |
| display: inline-block; |
| line-height: 2.2222222222222223rem; |
| padding: 0 0 0 0.4444444444444444rem; |
| } |
| .ui-checkbox.favorite .ui-btn.ui-btn-icon-left .ui-btn-inner .ui-btn-text { |
| display: inline-block; |
| vertical-align: middle; |
| margin-left: 2.6666666666666665rem; |
| } |
| .ui-checkbox.favorite .ui-btn.ui-btn-icon-left .ui-btn-inner .ui-icon { |
| position: absolute; |
| top: 50%; |
| width: 1.7777777777777777rem; |
| height: 1.7777777777777777rem; |
| margin-top: -0.8888888888888888rem; |
| } |
| /* put img inside of checkbox(normal, favorite, on&off style) */ |
| .ui-icon-checkbox-off, |
| .ui-icon-checkbox-on, |
| .favorite .ui-icon-checkbox-off, |
| .favorite .ui-icon-checkbox-on, |
| .ui-icon-checkbox-on-press, |
| .ui-icon-checkbox-off-press, |
| .ui-icon-radio-off, |
| .ui-icon-radio-on, |
| .ui-icon-radio-on-press, |
| .ui-icon-radio-off-press { |
| background-size: 100% 100%; |
| background-color: transparent; |
| } |
| .ui-icon-checkbox-off { |
| width: 1.1666666666666665rem; |
| height: 1.1666666666666665rem; |
| background-image: url(images/00_check_bg.png); |
| } |
| .ui-icon-checkbox-on { |
| width: 1.1666666666666665rem; |
| height: 1.1666666666666665rem; |
| background-image: url(images/00_check_checking.png), url(images/00_check_bg.png); |
| background-repeat: no-repeat; |
| } |
| .ui-icon-checkbox-off-press { |
| width: 1.1666666666666665rem; |
| height: 1.1666666666666665rem; |
| background-image: url(images/00_check_bg_press.png); |
| } |
| .ui-icon-checkbox-on-press { |
| width: 1.1666666666666665rem; |
| height: 1.1666666666666665rem; |
| background-image: url(images/00_check_checking.png), url(images/00_check_bg_press.png); |
| background-repeat: no-repeat; |
| } |
| .favorite .ui-icon-checkbox-off, .favorite .ui-icon-checkbox-off-press { |
| width: 1.7777777777777777rem; |
| height: 1.7777777777777777rem; |
| background-image: url(images/00_winset_icon_favorite_off.png); |
| } |
| .favorite .ui-icon-checkbox-on, .favorite .ui-icon-checkbox-on-press { |
| width: 1.7777777777777777rem; |
| height: 1.7777777777777777rem; |
| background-image: url(images/00_winset_icon_favorite_on.png); |
| } |
| .ui-icon-radio-off { |
| width: 1.1666666666666665rem; |
| height: 1.1666666666666665rem; |
| background-image: url(images/00_button_radio_normal2.png); |
| } |
| .ui-icon-radio-on { |
| width: 1.1666666666666665rem; |
| height: 1.1666666666666665rem; |
| background-image: url(images/00_button_radio_normal1.png); |
| } |
| .ui-icon-radio-on-press { |
| width: 1.1666666666666665rem; |
| height: 1.1666666666666665rem; |
| background-image: url(images/00_button_radio_press2.png); |
| } |
| .ui-icon-radio-off-press { |
| width: 1.1666666666666665rem; |
| height: 1.1666666666666665rem; |
| background-image: url(images/00_button_radio_press1.png); |
| } |
| /* |
| * jQuery Mobile Framework |
| * Copyright (c) jQuery Project |
| * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses. |
| */ |
| .ui-field-contain { padding: 1.5em 0; margin: 0; border-bottom-width: 1px; overflow: visible; } |
| .ui-field-contain:first-child { border-top-width: 0; } |
| @media all and (min-width: 450px){ |
| .ui-field-contain { border-width: 0; padding: 0; margin: 1em 0; } |
| } /* |
| * jQuery Mobile Framework |
| * Copyright (c) jQuery Project |
| * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses. |
| */ |
| .ui-select { display: block; position: relative; } |
| .ui-select select { position: absolute; left: -9999px; top: -9999px; } |
| .ui-select .ui-btn { overflow: hidden; } |
| .ui-select .ui-btn select { cursor: pointer; -webkit-appearance: button; left: 0; top:0; width: 100%; min-height: 1.5em; min-height: 100%; height: 3em; max-height: 100%; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); z-index: 2; } |
| @-moz-document url-prefix() {.ui-select .ui-btn select { opacity: 0.0001; }} |
| .ui-select .ui-btn select.ui-select-nativeonly { opacity: 1; text-indent: 0; } |
| |
| .ui-select .ui-btn-icon-right .ui-btn-inner { padding-right: 45px; } |
| .ui-select .ui-btn-icon-right .ui-icon { right: 15px; } |
| |
| /* labels */ |
| label.ui-select { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .3em; display: block; } |
| |
| /*listbox*/ |
| .ui-select .ui-btn-text, .ui-selectmenu .ui-btn-text { display: block; min-height: 1em; } |
| .ui-select .ui-btn-text { text-overflow: ellipsis; overflow: hidden;} |
| |
| .ui-selectmenu { position: absolute; padding: 0; z-index: 100 !important; width: 80%; max-width: 350px; padding: 6px; } |
| .ui-selectmenu .ui-listview { margin: 0; } |
| .ui-selectmenu .ui-btn.ui-li-divider { cursor: default; } |
| .ui-selectmenu-hidden { top: -9999px; left: -9999px; } |
| .ui-selectmenu-screen { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; } |
| .ui-screen-hidden, .ui-selectmenu-list .ui-li .ui-icon { display: none; } |
| .ui-selectmenu-list .ui-li .ui-icon { display: block; } |
| .ui-li.ui-selectmenu-placeholder { display: none; } |
| .ui-selectmenu .ui-header .ui-title { margin: 0.6em 46px 0.8em; } |
| |
| @media all and (min-width: 450px){ |
| label.ui-select { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; } |
| .ui-select { width: 60%; display: inline-block; } |
| } |
| |
| /* when no placeholder is defined in a multiple select, the header height doesn't even extend past the close button. this shim's content in there */ |
| .ui-selectmenu .ui-header h1:after { content: '.'; visibility: hidden; }/**************************** |
| * 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 |
| ***************************************************************************/ |
| label.ui-input-text { |
| font-size: 0.8888888888888888rem; |
| line-height: 1.4; |
| display: block; |
| font-weight: normal; |
| margin: 0 0 .3em; |
| } |
| input.ui-input-text, textarea.ui-input-text { |
| background-image: none; |
| padding: .4em; |
| line-height: 1.4; |
| font-size: 0.8888888888888888rem; |
| display: block; |
| width: 95%; |
| } |
| input.ui-input-text { |
| -webkit-appearance: none; |
| } |
| textarea.ui-input-text { |
| height: 1.3888888888888888rem; |
| -webkit-transition: height 200ms linear; |
| -moz-transition: height 200ms linear; |
| -o-transition: height 200ms linear; |
| transition: height 200ms linear; |
| } |
| .ui-input-search { |
| padding: 0 0; |
| position: relative; |
| } |
| .ui-input-search input.ui-input-text { |
| border: none; |
| background: transparent none; |
| outline: 0 !important; |
| } |
| .ui-input-search .ui-btn-down-s, .ui-input-search .ui-btn-up-s, .ui-input-search .ui-btn-hover-s { |
| border: none; |
| background: transparent none; |
| } |
| .ui-input-search .ui-btn-icon-notext.ui-input-clear { |
| width: 1.0555555555555556rem; |
| height: 1.0555555555555556rem; |
| } |
| .ui-input-search .ui-btn-icon-notext.ui-input-clear .ui-btn-inner { |
| padding: 0; |
| } |
| .ui-input-search .ui-icon-deleteSearch { |
| width: 1.0555555555555556rem; |
| height: 1.0555555555555556rem; |
| } |
| .ui-input-search .ui-input-clear { |
| position: absolute; |
| right: 0; |
| top: 0; |
| vertical-align: middle; |
| margin: 0.4444444444444444rem; |
| } |
| .ui-input-search .ui-input-clear-hidden { |
| display: none; |
| } |
| .ui-image-search { |
| position: absolute; |
| top: 0; |
| left: 0; |
| width: 100%; |
| margin: 0.4444444444444444rem; |
| } |
| .ui-image-searchfield:after { |
| margin-left: 1.611111111111111rem; |
| content: "Search"; |
| color: #828282; |
| } |
| /* orientation adjustments - incomplete!*/ |
| @media all and (min-width: 720*@unit_base) { |
| label.ui-input-text { |
| vertical-align: top; |
| display: inline-block; |
| width: 20%; |
| margin: 0 2% 0 0; |
| } |
| input.ui-input-text, textarea.ui-input-text, .ui-input-search { |
| width: 60%; |
| display: inline-block; |
| } |
| .ui-input-search input.ui-input-text { |
| width: 85%; |
| /*echos rule from above*/ |
| } |
| } |
| /* search bar */ |
| .ui-body-s > div > .ui-field-contain > .input-search-bar, .ui-body-s > .ui-field-contain > .input-search-bar { |
| margin: -1.3333333333333333rem -0.41666666666666663rem -0.8888888888888888rem -0.41666666666666663rem; |
| } |
| /* Need to confirm exact concept : Jinhyuk */ |
| .input-search-bar { |
| position: relative; |
| /* In case searchbar in header : Jinhyuk */ |
| |
| background-color: #242424; |
| padding: 0.4444444444444444rem; |
| vertical-align: middle; |
| } |
| .input-search-bar .ui-corner-all { |
| -moz-border-radius: 0.3em; |
| -webkit-border-radius: 0.3em; |
| bordert-radius: 0.3em; |
| } |
| .input-search-bar .ui-input-search { |
| font-size: 0.8888888888888888rem; |
| display: inline-block; |
| position: relative; |
| width: 70%; |
| padding: 0; |
| background-color: black; |
| } |
| .input-search-bar .ui-input-search .ui-input-text { |
| height: 2.0555555555555554rem; |
| padding: 0px; |
| margin-left: 0.2777777777777778rem; |
| } |
| .input-search-bar .ui-input-search-default { |
| width: 70%; |
| -webkit-transition: width 400ms linear; |
| -moz-transition: width 400ms linear; |
| -o-transition: width 400ms linear; |
| transition: width 400ms linear; |
| } |
| .input-search-bar .ui-input-search-wide { |
| width: 100%; |
| -webkit-transition: width 400ms linear; |
| -moz-transition: width 400ms linear; |
| -o-transition: width 400ms linear; |
| transition: width 400ms linear; |
| } |
| .input-search-bar .ui-btn-icon-cancel { |
| display: inline-block; |
| position: absolute; |
| left: 70%; |
| vertical-align: middle; |
| margin-left: 0.2777777777777778rem; |
| margin-right: 0.2777777777777778rem; |
| padding: 0px; |
| height: 2.0555555555555554rem; |
| border-color: none; |
| } |
| .input-search-bar .ui-btn-icon-cancel .ui-btn-text { |
| font-size: 0.8888888888888888rem; |
| } |
| .input-search-bar .ui-btn-icon-cancel .ui-btn-inner { |
| padding-top: 0.5rem; |
| padding-bottom: 0.5rem; |
| } |
| .input-search-bar .ui-btn-icon-cancel.ui-input-cancel { |
| width: 26%; |
| } |
| .input-search-bar .ui-btn-cancel-hide { |
| left: 100%; |
| -webkit-transition: left 400ms linear; |
| -moz-transition: left 400ms linear; |
| -o-transition: left 400ms linear; |
| transition: left 400ms linear; |
| } |
| .input-search-bar .ui-btn-cancel-show { |
| left: 70%; |
| -webkit-transition: left 400ms linear; |
| -moz-transition: left 400ms linear; |
| -o-transition: left 400ms linear; |
| transition: left 400ms linear; |
| } |
| .ui-header .input-search-bar { |
| padding-top: 0.4444444444444444rem; |
| padding-bottom: 0.4444444444444444rem; |
| } |
| /**************************** |
| * 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-controlgroup, fieldset.ui-controlgroup { |
| padding: 0; |
| margin: .5em 0 1em; |
| } |
| .ui-bar .ui-controlgroup { |
| margin: 0 .3em; |
| } |
| .ui-controlgroup-label { |
| font-size: 1em; |
| line-height: 1.4; |
| font-weight: normal; |
| margin: 0 0 .3em; |
| } |
| .ui-controlgroup-controls { |
| display: block; |
| } |
| .ui-controlgroup li { |
| list-style: none; |
| } |
| .ui-controlgroup .ui-btn-inner { |
| white-space: nowrap; |
| } |
| .ui-controlgroup .ui-checkbox label label, .ui-controlgroup .ui-radio label { |
| font-size: 1em; |
| } |
| .ui-controlgroup .ui-radio { |
| width: 25%; |
| overflow: hidden; |
| } |
| .ui-controlgroup .ui-radio label { |
| text-align: center; |
| white-space: nowrap; |
| } |
| .ui-controlgroup .ui-radio-off, .ui-controlgroup .ui-radio-on { |
| width: 100%; |
| border-right-width: 1px; |
| border-right-color: #252525; |
| border-right-style: solid; |
| border-left-width: 1px; |
| border-left-color: #252525; |
| border-left-style: solid; |
| } |
| .ui-controlgroup .ui-corner-left { |
| border-left-width: 0px; |
| } |
| .ui-controlgroup .ui-corner-right { |
| border-right-width: 0px; |
| } |
| .ui-controlgroup-vertical .ui-btn, .ui-controlgroup-vertical .ui-checkbox, .ui-controlgroup-vertical .ui-radio { |
| margin: 0; |
| border-bottom-width: 0; |
| } |
| .ui-controlgroup-vertical .ui-controlgroup-last { |
| border-bottom-width: 1px; |
| } |
| .ui-controlgroup-vertical .ui-radio { |
| width: 100%; |
| } |
| .ui-controlgroup-vertical .ui-radio label { |
| text-align: left; |
| } |
| .ui-controlgroup-vertical .ui-radio label .ui-btn-inner { |
| margin-left: 0.4444444444444444rem; |
| margin-right: 0.4444444444444444rem; |
| } |
| .ui-controlgroup-horizontal { |
| padding: 0; |
| } |
| .ui-controlgroup-horizontal .ui-btn { |
| display: inline-block; |
| margin: 0 -5px 0 0; |
| } |
| .ui-controlgroup-horizontal .ui-checkbox, .ui-controlgroup-horizontal .ui-radio { |
| float: left; |
| margin: 0 -1px 0 0; |
| } |
| .ui-controlgroup-horizontal .ui-controlgroup-last { |
| margin-right: 0; |
| } |
| @media all and (min-width: 450px) { |
| .ui-controlgroup-label { |
| vertical-align: top; |
| display: inline-block; |
| width: 20%; |
| margin: 0 2% 0 0; |
| } |
| .ui-controlgroup-controls { |
| display: inline-block; |
| } |
| } |
| /* |
| * jQuery Mobile Framework |
| * Copyright (c) jQuery Project |
| * Dual licensed under the MIT (MIT-LICENSE.txt) or 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 |
| ***************************************************************************/ |
| /************************/ |
| .ui-listview { |
| margin: 0; |
| counter-reset: listnumbering; |
| border-top-width: 1px; |
| border-top-style: solid; |
| } |
| .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 { |
| font-size: 1.222222222222222rem; |
| } |
| .ui-listview li.ui-btn > .ui-btn-hastxt > .ui-btn-text.ui-btn-text-padding-right { |
| padding-right: 0rem; |
| } |
| .ui-listview > .ui-li { |
| border-bottom-width: 1px; |
| border-bottom-style: solid; |
| } |
| .ui-content .ui-listview { |
| margin: -0.4444444444444444rem; |
| } |
| .ui-content .ui-listview .ui-listview { |
| margin: 0; |
| } |
| .ui-content .ui-listview-inset { |
| margin: 1em 0; |
| } |
| .ui-listview, .ui-li { |
| list-style: none; |
| padding: 0; |
| } |
| .ui-li, .ui-li.ui-field-contain { |
| display: block; |
| margin: 0; |
| position: relative; |
| overflow: visible; |
| text-align: left; |
| } |
| .ui-li .ui-btn { |
| top: 50%; |
| margin-top: -0.8em; |
| } |
| .ui-li .ui-btn-text { |
| position: relative; |
| } |
| .ui-li .ui-btn-text a.ui-link-inherit { |
| text-overflow: ellipsis; |
| overflow: hidden; |
| white-space: nowrap; |
| } |
| .ui-li:last-child, .ui-li.ui-field-contain:last-child { |
| border-bottom-width: 1px; |
| } |
| .ui-li > .ui-btn-inner { |
| display: block; |
| position: relative; |
| padding: 0; |
| border-width: 0; |
| } |
| .ui-li .ui-btn-inner a.ui-link-inherit, .ui-li.ui-li-static { |
| padding: 0.7em 0.4444444444444444rem; |
| display: block; |
| } |
| .ui-li-divider, .ui-li-static { |
| font-weight: normal; |
| padding: 0px 0.4444444444444444rem; |
| } |
| .ui-li-static { |
| font-size: 1.222222222222222rem; |
| } |
| .ui-li-divider { |
| counter-reset: listnumbering; |
| font-size: 0.7777777777777777rem; |
| padding-top: 0.7777777777777777rem; |
| } |
| .ui-li-divider.ui-bar-s { |
| height: 0.7777777777777777rem; |
| } |
| ol.ui-listview .ui-link-inherit:before, ol.ui-listview .ui-li-static:before, .ui-li-dec { |
| font-size: .8em; |
| display: inline-block; |
| padding-right: .3em; |
| font-weight: normal; |
| counter-increment: listnumbering; |
| content: counter(listnumbering) ". "; |
| } |
| ol.ui-listview .ui-li-jsnumbering:before { |
| content: "" !important; |
| /* to avoid chance of duplication */ |
| |
| } |
| .ui-listview-inset .ui-li { |
| border-right-width: 1px; |
| border-left-width: 1px; |
| } |
| .ui-li-has-thumb .ui-btn-inner a.ui-link-inherit, .ui-li-has-thumb.ui-li-static { |
| min-height: 1.6666666666666665rem; |
| padding-left: 2.7777777777777777rem; |
| } |
| .ui-li-has-icon .ui-btn-inner a.ui-link-inherit, .ui-li-has-icon.ui-li-static { |
| min-height: 20px; |
| padding-left: 40px; |
| } |
| .ui-li-has-count .ui-btn-inner a.ui-link-inherit, .ui-li-has-count.ui-li-static { |
| padding-right: 45px; |
| } |
| .ui-li-has-arrow .ui-btn-inner a.ui-link-inherit, .ui-li-has-arrow.ui-li-static { |
| padding-right: 30px; |
| } |
| .ui-li-has-arrow.ui-li-has-count .ui-btn-inner a.ui-link-inherit, .ui-li-has-arrow.ui-li-static.ui-li-has-count { |
| padding-right: 75px; |
| } |
| .ui-li-heading { |
| font-size: 16px; |
| font-weight: bold; |
| display: block; |
| margin: .6em 0; |
| text-overflow: ellipsis; |
| overflow: hidden; |
| white-space: nowrap; |
| } |
| .ui-li-desc { |
| font-size: 12px; |
| font-weight: normal; |
| display: block; |
| margin: -0.5em 0 0.6em; |
| text-overflow: ellipsis; |
| overflow: hidden; |
| white-space: nowrap; |
| } |
| .ui-li-thumb, .ui-li-icon { |
| position: absolute; |
| left: 1px; |
| top: 0; |
| max-height: 2.6666666666666665rem; |
| max-width: 2.6666666666666665rem; |
| } |
| .ui-li-aside { |
| float: right; |
| width: 50%; |
| text-align: right; |
| margin: .3em 0; |
| } |
| @media all and (min-width: 480px) { |
| .ui-li-aside { |
| width: 45%; |
| } |
| } |
| .ui-li-divider { |
| cursor: default; |
| } |
| .ui-li-has-alt .ui-btn-inner a.ui-link-inherit, .ui-li-has-alt.ui-li-static { |
| padding-right: 95px; |
| } |
| .ui-li-has-count .ui-li-count { |
| position: absolute; |
| font-size: 11px; |
| font-weight: bold; |
| padding: .2em .5em; |
| top: 50%; |
| margin-top: -0.9em; |
| right: 38px; |
| } |
| .ui-li-divider .ui-li-count, .ui-li-static .ui-li-count { |
| right: 10px; |
| } |
| .ui-li-has-alt .ui-li-count { |
| right: 55px; |
| } |
| .ui-li-link-alt { |
| position: absolute; |
| width: 40px; |
| height: 100%; |
| border-width: 0; |
| border-left-width: 1px; |
| top: 0; |
| right: 0; |
| margin: 0; |
| padding: 0; |
| z-index: 2; |
| } |
| .ui-li-link-alt .ui-btn { |
| overflow: hidden; |
| position: absolute; |
| right: 8px; |
| top: 50%; |
| margin: -11px 0 0 0; |
| border-bottom-width: 1px; |
| z-index: -1; |
| } |
| .ui-li-link-alt .ui-btn-inner { |
| padding: 0; |
| height: 100%; |
| position: absolute; |
| width: 100%; |
| top: 0; |
| left: 0; |
| } |
| .ui-li-link-alt .ui-btn .ui-icon { |
| right: 50%; |
| margin-right: -9px; |
| } |
| .ui-listview * .ui-btn-inner > .ui-btn > .ui-btn-inner { |
| border-top: 0px; |
| } |
| .ui-listview-filter { |
| border-width: 0; |
| overflow: hidden; |
| margin: -15px -15px 15px -15px; |
| } |
| .ui-listview-filter .ui-input-search { |
| margin: 5px; |
| width: auto; |
| display: block; |
| } |
| .ui-listview-filter-inset { |
| margin: -15px -5px -15px -5px; |
| background: transparent; |
| } |
| .ui-li.ui-screen-hidden { |
| display: none; |
| } |
| .ui-li-sub, .ui-li-sub-setting { |
| float: right; |
| text-align: right; |
| font-size: 0.8888888888888888rem; |
| margin: .3em 0; |
| } |
| /* listview: size for li with a link */ |
| /* |
| .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 { |
| margin: 0; |
| min-height: @height; |
| padding-left: 0; |
| } |
| */ |
| .ui-li-long-text { |
| display: inline-block; |
| text-overflow: ellipsis; |
| overflow-x: hidden; |
| white-space: nowrap; |
| } |
| ul.ui-listview { |
| /* 1.11 Hidden style with 2 button */ |
| |
| /* For Contacts list : wongi_1108 */ |
| |
| } |
| ul.ui-listview > li.ui-li-1-11 { |
| height: 96px; |
| padding: 0px; |
| padding-left: 16px; |
| padding-right: 16px; |
| } |
| ul.ui-listview > li.ui-li-1-11 > div.ui-btn { |
| position: absolute; |
| padding: 0px; |
| margin-top: 0px; |
| width: 336px; |
| top: 18px; |
| } |
| ul.ui-listview > li.ui-li-1-11 > div.ui-btn > span.ui-btn-hastxt { |
| padding-top: 0.4em; |
| } |
| ul.ui-listview > li.ui-li-1-11 > div.ui-btn:nth-child(1) { |
| left: 16px; |
| } |
| ul.ui-listview > li.ui-li-1-11 > div.ui-btn:nth-child(2) { |
| left: 372px; |
| } |
| ul.ui-listview > li.ui-li-1line .ui-li-text-main, ul.ui-listview > li.ui-li-1line-sub .ui-li-text-main, ul.ui-listview > li.ui-li-1line-setting .ui-li-text-main { |
| font-size: 1.222222222222222rem; |
| top: 50%; |
| left: 0.4444444444444444rem; |
| margin-top: -0.5em; |
| } |
| ul.ui-listview > li.ui-li-1line .ui-li-text-sub, ul.ui-listview > li.ui-li-1line-sub .ui-li-text-sub, ul.ui-listview > li.ui-li-1line-setting .ui-li-text-sub { |
| float: right; |
| text-align: right; |
| font-size: 0.8888888888888888rem; |
| color: #646464; |
| top: 50%; |
| margin-top: -0.5em; |
| } |
| ul.ui-listview > li.ui-li-1line-setting .ui-li-text-sub { |
| color: #008cd2; |
| } |
| ul.ui-listview > li.ui-li-1line-btn1 .ui-li-text-main, ul.ui-listview > li.ui-li-1line-btn2 .ui-li-text-main { |
| font-size: 1.222222222222222rem; |
| top: 50%; |
| left: 0.4444444444444444rem; |
| margin-top: -0.5em; |
| } |
| ul.ui-listview > li.ui-li-1line-btn1 > .ui-btn, ul.ui-listview > li.ui-li-1line-btn2 > .ui-btn { |
| position: absolute; |
| right: 0.4444444444444444rem; |
| top: 50%; |
| } |
| ul.ui-listview > li.ui-li-1line-toggle .ui-li-text-main { |
| font-size: 1.222222222222222rem; |
| top: 50%; |
| left: 0.4444444444444444rem; |
| margin-top: -0.5em; |
| } |
| ul.ui-listview > li.ui-li-1line-toggle .ui-toggleswitch { |
| position: absolute; |
| right: 0.4444444444444444rem; |
| top: 50%; |
| margin: -1.1em 0 0 0.4444444444444444rem; |
| } |
| ul.ui-listview > li.ui-li-1line-bigicon1 .ui-li-text-main, |
| ul.ui-listview > li.ui-li-1line-bigicon2 .ui-li-text-main, |
| ul.ui-listview > li.ui-li-1line-bigicon4 .ui-li-text-main, |
| ul.ui-listview > li.ui-li-1line-bigicon5 .ui-li-text-main, |
| ul.ui-listview > li.ui-li-1line-bigicon6 .ui-li-text-main { |
| font-size: 1.222222222222222rem; |
| top: 50%; |
| left: 2.6666666666666665rem; |
| margin-top: -0.5em; |
| } |
| ul.ui-listview > li.ui-li-1line-bigicon1 img.ui-li-bigicon, |
| ul.ui-listview > li.ui-li-1line-bigicon2 img.ui-li-bigicon, |
| ul.ui-listview > li.ui-li-1line-bigicon4 img.ui-li-bigicon, |
| ul.ui-listview > li.ui-li-1line-bigicon5 img.ui-li-bigicon, |
| ul.ui-listview > li.ui-li-1line-bigicon6 img.ui-li-bigicon { |
| width: 1.7777777777777777rem; |
| height: 1.7777777777777777rem; |
| } |
| ul.ui-listview > li.ui-li-1line-bigicon1 img.ui-li-bigicon, |
| ul.ui-listview > li.ui-li-1line-bigicon2 img.ui-li-bigicon, |
| ul.ui-listview > li.ui-li-1line-bigicon4 img.ui-li-bigicon, |
| ul.ui-listview > li.ui-li-1line-bigicon5 img.ui-li-bigicon, |
| ul.ui-listview > li.ui-li-1line-bigicon6 img.ui-li-bigicon { |
| display: block; |
| position: absolute; |
| top: 50%; |
| margin-top: -0.8888888888888888rem; |
| left: 0.4444444444444444rem; |
| } |
| ul.ui-listview > li.ui-li-1line-bigicon2 .ui-li-text-sub { |
| float: right; |
| text-align: right; |
| font-size: 0.8888888888888888rem; |
| color: #646464; |
| top: 50%; |
| margin-top: -0.5em; |
| } |
| ul.ui-listview > li.ui-li-1line-bigicon6 .ui-toggleswitch { |
| position: absolute; |
| right: 0.4444444444444444rem; |
| top: 50%; |
| margin: -1.1em 0 0 0.4444444444444444rem; |
| } |
| ul.ui-listview > li.ui-li-1line-check1, |
| ul.ui-listview > li.ui-li-1line-check2, |
| ul.ui-listview > li.ui-li-1line-radio1, |
| ul.ui-listview > li.ui-li-1line-radio3, |
| ul.ui-listview > li.ui-li-1line-radio5 { |
| margin: 0; |
| height: 1.6666666666666665rem !important; |
| min-height: 1.6666666666666665rem; |
| padding-left: 2.0555555555555554rem; |
| } |
| ul.ui-listview > li.ui-li-1line-check1 .ui-checkbox, |
| ul.ui-listview > li.ui-li-1line-check2 .ui-checkbox, |
| ul.ui-listview > li.ui-li-1line-radio1 .ui-checkbox, |
| ul.ui-listview > li.ui-li-1line-radio3 .ui-checkbox, |
| ul.ui-listview > li.ui-li-1line-radio5 .ui-checkbox, |
| ul.ui-listview > li.ui-li-1line-check1 .ui-icon-checkbox-off, |
| ul.ui-listview > li.ui-li-1line-check2 .ui-icon-checkbox-off, |
| ul.ui-listview > li.ui-li-1line-radio1 .ui-icon-checkbox-off, |
| ul.ui-listview > li.ui-li-1line-radio3 .ui-icon-checkbox-off, |
| ul.ui-listview > li.ui-li-1line-radio5 .ui-icon-checkbox-off, |
| ul.ui-listview > li.ui-li-1line-check1 .ui-icon-checkbox-on, |
| ul.ui-listview > li.ui-li-1line-check2 .ui-icon-checkbox-on, |
| ul.ui-listview > li.ui-li-1line-radio1 .ui-icon-checkbox-on, |
| ul.ui-listview > li.ui-li-1line-radio3 .ui-icon-checkbox-on, |
| ul.ui-listview > li.ui-li-1line-radio5 .ui-icon-checkbox-on, |
| ul.ui-listview > li.ui-li-1line-check1 .ui-icon-checkbox-off-press, |
| ul.ui-listview > li.ui-li-1line-check2 .ui-icon-checkbox-off-press, |
| ul.ui-listview > li.ui-li-1line-radio1 .ui-icon-checkbox-off-press, |
| ul.ui-listview > li.ui-li-1line-radio3 .ui-icon-checkbox-off-press, |
| ul.ui-listview > li.ui-li-1line-radio5 .ui-icon-checkbox-off-press, |
| ul.ui-listview > li.ui-li-1line-check1 .ui-icon-checkbox-on-press, |
| ul.ui-listview > li.ui-li-1line-check2 .ui-icon-checkbox-on-press, |
| ul.ui-listview > li.ui-li-1line-radio1 .ui-icon-checkbox-on-press, |
| ul.ui-listview > li.ui-li-1line-radio3 .ui-icon-checkbox-on-press, |
| ul.ui-listview > li.ui-li-1line-radio5 .ui-icon-checkbox-on-press, |
| ul.ui-listview > li.ui-li-1line-check1 .ui-radio, |
| ul.ui-listview > li.ui-li-1line-check2 .ui-radio, |
| ul.ui-listview > li.ui-li-1line-radio1 .ui-radio, |
| ul.ui-listview > li.ui-li-1line-radio3 .ui-radio, |
| ul.ui-listview > li.ui-li-1line-radio5 .ui-radio, |
| ul.ui-listview > li.ui-li-1line-check1 .ui-icon-radio-off, |
| ul.ui-listview > li.ui-li-1line-check2 .ui-icon-radio-off, |
| ul.ui-listview > li.ui-li-1line-radio1 .ui-icon-radio-off, |
| ul.ui-listview > li.ui-li-1line-radio3 .ui-icon-radio-off, |
| ul.ui-listview > li.ui-li-1line-radio5 .ui-icon-radio-off, |
| ul.ui-listview > li.ui-li-1line-check1 .ui-icon-radio-on, |
| ul.ui-listview > li.ui-li-1line-check2 .ui-icon-radio-on, |
| ul.ui-listview > li.ui-li-1line-radio1 .ui-icon-radio-on, |
| ul.ui-listview > li.ui-li-1line-radio3 .ui-icon-radio-on, |
| ul.ui-listview > li.ui-li-1line-radio5 .ui-icon-radio-on, |
| ul.ui-listview > li.ui-li-1line-check1 .ui-icon-radio-off-press, |
| ul.ui-listview > li.ui-li-1line-check2 .ui-icon-radio-off-press, |
| ul.ui-listview > li.ui-li-1line-radio1 .ui-icon-radio-off-press, |
| ul.ui-listview > li.ui-li-1line-radio3 .ui-icon-radio-off-press, |
| ul.ui-listview > li.ui-li-1line-radio5 .ui-icon-radio-off-press, |
| ul.ui-listview > li.ui-li-1line-check1 .ui-icon-radio-on-press, |
| ul.ui-listview > li.ui-li-1line-check2 .ui-icon-radio-on-press, |
| ul.ui-listview > li.ui-li-1line-radio1 .ui-icon-radio-on-press, |
| ul.ui-listview > li.ui-li-1line-radio3 .ui-icon-radio-on-press, |
| ul.ui-listview > li.ui-li-1line-radio5 .ui-icon-radio-on-press { |
| position: absolute; |
| right: auto; |
| left: 0.4444444444444444rem; |
| top: 50%; |
| margin: -1.1em 0 0 -0.2222222222222222rem; |
| } |
| ul.ui-listview > li.ui-li-1line-check1 .ui-li-text-main, |
| ul.ui-listview > li.ui-li-1line-check2 .ui-li-text-main, |
| ul.ui-listview > li.ui-li-1line-radio1 .ui-li-text-main, |
| ul.ui-listview > li.ui-li-1line-radio3 .ui-li-text-main, |
| ul.ui-listview > li.ui-li-1line-radio5 .ui-li-text-main { |
| font-size: 1.222222222222222rem; |
| top: 50%; |
| left: 0.4444444444444444rem; |
| margin-top: -0.5em; |
| } |
| ul.ui-listview > li.ui-li-1line-check3, ul.ui-listview > li.ui-li-1line-check4, ul.ui-listview > li.ui-li-1line-radio4 { |
| margin: 0; |
| height: 1.6666666666666665rem !important; |
| min-height: 1.6666666666666665rem; |
| padding-left: 4.277777777777778rem; |
| } |
| ul.ui-listview > li.ui-li-1line-check3 .ui-checkbox, |
| ul.ui-listview > li.ui-li-1line-check4 .ui-checkbox, |
| ul.ui-listview > li.ui-li-1line-radio4 .ui-checkbox, |
| ul.ui-listview > li.ui-li-1line-check3 .ui-icon-checkbox-off, |
| ul.ui-listview > li.ui-li-1line-check4 .ui-icon-checkbox-off, |
| ul.ui-listview > li.ui-li-1line-radio4 .ui-icon-checkbox-off, |
| ul.ui-listview > li.ui-li-1line-check3 .ui-icon-checkbox-on, |
| ul.ui-listview > li.ui-li-1line-check4 .ui-icon-checkbox-on, |
| ul.ui-listview > li.ui-li-1line-radio4 .ui-icon-checkbox-on, |
| ul.ui-listview > li.ui-li-1line-check3 .ui-icon-checkbox-off-press, |
| ul.ui-listview > li.ui-li-1line-check4 .ui-icon-checkbox-off-press, |
| ul.ui-listview > li.ui-li-1line-radio4 .ui-icon-checkbox-off-press, |
| ul.ui-listview > li.ui-li-1line-check3 .ui-icon-checkbox-on-press, |
| ul.ui-listview > li.ui-li-1line-check4 .ui-icon-checkbox-on-press, |
| ul.ui-listview > li.ui-li-1line-radio4 .ui-icon-checkbox-on-press, |
| ul.ui-listview > li.ui-li-1line-check3 .ui-radio, |
| ul.ui-listview > li.ui-li-1line-check4 .ui-radio, |
| ul.ui-listview > li.ui-li-1line-radio4 .ui-radio, |
| ul.ui-listview > li.ui-li-1line-check3 .ui-icon-radio-off, |
| ul.ui-listview > li.ui-li-1line-check4 .ui-icon-radio-off, |
| ul.ui-listview > li.ui-li-1line-radio4 .ui-icon-radio-off, |
| ul.ui-listview > li.ui-li-1line-check3 .ui-icon-radio-on, |
| ul.ui-listview > li.ui-li-1line-check4 .ui-icon-radio-on, |
| ul.ui-listview > li.ui-li-1line-radio4 .ui-icon-radio-on, |
| ul.ui-listview > li.ui-li-1line-check3 .ui-icon-radio-off-press, |
| ul.ui-listview > li.ui-li-1line-check4 .ui-icon-radio-off-press, |
| ul.ui-listview > li.ui-li-1line-radio4 .ui-icon-radio-off-press, |
| ul.ui-listview > li.ui-li-1line-check3 .ui-icon-radio-on-press, |
| ul.ui-listview > li.ui-li-1line-check4 .ui-icon-radio-on-press, |
| ul.ui-listview > li.ui-li-1line-radio4 .ui-icon-radio-on-press { |
| position: absolute; |
| right: auto; |
| left: 0.4444444444444444rem; |
| top: 50%; |
| margin: -1.1em 0 0 -0.2222222222222222rem; |
| } |
| ul.ui-listview > li.ui-li-1line-check3 img.ui-li-bigicon, ul.ui-listview > li.ui-li-1line-check4 img.ui-li-bigicon, ul.ui-listview > li.ui-li-1line-radio4 img.ui-li-bigicon { |
| width: 1.7777777777777777rem; |
| height: 1.7777777777777777rem; |
| } |
| ul.ui-listview > li.ui-li-1line-check3 img.ui-li-bigicon, ul.ui-listview > li.ui-li-1line-check4 img.ui-li-bigicon, ul.ui-listview > li.ui-li-1line-radio4 img.ui-li-bigicon { |
| display: block; |
| position: absolute; |
| top: 50%; |
| margin-top: -0.8888888888888888rem; |
| left: 2.0555555555555554rem; |
| } |
| ul.ui-listview > li.ui-li-1line-check3 .ui-li-text-main, ul.ui-listview > li.ui-li-1line-check4 .ui-li-text-main, ul.ui-listview > li.ui-li-1line-radio4 .ui-li-text-main { |
| font-size: 1.222222222222222rem; |
| top: 50%; |
| left: 0.4444444444444444rem; |
| margin-top: -0.5em; |
| } |
| ul.ui-listview > li.ui-li-1line-bigicon4 > .ui-btn, |
| ul.ui-listview > li.ui-li-1line-bigicon5 > .ui-btn, |
| ul.ui-listview > li.ui-li-1line-check2 > .ui-btn, |
| ul.ui-listview > li.ui-li-1line-check4 > .ui-btn, |
| ul.ui-listview > li.ui-li-1line-radio3 > .ui-btn, |
| ul.ui-listview > li.ui-li-1line-radio5 > .ui-btn { |
| position: absolute; |
| right: 0.4444444444444444rem; |
| top: 50%; |
| } |
| ul.ui-listview > li.ui-li-1line-radio5 img.ui-li-bigicon { |
| width: 1.7777777777777777rem; |
| height: 1.7777777777777777rem; |
| } |
| ul.ui-listview > li.ui-li-1line-radio5 img.ui-li-bigicon { |
| display: block; |
| position: absolute; |
| top: 50%; |
| margin-top: -0.8888888888888888rem; |
| left: auto; |
| right: 2.6666666666666665rem; |
| } |
| ul.ui-listview > li.ui-li-1line-radio6 .ui-li-text-main { |
| font-size: 1.222222222222222rem; |
| top: 50%; |
| left: 0.4444444444444444rem; |
| margin-top: -0.5em; |
| } |
| ul.ui-listview > li.ui-li-1line-radio6 img.ui-li-bigicon { |
| width: 1.7777777777777777rem; |
| height: 1.7777777777777777rem; |
| } |
| ul.ui-listview > li.ui-li-1line-radio6 img.ui-li-bigicon { |
| display: block; |
| position: absolute; |
| top: 50%; |
| margin-top: -0.8888888888888888rem; |
| left: auto; |
| right: 0.4444444444444444rem; |
| } |
| ul.ui-listview > li.ui-li-2line, ul.ui-listview > li.ui-li-2line-setting, ul.ui-listview > li.ui-li-2line-toggle-setting { |
| margin: 0; |
| padding: 0 0.4444444444444444rem; |
| height: 3.5555555555555554rem; |
| min-height: 3.5555555555555554rem; |
| } |
| ul.ui-listview > li.ui-li-2line .ui-li-text-main, ul.ui-listview > li.ui-li-2line-setting .ui-li-text-main, ul.ui-listview > li.ui-li-2line-toggle-setting .ui-li-text-main { |
| position: absolute; |
| font-size: 1.222222222222222rem; |
| line-height: 1.6666666666666665rem; |
| left: 0.4444444444444444rem; |
| top: 0.2777777777777778rem; |
| text-overflow: ellipsis; |
| overflow: hidden; |
| white-space: nowrap; |
| max-width: 90%; |
| } |
| ul.ui-listview > li.ui-li-2line .ui-li-text-sub, ul.ui-listview > li.ui-li-2line-setting .ui-li-text-sub, ul.ui-listview > li.ui-li-2line-toggle-setting .ui-li-text-sub { |
| position: absolute; |
| font-size: 0.8888888888888888rem; |
| line-height: 1.3333333333333333rem; |
| color: #646464; |
| left: 0.4444444444444444rem; |
| top: 1.9444444444444442rem; |
| text-overflow: ellipsis; |
| overflow: hidden; |
| white-space: nowrap; |
| max-width: 90%; |
| } |
| ul.ui-listview > li.ui-li-2line .ui-toggleswitch, ul.ui-listview > li.ui-li-2line-setting .ui-toggleswitch, ul.ui-listview > li.ui-li-2line-toggle-setting .ui-toggleswitch { |
| position: absolute; |
| right: 0.4444444444444444rem; |
| top: 50%; |
| margin: -1.1em 0 0 0.4444444444444444rem; |
| } |
| ul.ui-listview > li.ui-li-2line-sub-main, ul.ui-listview > li.ui-li-2line-sub-main-bigicon1 { |
| margin: 0; |
| padding: 0 0.4444444444444444rem; |
| height: 3.5555555555555554rem; |
| min-height: 3.5555555555555554rem; |
| } |
| ul.ui-listview > li.ui-li-2line-sub-main .ui-li-text-main, ul.ui-listview > li.ui-li-2line-sub-main-bigicon1 .ui-li-text-main { |
| position: absolute; |
| font-size: 1.222222222222222rem; |
| line-height: 1.6666666666666665rem; |
| left: 0.4444444444444444rem; |
| top: 1.6111111111111112rem; |
| text-overflow: ellipsis; |
| overflow: hidden; |
| white-space: nowrap; |
| max-width: 90%; |
| } |
| ul.ui-listview > li.ui-li-2line-sub-main .ui-li-text-sub, ul.ui-listview > li.ui-li-2line-sub-main-bigicon1 .ui-li-text-sub { |
| position: absolute; |
| font-size: 0.8888888888888888rem; |
| line-height: 1.3333333333333333rem; |
| color: #646464; |
| left: 0.4444444444444444rem; |
| top: 0.2777777777777778rem; |
| text-overflow: ellipsis; |
| overflow: hidden; |
| white-space: nowrap; |
| max-width: 90%; |
| } |
| ul.ui-listview > li.ui-li-2line-sub-main img.ui-li-bigicon, ul.ui-listview > li.ui-li-2line-sub-main-bigicon1 img.ui-li-bigicon { |
| width: 1.7777777777777777rem; |
| height: 1.7777777777777777rem; |
| } |
| ul.ui-listview > li.ui-li-2line-sub-main img.ui-li-bigicon, ul.ui-listview > li.ui-li-2line-sub-main-bigicon1 img.ui-li-bigicon { |
| display: block; |
| position: absolute; |
| top: 50%; |
| margin-top: -0.8888888888888888rem; |
| left: auto; |
| right: 0.4444444444444444rem; |
| } |
| ul.ui-listview > li.ui-li-2line-2sub { |
| margin: 0; |
| padding: 0 0.4444444444444444rem; |
| height: 3.5555555555555554rem; |
| min-height: 3.5555555555555554rem; |
| } |
| ul.ui-listview > li.ui-li-2line-2sub .ui-li-text-main { |
| position: absolute; |
| font-size: 1.222222222222222rem; |
| line-height: 1.6666666666666665rem; |
| left: 0.4444444444444444rem; |
| top: 0.2777777777777778rem; |
| text-overflow: ellipsis; |
| overflow: hidden; |
| white-space: nowrap; |
| max-width: 90%; |
| } |
| ul.ui-listview > li.ui-li-2line-2sub .ui-li-text-sub { |
| position: absolute; |
| font-size: 0.8888888888888888rem; |
| line-height: 1.3333333333333333rem; |
| color: #646464; |
| left: 0.4444444444444444rem; |
| top: 1.9444444444444442rem; |
| text-overflow: ellipsis; |
| overflow: hidden; |
| white-space: nowrap; |
| max-width: 90%; |
| } |
| ul.ui-listview > li.ui-li-2line-2sub .ui-li-text-sub2 { |
| position: absolute; |
| font-size: 0.8888888888888888rem; |
| line-height: 1.3333333333333333rem; |
| color: #646464; |
| right: 0.4444444444444444rem; |
| top: 0.2777777777777778rem; |
| text-overflow: ellipsis; |
| overflow: hidden; |
| white-space: nowrap; |
| max-width: 30%; |
| } |
| ul.ui-listview > li.ui-li-2line-btn1, |
| ul.ui-listview > li.ui-li-2line-btn2, |
| ul.ui-listview > li.ui-li-2line-btn-setting, |
| ul.ui-listview > li.ui-li-2line-bigicon0 { |
| margin: 0; |
| padding: 0 0.4444444444444444rem; |
| height: 3.5555555555555554rem; |
| min-height: 3.5555555555555554rem; |
| } |
| ul.ui-listview > li.ui-li-2line-btn1 .ui-li-text-main, |
| ul.ui-listview > li.ui-li-2line-btn2 .ui-li-text-main, |
| ul.ui-listview > li.ui-li-2line-btn-setting .ui-li-text-main, |
| ul.ui-listview > li.ui-li-2line-bigicon0 .ui-li-text-main { |
| position: absolute; |
| font-size: 1.222222222222222rem; |
| line-height: 1.6666666666666665rem; |
| left: 0.4444444444444444rem; |
| top: 0.2777777777777778rem; |
| text-overflow: ellipsis; |
| overflow: hidden; |
| white-space: nowrap; |
| max-width: 90%; |
| } |
| ul.ui-listview > li.ui-li-2line-btn1 .ui-li-text-sub, |
| ul.ui-listview > li.ui-li-2line-btn2 .ui-li-text-sub, |
| ul.ui-listview > li.ui-li-2line-btn-setting .ui-li-text-sub, |
| ul.ui-listview > li.ui-li-2line-bigicon0 .ui-li-text-sub { |
| position: absolute; |
| font-size: 0.8888888888888888rem; |
| line-height: 1.3333333333333333rem; |
| color: #646464; |
| left: 0.4444444444444444rem; |
| top: 1.9444444444444442rem; |
| text-overflow: ellipsis; |
| overflow: hidden; |
| white-space: nowrap; |
| max-width: 90%; |
| } |
| ul.ui-listview > li.ui-li-2line-btn1 > .ui-btn, |
| ul.ui-listview > li.ui-li-2line-btn2 > .ui-btn, |
| ul.ui-listview > li.ui-li-2line-btn-setting > .ui-btn, |
| ul.ui-listview > li.ui-li-2line-bigicon0 > .ui-btn { |
| position: absolute; |
| right: 0.4444444444444444rem; |
| top: 50%; |
| } |
| ul.ui-listview > li.ui-li-2line-btn1 .ui-li-text-sub > img, |
| ul.ui-listview > li.ui-li-2line-btn2 .ui-li-text-sub > img, |
| ul.ui-listview > li.ui-li-2line-btn-setting .ui-li-text-sub > img, |
| ul.ui-listview > li.ui-li-2line-bigicon0 .ui-li-text-sub > img { |
| width: 0.8888888888888888rem; |
| height: 0.8888888888888888rem; |
| margin: 0 0 0 0.4444444444444444rem; |
| } |
| ul.ui-listview > li.ui-li-2line-star1 { |
| margin: 0; |
| padding: 0 0.4444444444444444rem; |
| height: 3.5555555555555554rem; |
| min-height: 3.5555555555555554rem; |
| } |
| ul.ui-listview > li.ui-li-2line-star1 .ui-li-text-main { |
| position: absolute; |
| font-size: 1.222222222222222rem; |
| line-height: 1.6666666666666665rem; |
| left: 0.4444444444444444rem; |
| top: 0.2777777777777778rem; |
| text-overflow: ellipsis; |
| overflow: hidden; |
| white-space: nowrap; |
| max-width: 90%; |
| } |
| ul.ui-listview > li.ui-li-2line-star1 .ui-li-text-sub { |
| position: absolute; |
| font-size: 0.8888888888888888rem; |
| line-height: 1.3333333333333333rem; |
| color: #646464; |
| left: 0.4444444444444444rem; |
| top: 1.9444444444444442rem; |
| text-overflow: ellipsis; |
| overflow: hidden; |
| white-space: nowrap; |
| max-width: 90%; |
| } |
| ul.ui-listview > li.ui-li-2line-star1 img.ui-li-icon-sub { |
| position: absolute; |
| left: auto; |
| right: 0.4444444444444444rem; |
| top: 0.2777777777777778rem; |
| width: 0.8888888888888888rem; |
| height: 0.8888888888888888rem; |
| margin: 0 0; |
| } |
| ul.ui-listview > li.ui-li-2line-star1 .ui-li-text-sub2 { |
| position: absolute; |
| font-size: 0.8888888888888888rem; |
| line-height: 1.3333333333333333rem; |
| color: #646464; |
| right: 0.4444444444444444rem; |
| top: 1.9444444444444442rem; |
| text-overflow: ellipsis; |
| overflow: hidden; |
| white-space: nowrap; |
| max-width: 30%; |
| } |
| ul.ui-listview > li.ui-li-2line-star2 { |
| margin: 0; |
| padding: 0 0.4444444444444444rem; |
| height: 3.5555555555555554rem; |
| min-height: 3.5555555555555554rem; |
| } |
| ul.ui-listview > li.ui-li-2line-star2 .ui-li-text-main { |
| position: absolute; |
| font-size: 1.222222222222222rem; |
| line-height: 1.6666666666666665rem; |
| left: 0.4444444444444444rem; |
| top: 0.2777777777777778rem; |
| text-overflow: ellipsis; |
| overflow: hidden; |
| white-space: nowrap; |
| max-width: 90%; |
| } |
| ul.ui-listview > li.ui-li-2line-star2 .ui-li-text-sub { |
| position: absolute; |
| font-size: 0.8888888888888888rem; |
| line-height: 1.3333333333333333rem; |
| color: #646464; |
| left: 0.4444444444444444rem; |
| top: 1.9444444444444442rem; |
| text-overflow: ellipsis; |
| overflow: hidden; |
| white-space: nowrap; |
| max-width: 90%; |
| } |
| ul.ui-listview > li.ui-li-2line-star2 img.ui-li-icon-sub { |
| position: absolute; |
| left: auto; |
| right: 0.4444444444444444rem; |
| top: 0.2777777777777778rem; |
| width: 0.8888888888888888rem; |
| height: 0.8888888888888888rem; |
| margin: 0 0; |
| } |
| ul.ui-listview > li.ui-li-2line-star2 .ui-li-text-sub > img { |
| width: 0.8888888888888888rem; |
| height: 0.8888888888888888rem; |
| margin: 0 0.4444444444444444rem 0 0; |
| } |
| ul.ui-listview > li.ui-li-2line-bigicon1, |
| ul.ui-listview > li.ui-li-2line-bigicon2, |
| ul.ui-listview > li.ui-li-2line-bigicon3, |
| ul.ui-listview > li.ui-li-2line-bigicon4, |
| ul.ui-listview > li.ui-li-2line-colorbar3, |
| ul.ui-listview > li.ui-li-2line-bigicon-pgbar2 { |
| margin: 0; |
| padding: 0 0.4444444444444444rem; |
| height: 3.5555555555555554rem; |
| min-height: 3.5555555555555554rem; |
| } |
| ul.ui-listview > li.ui-li-2line-bigicon1 .ui-li-text-main, |
| ul.ui-listview > li.ui-li-2line-bigicon2 .ui-li-text-main, |
| ul.ui-listview > li.ui-li-2line-bigicon3 .ui-li-text-main, |
| ul.ui-listview > li.ui-li-2line-bigicon4 .ui-li-text-main, |
| ul.ui-listview > li.ui-li-2line-colorbar3 .ui-li-text-main, |
| ul.ui-listview > li.ui-li-2line-bigicon-pgbar2 .ui-li-text-main { |
| position: absolute; |
| font-size: 1.222222222222222rem; |
| line-height: 1.6666666666666665rem; |
| left: 2.6666666666666665rem; |
| top: 0.2777777777777778rem; |
| text-overflow: ellipsis; |
| overflow: hidden; |
| white-space: nowrap; |
| max-width: 90%; |
| } |
| ul.ui-listview > li.ui-li-2line-bigicon1 .ui-li-text-sub, |
| ul.ui-listview > li.ui-li-2line-bigicon2 .ui-li-text-sub, |
| ul.ui-listview > li.ui-li-2line-bigicon3 .ui-li-text-sub, |
| ul.ui-listview > li.ui-li-2line-bigicon4 .ui-li-text-sub, |
| ul.ui-listview > li.ui-li-2line-colorbar3 .ui-li-text-sub, |
| ul.ui-listview > li.ui-li-2line-bigicon-pgbar2 .ui-li-text-sub { |
| position: absolute; |
| font-size: 0.8888888888888888rem; |
| line-height: 1.3333333333333333rem; |
| color: #646464; |
| left: 2.6666666666666665rem; |
| top: 1.9444444444444442rem; |
| text-overflow: ellipsis; |
| overflow: hidden; |
| white-space: nowrap; |
| max-width: 90%; |
| } |
| ul.ui-listview > li.ui-li-2line-bigicon1 > .ui-btn, |
| ul.ui-listview > li.ui-li-2line-bigicon2 > .ui-btn, |
| ul.ui-listview > li.ui-li-2line-bigicon3 > .ui-btn, |
| ul.ui-listview > li.ui-li-2line-bigicon4 > .ui-btn, |
| ul.ui-listview > li.ui-li-2line-colorbar3 > .ui-btn, |
| ul.ui-listview > li.ui-li-2line-bigicon-pgbar2 > .ui-btn { |
| position: absolute; |
| right: 0.4444444444444444rem; |
| top: 50%; |
| } |
| ul.ui-listview > li.ui-li-2line-bigicon1 img.ui-li-bigicon, |
| ul.ui-listview > li.ui-li-2line-bigicon2 img.ui-li-bigicon, |
| ul.ui-listview > li.ui-li-2line-bigicon3 img.ui-li-bigicon, |
| ul.ui-listview > li.ui-li-2line-bigicon4 img.ui-li-bigicon, |
| ul.ui-listview > li.ui-li-2line-colorbar3 img.ui-li-bigicon, |
| ul.ui-listview > li.ui-li-2line-bigicon-pgbar2 img.ui-li-bigicon { |
| width: 1.7777777777777777rem; |
| height: 1.7777777777777777rem; |
| } |
| ul.ui-listview > li.ui-li-2line-bigicon1 img.ui-li-bigicon, |
| ul.ui-listview > li.ui-li-2line-bigicon2 img.ui-li-bigicon, |
| ul.ui-listview > li.ui-li-2line-bigicon3 img.ui-li-bigicon, |
| ul.ui-listview > li.ui-li-2line-bigicon4 img.ui-li-bigicon, |
| ul.ui-listview > li.ui-li-2line-colorbar3 img.ui-li-bigicon, |
| ul.ui-listview > li.ui-li-2line-bigicon-pgbar2 img.ui-li-bigicon { |
| display: block; |
| position: absolute; |
| top: 50%; |
| margin-top: -0.8888888888888888rem; |
| left: 0.4444444444444444rem; |
| } |
| ul.ui-listview > li.ui-li-2line-bigicon2 .ui-li-text-sub2 { |
| position: absolute; |
| font-size: 0.8888888888888888rem; |
| line-height: 1.3333333333333333rem; |
| color: #646464; |
| right: 0.4444444444444444rem; |
| top: 0.2777777777777778rem; |
| text-overflow: ellipsis; |
| overflow: hidden; |
| white-space: nowrap; |
| max-width: 30%; |
| } |
| ul.ui-listview > li.ui-li-2line-setting .ui-li-text-sub, |
| ul.ui-listview > li.ui-li-2line-toggle-setting .ui-li-text-sub, |
| ul.ui-listview > li.ui-li-2line-btn-setting .ui-li-text-sub, |
| ul.ui-listview > li.ui-li-2line-bigicon3 .ui-li-text-sub { |
| color: #008cd2; |
| } |
| ul.ui-listview > li.ui-li-2line-check1, ul.ui-listview > li.ui-li-2line-check2, ul.ui-listview > li.ui-li-2line-radio1 { |
| margin: 0; |
| padding: 0 0.4444444444444444rem; |
| height: 3.5555555555555554rem; |
| min-height: 3.5555555555555554rem; |
| } |
| ul.ui-listview > li.ui-li-2line-check1 .ui-checkbox, |
| ul.ui-listview > li.ui-li-2line-check2 .ui-checkbox, |
| ul.ui-listview > li.ui-li-2line-radio1 .ui-checkbox, |
| ul.ui-listview > li.ui-li-2line-check1 .ui-icon-checkbox-off, |
| ul.ui-listview > li.ui-li-2line-check2 .ui-icon-checkbox-off, |
| ul.ui-listview > li.ui-li-2line-radio1 .ui-icon-checkbox-off, |
| ul.ui-listview > li.ui-li-2line-check1 .ui-icon-checkbox-on, |
| ul.ui-listview > li.ui-li-2line-check2 .ui-icon-checkbox-on, |
| ul.ui-listview > li.ui-li-2line-radio1 .ui-icon-checkbox-on, |
| ul.ui-listview > li.ui-li-2line-check1 .ui-icon-checkbox-off-press, |
| ul.ui-listview > li.ui-li-2line-check2 .ui-icon-checkbox-off-press, |
| ul.ui-listview > li.ui-li-2line-radio1 .ui-icon-checkbox-off-press, |
| ul.ui-listview > li.ui-li-2line-check1 .ui-icon-checkbox-on-press, |
| ul.ui-listview > li.ui-li-2line-check2 .ui-icon-checkbox-on-press, |
| ul.ui-listview > li.ui-li-2line-radio1 .ui-icon-checkbox-on-press, |
| ul.ui-listview > li.ui-li-2line-check1 .ui-radio, |
| ul.ui-listview > li.ui-li-2line-check2 .ui-radio, |
| ul.ui-listview > li.ui-li-2line-radio1 .ui-radio, |
| ul.ui-listview > li.ui-li-2line-check1 .ui-icon-radio-off, |
| ul.ui-listview > li.ui-li-2line-check2 .ui-icon-radio-off, |
| ul.ui-listview > li.ui-li-2line-radio1 .ui-icon-radio-off, |
| ul.ui-listview > li.ui-li-2line-check1 .ui-icon-radio-on, |
| ul.ui-listview > li.ui-li-2line-check2 .ui-icon-radio-on, |
| ul.ui-listview > li.ui-li-2line-radio1 .ui-icon-radio-on, |
| ul.ui-listview > li.ui-li-2line-check1 .ui-icon-radio-off-press, |
| ul.ui-listview > li.ui-li-2line-check2 .ui-icon-radio-off-press, |
| ul.ui-listview > li.ui-li-2line-radio1 .ui-icon-radio-off-press, |
| ul.ui-listview > li.ui-li-2line-check1 .ui-icon-radio-on-press, |
| ul.ui-listview > li.ui-li-2line-check2 .ui-icon-radio-on-press, |
| ul.ui-listview > li.ui-li-2line-radio1 .ui-icon-radio-on-press { |
| position: absolute; |
| right: auto; |
| left: 0.4444444444444444rem; |
| top: 50%; |
| margin: -1.1em 0 0 -0.2222222222222222rem; |
| } |
| ul.ui-listview > li.ui-li-2line-check1 .ui-li-text-main, ul.ui-listview > li.ui-li-2line-check2 .ui-li-text-main, ul.ui-listview > li.ui-li-2line-radio1 .ui-li-text-main { |
| position: absolute; |
| font-size: 1.222222222222222rem; |
| line-height: 1.6666666666666665rem; |
| left: 2.0555555555555554rem; |
| top: 0.2777777777777778rem; |
| text-overflow: ellipsis; |
| overflow: hidden; |
| white-space: nowrap; |
| max-width: 90%; |
| } |
| ul.ui-listview > li.ui-li-2line-check1 .ui-li-text-sub, ul.ui-listview > li.ui-li-2line-check2 .ui-li-text-sub, ul.ui-listview > li.ui-li-2line-radio1 .ui-li-text-sub { |
| position: absolute; |
| font-size: 0.8888888888888888rem; |
| line-height: 1.3333333333333333rem; |
| color: #646464; |
| left: 2.0555555555555554rem; |
| top: 1.9444444444444442rem; |
| text-overflow: ellipsis; |
| overflow: hidden; |
| white-space: nowrap; |
| max-width: 90%; |
| } |
| ul.ui-listview > li.ui-li-2line-check1 > .ui-btn, ul.ui-listview > li.ui-li-2line-check2 > .ui-btn, ul.ui-listview > li.ui-li-2line-radio1 > .ui-btn { |
| position: absolute; |
| right: 0.4444444444444444rem; |
| top: 50%; |
| } |
| ul.ui-listview > li.ui-li-2line-check3, ul.ui-listview > li.ui-li-2line-radio2, ul.ui-listview > li.ui-li-2line-icon-bigicon-btn { |
| margin: 0; |
| padding: 0 0.4444444444444444rem; |
| height: 3.5555555555555554rem; |
| min-height: 3.5555555555555554rem; |
| } |
| ul.ui-listview > li.ui-li-2line-check3 .ui-checkbox, |
| ul.ui-listview > li.ui-li-2line-radio2 .ui-checkbox, |
| ul.ui-listview > li.ui-li-2line-icon-bigicon-btn .ui-checkbox, |
| ul.ui-listview > li.ui-li-2line-check3 .ui-icon-checkbox-off, |
| ul.ui-listview > li.ui-li-2line-radio2 .ui-icon-checkbox-off, |
| ul.ui-listview > li.ui-li-2line-icon-bigicon-btn .ui-icon-checkbox-off, |
| ul.ui-listview > li.ui-li-2line-check3 .ui-icon-checkbox-on, |
| ul.ui-listview > li.ui-li-2line-radio2 .ui-icon-checkbox-on, |
| ul.ui-listview > li.ui-li-2line-icon-bigicon-btn .ui-icon-checkbox-on, |
| ul.ui-listview > li.ui-li-2line-check3 .ui-icon-checkbox-off-press, |
| ul.ui-listview > li.ui-li-2line-radio2 .ui-icon-checkbox-off-press, |
| ul.ui-listview > li.ui-li-2line-icon-bigicon-btn .ui-icon-checkbox-off-press, |
| ul.ui-listview > li.ui-li-2line-check3 .ui-icon-checkbox-on-press, |
| ul.ui-listview > li.ui-li-2line-radio2 .ui-icon-checkbox-on-press, |
| ul.ui-listview > li.ui-li-2line-icon-bigicon-btn .ui-icon-checkbox-on-press, |
| ul.ui-listview > li.ui-li-2line-check3 .ui-radio, |
| ul.ui-listview > li.ui-li-2line-radio2 .ui-radio, |
| ul.ui-listview > li.ui-li-2line-icon-bigicon-btn .ui-radio, |
| ul.ui-listview > li.ui-li-2line-check3 .ui-icon-radio-off, |
| ul.ui-listview > li.ui-li-2line-radio2 .ui-icon-radio-off, |
| ul.ui-listview > li.ui-li-2line-icon-bigicon-btn .ui-icon-radio-off, |
| ul.ui-listview > li.ui-li-2line-check3 .ui-icon-radio-on, |
| ul.ui-listview > li.ui-li-2line-radio2 .ui-icon-radio-on, |
| ul.ui-listview > li.ui-li-2line-icon-bigicon-btn .ui-icon-radio-on, |
| ul.ui-listview > li.ui-li-2line-check3 .ui-icon-radio-off-press, |
| ul.ui-listview > li.ui-li-2line-radio2 .ui-icon-radio-off-press, |
| ul.ui-listview > li.ui-li-2line-icon-bigicon-btn .ui-icon-radio-off-press, |
| ul.ui-listview > li.ui-li-2line-check3 .ui-icon-radio-on-press, |
| ul.ui-listview > li.ui-li-2line-radio2 .ui-icon-radio-on-press, |
| ul.ui-listview > li.ui-li-2line-icon-bigicon-btn .ui-icon-radio-on-press { |
| position: absolute; |
| right: auto; |
| left: 0.4444444444444444rem; |
| top: 50%; |
| margin: -1.1em 0 0 -0.2222222222222222rem; |
| } |
| ul.ui-listview > li.ui-li-2line-check3 img.ui-li-bigicon, ul.ui-listview > li.ui-li-2line-radio2 img.ui-li-bigicon, ul.ui-listview > li.ui-li-2line-icon-bigicon-btn img.ui-li-bigicon { |
| width: 1.7777777777777777rem; |
| height: 1.7777777777777777rem; |
| } |
| ul.ui-listview > li.ui-li-2line-check3 img.ui-li-bigicon, ul.ui-listview > li.ui-li-2line-radio2 img.ui-li-bigicon, ul.ui-listview > li.ui-li-2line-icon-bigicon-btn img.ui-li-bigicon { |
| display: block; |
| position: absolute; |
| top: 50%; |
| margin-top: -0.8888888888888888rem; |
| left: 2.0555555555555554rem; |
| } |
| ul.ui-listview > li.ui-li-2line-check3 .ui-li-text-main, ul.ui-listview > li.ui-li-2line-radio2 .ui-li-text-main, ul.ui-listview > li.ui-li-2line-icon-bigicon-btn .ui-li-text-main { |
| position: absolute; |
| font-size: 1.222222222222222rem; |
| line-height: 1.6666666666666665rem; |
| left: 4.277777777777778rem; |
| top: 0.2777777777777778rem; |
| text-overflow: ellipsis; |
| overflow: hidden; |
| white-space: nowrap; |
| max-width: 90%; |
| } |
| ul.ui-listview > li.ui-li-2line-check3 .ui-li-text-sub, ul.ui-listview > li.ui-li-2line-radio2 .ui-li-text-sub, ul.ui-listview > li.ui-li-2line-icon-bigicon-btn .ui-li-text-sub { |
| position: absolute; |
| font-size: 0.8888888888888888rem; |
| line-height: 1.3333333333333333rem; |
| color: #646464; |
| left: 4.277777777777778rem; |
| top: 1.9444444444444442rem; |
| text-overflow: ellipsis; |
| overflow: hidden; |
| white-space: nowrap; |
| max-width: 90%; |
| } |
| ul.ui-listview > li.ui-li-2line-check3 > .ui-btn, ul.ui-listview > li.ui-li-2line-radio2 > .ui-btn, ul.ui-listview > li.ui-li-2line-icon-bigicon-btn > .ui-btn { |
| position: absolute; |
| right: 0.4444444444444444rem; |
| top: 50%; |
| } |
| ul.ui-listview > li.ui-li-2line-colorbar1 .ui-li-color-bar, ul.ui-listview > li.ui-li-2line-colorbar2 .ui-li-color-bar, ul.ui-listview > li.ui-li-2line-colorbar3 .ui-li-color-bar { |
| position: absolute; |
| left: 0; |
| top: 0; |
| width: 0.2777777777777778rem; |
| height: 0.5555555555555556rem; |
| background-color: #506bcf; |
| } |
| ul.ui-listview > li.ui-li-2line-colorbar1 { |
| margin: 0; |
| padding: 0 0.4444444444444444rem; |
| height: 3.5555555555555554rem; |
| min-height: 3.5555555555555554rem; |
| } |
| ul.ui-listview > li.ui-li-2line-colorbar1 .ui-li-text-main { |
| position: absolute; |
| font-size: 1.222222222222222rem; |
| line-height: 1.6666666666666665rem; |
| left: 0.4444444444444444rem; |
| top: 0.2777777777777778rem; |
| text-overflow: ellipsis; |
| overflow: hidden; |
| white-space: nowrap; |
| max-width: 90%; |
| } |
| ul.ui-listview > li.ui-li-2line-colorbar1 .ui-li-text-sub { |
| position: absolute; |
| font-size: 0.8888888888888888rem; |
| line-height: 1.3333333333333333rem; |
| color: #646464; |
| left: 0.4444444444444444rem; |
| top: 1.9444444444444442rem; |
| text-overflow: ellipsis; |
| overflow: hidden; |
| white-space: nowrap; |
| max-width: 90%; |
| } |
| ul.ui-listview > li.ui-li-2line-colorbar1 .ui-li-text-sub2 { |
| position: absolute; |
| font-size: 0.8888888888888888rem; |
| line-height: 1.3333333333333333rem; |
| color: #646464; |
| right: 0.4444444444444444rem; |
| top: 1.9444444444444442rem; |
| text-overflow: ellipsis; |
| overflow: hidden; |
| white-space: nowrap; |
| max-width: 30%; |
| } |
| ul.ui-listview > li.ui-li-2line-colorbar1 .ui-btn { |
| position: absolute; |
| left: auto; |
| right: 0.4444444444444444rem; |
| top: 0.2777777777777778rem; |
| margin: 0 0 0 0.4444444444444444rem; |
| max-height: 1.6666666666666665rem; |
| } |
| ul.ui-listview > li.ui-li-2line-colorbar1 .ui-li-text-sub img { |
| width: 0.8888888888888888rem; |
| height: 0.8888888888888888rem; |
| margin: 0 0 0 0.4444444444444444rem; |
| } |
| ul.ui-listview > li.ui-li-2line-colorbar2 { |
| margin: 0; |
| padding: 0 0.4444444444444444rem; |
| height: 3.5555555555555554rem; |
| min-height: 3.5555555555555554rem; |
| } |
| ul.ui-listview > li.ui-li-2line-colorbar2 .ui-li-text-main { |
| position: absolute; |
| font-size: 1.222222222222222rem; |
| line-height: 1.6666666666666665rem; |
| left: 0.4444444444444444rem; |
| top: 0.2777777777777778rem; |
| text-overflow: ellipsis; |
| overflow: hidden; |
| white-space: nowrap; |
| max-width: 90%; |
| } |
| ul.ui-listview > li.ui-li-2line-colorbar2 .ui-li-text-sub { |
| position: absolute; |
| font-size: 0.8888888888888888rem; |
| line-height: 1.3333333333333333rem; |
| color: #646464; |
| left: 0.4444444444444444rem; |
| top: 1.9444444444444442rem; |
| text-overflow: ellipsis; |
| overflow: hidden; |
| white-space: nowrap; |
| max-width: 90%; |
| } |
| ul.ui-listview > li.ui-li-2line-colorbar2 > .ui-btn { |
| position: absolute; |
| right: 0.4444444444444444rem; |
| top: 50%; |
| } |
| ul.ui-listview > li.ui-li-2line-colorbar2 .ui-li-text-main img { |
| width: 0.8888888888888888rem; |
| height: 0.8888888888888888rem; |
| margin: 0 0 0 0.4444444444444444rem; |
| } |
| ul.ui-listview > li.ui-li-2line-bigicon8 { |
| margin: 0; |
| padding: 0 0.4444444444444444rem; |
| height: 3.5555555555555554rem; |
| min-height: 3.5555555555555554rem; |
| } |
| ul.ui-listview > li.ui-li-2line-bigicon8 img.ui-li-bigicon { |
| width: 1.7777777777777777rem; |
| height: 1.7777777777777777rem; |
| } |
| ul.ui-listview > li.ui-li-2line-bigicon8 img.ui-li-bigicon { |
| display: block; |
| position: absolute; |
| top: 50%; |
| margin-top: -0.8888888888888888rem; |
| left: 0.4444444444444444rem; |
| } |
| ul.ui-listview > li.ui-li-2line-bigicon8 .ui-li-text-main { |
| position: absolute; |
| font-size: 1.222222222222222rem; |
| line-height: 1.6666666666666665rem; |
| left: 2.6666666666666665rem; |
| top: 0.2777777777777778rem; |
| text-overflow: ellipsis; |
| overflow: hidden; |
| white-space: nowrap; |
| max-width: 90%; |
| } |
| ul.ui-listview > li.ui-li-2line-bigicon8 .ui-li-text-sub { |
| position: absolute; |
| font-size: 0.8888888888888888rem; |
| line-height: 1.3333333333333333rem; |
| color: #646464; |
| left: 2.6666666666666665rem; |
| top: 1.9444444444444442rem; |
| text-overflow: ellipsis; |
| overflow: hidden; |
| white-space: nowrap; |
| max-width: 90%; |
| } |
| ul.ui-listview > li.ui-li-2line-bigicon8 img.ui-li-icon-sub { |
| position: absolute; |
| left: auto; |
| right: 0.4444444444444444rem; |
| top: 2.1666666666666665rem; |
| width: 0.8888888888888888rem; |
| height: 0.8888888888888888rem; |
| margin: 0 0; |
| } |
| ul.ui-listview > li.ui-li-2line-thumb1, ul.ui-listview > li.ui-li-2line-thumb2, ul.ui-listview > li.ui-li-2line-thumb3 { |
| margin: 0; |
| padding: 0 0.4444444444444444rem; |
| height: 3.5555555555555554rem; |
| min-height: 3.5555555555555554rem; |
| } |
| ul.ui-listview > li.ui-li-2line-thumb1 .ui-li-text-main, ul.ui-listview > li.ui-li-2line-thumb2 .ui-li-text-main, ul.ui-listview > li.ui-li-2line-thumb3 .ui-li-text-main { |
| position: absolute; |
| font-size: 1.222222222222222rem; |
| line-height: 1.6666666666666665rem; |
| left: 0.4444444444444444rem; |
| top: 0.2777777777777778rem; |
| text-overflow: ellipsis; |
| overflow: hidden; |
| white-space: nowrap; |
| max-width: 90%; |
| } |
| ul.ui-listview > li.ui-li-2line-thumb1 .ui-li-text-sub, ul.ui-listview > li.ui-li-2line-thumb2 .ui-li-text-sub, ul.ui-listview > li.ui-li-2line-thumb3 .ui-li-text-sub { |
| position: absolute; |
| font-size: 0.8888888888888888rem; |
| line-height: 1.3333333333333333rem; |
| color: #646464; |
| left: 0.4444444444444444rem; |
| top: 1.9444444444444442rem; |
| text-overflow: ellipsis; |
| overflow: hidden; |
| white-space: nowrap; |
| max-width: 90%; |
| } |
| ul.ui-listview > li.ui-li-2line-thumb1 img.ui-li-bigicon, ul.ui-listview > li.ui-li-2line-thumb2 img.ui-li-bigicon, ul.ui-listview > li.ui-li-2line-thumb3 img.ui-li-bigicon { |
| width: 2.6666666666666665rem; |
| height: 2.6666666666666665rem; |
| } |
| ul.ui-listview > li.ui-li-2line-thumb1 img.ui-li-bigicon, ul.ui-listview > li.ui-li-2line-thumb2 img.ui-li-bigicon, ul.ui-listview > li.ui-li-2line-thumb3 img.ui-li-bigicon { |
| display: block; |
| position: absolute; |
| top: 50%; |
| margin-top: -1.3333333333333333rem; |
| left: auto; |
| right: 0.4444444444444444rem; |
| } |
| ul.ui-listview > li.ui-li-2line-thumb1 .ui-li-text-main img, ul.ui-listview > li.ui-li-2line-thumb2 .ui-li-text-main img, ul.ui-listview > li.ui-li-2line-thumb3 .ui-li-text-main img { |
| width: 0.8888888888888888rem; |
| height: 0.8888888888888888rem; |
| margin: 0 0 0 0.4444444444444444rem; |
| } |
| ul.ui-listview > li.ui-li-2line-thumb1 .ui-li-text-sub img, ul.ui-listview > li.ui-li-2line-thumb2 .ui-li-text-sub img, ul.ui-listview > li.ui-li-2line-thumb3 .ui-li-text-sub img { |
| width: 0.8888888888888888rem; |
| height: 0.8888888888888888rem; |
| margin: 0 0.4444444444444444rem 0 0; |
| } |
| ul.ui-listview > li.ui-li-2line-bigicon-pgbar1 { |
| margin: 0; |
| padding: 0 0.4444444444444444rem; |
| height: 3.5555555555555554rem; |
| min-height: 3.5555555555555554rem; |
| } |
| ul.ui-listview > li.ui-li-2line-bigicon-pgbar1 img.ui-li-bigicon { |
| width: 1.7777777777777777rem; |
| height: 1.7777777777777777rem; |
| } |
| ul.ui-listview > li.ui-li-2line-bigicon-pgbar1 img.ui-li-bigicon { |
| display: block; |
| position: absolute; |
| top: 50%; |
| margin-top: -0.8888888888888888rem; |
| left: 0.4444444444444444rem; |
| } |
| ul.ui-listview > li.ui-li-2line-bigicon-pgbar1 .ui-li-text-main { |
| position: absolute; |
| font-size: 1.222222222222222rem; |
| line-height: 1.6666666666666665rem; |
| left: 2.6666666666666665rem; |
| top: 0; |
| text-overflow: ellipsis; |
| overflow: hidden; |
| white-space: nowrap; |
| max-width: 90%; |
| } |
| ul.ui-listview > li.ui-li-2line-bigicon-pgbar1 .ui-li-text-sub { |
| position: absolute; |
| font-size: 0.8888888888888888rem; |
| line-height: 1.3333333333333333rem; |
| color: #646464; |
| left: 2.6666666666666665rem; |
| top: 2.1111111111111107rem; |
| text-overflow: ellipsis; |
| overflow: hidden; |
| white-space: nowrap; |
| max-width: 90%; |
| } |
| ul.ui-listview > li.ui-li-2line-bigicon-pgbar1 .ui-li-text-sub2 { |
| position: absolute; |
| font-size: 0.8888888888888888rem; |
| line-height: 1.3333333333333333rem; |
| color: #646464; |
| right: 4.611111111111111rem; |
| top: 2.1111111111111107rem; |
| text-overflow: ellipsis; |
| overflow: hidden; |
| white-space: nowrap; |
| max-width: 30%; |
| } |
| ul.ui-listview > li.ui-li-2line-bigicon-pgbar1 > .ui-btn { |
| position: absolute; |
| right: 0.4444444444444444rem; |
| top: 50%; |
| } |
| ul.ui-listview > li.ui-li-2line-bigicon-pgbar1 .ui-btn { |
| max-width: 3.722222222222222rem; |
| } |
| ul.ui-listview > li.ui-li-2line-bigicon-pgbar1 .ui-progressbar { |
| left: 2.6666666666666665rem; |
| top: 1.6666666666666665rem; |
| height: 0.4444444444444444rem; |
| width: 13rem; |
| } |
| ul.ui-listview > li.ui-li-2line-bigicon-pgbar3 { |
| margin: 0; |
| padding: 0 0.4444444444444444rem; |
| height: 3.5555555555555554rem; |
| min-height: 3.5555555555555554rem; |
| } |
| ul.ui-listview > li.ui-li-2line-bigicon-pgbar3 img.ui-li-bigicon { |
| width: 1.7777777777777777rem; |
| height: 1.7777777777777777rem; |
| } |
| ul.ui-listview > li.ui-li-2line-bigicon-pgbar3 img.ui-li-bigicon { |
| display: block; |
| position: absolute; |
| top: 50%; |
| margin-top: -0.8888888888888888rem; |
| left: 0.4444444444444444rem; |
| } |
| ul.ui-listview > li.ui-li-2line-bigicon-pgbar3 .ui-li-text-main { |
| position: absolute; |
| font-size: 1.222222222222222rem; |
| line-height: 1.6666666666666665rem; |
| left: 2.6666666666666665rem; |
| top: 0; |
| text-overflow: ellipsis; |
| overflow: hidden; |
| white-space: nowrap; |
| max-width: 90%; |
| } |
| ul.ui-listview > li.ui-li-2line-bigicon-pgbar3 .ui-li-text-sub { |
| position: absolute; |
| font-size: 0.8888888888888888rem; |
| line-height: 1.3333333333333333rem; |
| color: #646464; |
| left: 2.6666666666666665rem; |
| top: 2.1111111111111107rem; |
| text-overflow: ellipsis; |
| overflow: hidden; |
| white-space: nowrap; |
| max-width: 90%; |
| } |
| ul.ui-listview > li.ui-li-2line-bigicon-pgbar3 .ui-li-text-sub2 { |
| position: absolute; |
| font-size: 0.8888888888888888rem; |
| line-height: 1.3333333333333333rem; |
| color: #646464; |
| right: 0.4444444444444444rem; |
| top: 2.1111111111111107rem; |
| text-overflow: ellipsis; |
| overflow: hidden; |
| white-space: nowrap; |
| max-width: 30%; |
| } |
| ul.ui-listview > li.ui-li-2line-bigicon-pgbar3 .ui-progressbar { |
| left: 2.6666666666666665rem; |
| top: 1.6666666666666665rem; |
| height: 0.4444444444444444rem; |
| width: 16.88888888888889rem; |
| } |
| ul.ui-listview > li.ui-li-2line .ui-li-text-main, |
| ul.ui-listview > li.ui-li-2line-sub-main .ui-li-text-main, |
| ul.ui-listview > li.ui-li-2line-setting .ui-li-text-main, |
| ul.ui-listview > li.ui-li-2line .ui-li-text-sub, |
| ul.ui-listview > li.ui-li-2line-sub-main .ui-li-text-sub, |
| ul.ui-listview > li.ui-li-2line-setting .ui-li-text-sub { |
| max-width: 95%; |
| } |
| ul.ui-listview > li.ui-li-2line-2sub .ui-li-text-main, ul.ui-listview > li.ui-li-3-2-6 .ui-li-text-main { |
| max-width: 65%; |
| } |
| ul.ui-listview > li.ui-li-2line-2sub .ui-li-text-sub, ul.ui-listview > li.ui-li-3-2-6 .ui-li-text-sub { |
| max-width: 95%; |
| } |
| ul.ui-listview > li.ui-li-2line-2sub .ui-li-text-sub2, ul.ui-listview > li.ui-li-3-2-6 .ui-li-text-sub2 { |
| max-width: 30%; |
| } |
| ul.ui-listview > li.ui-li-2line-btn1 .ui-li-text-main, |
| ul.ui-listview > li.ui-li-2line-colorbar3 .ui-li-text-main, |
| ul.ui-listview > li.ui-li-2line-thumb1 .ui-li-text-main, |
| ul.ui-listview > li.ui-li-2line-thumb2 .ui-li-text-main, |
| ul.ui-listview > li.ui-li-2line-btn1 .ui-li-text-sub, |
| ul.ui-listview > li.ui-li-2line-colorbar3 .ui-li-text-sub, |
| ul.ui-listview > li.ui-li-2line-thumb1 .ui-li-text-sub, |
| ul.ui-listview > li.ui-li-2line-thumb2 .ui-li-text-sub { |
| max-width: 65%; |
| } |
| ul.ui-listview > li.ui-li-2line-btn1 .ui-btn, |
| ul.ui-listview > li.ui-li-2line-colorbar3 .ui-btn, |
| ul.ui-listview > li.ui-li-2line-thumb1 .ui-btn, |
| ul.ui-listview > li.ui-li-2line-thumb2 .ui-btn { |
| max-width: 30%; |
| } |
| ul.ui-listview > li.ui-li-2line-btn2 .ui-li-text-main, |
| ul.ui-listview > li.ui-li-2line-toggle-setting .ui-li-text-main, |
| ul.ui-listview > li.ui-li-2line-btn-setting .ui-li-text-main, |
| ul.ui-listview > li.ui-li-2line-bigicon0 .ui-li-text-main, |
| ul.ui-listview > li.ui-li-2line-bigicon1 .ui-li-text-main, |
| ul.ui-listview > li.ui-li-2line-bigicon3 .ui-li-text-main, |
| ul.ui-listview > li.ui-li-2line-check1 .ui-li-text-main, |
| ul.ui-listview > li.ui-li-2line-radio1 .ui-li-text-main, |
| ul.ui-listview > li.ui-li-2line-sub-main-bigicon1 .ui-li-text-main, |
| ul.ui-listview > li.ui-li-2line-btn2 .ui-li-text-sub, |
| ul.ui-listview > li.ui-li-2line-toggle-setting .ui-li-text-sub, |
| ul.ui-listview > li.ui-li-2line-btn-setting .ui-li-text-sub, |
| ul.ui-listview > li.ui-li-2line-bigicon0 .ui-li-text-sub, |
| ul.ui-listview > li.ui-li-2line-bigicon1 .ui-li-text-sub, |
| ul.ui-listview > li.ui-li-2line-bigicon3 .ui-li-text-sub, |
| ul.ui-listview > li.ui-li-2line-check1 .ui-li-text-sub, |
| ul.ui-listview > li.ui-li-2line-radio1 .ui-li-text-sub, |
| ul.ui-listview > li.ui-li-2line-sub-main-bigicon1 .ui-li-text-sub { |
| max-width: 80%; |
| } |
| ul.ui-listview > li.ui-li-2line-star1 .ui-li-text-main, ul.ui-listview > li.ui-li-2line-colorbar1 .ui-li-text-main { |
| max-width: 85%; |
| } |
| ul.ui-listview > li.ui-li-2line-star1 .ui-li-text-sub, ul.ui-listview > li.ui-li-2line-colorbar1 .ui-li-text-sub { |
| max-width: 65%; |
| } |
| ul.ui-listview > li.ui-li-2line-star1 .ui-li-text-sub2, ul.ui-listview > li.ui-li-2line-colorbar1 .ui-li-text-sub2 { |
| max-width: 30%; |
| } |
| ul.ui-listview > li.ui-li-2line-star2 .ui-li-text-main { |
| max-width: 85%; |
| } |
| ul.ui-listview > li.ui-li-2line-star2 .ui-li-text-sub { |
| max-width: 95%; |
| } |
| ul.ui-listview > li.ui-li-2line-bigicon2 .ui-li-text-main { |
| max-width: 55%; |
| } |
| ul.ui-listview > li.ui-li-2line-bigicon2 .ui-li-text-sub { |
| max-width: 80%; |
| } |
| ul.ui-listview > li.ui-li-2line-bigicon2 .ui-li-text-sub2 { |
| max-width: 20%; |
| } |
| ul.ui-listview > li.ui-li-2line-bigicon4 .ui-li-text-main, |
| ul.ui-listview > li.ui-li-2line-check2 .ui-li-text-main, |
| ul.ui-listview > li.ui-li-2line-check3 .ui-li-text-main, |
| ul.ui-listview > li.ui-li-2line-radio2 .ui-li-text-main, |
| ul.ui-listview > li.ui-li-2line-colorbar3 .ui-li-text-main, |
| ul.ui-listview > li.ui-li-2line-icon-bigicon-btn .ui-li-text-main, |
| ul.ui-listview > li.ui-li-2line-bigicon4 .ui-li-text-sub, |
| ul.ui-listview > li.ui-li-2line-check2 .ui-li-text-sub, |
| ul.ui-listview > li.ui-li-2line-check3 .ui-li-text-sub, |
| ul.ui-listview > li.ui-li-2line-radio2 .ui-li-text-sub, |
| ul.ui-listview > li.ui-li-2line-colorbar3 .ui-li-text-sub, |
| ul.ui-listview > li.ui-li-2line-icon-bigicon-btn .ui-li-text-sub { |
| max-width: 65%; |
| } |
| ul.ui-listview > li.ui-li-2line-bigicon8 .ui-li-text-main { |
| max-width: 75%; |
| } |
| ul.ui-listview > li.ui-li-2line-bigicon8 .ui-li-text-sub { |
| max-width: 70%; |
| } |
| ul.ui-listview > li.ui-li-2line-bigicon-pgbar1 .ui-li-text-main { |
| max-width: 60%; |
| } |
| ul.ui-listview > li.ui-li-2line-bigicon-pgbar1 .ui-li-text-sub { |
| max-width: 40%; |
| } |
| ul.ui-listview > li.ui-li-2line-bigicon-pgbar1 .ui-li-text-sub2 { |
| max-width: 20%; |
| } |
| ul.ui-listview > li.ui-li-2line-bigicon-pgbar2 .ui-li-text-main, ul.ui-listview > li.ui-li-2line-bigicon-pgbar2 .ui-li-text-sub { |
| max-width: 55%; |
| } |
| ul.ui-listview > li.ui-li-2line-bigicon-pgbar3 .ui-li-text-main { |
| max-width: 80%; |
| } |
| ul.ui-listview > li.ui-li-2line-bigicon-pgbar3 .ui-li-text-sub { |
| max-width: 60%; |
| } |
| ul.ui-listview > li.ui-li-2line-bigicon-pgbar3 .ui-li-text-sub2 { |
| max-width: 20%; |
| } |
| ul.ui-listview > li.ui-li-2line-thumb3 .ui-li-text-main, ul.ui-listview > li.ui-li-2line-thumb3 .ui-li-text-sub { |
| max-width: 75%; |
| } |
| ul.ui-listview > li.ui-li-3-4-1 { |
| font-size: 1rem; |
| padding: 0.4444444444444444rem; |
| } |
| ul.ui-listview > li.ui-li-3-4-1 h1.ui-li-heading { |
| font-size: 1.3333333333333333rem; |
| margin-top: 0rem; |
| margin-bottom: 0rem; |
| } |
| ul.ui-listview > li.ui-li-3-4-5 h1.ui-li-heading { |
| display: inline-block; |
| width: 6.222222222222221rem; |
| height: 100%; |
| } |
| ul.ui-listview > li.ui-li-email-name1-btn, |
| ul.ui-listview > li.ui-li-email-name2-btn, |
| ul.ui-listview > li.ui-li-email-name1, |
| ul.ui-listview > li.ui-li-email-name2, |
| ul.ui-listview > li.ui-li-email-name1-btn-warning, |
| ul.ui-listview > li.ui-li-email-name2-btn-warning, |
| ul.ui-listview > li.ui-li-email-name1-warning, |
| ul.ui-listview > li.ui-li-email-name2-warning, |
| ul.ui-listview > li.ui-li-email-name1-btn-attach, |
| ul.ui-listview > li.ui-li-email-name2-btn-attach, |
| ul.ui-listview > li.ui-li-email-name1-attach, |
| ul.ui-listview > li.ui-li-email-name2-attach, |
| ul.ui-listview > li.ui-li-email-name1-btn-warning-attach, |
| ul.ui-listview > li.ui-li-email-name2-btn-warning-attach, |
| ul.ui-listview > li.ui-li-email-name1-warning-attach, |
| ul.ui-listview > li.ui-li-email-name2-warning-attach { |
| margin: 0; |
| padding: 0 0.4444444444444444rem; |
| height: 4.444444444444445rem; |
| min-height: 4.444444444444445rem; |
| } |
| ul.ui-listview > li.ui-li-email-name1-btn .ui-li-color-bar, |
| ul.ui-listview > li.ui-li-email-name2-btn .ui-li-color-bar, |
| ul.ui-listview > li.ui-li-email-name1 .ui-li-color-bar, |
| ul.ui-listview > li.ui-li-email-name2 .ui-li-color-bar, |
| ul.ui-listview > li.ui-li-email-name1-btn-warning .ui-li-color-bar, |
| ul.ui-listview > li.ui-li-email-name2-btn-warning .ui-li-color-bar, |
| ul.ui-listview > li.ui-li-email-name1-warning .ui-li-color-bar, |
| ul.ui-listview > li.ui-li-email-name2-warning .ui-li-color-bar, |
| ul.ui-listview > li.ui-li-email-name1-btn-attach .ui-li-color-bar, |
| ul.ui-listview > li.ui-li-email-name2-btn-attach .ui-li-color-bar, |
| ul.ui-listview > li.ui-li-email-name1-attach .ui-li-color-bar, |
| ul.ui-listview > li.ui-li-email-name2-attach .ui-li-color-bar, |
| ul.ui-listview > li.ui-li-email-name1-btn-warning-attach .ui-li-color-bar, |
| ul.ui-listview > li.ui-li-email-name2-btn-warning-attach .ui-li-color-bar, |
| ul.ui-listview > li.ui-li-email-name1-warning-attach .ui-li-color-bar, |
| ul.ui-listview > li.ui-li-email-name2-warning-attach .ui-li-color-bar { |
| position: absolute; |
| left: 0; |
| top: 0; |
| width: 0.2777777777777778rem; |
| height: 0.5555555555555556rem; |
| background-color: #506bcf; |
| } |
| ul.ui-listview > li.ui-li-email-name1-btn .ui-checkbox, |
| ul.ui-listview > li.ui-li-email-name2-btn .ui-checkbox, |
| ul.ui-listview > li.ui-li-email-name1 .ui-checkbox, |
| ul.ui-listview > li.ui-li-email-name2 .ui-checkbox, |
| ul.ui-listview > li.ui-li-email-name1-btn-warning .ui-checkbox, |
| ul.ui-listview > li.ui-li-email-name2-btn-warning .ui-checkbox, |
| ul.ui-listview > li.ui-li-email-name1-warning .ui-checkbox, |
| ul.ui-listview > li.ui-li-email-name2-warning .ui-checkbox, |
| ul.ui-listview > li.ui-li-email-name1-btn-attach .ui-checkbox, |
| ul.ui-listview > li.ui-li-email-name2-btn-attach .ui-checkbox, |
| ul.ui-listview > li.ui-li-email-name1-attach .ui-checkbox, |
| ul.ui-listview > li.ui-li-email-name2-attach .ui-checkbox, |
| ul.ui-listview > li.ui-li-email-name1-btn-warning-attach .ui-checkbox, |
| ul.ui-listview > li.ui-li-email-name2-btn-warning-attach .ui-checkbox, |
| ul.ui-listview > li.ui-li-email-name1-warning-attach .ui-checkbox, |
| ul.ui-listview > li.ui-li-email-name2-warning-attach .ui-checkbox, |
| ul.ui-listview > li.ui-li-email-name1-btn .ui-icon-checkbox-off, |
| ul.ui-listview > li.ui-li-email-name2-btn .ui-icon-checkbox-off, |
| ul.ui-listview > li.ui-li-email-name1 .ui-icon-checkbox-off, |
| ul.ui-listview > li.ui-li-email-name2 .ui-icon-checkbox-off, |
| ul.ui-listview > li.ui-li-email-name1-btn-warning .ui-icon-checkbox-off, |
| ul.ui-listview > li.ui-li-email-name2-btn-warning .ui-icon-checkbox-off, |
| ul.ui-listview > li.ui-li-email-name1-warning .ui-icon-checkbox-off, |
| ul.ui-listview > li.ui-li-email-name2-warning .ui-icon-checkbox-off, |
| ul.ui-listview > li.ui-li-email-name1-btn-attach .ui-icon-checkbox-off, |
| ul.ui-listview > li.ui-li-email-name2-btn-attach .ui-icon-checkbox-off, |
| ul.ui-listview > li.ui-li-email-name1-attach .ui-icon-checkbox-off, |
| ul.ui-listview > li.ui-li-email-name2-attach .ui-icon-checkbox-off, |
| ul.ui-listview > li.ui-li-email-name1-btn-warning-attach .ui-icon-checkbox-off, |
| ul.ui-listview > li.ui-li-email-name2-btn-warning-attach .ui-icon-checkbox-off, |
| ul.ui-listview > li.ui-li-email-name1-warning-attach .ui-icon-checkbox-off, |
| ul.ui-listview > li.ui-li-email-name2-warning-attach .ui-icon-checkbox-off, |
| ul.ui-listview > li.ui-li-email-name1-btn .ui-icon-checkbox-on, |
| ul.ui-listview > li.ui-li-email-name2-btn .ui-icon-checkbox-on, |
| ul.ui-listview > li.ui-li-email-name1 .ui-icon-checkbox-on, |
| ul.ui-listview > li.ui-li-email-name2 .ui-icon-checkbox-on, |
| ul.ui-listview > li.ui-li-email-name1-btn-warning .ui-icon-checkbox-on, |
| ul.ui-listview > li.ui-li-email-name2-btn-warning .ui-icon-checkbox-on, |
| ul.ui-listview > li.ui-li-email-name1-warning .ui-icon-checkbox-on, |
| ul.ui-listview > li.ui-li-email-name2-warning .ui-icon-checkbox-on, |
| ul.ui-listview > li.ui-li-email-name1-btn-attach .ui-icon-checkbox-on, |
| ul.ui-listview > li.ui-li-email-name2-btn-attach .ui-icon-checkbox-on, |
| ul.ui-listview > li.ui-li-email-name1-attach .ui-icon-checkbox-on, |
| ul.ui-listview > li.ui-li-email-name2-attach .ui-icon-checkbox-on, |
| ul.ui-listview > li.ui-li-email-name1-btn-warning-attach .ui-icon-checkbox-on, |
| ul.ui-listview > li.ui-li-email-name2-btn-warning-attach .ui-icon-checkbox-on, |
| ul.ui-listview > li.ui-li-email-name1-warning-attach .ui-icon-checkbox-on, |
| ul.ui-listview > li.ui-li-email-name2-warning-attach .ui-icon-checkbox-on, |
| ul.ui-listview > li.ui-li-email-name1-btn .ui-icon-checkbox-off-press, |
| ul.ui-listview > li.ui-li-email-name2-btn .ui-icon-checkbox-off-press, |
| ul.ui-listview > li.ui-li-email-name1 .ui-icon-checkbox-off-press, |
| ul.ui-listview > li.ui-li-email-name2 .ui-icon-checkbox-off-press, |
| ul.ui-listview > li.ui-li-email-name1-btn-warning .ui-icon-checkbox-off-press, |
| ul.ui-listview > li.ui-li-email-name2-btn-warning .ui-icon-checkbox-off-press, |
| ul.ui-listview > li.ui-li-email-name1-warning .ui-icon-checkbox-off-press, |
| ul.ui-listview > li.ui-li-email-name2-warning .ui-icon-checkbox-off-press, |
| ul.ui-listview > li.ui-li-email-name1-btn-attach .ui-icon-checkbox-off-press, |
| ul.ui-listview > li.ui-li-email-name2-btn-attach .ui-icon-checkbox-off-press, |
| ul.ui-listview > li.ui-li-email-name1-attach .ui-icon-checkbox-off-press, |
| ul.ui-listview > li.ui-li-email-name2-attach .ui-icon-checkbox-off-press, |
| ul.ui-listview > li.ui-li-email-name1-btn-warning-attach .ui-icon-checkbox-off-press, |
| ul.ui-listview > li.ui-li-email-name2-btn-warning-attach .ui-icon-checkbox-off-press, |
| ul.ui-listview > li.ui-li-email-name1-warning-attach .ui-icon-checkbox-off-press, |
| ul.ui-listview > li.ui-li-email-name2-warning-attach .ui-icon-checkbox-off-press, |
| ul.ui-listview > li.ui-li-email-name1-btn .ui-icon-checkbox-on-press, |
| ul.ui-listview > li.ui-li-email-name2-btn .ui-icon-checkbox-on-press, |
| ul.ui-listview > li.ui-li-email-name1 .ui-icon-checkbox-on-press, |
| ul.ui-listview > li.ui-li-email-name2 .ui-icon-checkbox-on-press, |
| ul.ui-listview > li.ui-li-email-name1-btn-warning .ui-icon-checkbox-on-press, |
| ul.ui-listview > li.ui-li-email-name2-btn-warning .ui-icon-checkbox-on-press, |
| ul.ui-listview > li.ui-li-email-name1-warning .ui-icon-checkbox-on-press, |
| ul.ui-listview > li.ui-li-email-name2-warning .ui-icon-checkbox-on-press, |
| ul.ui-listview > li.ui-li-email-name1-btn-attach .ui-icon-checkbox-on-press, |
| ul.ui-listview > li.ui-li-email-name2-btn-attach .ui-icon-checkbox-on-press, |
| ul.ui-listview > li.ui-li-email-name1-attach .ui-icon-checkbox-on-press, |
| ul.ui-listview > li.ui-li-email-name2-attach .ui-icon-checkbox-on-press, |
| ul.ui-listview > li.ui-li-email-name1-btn-warning-attach .ui-icon-checkbox-on-press, |
| ul.ui-listview > li.ui-li-email-name2-btn-warning-attach .ui-icon-checkbox-on-press, |
| ul.ui-listview > li.ui-li-email-name1-warning-attach .ui-icon-checkbox-on-press, |
| ul.ui-listview > li.ui-li-email-name2-warning-attach .ui-icon-checkbox-on-press, |
| ul.ui-listview > li.ui-li-email-name1-btn .ui-radio, |
| ul.ui-listview > li.ui-li-email-name2-btn .ui-radio, |
| ul.ui-listview > li.ui-li-email-name1 .ui-radio, |
| ul.ui-listview > li.ui-li-email-name2 .ui-radio, |
| ul.ui-listview > li.ui-li-email-name1-btn-warning .ui-radio, |
| ul.ui-listview > li.ui-li-email-name2-btn-warning .ui-radio, |
| ul.ui-listview > li.ui-li-email-name1-warning .ui-radio, |
| ul.ui-listview > li.ui-li-email-name2-warning .ui-radio, |
| ul.ui-listview > li.ui-li-email-name1-btn-attach .ui-radio, |
| ul.ui-listview > li.ui-li-email-name2-btn-attach .ui-radio, |
| ul.ui-listview > li.ui-li-email-name1-attach .ui-radio, |
| ul.ui-listview > li.ui-li-email-name2-attach .ui-radio, |
| ul.ui-listview > li.ui-li-email-name1-btn-warning-attach .ui-radio, |
| ul.ui-listview > li.ui-li-email-name2-btn-warning-attach .ui-radio, |
| ul.ui-listview > li.ui-li-email-name1-warning-attach .ui-radio, |
| ul.ui-listview > li.ui-li-email-name2-warning-attach .ui-radio, |
| ul.ui-listview > li.ui-li-email-name1-btn .ui-icon-radio-off, |
| ul.ui-listview > li.ui-li-email-name2-btn .ui-icon-radio-off, |
| ul.ui-listview > li.ui-li-email-name1 .ui-icon-radio-off, |
| ul.ui-listview > li.ui-li-email-name2 .ui-icon-radio-off, |
| ul.ui-listview > li.ui-li-email-name1-btn-warning .ui-icon-radio-off, |
| ul.ui-listview > li.ui-li-email-name2-btn-warning .ui-icon-radio-off, |
| ul.ui-listview > li.ui-li-email-name1-warning .ui-icon-radio-off, |
| ul.ui-listview > li.ui-li-email-name2-warning .ui-icon-radio-off, |
| ul.ui-listview > li.ui-li-email-name1-btn-attach .ui-icon-radio-off, |
| ul.ui-listview > li.ui-li-email-name2-btn-attach .ui-icon-radio-off, |
| ul.ui-listview > li.ui-li-email-name1-attach .ui-icon-radio-off, |
| ul.ui-listview > li.ui-li-email-name2-attach .ui-icon-radio-off, |
| ul.ui-listview > li.ui-li-email-name1-btn-warning-attach .ui-icon-radio-off, |
| ul.ui-listview > li.ui-li-email-name2-btn-warning-attach .ui-icon-radio-off, |
| ul.ui-listview > li.ui-li-email-name1-warning-attach .ui-icon-radio-off, |
| ul.ui-listview > li.ui-li-email-name2-warning-attach .ui-icon-radio-off, |
| ul.ui-listview > li.ui-li-email-name1-btn .ui-icon-radio-on, |
| ul.ui-listview > li.ui-li-email-name2-btn .ui-icon-radio-on, |
| ul.ui-listview > li.ui-li-email-name1 .ui-icon-radio-on, |
| ul.ui-listview > li.ui-li-email-name2 .ui-icon-radio-on, |
| ul.ui-listview > li.ui-li-email-name1-btn-warning .ui-icon-radio-on, |
| ul.ui-listview > li.ui-li-email-name2-btn-warning .ui-icon-radio-on, |
| ul.ui-listview > li.ui-li-email-name1-warning .ui-icon-radio-on, |
| ul.ui-listview > li.ui-li-email-name2-warning .ui-icon-radio-on, |
| ul.ui-listview > li.ui-li-email-name1-btn-attach .ui-icon-radio-on, |
| ul.ui-listview > li.ui-li-email-name2-btn-attach .ui-icon-radio-on, |
| ul.ui-listview > li.ui-li-email-name1-attach .ui-icon-radio-on, |
| ul.ui-listview > li.ui-li-email-name2-attach .ui-icon-radio-on, |
| ul.ui-listview > li.ui-li-email-name1-btn-warning-attach .ui-icon-radio-on, |
| ul.ui-listview > li.ui-li-email-name2-btn-warning-attach .ui-icon-radio-on, |
| ul.ui-listview > li.ui-li-email-name1-warning-attach .ui-icon-radio-on, |
| ul.ui-listview > li.ui-li-email-name2-warning-attach .ui-icon-radio-on, |
| ul.ui-listview > li.ui-li-email-name1-btn .ui-icon-radio-off-press, |
| ul.ui-listview > li.ui-li-email-name2-btn .ui-icon-radio-off-press, |
| ul.ui-listview > li.ui-li-email-name1 .ui-icon-radio-off-press, |
| ul.ui-listview > li.ui-li-email-name2 .ui-icon-radio-off-press, |
| ul.ui-listview > li.ui-li-email-name1-btn-warning .ui-icon-radio-off-press, |
| ul.ui-listview > li.ui-li-email-name2-btn-warning .ui-icon-radio-off-press, |
| ul.ui-listview > li.ui-li-email-name1-warning .ui-icon-radio-off-press, |
| ul.ui-listview > li.ui-li-email-name2-warning .ui-icon-radio-off-press, |
| ul.ui-listview > li.ui-li-email-name1-btn-attach .ui-icon-radio-off-press, |
| ul.ui-listview > li.ui-li-email-name2-btn-attach .ui-icon-radio-off-press, |
| ul.ui-listview > li.ui-li-email-name1-attach .ui-icon-radio-off-press, |
| ul.ui-listview > li.ui-li-email-name2-attach .ui-icon-radio-off-press, |
| ul.ui-listview > li.ui-li-email-name1-btn-warning-attach .ui-icon-radio-off-press, |
| ul.ui-listview > li.ui-li-email-name2-btn-warning-attach .ui-icon-radio-off-press, |
| ul.ui-listview > li.ui-li-email-name1-warning-attach .ui-icon-radio-off-press, |
| ul.ui-listview > li.ui-li-email-name2-warning-attach .ui-icon-radio-off-press, |
| ul.ui-listview > li.ui-li-email-name1-btn .ui-icon-radio-on-press, |
| ul.ui-listview > li.ui-li-email-name2-btn .ui-icon-radio-on-press, |
| ul.ui-listview > li.ui-li-email-name1 .ui-icon-radio-on-press, |
| ul.ui-listview > li.ui-li-email-name2 .ui-icon-radio-on-press, |
| ul.ui-listview > li.ui-li-email-name1-btn-warning .ui-icon-radio-on-press, |
| ul.ui-listview > li.ui-li-email-name2-btn-warning .ui-icon-radio-on-press, |
| ul.ui-listview > li.ui-li-email-name1-warning .ui-icon-radio-on-press, |
| ul.ui-listview > li.ui-li-email-name2-warning .ui-icon-radio-on-press, |
| ul.ui-listview > li.ui-li-email-name1-btn-attach .ui-icon-radio-on-press, |
| ul.ui-listview > li.ui-li-email-name2-btn-attach .ui-icon-radio-on-press, |
| ul.ui-listview > li.ui-li-email-name1-attach .ui-icon-radio-on-press, |
| ul.ui-listview > li.ui-li-email-name2-attach .ui-icon-radio-on-press, |
| ul.ui-listview > li.ui-li-email-name1-btn-warning-attach .ui-icon-radio-on-press, |
| ul.ui-listview > li.ui-li-email-name2-btn-warning-attach .ui-icon-radio-on-press, |
| ul.ui-listview > li.ui-li-email-name1-warning-attach .ui-icon-radio-on-press, |
| ul.ui-listview > li.ui-li-email-name2-warning-attach .ui-icon-radio-on-press { |
| position: absolute; |
| right: auto; |
| left: 0.4444444444444444rem; |
| top: 50%; |
| margin: -1.1em 0 0 -0.2222222222222222rem; |
| } |
| ul.ui-listview > li.ui-li-email-name1-btn .ui-checkbox.favorite, |
| ul.ui-listview > li.ui-li-email-name2-btn .ui-checkbox.favorite, |
| ul.ui-listview > li.ui-li-email-name1 .ui-checkbox.favorite, |
| ul.ui-listview > li.ui-li-email-name2 .ui-checkbox.favorite, |
| ul.ui-listview > li.ui-li-email-name1-btn-warning .ui-checkbox.favorite, |
| ul.ui-listview > li.ui-li-email-name2-btn-warning .ui-checkbox.favorite, |
| ul.ui-listview > li.ui-li-email-name1-warning .ui-checkbox.favorite, |
| ul.ui-listview > li.ui-li-email-name2-warning .ui-checkbox.favorite, |
| ul.ui-listview > li.ui-li-email-name1-btn-attach .ui-checkbox.favorite, |
| ul.ui-listview > li.ui-li-email-name2-btn-attach .ui-checkbox.favorite, |
| ul.ui-listview > li.ui-li-email-name1-attach .ui-checkbox.favorite, |
| ul.ui-listview > li.ui-li-email-name2-attach .ui-checkbox.favorite, |
| ul.ui-listview > li.ui-li-email-name1-btn-warning-attach .ui-checkbox.favorite, |
| ul.ui-listview > li.ui-li-email-name2-btn-warning-attach .ui-checkbox.favorite, |
| ul.ui-listview > li.ui-li-email-name1-warning-attach .ui-checkbox.favorite, |
| ul.ui-listview > li.ui-li-email-name2-warning-attach .ui-checkbox.favorite, |
| ul.ui-listview > li.ui-li-email-name1-btn .ui-icon-checkbox-off, |
| ul.ui-listview > li.ui-li-email-name2-btn .ui-icon-checkbox-off, |
| ul.ui-listview > li.ui-li-email-name1 .ui-icon-checkbox-off, |
| ul.ui-listview > li.ui-li-email-name2 .ui-icon-checkbox-off, |
| ul.ui-listview > li.ui-li-email-name1-btn-warning .ui-icon-checkbox-off, |
| ul.ui-listview > li.ui-li-email-name2-btn-warning .ui-icon-checkbox-off, |
| ul.ui-listview > li.ui-li-email-name1-warning .ui-icon-checkbox-off, |
| ul.ui-listview > li.ui-li-email-name2-warning .ui-icon-checkbox-off, |
| ul.ui-listview > li.ui-li-email-name1-btn-attach .ui-icon-checkbox-off, |
| ul.ui-listview > li.ui-li-email-name2-btn-attach .ui-icon-checkbox-off, |
| ul.ui-listview > li.ui-li-email-name1-attach .ui-icon-checkbox-off, |
| ul.ui-listview > li.ui-li-email-name2-attach .ui-icon-checkbox-off, |
| ul.ui-listview > li.ui-li-email-name1-btn-warning-attach .ui-icon-checkbox-off, |
| ul.ui-listview > li.ui-li-email-name2-btn-warning-attach .ui-icon-checkbox-off, |
| ul.ui-listview > li.ui-li-email-name1-warning-attach .ui-icon-checkbox-off, |
| ul.ui-listview > li.ui-li-email-name2-warning-attach .ui-icon-checkbox-off, |
| ul.ui-listview > li.ui-li-email-name1-btn .ui-icon-checkbox-on, |
| ul.ui-listview > li.ui-li-email-name2-btn .ui-icon-checkbox-on, |
| ul.ui-listview > li.ui-li-email-name1 .ui-icon-checkbox-on, |
| ul.ui-listview > li.ui-li-email-name2 .ui-icon-checkbox-on, |
| ul.ui-listview > li.ui-li-email-name1-btn-warning .ui-icon-checkbox-on, |
| ul.ui-listview > li.ui-li-email-name2-btn-warning .ui-icon-checkbox-on, |
| ul.ui-listview > li.ui-li-email-name1-warning .ui-icon-checkbox-on, |
| ul.ui-listview > li.ui-li-email-name2-warning .ui-icon-checkbox-on, |
| ul.ui-listview > li.ui-li-email-name1-btn-attach .ui-icon-checkbox-on, |
| ul.ui-listview > li.ui-li-email-name2-btn-attach .ui-icon-checkbox-on, |
| ul.ui-listview > li.ui-li-email-name1-attach .ui-icon-checkbox-on, |
| ul.ui-listview > li.ui-li-email-name2-attach .ui-icon-checkbox-on, |
| ul.ui-listview > li.ui-li-email-name1-btn-warning-attach .ui-icon-checkbox-on, |
| ul.ui-listview > li.ui-li-email-name2-btn-warning-attach .ui-icon-checkbox-on, |
| ul.ui-listview > li.ui-li-email-name1-warning-attach .ui-icon-checkbox-on, |
| ul.ui-listview > li.ui-li-email-name2-warning-attach .ui-icon-checkbox-on, |
| ul.ui-listview > li.ui-li-email-name1-btn .ui-icon-checkbox-off-press, |
| ul.ui-listview > li.ui-li-email-name2-btn .ui-icon-checkbox-off-press, |
| ul.ui-listview > li.ui-li-email-name1 .ui-icon-checkbox-off-press, |
| ul.ui-listview > li.ui-li-email-name2 .ui-icon-checkbox-off-press, |
| ul.ui-listview > li.ui-li-email-name1-btn-warning .ui-icon-checkbox-off-press, |
| ul.ui-listview > li.ui-li-email-name2-btn-warning .ui-icon-checkbox-off-press, |
| ul.ui-listview > li.ui-li-email-name1-warning .ui-icon-checkbox-off-press, |
| ul.ui-listview > li.ui-li-email-name2-warning .ui-icon-checkbox-off-press, |
| ul.ui-listview > li.ui-li-email-name1-btn-attach .ui-icon-checkbox-off-press, |
| ul.ui-listview > li.ui-li-email-name2-btn-attach .ui-icon-checkbox-off-press, |
| ul.ui-listview > li.ui-li-email-name1-attach .ui-icon-checkbox-off-press, |
| ul.ui-listview > li.ui-li-email-name2-attach .ui-icon-checkbox-off-press, |
| ul.ui-listview > li.ui-li-email-name1-btn-warning-attach .ui-icon-checkbox-off-press, |
| ul.ui-listview > li.ui-li-email-name2-btn-warning-attach .ui-icon-checkbox-off-press, |
| ul.ui-listview > li.ui-li-email-name1-warning-attach .ui-icon-checkbox-off-press, |
| ul.ui-listview > li.ui-li-email-name2-warning-attach .ui-icon-checkbox-off-press, |
| ul.ui-listview > li.ui-li-email-name1-btn .ui-icon-checkbox-on-press, |
| ul.ui-listview > li.ui-li-email-name2-btn .ui-icon-checkbox-on-press, |
| ul.ui-listview > li.ui-li-email-name1 .ui-icon-checkbox-on-press, |
| ul.ui-listview > li.ui-li-email-name2 .ui-icon-checkbox-on-press, |
| ul.ui-listview > li.ui-li-email-name1-btn-warning .ui-icon-checkbox-on-press, |
| ul.ui-listview > li.ui-li-email-name2-btn-warning .ui-icon-checkbox-on-press, |
| ul.ui-listview > li.ui-li-email-name1-warning .ui-icon-checkbox-on-press, |
| ul.ui-listview > li.ui-li-email-name2-warning .ui-icon-checkbox-on-press, |
| ul.ui-listview > li.ui-li-email-name1-btn-attach .ui-icon-checkbox-on-press, |
| ul.ui-listview > li.ui-li-email-name2-btn-attach .ui-icon-checkbox-on-press, |
| ul.ui-listview > li.ui-li-email-name1-attach .ui-icon-checkbox-on-press, |
| ul.ui-listview > li.ui-li-email-name2-attach .ui-icon-checkbox-on-press, |
| ul.ui-listview > li.ui-li-email-name1-btn-warning-attach .ui-icon-checkbox-on-press, |
| ul.ui-listview > li.ui-li-email-name2-btn-warning-attach .ui-icon-checkbox-on-press, |
| ul.ui-listview > li.ui-li-email-name1-warning-attach .ui-icon-checkbox-on-press, |
| ul.ui-listview > li.ui-li-email-name2-warning-attach .ui-icon-checkbox-on-press, |
| ul.ui-listview > li.ui-li-email-name1-btn .ui-radio, |
| ul.ui-listview > li.ui-li-email-name2-btn .ui-radio, |
| ul.ui-listview > li.ui-li-email-name1 .ui-radio, |
| ul.ui-listview > li.ui-li-email-name2 .ui-radio, |
| ul.ui-listview > li.ui-li-email-name1-btn-warning .ui-radio, |
| ul.ui-listview > li.ui-li-email-name2-btn-warning .ui-radio, |
| ul.ui-listview > li.ui-li-email-name1-warning .ui-radio, |
| ul.ui-listview > li.ui-li-email-name2-warning .ui-radio, |
| ul.ui-listview > li.ui-li-email-name1-btn-attach .ui-radio, |
| ul.ui-listview > li.ui-li-email-name2-btn-attach .ui-radio, |
| ul.ui-listview > li.ui-li-email-name1-attach .ui-radio, |
| ul.ui-listview > li.ui-li-email-name2-attach .ui-radio, |
| ul.ui-listview > li.ui-li-email-name1-btn-warning-attach .ui-radio, |
| ul.ui-listview > li.ui-li-email-name2-btn-warning-attach .ui-radio, |
| ul.ui-listview > li.ui-li-email-name1-warning-attach .ui-radio, |
| ul.ui-listview > li.ui-li-email-name2-warning-attach .ui-radio, |
| ul.ui-listview > li.ui-li-email-name1-btn .ui-icon-radio-off, |
| ul.ui-listview > li.ui-li-email-name2-btn .ui-icon-radio-off, |
| ul.ui-listview > li.ui-li-email-name1 .ui-icon-radio-off, |
| ul.ui-listview > li.ui-li-email-name2 .ui-icon-radio-off, |
| ul.ui-listview > li.ui-li-email-name1-btn-warning .ui-icon-radio-off, |
| ul.ui-listview > li.ui-li-email-name2-btn-warning .ui-icon-radio-off, |
| ul.ui-listview > li.ui-li-email-name1-warning .ui-icon-radio-off, |
| ul.ui-listview > li.ui-li-email-name2-warning .ui-icon-radio-off, |
| ul.ui-listview > li.ui-li-email-name1-btn-attach .ui-icon-radio-off, |
| ul.ui-listview > li.ui-li-email-name2-btn-attach .ui-icon-radio-off, |
| ul.ui-listview > li.ui-li-email-name1-attach .ui-icon-radio-off, |
| ul.ui-listview > li.ui-li-email-name2-attach .ui-icon-radio-off, |
| ul.ui-listview > li.ui-li-email-name1-btn-warning-attach .ui-icon-radio-off, |
| ul.ui-listview > li.ui-li-email-name2-btn-warning-attach .ui-icon-radio-off, |
| ul.ui-listview > li.ui-li-email-name1-warning-attach .ui-icon-radio-off, |
| ul.ui-listview > li.ui-li-email-name2-warning-attach .ui-icon-radio-off, |
| ul.ui-listview > li.ui-li-email-name1-btn .ui-icon-radio-on, |
| ul.ui-listview > li.ui-li-email-name2-btn .ui-icon-radio-on, |
| ul.ui-listview > li.ui-li-email-name1 .ui-icon-radio-on, |
| ul.ui-listview > li.ui-li-email-name2 .ui-icon-radio-on, |
| ul.ui-listview > li.ui-li-email-name1-btn-warning .ui-icon-radio-on, |
| ul.ui-listview > li.ui-li-email-name2-btn-warning .ui-icon-radio-on, |
| ul.ui-listview > li.ui-li-email-name1-warning .ui-icon-radio-on, |
| ul.ui-listview > li.ui-li-email-name2-warning .ui-icon-radio-on, |
| ul.ui-listview > li.ui-li-email-name1-btn-attach .ui-icon-radio-on, |
| ul.ui-listview > li.ui-li-email-name2-btn-attach .ui-icon-radio-on, |
| ul.ui-listview > li.ui-li-email-name1-attach .ui-icon-radio-on, |
| ul.ui-listview > li.ui-li-email-name2-attach .ui-icon-radio-on, |
| ul.ui-listview > li.ui-li-email-name1-btn-warning-attach .ui-icon-radio-on, |
| ul.ui-listview > li.ui-li-email-name2-btn-warning-attach .ui-icon-radio-on, |
| ul.ui-listview > li.ui-li-email-name1-warning-attach .ui-icon-radio-on, |
| ul.ui-listview > li.ui-li-email-name2-warning-attach .ui-icon-radio-on, |
| ul.ui-listview > li.ui-li-email-name1-btn .ui-icon-radio-off-press, |
| ul.ui-listview > li.ui-li-email-name2-btn .ui-icon-radio-off-press, |
| ul.ui-listview > li.ui-li-email-name1 .ui-icon-radio-off-press, |
| ul.ui-listview > li.ui-li-email-name2 .ui-icon-radio-off-press, |
| ul.ui-listview > li.ui-li-email-name1-btn-warning .ui-icon-radio-off-press, |
| ul.ui-listview > li.ui-li-email-name2-btn-warning .ui-icon-radio-off-press, |
| ul.ui-listview > li.ui-li-email-name1-warning .ui-icon-radio-off-press, |
| ul.ui-listview > li.ui-li-email-name2-warning .ui-icon-radio-off-press, |
| ul.ui-listview > li.ui-li-email-name1-btn-attach .ui-icon-radio-off-press, |
| ul.ui-listview > li.ui-li-email-name2-btn-attach .ui-icon-radio-off-press, |
| ul.ui-listview > li.ui-li-email-name1-attach .ui-icon-radio-off-press, |
| ul.ui-listview > li.ui-li-email-name2-attach .ui-icon-radio-off-press, |
| ul.ui-listview > li.ui-li-email-name1-btn-warning-attach .ui-icon-radio-off-press, |
| ul.ui-listview > li.ui-li-email-name2-btn-warning-attach .ui-icon-radio-off-press, |
| ul.ui-listview > li.ui-li-email-name1-warning-attach .ui-icon-radio-off-press, |
| ul.ui-listview > li.ui-li-email-name2-warning-attach .ui-icon-radio-off-press, |
| ul.ui-listview > li.ui-li-email-name1-btn .ui-icon-radio-on-press, |
| ul.ui-listview > li.ui-li-email-name2-btn .ui-icon-radio-on-press, |
| ul.ui-listview > li.ui-li-email-name1 .ui-icon-radio-on-press, |
| ul.ui-listview > li.ui-li-email-name2 .ui-icon-radio-on-press, |
| ul.ui-listview > li.ui-li-email-name1-btn-warning .ui-icon-radio-on-press, |
| ul.ui-listview > li.ui-li-email-name2-btn-warning .ui-icon-radio-on-press, |
| ul.ui-listview > li.ui-li-email-name1-warning .ui-icon-radio-on-press, |
| ul.ui-listview > li.ui-li-email-name2-warning .ui-icon-radio-on-press, |
| ul.ui-listview > li.ui-li-email-name1-btn-attach .ui-icon-radio-on-press, |
| ul.ui-listview > li.ui-li-email-name2-btn-attach .ui-icon-radio-on-press, |
| ul.ui-listview > li.ui-li-email-name1-attach .ui-icon-radio-on-press, |
| ul.ui-listview > li.ui-li-email-name2-attach .ui-icon-radio-on-press, |
| ul.ui-listview > li.ui-li-email-name1-btn-warning-attach .ui-icon-radio-on-press, |
| ul.ui-listview > li.ui-li-email-name2-btn-warning-attach .ui-icon-radio-on-press, |
| ul.ui-listview > li.ui-li-email-name1-warning-attach .ui-icon-radio-on-press, |
| ul.ui-listview > li.ui-li-email-name2-warning-attach .ui-icon-radio-on-press { |
| position: absolute; |
| left: auto; |
| right: 0.4444444444444444rem; |
| top: 0.2222222222222222rem; |
| width: 1.5555555555555554rem; |
| height: 1.6666666666666665rem; |
| margin: 0 0; |
| } |
| ul.ui-listview > li.ui-li-email-name1-btn .ui-checkbox.favorite .ui-btn.ui-btn-icon-left .ui-btn-inner .ui-btn-text, |
| ul.ui-listview > li.ui-li-email-name2-btn .ui-checkbox.favorite .ui-btn.ui-btn-icon-left .ui-btn-inner .ui-btn-text, |
| ul.ui-listview > li.ui-li-email-name1 .ui-checkbox.favorite .ui-btn.ui-btn-icon-left .ui-btn-inner .ui-btn-text, |
| ul.ui-listview > li.ui-li-email-name2 .ui-checkbox.favorite .ui-btn.ui-btn-icon-left .ui-btn-inner .ui-btn-text, |
| ul.ui-listview > li.ui-li-email-name1-btn-warning .ui-checkbox.favorite .ui-btn.ui-btn-icon-left .ui-btn-inner .ui-btn-text, |
| ul.ui-listview > li.ui-li-email-name2-btn-warning .ui-checkbox.favorite .ui-btn.ui-btn-icon-left .ui-btn-inner .ui-btn-text, |
| ul.ui-listview > li.ui-li-email-name1-warning .ui-checkbox.favorite .ui-btn.ui-btn-icon-left .ui-btn-inner .ui-btn-text, |
| ul.ui-listview > li.ui-li-email-name2-warning .ui-checkbox.favorite .ui-btn.ui-btn-icon-left .ui-btn-inner .ui-btn-text, |
| ul.ui-listview > li.ui-li-email-name1-btn-attach .ui-checkbox.favorite .ui-btn.ui-btn-icon-left .ui-btn-inner .ui-btn-text, |
| ul.ui-listview > li.ui-li-email-name2-btn-attach .ui-checkbox.favorite .ui-btn.ui-btn-icon-left .ui-btn-inner .ui-btn-text, |
| ul.ui-listview > li.ui-li-email-name1-attach .ui-checkbox.favorite .ui-btn.ui-btn-icon-left .ui-btn-inner .ui-btn-text, |
| ul.ui-listview > li.ui-li-email-name2-attach .ui-checkbox.favorite .ui-btn.ui-btn-icon-left .ui-btn-inner .ui-btn-text, |
| ul.ui-listview > li.ui-li-email-name1-btn-warning-attach .ui-checkbox.favorite .ui-btn.ui-btn-icon-left .ui-btn-inner .ui-btn-text, |
| ul.ui-listview > li.ui-li-email-name2-btn-warning-attach .ui-checkbox.favorite .ui-btn.ui-btn-icon-left .ui-btn-inner .ui-btn-text, |
| ul.ui-listview > li.ui-li-email-name1-warning-attach .ui-checkbox.favorite .ui-btn.ui-btn-icon-left .ui-btn-inner .ui-btn-text, |
| ul.ui-listview > li.ui-li-email-name2-warning-attach .ui-checkbox.favorite .ui-btn.ui-btn-icon-left .ui-btn-inner .ui-btn-text { |
| margin-left: 1.6666666666666665rem; |
| } |
| ul.ui-listview > li.ui-li-email-name1-btn .ui-li-text-sub2, |
| ul.ui-listview > li.ui-li-email-name2-btn .ui-li-text-sub2, |
| ul.ui-listview > li.ui-li-email-name1 .ui-li-text-sub2, |
| ul.ui-listview > li.ui-li-email-name2 .ui-li-text-sub2, |
| ul.ui-listview > li.ui-li-email-name1-btn-warning .ui-li-text-sub2, |
| ul.ui-listview > li.ui-li-email-name2-btn-warning .ui-li-text-sub2, |
| ul.ui-listview > li.ui-li-email-name1-warning .ui-li-text-sub2, |
| ul.ui-listview > li.ui-li-email-name2-warning .ui-li-text-sub2, |
| ul.ui-listview > li.ui-li-email-name1-btn-attach .ui-li-text-sub2, |
| ul.ui-listview > li.ui-li-email-name2-btn-attach .ui-li-text-sub2, |
| ul.ui-listview > li.ui-li-email-name1-attach .ui-li-text-sub2, |
| ul.ui-listview > li.ui-li-email-name2-attach .ui-li-text-sub2, |
| ul.ui-listview > li.ui-li-email-name1-btn-warning-attach .ui-li-text-sub2, |
| ul.ui-listview > li.ui-li-email-name2-btn-warning-attach .ui-li-text-sub2, |
| ul.ui-listview > li.ui-li-email-name1-warning-attach .ui-li-text-sub2, |
| ul.ui-listview > li.ui-li-email-name2-warning-attach .ui-li-text-sub2 { |
| position: absolute; |
| font-size: 0.8888888888888888rem; |
| line-height: 1.1111111111111112rem; |
| color: #d2d2d2; |
| left: 2.0555555555555554rem; |
| top: 3rem; |
| text-overflow: ellipsis; |
| overflow: hidden; |
| white-space: nowrap; |
| max-width: 90%; |
| } |
| ul.ui-listview > li.ui-li-email-name1-btn .ui-li-text-sub3, |
| ul.ui-listview > li.ui-li-email-name2-btn .ui-li-text-sub3, |
| ul.ui-listview > li.ui-li-email-name1 .ui-li-text-sub3, |
| ul.ui-listview > li.ui-li-email-name2 .ui-li-text-sub3, |
| ul.ui-listview > li.ui-li-email-name1-btn-warning .ui-li-text-sub3, |
| ul.ui-listview > li.ui-li-email-name2-btn-warning .ui-li-text-sub3, |
| ul.ui-listview > li.ui-li-email-name1-warning .ui-li-text-sub3, |
| ul.ui-listview > li.ui-li-email-name2-warning .ui-li-text-sub3, |
| ul.ui-listview > li.ui-li-email-name1-btn-attach .ui-li-text-sub3, |
| ul.ui-listview > li.ui-li-email-name2-btn-attach .ui-li-text-sub3, |
| ul.ui-listview > li.ui-li-email-name1-attach .ui-li-text-sub3, |
| ul.ui-listview > li.ui-li-email-name2-attach .ui-li-text-sub3, |
| ul.ui-listview > li.ui-li-email-name1-btn-warning-attach .ui-li-text-sub3, |
| ul.ui-listview > li.ui-li-email-name2-btn-warning-attach .ui-li-text-sub3, |
| ul.ui-listview > li.ui-li-email-name1-warning-attach .ui-li-text-sub3, |
| ul.ui-listview > li.ui-li-email-name2-warning-attach .ui-li-text-sub3 { |
| position: absolute; |
| font-size: 0.8888888888888888rem; |
| line-height: 1.1111111111111112rem; |
| color: #646464; |
| right: 0.4444444444444444rem; |
| top: 3rem; |
| text-overflow: ellipsis; |
| overflow: hidden; |
| white-space: nowrap; |
| max-width: 30%; |
| } |
| ul.ui-listview > li.ui-li-email-name1-btn .ui-li-text-main, |
| ul.ui-listview > li.ui-li-email-name2-btn .ui-li-text-main, |
| ul.ui-listview > li.ui-li-email-name1 .ui-li-text-main, |
| ul.ui-listview > li.ui-li-email-name2 .ui-li-text-main { |
| position: absolute; |
| font-size: 1.222222222222222rem; |
| line-height: 1.6666666666666665rem; |
| left: 2.0555555555555554rem; |
| top: 0.2222222222222222rem; |
| text-overflow: ellipsis; |
| overflow: hidden; |
| white-space: nowrap; |
| max-width: 90%; |
| } |
| ul.ui-listview > li.ui-li-email-name1-btn .ui-li-text-sub1, |
| ul.ui-listview > li.ui-li-email-name2-btn .ui-li-text-sub1, |
| ul.ui-listview > li.ui-li-email-name1 .ui-li-text-sub1, |
| ul.ui-listview > li.ui-li-email-name2 .ui-li-text-sub1 { |
| position: absolute; |
| font-size: 0.8888888888888888rem; |
| line-height: 1.1111111111111112rem; |
| color: #818181; |
| left: 2.0555555555555554rem; |
| top: 2rem; |
| text-overflow: ellipsis; |
| overflow: hidden; |
| white-space: nowrap; |
| max-width: 90%; |
| } |
| ul.ui-listview > li.ui-li-email-name1-btn-warning .ui-li-text-main, |
| ul.ui-listview > li.ui-li-email-name2-btn-warning .ui-li-text-main, |
| ul.ui-listview > li.ui-li-email-name1-warning .ui-li-text-main, |
| ul.ui-listview > li.ui-li-email-name2-warning .ui-li-text-main { |
| position: absolute; |
| font-size: 1.222222222222222rem; |
| line-height: 1.6666666666666665rem; |
| left: 2.0555555555555554rem; |
| top: 0.2222222222222222rem; |
| text-overflow: ellipsis; |
| overflow: hidden; |
| white-space: nowrap; |
| max-width: 90%; |
| } |
| ul.ui-listview > li.ui-li-email-name1-btn-warning .ui-li-text-sub1, |
| ul.ui-listview > li.ui-li-email-name2-btn-warning .ui-li-text-sub1, |
| ul.ui-listview > li.ui-li-email-name1-warning .ui-li-text-sub1, |
| ul.ui-listview > li.ui-li-email-name2-warning .ui-li-text-sub1 { |
| position: absolute; |
| font-size: 0.8888888888888888rem; |
| line-height: 1.1111111111111112rem; |
| color: #818181; |
| left: 3.388888888888889rem; |
| top: 2rem; |
| text-overflow: ellipsis; |
| overflow: hidden; |
| white-space: nowrap; |
| max-width: 90%; |
| } |
| ul.ui-listview > li.ui-li-email-name1-btn-warning img.ui-li-icon-warning, |
| ul.ui-listview > li.ui-li-email-name2-btn-warning img.ui-li-icon-warning, |
| ul.ui-listview > li.ui-li-email-name1-warning img.ui-li-icon-warning, |
| ul.ui-listview > li.ui-li-email-name2-warning img.ui-li-icon-warning { |
| position: absolute; |
| left: 2.0555555555555554rem; |
| right: auto; |
| top: 2.1111111111111107rem; |
| width: 0.8333333333333333rem; |
| height: 0.8333333333333333rem; |
| margin: 0 0; |
| } |
| ul.ui-listview > li.ui-li-email-name1-btn-attach .ui-li-text-main, |
| ul.ui-listview > li.ui-li-email-name2-btn-attach .ui-li-text-main, |
| ul.ui-listview > li.ui-li-email-name1-attach .ui-li-text-main, |
| ul.ui-listview > li.ui-li-email-name2-attach .ui-li-text-main { |
| position: absolute; |
| font-size: 1.222222222222222rem; |
| line-height: 1.6666666666666665rem; |
| left: 3.388888888888889rem; |
| top: 0.2222222222222222rem; |
| text-overflow: ellipsis; |
| overflow: hidden; |
| white-space: nowrap; |
| max-width: 90%; |
| } |
| ul.ui-listview > li.ui-li-email-name1-btn-attach .ui-li-text-sub1, |
| ul.ui-listview > li.ui-li-email-name2-btn-attach .ui-li-text-sub1, |
| ul.ui-listview > li.ui-li-email-name1-attach .ui-li-text-sub1, |
| ul.ui-listview > li.ui-li-email-name2-attach .ui-li-text-sub1 { |
| position: absolute; |
| font-size: 0.8888888888888888rem; |
| line-height: 1.1111111111111112rem; |
| color: #818181; |
| left: 2.0555555555555554rem; |
| top: 2rem; |
| text-overflow: ellipsis; |
| overflow: hidden; |
| white-space: nowrap; |
| max-width: 90%; |
| } |
| ul.ui-listview > li.ui-li-email-name1-btn-attach img.ui-li-icon-attach, |
| ul.ui-listview > li.ui-li-email-name2-btn-attach img.ui-li-icon-attach, |
| ul.ui-listview > li.ui-li-email-name1-attach img.ui-li-icon-attach, |
| ul.ui-listview > li.ui-li-email-name2-attach img.ui-li-icon-attach { |
| position: absolute; |
| left: 2.0555555555555554rem; |
| right: auto; |
| top: 0.4444444444444444rem; |
| width: 1.1111111111111112rem; |
| height: 1.1111111111111112rem; |
| margin: 0 0; |
| } |
| ul.ui-listview > li.ui-li-email-name1-btn-warning-attach .ui-li-text-main, |
| ul.ui-listview > li.ui-li-email-name2-btn-warning-attach .ui-li-text-main, |
| ul.ui-listview > li.ui-li-email-name1-warning-attach .ui-li-text-main, |
| ul.ui-listview > li.ui-li-email-name2-warning-attach .ui-li-text-main { |
| position: absolute; |
| font-size: 1.222222222222222rem; |
| line-height: 1.6666666666666665rem; |
| left: 3.388888888888889rem; |
| top: 0.2222222222222222rem; |
| text-overflow: ellipsis; |
| overflow: hidden; |
| white-space: nowrap; |
| max-width: 90%; |
| } |
| ul.ui-listview > li.ui-li-email-name1-btn-warning-attach .ui-li-text-sub1, |
| ul.ui-listview > li.ui-li-email-name2-btn-warning-attach .ui-li-text-sub1, |
| ul.ui-listview > li.ui-li-email-name1-warning-attach .ui-li-text-sub1, |
| ul.ui-listview > li.ui-li-email-name2-warning-attach .ui-li-text-sub1 { |
| position: absolute; |
| font-size: 0.8888888888888888rem; |
| line-height: 1.1111111111111112rem; |
| color: #818181; |
| left: 3.388888888888889rem; |
| top: 2rem; |
| text-overflow: ellipsis; |
| overflow: hidden; |
| white-space: nowrap; |
| max-width: 90%; |
| } |
| ul.ui-listview > li.ui-li-email-name1-btn-warning-attach img.ui-li-icon-attach, |
| ul.ui-listview > li.ui-li-email-name2-btn-warning-attach img.ui-li-icon-attach, |
| ul.ui-listview > li.ui-li-email-name1-warning-attach img.ui-li-icon-attach, |
| ul.ui-listview > li.ui-li-email-name2-warning-attach img.ui-li-icon-attach { |
| position: absolute; |
| left: 2.0555555555555554rem; |
| right: auto; |
| top: 0.4444444444444444rem; |
| width: 1.1111111111111112rem; |
| height: 1.1111111111111112rem; |
| margin: 0 0; |
| } |
| ul.ui-listview > li.ui-li-email-name1-btn-warning-attach img.ui-li-icon-warning, |
| ul.ui-listview > li.ui-li-email-name2-btn-warning-attach img.ui-li-icon-warning, |
| ul.ui-listview > li.ui-li-email-name1-warning-attach img.ui-li-icon-warning, |
| ul.ui-listview > li.ui-li-email-name2-warning-attach img.ui-li-icon-warning { |
| position: absolute; |
| left: 2.0555555555555554rem; |
| right: auto; |
| top: 2.1111111111111107rem; |
| width: 0.8333333333333333rem; |
| height: 0.8333333333333333rem; |
| margin: 0 0; |
| } |
| ul.ui-listview > li.ui-li-email-name1-btn > .ui-btn, |
| ul.ui-listview > li.ui-li-email-name2-btn > .ui-btn, |
| ul.ui-listview > li.ui-li-email-name1-btn-warning > .ui-btn, |
| ul.ui-listview > li.ui-li-email-name2-btn-warning > .ui-btn, |
| ul.ui-listview > li.ui-li-email-name1-btn-attach > .ui-btn, |
| ul.ui-listview > li.ui-li-email-name2-btn-attach > .ui-btn, |
| ul.ui-listview > li.ui-li-email-name1-btn-warning-attach > .ui-btn, |
| ul.ui-listview > li.ui-li-email-name2-btn-warning-attach > .ui-btn { |
| position: absolute; |
| right: 2.444444444444444rem; |
| top: 24%; |
| } |
| ul.ui-listview > li.ui-li-email-name1-btn .ui-li-text-sub1, |
| ul.ui-listview > li.ui-li-email-name1 .ui-li-text-sub1, |
| ul.ui-listview > li.ui-li-email-name1-btn-warning .ui-li-text-sub1, |
| ul.ui-listview > li.ui-li-email-name1-warning .ui-li-text-sub1, |
| ul.ui-listview > li.ui-li-email-name1-btn-attach .ui-li-text-sub1, |
| ul.ui-listview > li.ui-li-email-name1-attach .ui-li-text-sub1, |
| ul.ui-listview > li.ui-li-email-name1-btn-warning-attach .ui-li-text-sub1, |
| ul.ui-listview > li.ui-li-email-name1-warning-attach .ui-li-text-sub1 { |
| color: #008cd2; |
| } |
| ul.ui-listview > li.ui-li-1line-leftsub1 .ui-li-text-sub-left { |
| font-size: 0.8888888888888888rem; |
| top: 50%; |
| left: 0.4444444444444444rem; |
| width: 5.194444444444444rem; |
| line-height: 1.6666666666666665rem; |
| margin-top: -0.5em; |
| vertical-align: top; |
| } |
| ul.ui-listview > li.ui-li-1line-leftsub1 .ui-li-text-main-right { |
| font-size: 1.222222222222222rem; |
| top: 50%; |
| left: 5.194444444444444rem; |
| margin-top: -0.5em; |
| padding-left: 0.4444444444444444rem; |
| border-left: 1px #444444 solid; |
| } |
| ul.ui-listview > li.ui-li-1line-leftsub2 { |
| margin: 0; |
| height: 1.6666666666666665rem !important; |
| min-height: 1.6666666666666665rem; |
| padding-left: 0.4444444444444444rem; |
| } |
| ul.ui-listview > li.ui-li-1line-leftsub2 .ui-li-text-sub-left { |
| font-size: 0.8888888888888888rem; |
| top: 50%; |
| left: 0.4444444444444444rem; |
| width: 5.194444444444444rem; |
| line-height: 1.6666666666666665rem; |
| margin-top: -0.5em; |
| vertical-align: top; |
| } |
| ul.ui-listview > li.ui-li-1line-leftsub2 .ui-li-text-main-right { |
| font-size: 1.222222222222222rem; |
| top: 50%; |
| left: 5.194444444444444rem; |
| margin-top: -0.5em; |
| padding-left: 0.4444444444444444rem; |
| border-left: 1px #444444 solid; |
| } |
| ul.ui-listview > li.ui-li-1line-leftsub2 img.ui-li-bigicon { |
| width: 1.7777777777777777rem; |
| height: 1.7777777777777777rem; |
| } |
| ul.ui-listview > li.ui-li-1line-leftsub2 img.ui-li-bigicon { |
| display: block; |
| position: absolute; |
| top: 50%; |
| margin-top: -0.8888888888888888rem; |
| left: auto; |
| right: 0.4444444444444444rem; |
| } |
| ul.ui-listview > li.ui-li-4-2-3 { |
| margin: 0; |
| padding: 0 0.4444444444444444rem; |
| height: 3.5555555555555554rem; |
| min-height: 3.5555555555555554rem; |
| } |
| ul.ui-listview > li.ui-li-4-2-3 .ui-li-text-main { |
| position: absolute; |
| font-size: 1.222222222222222rem; |
| line-height: 1.6666666666666665rem; |
| left: 0.4444444444444444rem; |
| top: 0.2777777777777778rem; |
| text-overflow: ellipsis; |
| overflow: hidden; |
| white-space: nowrap; |
| max-width: 90%; |
| } |
| ul.ui-listview > li.ui-li-4-2-3 .ui-li-text-sub { |
| position: absolute; |
| font-size: 0.8888888888888888rem; |
| line-height: 1.3333333333333333rem; |
| color: #646464; |
| left: 0.4444444444444444rem; |
| top: 1.9444444444444442rem; |
| text-overflow: ellipsis; |
| overflow: hidden; |
| white-space: nowrap; |
| max-width: 90%; |
| } |
| ul.ui-listview > li.ui-li-4-2-3 .ui-li-text-sub { |
| color: #008cd2; |
| } |
| ul.ui-listview > li.ui-li-4-2-3 .ui-li-text-main, ul.ui-listview > li.ui-li-4-2-3 .ui-li-text-sub { |
| max-width: 95%; |
| } |
| ul.ui-listview > li.ui-li-4-2-10 { |
| margin: 0; |
| padding: 0 0.4444444444444444rem; |
| height: 3.5555555555555554rem; |
| min-height: 3.5555555555555554rem; |
| } |
| ul.ui-listview > li.ui-li-4-2-10 .ui-li-text-main { |
| position: absolute; |
| font-size: 1.222222222222222rem; |
| line-height: 1.6666666666666665rem; |
| left: 0.4444444444444444rem; |
| top: 1.6111111111111112rem; |
| text-overflow: ellipsis; |
| overflow: hidden; |
| white-space: nowrap; |
| max-width: 90%; |
| } |
| ul.ui-listview > li.ui-li-4-2-10 .ui-li-text-sub { |
| position: absolute; |
| font-size: 0.8888888888888888rem; |
| line-height: 1.3333333333333333rem; |
| color: #646464; |
| left: 0.4444444444444444rem; |
| top: 0.2777777777777778rem; |
| text-overflow: ellipsis; |
| overflow: hidden; |
| white-space: nowrap; |
| max-width: 90%; |
| } |
| ul.ui-listview > li.ui-li-4-2-10 .ui-li-text-main, ul.ui-listview > li.ui-li-4-2-10 .ui-li-text-sub { |
| max-width: 80%; |
| } |
| ul.ui-listview > li.ui-li-4-2-10 .ui-checkbox { |
| position: absolute; |
| right: 0.4444444444444444rem; |
| top: 50%; |
| margin: -1.1em 1.8055555555555554rem 0 0.4444444444444444rem; |
| } |
| ul.ui-listview > li.ui-li-4-2-11 .ui-li-text-sub-left { |
| font-size: 0.8888888888888888rem; |
| top: 50%; |
| left: 0.4444444444444444rem; |
| width: 5.194444444444444rem; |
| line-height: 1.6666666666666665rem; |
| margin-top: -0.5em; |
| vertical-align: top; |
| } |
| ul.ui-listview > li.ui-li-4-2-11 .ui-li-text-main-right { |
| font-size: 1.222222222222222rem; |
| top: 50%; |
| left: 5.194444444444444rem; |
| margin-top: -0.5em; |
| padding-left: 0.4444444444444444rem; |
| border-left: 1px #444444 solid; |
| } |
| ul.ui-listview > li.ui-li-4-2-11 .ui-li-text-main-right { |
| display: inline-block; |
| word-wrap: normal; |
| } |
| ul.ui-listview > li.ui-li-3line-dgroup1 { |
| margin: 0; |
| padding: 0 0.4444444444444444rem; |
| height: 4.444444444444445rem; |
| min-height: 4.444444444444445rem; |
| } |
| ul.ui-listview > li.ui-li-3line-dgroup1 .ui-li-text-main { |
| position: absolute; |
| font-size: 1.222222222222222rem; |
| line-height: 1.3333333333333333rem; |
| left: 0.4444444444444444rem; |
| top: 0.2777777777777778rem; |
| text-overflow: ellipsis; |
| overflow: hidden; |
| white-space: nowrap; |
| max-width: 90%; |
| } |
| ul.ui-listview > li.ui-li-3line-dgroup1 .ui-li-text-sub1 { |
| position: absolute; |
| font-size: 0.8888888888888888rem; |
| line-height: 1.3333333333333333rem; |
| color: #646464; |
| left: 0.4444444444444444rem; |
| top: 1.6111111111111112rem; |
| text-overflow: ellipsis; |
| overflow: hidden; |
| white-space: nowrap; |
| max-width: 90%; |
| } |
| ul.ui-listview > li.ui-li-3line-dgroup1 .ui-li-text-sub2 { |
| position: absolute; |
| font-size: 0.8888888888888888rem; |
| line-height: 1.3333333333333333rem; |
| color: #646464; |
| left: 0.4444444444444444rem; |
| top: 2.944444444444444rem; |
| text-overflow: ellipsis; |
| overflow: hidden; |
| white-space: nowrap; |
| max-width: 90%; |
| } |
| ul.ui-listview > li.ui-li-4-3-2 { |
| height: 190px; |
| padding: 0px; |
| } |
| ul.ui-listview > li.ui-li-4-3-2 .ui-li-thumb { |
| float: left; |
| height: 128px; |
| max-height: 128px; |
| width: 128px; |
| max-width: 128px; |
| left: 32px; |
| top: 28px; |
| } |
| ul.ui-listview > li.ui-li-4-3-2 span.contact_name_field { |
| position: absolute; |
| font-size: 1.0555555555555556rem; |
| color: #f9f9f9; |
| left: 184px; |
| top: 32px; |
| height: 54px; |
| } |
| ul.ui-listview > li.ui-li-4-3-2 span.contact_subname_field { |
| position: absolute; |
| font-size: 0.8888888888888888rem; |
| color: #929292; |
| left: 184px; |
| top: 94px; |
| } |
| ul.ui-listview > li.ui-li-4-3-2 span.companyname_field { |
| position: absolute; |
| font-size: 0.8888888888888888rem; |
| color: #929292; |
| left: 184px; |
| top: 126px; |
| } |
| ul.ui-listview > div.ui-li-dialogue-editor-photo { |
| width: 160px; |
| left: 16px; |
| top: 34px; |
| position: absolute; |
| } |
| ul.ui-listview > div.ui-li-dialogue-editor-photo > img { |
| width: 128px; |
| height: 128px; |
| } |
| ul.ui-listview > li.ui-li-dialogue-editor-1 { |
| border-left: 0.4444444444444444rem #444444 solid; |
| border-top-width: 0px; |
| left: 160px; |
| width: 790px; |
| padding-left: 12px; |
| padding-right: 0px; |
| } |
| ul.ui-listview > li.ui-li-dialogue-editor-1 > .ui-field-contain { |
| margin: 0; |
| padding: 8px; |
| width: 782px; |
| /* wongi_1215 : Default Text */ |
| |
| } |
| ul.ui-listview > li.ui-li-dialogue-editor-1 > .ui-field-contain > input { |
| border: none; |
| outline: none; |
| width: 782px; |
| padding: 0px; |
| } |
| ul.ui-listview > li.ui-li-dialogue-editor-1 > .ui-field-contain > div.ui-input-default-text { |
| position: absolute; |
| top: 0; |
| left: 0; |
| width: 100%; |
| margin: 0px; |
| color: #464646; |
| } |
| ul.ui-listview > li.ui-li-dialogue-editor-1 > .ui-field-contain > div.ui-input-default-text.ui-input-default-hidden { |
| display: none; |
| } |
| ul.ui-listview > li.ui-li-dialogue-editor-1.ui-li-expanded { |
| background-color: #000000; |
| } |
| ul.ui-listview > li.ui-li-dialogue-editor-2 { |
| padding: 0px !important; |
| height: 130px; |
| border-left: 0.4444444444444444rem #444444 solid; |
| border-top-width: 0px; |
| left: 0px; |
| width: 962px; |
| font-size: 32px; |
| } |
| ul.ui-listview > li.ui-li-dialogue-editor-2 > div.ui-li-dialogue-editor-border { |
| border-right: 1px #444444 solid; |
| width: 160px; |
| height: 130px; |
| } |
| ul.ui-listview > li.ui-li-dialogue-editor-2 > div div.ui-li-dialogue-editor-2-label { |
| margin-left: 16px; |
| line-height: 32px; |
| position: absolute; |
| top: 50%; |
| margin-top: -16px; |
| } |
| ul.ui-listview > li.ui-li-dialogue-editor-2 > .ui-field-contain { |
| margin: 0; |
| width: 676px; |
| position: absolute; |
| top: 50%; |
| margin-top: -16px; |
| left: 200px; |
| /* wongi_1215 : Default Text */ |
| |
| } |
| ul.ui-listview > li.ui-li-dialogue-editor-2 > .ui-field-contain > input { |
| border: none; |
| outline: none; |
| width: 676px; |
| padding: 0px; |
| } |
| ul.ui-listview > li.ui-li-dialogue-editor-2 > .ui-field-contain > div.ui-input-default-text { |
| position: absolute; |
| top: 0; |
| width: 100%; |
| margin: 0px; |
| color: #464646; |
| } |
| ul.ui-listview > li.ui-li-dialogue-editor-2 > .ui-field-contain > div.ui-input-default-text.ui-input-default-hidden { |
| display: none; |
| } |
| ul.ui-listview > li.ui-li-dialogue { |
| border-left: 0.4444444444444444rem #444444 solid; |
| border-top-width: 0px; |
| } |
| ul.ui-listview > li.ui-li-dialogue.ui-li-divider { |
| height: 0.8888888888888888rem; |
| padding: 0px; |
| } |
| ul.ui-listview > li.ui-li-divider { |
| height: 0.8888888888888888rem; |
| padding: 0px; |
| } |
| ul.ui-listview > li.ui-li-group-title { |
| padding-top: 0.8888888888888888rem; |
| } |
| ul.ui-listview > li.ui-li-group-title span { |
| padding-left: 0.4444444444444444rem; |
| } |
| ul.ui-listview > li.ui-li-3-button { |
| padding-left: 8px; |
| padding-right: 8px; |
| height: 60px; |
| } |
| ul.ui-listview > li.ui-li-3-button div.ui-btn { |
| margin-left: 8px; |
| margin-right: 8px; |
| height: 74px; |
| width: 224px; |
| top: 24px; |
| position: absolute; |
| padding: 0px; |
| margin-top: 0px; |
| } |
| ul.ui-listview > li.ui-li-3-button div.ui-btn .ui-btn-inner.ui-btn-hastxt { |
| padding-top: 0.6em; |
| } |
| ul.ui-listview > li.ui-li-3-button div.ui-btn:nth-child(1) { |
| left: 0%; |
| } |
| ul.ui-listview > li.ui-li-3-button div.ui-btn:nth-child(2) { |
| left: 33%; |
| } |
| ul.ui-listview > li.ui-li-3-button div.ui-btn:nth-child(3) { |
| left: 66%; |
| } |
| .ui-listview .ui-li-bubble-left img, .ui-listview .ui-li-bubble-right img, .ui-listview .ui-li-bubble-sos img { |
| position: relative; |
| min-width: 4.444444444444445rem; |
| min-height: 4.444444444444445rem; |
| } |
| .ui-listview .ui-li-bubble-left { |
| word-wrap: break-word; |
| -moz-border-radius-topright: 0.25rem; |
| -webkit-border-top-right-radius: 0.25rem; |
| border-top-right-radius: 0.25rem; |
| -moz-border-radius-bottomright: 0.25rem; |
| -webkit-border-bottom-right-radius: 0.25rem; |
| border-bottom-right-radius: 0.25rem; |
| font-size: 1.0555555555555556rem; |
| margin-top: 0.3333333333333333rem; |
| margin-bottom: 0.3333333333333333rem; |
| margin-left: 0; |
| margin-right: auto; |
| max-width: 80%; |
| min-width: 30%; |
| padding: 16px 22px 16px 16px; |
| } |
| .ui-listview .ui-li-bubble-left p, .ui-listview .ui-li-bubble-left span { |
| font-size: 1.0555555555555556rem; |
| } |
| .ui-listview .ui-li-bubble-right { |
| word-wrap: break-word; |
| -moz-border-radius-topleft: 0.25rem; |
| -webkit-border-top-left-radius: 0.25rem; |
| border-top-left-radius: 0.25rem; |
| -moz-border-radius-bottomleft: 0.25rem; |
| -webkit-border-bottom-left-radius: 0.25rem; |
| border-bottom-left-radius: 0.25rem; |
| margin: 12px 0% 12px 20%; |
| padding: 16px 16px 16px 22px; |
| } |
| .ui-listview .ui-li-bubble-date { |
| height: 40px; |
| font-size: 0.7222222222222222rem; |
| margin: 12px 0%; |
| padding: 0% 16px; |
| padding-top: 15px; |
| } |
| .ui-listview span.ui-li-bubble-time { |
| margin-left: 12px; |
| font-size: 0.7222222222222222rem; |
| display: inline-block; |
| } |
| .ui-listview .ui-li-expandable-shown .ui-li-expanded-icon { |
| background-image: url(images/00_button_expand_opened.png); |
| background-size: 100%; |
| position: absolute; |
| top: 50%; |
| width: 1.7777777777777777rem; |
| height: 1.7777777777777777rem; |
| margin-top: -0.8888888888888888rem; |
| right: 0.4444444444444444rem; |
| } |
| .ui-listview .ui-li-expandable-hidden .ui-li-expand-icon { |
| background-image: url(images/00_button_expand_closed.png); |
| background-size: 100%; |
| position: absolute; |
| top: 50%; |
| width: 1.7777777777777777rem; |
| height: 1.7777777777777777rem; |
| margin-top: -0.8888888888888888rem; |
| right: 0.4444444444444444rem; |
| } |
| .ui-listview .ui-li-expanded { |
| overflow: hidden; |
| -webkit-transition: all 0.2s ease; |
| -moz-transition: all 0.2s ease; |
| -o-transition: all 0.2s ease; |
| transition: all 0.2s ease; |
| } |
| .ui-listview .ui-li-expand-transition-show { |
| visibility: visible; |
| } |
| .ui-listview .ui-li-expand-transition-hide { |
| visibility: hidden; |
| height: 0px; |
| padding-top: 0px; |
| padding-bottom: 0px; |
| border: 0px; |
| } |
| /* Odd iPad positioning issue. */ |
| @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { |
| .ui-li .ui-btn-text { |
| overflow: visible; |
| } |
| } |
| /**************************** |
| * 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-controlgroup .ui-radio-on, .ui-controlgroup .ui-radio-off.ui-btn-hover-s.ui-btn-down-s { |
| background: #e6e6e6; |
| } |
| .ui-controlgroup .ui-radio-off { |
| background: #3d3d3d; |
| } |
| .ui-controlgroup .ui-btn-inner .ui-corner-left .ui-controlgroup-first { |
| -moz-border-radius: .3em ; |
| -webkit-border-radius: .3em ; |
| border-radius: .3em ; |
| } |
| .ui-controlgroup .ui-btn-inner .ui-corner-right .ui-controlgroup-last { |
| -moz-border-radius: .3em ; |
| -webkit-border-radius: .3em ; |
| border-radius: .3em ; |
| } |
| .ui-controlgroup .ui-radio-off.ui-btn-hover-s.ui-btn-down-s .ui-btn-inner, .ui-controlgroup .ui-radio-on .ui-btn-inner { |
| color: #000000; |
| } |
| .ui-controlgroup .ui-radio-off .ui-btn-inner { |
| color: #909090; |
| } |
| /**************************** |
| * 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-option-header { |
| overflow: hidden; |
| background: #484848; |
| } |
| .ui-option-header-1-row { |
| height: 2.944444444444444rem; |
| border: none; |
| } |
| .ui-option-header-2-row { |
| height: 5.444444444444444rem; |
| border: none; |
| } |
| .ui-option-header-row-1 { |
| height: 2.944444444444444rem; |
| } |
| .ui-option-header-row-2 { |
| height: 5.444444444444444rem; |
| margin-top: -2px; |
| padding: 0rem 0.1388888888888889rem 0.16666666666666666rem 0.1388888888888889rem; |
| } |
| .ui-option-header-row-2 div { |
| margin-top: 0.1388888888888889rem; |
| margin-bottom: 0.1388888888888889rem; |
| } |
| .ui-option-header .ui-btn { |
| display: block; |
| margin: 0.08333333333333333rem 0.1388888888888889rem 0.1388888888888889rem 0.1388888888888889rem; |
| } |
| .ui-option-header .ui-input-search .ui-btn { |
| display: none; |
| } |
| .ui-option-header .ui-btn-text { |
| line-height: 0.9444444444444444rem; |
| } |
| .ui-option-header .ui-btn-down-s.ui-btn-hover-s .ui-btn-inner, .ui-option-header .ui-btn-down-s .ui-btn-inner { |
| background: #2384b6; |
| } |
| .ui-option-header .ui-btn-hover-s .ui-btn-inner, .ui-option-header .ui-btn-up-s .ui-btn-inner { |
| background: #202020; |
| } |
| .ui-option-header .ui-btn-inner { |
| padding-top: 0.16666666666666666rem; |
| padding-bottom: 0.16666666666666666rem; |
| color: #f9f9f9; |
| } |
| .ui-option-header .ui-controlgroup-horizontal .ui-btn { |
| display: inline-block !important; |
| margin: -0.08333333333333333rem !important; |
| } |
| .ui-option-header .ui-controlgroup, .ui-option-header fieldset.ui-controlgroup { |
| margin-bottom: 0px !important; |
| } |
| .ui-option-header .ui-controlgroup-horizontal .ui-corner-left { |
| margin-left: 0.1388888888888889rem !important; |
| } |
| .ui-option-header .ui-controlgroup-horizontal .ui-corner-right { |
| margin-right: 0.1388888888888889rem !important; |
| } |
| .ui-option-header-triangle-arrow { |
| top: -0.2777777777777778rem; |
| height: 0.2777777777777778rem; |
| width: 100%; |
| position: relative; |
| margin-bottom: -0.2777777777777778rem; |
| } |
| .ui-header.ui-option-header-resizing .ui-option-header .ui-btn { |
| background: transparent; |
| border: none; |
| width: 100%; |
| top: 0.4444444444444444rem; |
| } |
| .ui-header.ui-option-header-resizing .ui-option-header .ui-btn .ui-btn-inner { |
| width: 92%; |
| padding: 0.66em 0px 0.66em; |
| margin: 0px auto; |
| } |
| .ui-header.ui-option-header-resizing .ui-option-header .input-search-bar .ui-btn { |
| width: 28%; |
| /* 134 * @unit_base; */ |
| |
| } |
| /* |
| .ui-triangle { |
| color : @color_optionheader_Background; |
| |
| position: absolute; |
| bottom: 0px; |
| border-style: solid; |
| |
| margin-left : -10 * @unit_base; |
| |
| border-left-width : 10 * @unit_base; |
| border-top-width : 0 * @unit_base; |
| border-right-width :10 * @unit_base; |
| border-bottom-width : 10 * @unit_base; |
| border-bottom-color : @color_optionheader_Background; |
| } |
| */ |
| .ui-triangle-image { |
| background-image: url(images/00_winset_control_top_arrow.png); |
| background-size: 100% 100%; |
| position: absolute; |
| width: 0.7777777777777777rem; |
| height: 0.6666666666666666rem; |
| left: 50%; |
| } |
| .ui-icon-optiontray { |
| background-size: 100% 100%; |
| background-image: url(images/00_winset_btn_optiontray.png); |
| } |
| .ui-header .ui-btn .ui-btn-icon-only { |
| padding: 0 0 0 0; |
| height: 100%; |
| } |
| .ui-header .ui-btn .ui-btn-icon-only .ui-icon-optiontray { |
| width: 1.3333333333333333rem; |
| height: 1.0555555555555556rem; |
| top: 0.5rem; |
| /* temporary center align */ |
| |
| left: 1.0277777777777777rem; |
| } |
| /* |
| * jQuery Mobile Framework |
| * Copyright (c) jQuery Project |
| * Dual licensed under the MIT (MIT-LICENSE.txt) or 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 |
| ***************************************************************************/ |
| ul.ui-virtual-list-container > li.position_absolute { |
| position: absolute; |
| } |
| ul.ui-virtual-list-container > ul.position_absolute { |
| position: absolute; |
| } |
| /**************************** |
| * 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-scrollview-clip { |
| position: relative; |
| } |
| .ui-scrolllistview .ui-li-divider { |
| z-index: 10; |
| } |
| .ui-scrollbar { |
| position: absolute; |
| overflow: hidden; |
| opacity: 0; |
| } |
| .ui-scrollbar-visible { |
| opacity: 1; |
| } |
| .ui-scrollbar-y { |
| top: 0.05555555555555555rem; |
| right: 0.05555555555555555rem; |
| bottom: 0.05555555555555555rem; |
| width: 0.2777777777777778rem; |
| } |
| .ui-scrollbar-x { |
| right: 0.05555555555555555rem; |
| bottom: 0.05555555555555555rem; |
| left: 0.05555555555555555rem; |
| height: 0.2777777777777778rem; |
| } |
| .ui-scrollbar-track { |
| position: relative; |
| width: 100%; |
| height: 100%; |
| } |
| .ui-scrollbar-thumb { |
| position: absolute; |
| top: 0; |
| left: 0; |
| background-color: #44444a; |
| } |
| .ui-scrollbar-y .ui-scrollbar-thumb { |
| width: 0.2777777777777778rem; |
| height: 100%; |
| } |
| .ui-scrollbar-x .ui-scrollbar-thumb { |
| width: 100%; |
| height: 0.2777777777777778rem; |
| } |
| /* |
| * the values below are for the group index |
| */ |
| /* |
| * padding here set to zero - otherwise the list scrolls underneith the top heading and can be seen above it |
| */ |
| .ui-content.ui-scrollview-clip { |
| padding: 0; |
| padding-bottom: 0.4444444444444444rem; |
| } |
| .ui-content.ui-scrollview-clip > div.ui-scrollview-view { |
| margin: 0; |
| padding: 0.4444444444444444rem; |
| } |
| /* |
| * this seems to effect how far the top divider is place wrt to the scrollview |
| * without this, it is placed too high, so it is clipped in half |
| */ |
| .ui-content.ui-scrollview-clip > .ui-listview.ui-scrollview-view { |
| margin: 0; |
| } |
| /**************************** |
| * 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-hsvpicker .hsvpicker-clrchannel-container { |
| display: table; |
| padding-left: 0.75rem; |
| padding-right: 0.75rem; |
| } |
| .ui-hsvpicker .hsvpicker-clrchannel-container .hsvpicker-arrow-btn-container { |
| display: table-cell; |
| vertical-align: middle; |
| } |
| .ui-hsvpicker .hsvpicker-clrchannel-container .hsvpicker-arrow-btn { |
| float: left; |
| } |
| .ui-hsvpicker .hsvpicker-clrchannel-container .hsvpicker-clrchannel-masks-container { |
| float: left; |
| position: relative; |
| width: 8.333333333333332rem; |
| height: 1.0555555555555556rem; |
| margin-left: 0px; |
| margin-right: 0px; |
| margin-top: 0px; |
| margin-bottom: 0px; |
| padding-left: 0.2777777777777778rem; |
| padding-right: 0.2777777777777778rem; |
| padding-top: 0.16666666666666669rem; |
| padding-bottom: 0.16666666666666669rem; |
| } |
| .ui-hsvpicker .hsvpicker-clrchannel-container .hsvpicker-clrchannel-masks-container .hsvpicker-clrchannel-mask { |
| position: absolute; |
| width: 8.333333333333332rem; |
| height: 1.0555555555555556rem; |
| } |
| .ui-hsvpicker .hsvpicker-clrchannel-container .hsvpicker-clrchannel-masks-container .hsvpicker-clrchannel-mask-black { |
| background: #000000; |
| } |
| .ui-hsvpicker .hsvpicker-clrchannel-container .hsvpicker-clrchannel-masks-container .hsvpicker-clrchannel-mask-white { |
| background: #ffffff; |
| } |
| .ui-hsvpicker .hsvpicker-clrchannel-container .hsvpicker-clrchannel-masks-container .hsvpicker-clrchannel-selector { |
| position: absolute; |
| left: 0rem; |
| top: 0rem; |
| width: 0.2777777777777778rem; |
| height: 1.1111111111111112rem; |
| border: 0.1388888888888889rem solid black; |
| } |
| .ui-popupwindow .colorpickerbutton-popup-container-style { |
| display: table; |
| width: 50%; |
| margin: 0 auto; |
| } |
| /**************************** |
| * 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 |
| ***************************************************************************/ |
| .todons-colorpalette-disabled .colorpalette-table .colorpalette-choice-active { |
| border-color: #999999 !important; |
| } |
| .ui-colorpalette { |
| display: table; |
| padding-left: 0.6666666666666666rem; |
| padding-right: 0.6666666666666666rem; |
| padding-top: 0.41666666666666663rem; |
| padding-bottom: 0.41666666666666663rem; |
| } |
| .ui-colorpalette .colorpalette-preview-container { |
| padding-top: 1.3333333333333333rem; |
| padding-bottom: 1.0833333333333333rem; |
| display: table; |
| margin: auto; |
| } |
| .ui-colorpalette .colorpalette-preview-container .colorpalette-preview { |
| display: table; |
| margin: auto; |
| width: 8.222222222222223rem; |
| height: 2.8055555555555554rem; |
| border: #c0c0c0 0.1111111111111111rem solid; |
| } |
| .ui-colorpalette .colorpalette-table .colorpalette-bottom-row { |
| display: table-row; |
| } |
| .ui-colorpalette .colorpalette-table .colorpalette-normal-row { |
| display: table-row; |
| } |
| .ui-colorpalette .colorpalette-table .colorpalette-choice-container-left { |
| display: table-cell; |
| } |
| .ui-colorpalette .colorpalette-table .colorpalette-choice-container-rest { |
| display: table-cell; |
| padding-bottom: 0.4444444444444444rem; |
| padding-left: 1.0555555555555556rem; |
| } |
| .ui-colorpalette .colorpalette-table .colorpalette-normal-row .colorpalette-choice-container-left { |
| padding-bottom: 0.4444444444444444rem; |
| } |
| .ui-colorpalette .colorpalette-table .colorpalette-choice { |
| width: 1.2777777777777777rem; |
| height: 1.2777777777777777rem; |
| border-width: 0.1111111111111111rem; |
| border-style: solid; |
| border-color: #c0c0c0; |
| } |
| .ui-colorpalette .colorpalette-table .colorpalette-choice-active { |
| border-color: #d9931a; |
| } |
| label.colorpickerbutton_label.ui-input-text { |
| display: block !important; |
| } |
| /**************************** |
| * 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-colortitle h1 { |
| margin-left: 0.2777777777777778rem; |
| } |
| .todons-colortitle-disabled h1 { |
| color: #888888; |
| } |
| /**************************** |
| * 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-datefield { |
| display: inline-block; |
| } |
| .ui-datefield div { |
| display: inline-block; |
| } |
| .ui-datefield div span { |
| margin-right: 0.5555555555555556rem; |
| } |
| .ui-datefield div .ui-datefield-selected { |
| color: #008cd2; |
| } |
| .ui-datefield div .ui-datefield-ampm { |
| margin-right: 0; |
| margin-top: 0; |
| top: -0.1388888888888889rem; |
| display: inline-block; |
| } |
| .ui-datefield div .ui-datefield-ampm span.ui-btn-inner.ui-btn-hastxt { |
| margin-right: 0; |
| padding: 0 0.6944444444444444rem; |
| } |
| .ui-datefield div .ui-datefield-ampm span.ui-btn-inner.ui-btn-hastxt span { |
| margin-right: 0; |
| } |
| .ui-datefield .ui-datefield-tab { |
| display: inline-block; |
| min-width: 1.6666666666666665rem; |
| } |
| .ui-datetimepicker-selector div ul { |
| padding: 0; |
| display: inline; |
| list-style: none; |
| vertical-align: middle; |
| margin: 0; |
| } |
| .ui-datetimepicker-selector div ul li { |
| font-size: 1.222222222222222rem; |
| float: left; |
| padding: 0.8333333333333333rem 0.2222222222222222rem 0 0.2222222222222222rem; |
| max-width: 5.555555555555555rem; |
| min-width: 5.555555555555555rem; |
| } |
| .ui-datetimepicker-selector div ul li a.ui-link { |
| text-decoration: none; |
| color: #6997ad; |
| } |
| .ui-datetimepicker-selector div ul li a.ui-link:hover { |
| color: #6997ad; |
| } |
| .ui-datetimepicker-selector div ul li.current a.ui-link { |
| color: #f9f9f9; |
| } |
| .ui-datetimepicker { |
| left: 0 !important; |
| padding: 0; |
| } |
| .ui-datetimepicker .ui-popupwindow-padding { |
| background: #008cd2 !important; |
| border-radius: 0 !important; |
| -webkit-border-radius: 0 !important; |
| box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.6) !important; |
| border-width: 0 !important; |
| text-align: center !important; |
| } |
| .ui-datetimepicker .ui-popupwindow-padding div { |
| height: 2.944444444444444rem; |
| } |
| /**************************** |
| * 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-popupwindow-screen { |
| background: #000000; |
| opacity: 0; |
| position: absolute; |
| top: 0; |
| left: 0; |
| width: 100%; |
| height: 100%; |
| z-index: 1200; |
| } |
| .ui-popupwindow { |
| position: absolute; |
| z-index: 1201 !important; |
| background: #536771; |
| color: white; |
| padding: 0.05555555555555555rem 0.05555555555555555rem; |
| } |
| .ui-popupwindow .center_info { |
| display: -moz-box; |
| display: -webkit-box; |
| display: box; |
| -moz-box-orient: vertical; |
| -webkit-box-orient: vertical; |
| box-orient: vertical; |
| -moz-box-align: center; |
| -webkit-box-align: center; |
| box-align: center; |
| -moz-box-pack: center; |
| -webkit-box-pack: center; |
| box-pack: center; |
| } |
| .ui-popupwindow .center_info .popup-text { |
| font-size: 1.1666666666666665rem; |
| background: #213c49; |
| width: 100%; |
| } |
| .ui-popupwindow .center_info .popup-text p { |
| text-align: center; |
| padding: 0.611111111111111rem 0.4444444444444444rem; |
| } |
| .ui-popupwindow .center_title { |
| display: -moz-box; |
| display: -webkit-box; |
| display: box; |
| -moz-box-orient: vertical; |
| -webkit-box-orient: vertical; |
| box-orient: vertical; |
| -moz-box-align: center; |
| -webkit-box-align: center; |
| box-align: center; |
| -moz-box-pack: center; |
| -webkit-box-pack: center; |
| box-pack: center; |
| text-align: center; |
| } |
| .ui-popupwindow .center_title .popup-title { |
| font-size: 1.0555555555555556rem; |
| height: 1.7777777777777777rem; |
| } |
| .ui-popupwindow .center_title .popup-title p { |
| margin: 0rem 0rem; |
| padding: 0.3611111111111111rem 0rem; |
| } |
| .ui-popupwindow .center_title .popup-text { |
| font-size: 1.1666666666666665rem; |
| background: #213c49; |
| width: 100%; |
| } |
| .ui-popupwindow .center_title .popup-text p { |
| text-align: center; |
| padding: 0.611111111111111rem 0.4444444444444444rem; |
| } |
| .ui-popupwindow .center_basic_1btn { |
| display: -moz-box; |
| display: -webkit-box; |
| display: box; |
| -moz-box-orient: vertical; |
| -webkit-box-orient: vertical; |
| box-orient: vertical; |
| -moz-box-align: center; |
| -webkit-box-align: center; |
| box-align: center; |
| -moz-box-pack: center; |
| -webkit-box-pack: center; |
| box-pack: center; |
| text-align: center; |
| } |
| .ui-popupwindow .center_basic_1btn .popup-text { |
| font-size: 1.1666666666666665rem; |
| background: #213c49; |
| width: 100%; |
| } |
| .ui-popupwindow .center_basic_1btn .popup-text p { |
| text-align: center; |
| padding: 0.611111111111111rem 0.4444444444444444rem; |
| } |
| .ui-popupwindow .center_basic_1btn .popup-button-bg { |
| font-size: 0.8888888888888888rem; |
| background: #565d60; |
| width: 100%; |
| padding-top: 0.3055555555555555rem; |
| padding-bottom: 0.3055555555555555rem; |
| vertical-align: middle; |
| } |
| .ui-popupwindow .center_basic_1btn .popup-button-bg .ui-btn { |
| width: 11.166666666666666rem; |
| height: 2.0555555555555554rem; |
| margin: auto; |
| } |
| .ui-popupwindow .center_basic_2btn { |
| display: -moz-box; |
| display: -webkit-box; |
| display: box; |
| -moz-box-orient: vertical; |
| -webkit-box-orient: vertical; |
| box-orient: vertical; |
| -moz-box-align: center; |
| -webkit-box-align: center; |
| box-align: center; |
| -moz-box-pack: center; |
| -webkit-box-pack: center; |
| box-pack: center; |
| text-align: center; |
| } |
| .ui-popupwindow .center_basic_2btn .popup-text { |
| font-size: 1.1666666666666665rem; |
| background: #213c49; |
| width: 100%; |
| } |
| .ui-popupwindow .center_basic_2btn .popup-text p { |
| text-align: center; |
| padding: 0.611111111111111rem 0.4444444444444444rem; |
| } |
| .ui-popupwindow .center_basic_2btn .popup-button-bg { |
| font-size: 0.8888888888888888rem; |
| background: #565d60; |
| width: 100%; |
| padding-top: 0.3055555555555555rem; |
| padding-bottom: 0.3055555555555555rem; |
| vertical-align: middle; |
| } |
| .ui-popupwindow .center_basic_2btn .popup-button-bg .ui-btn { |
| width: 7.611111111111111rem; |
| height: 2.0555555555555554rem; |
| margin-top: 0rem; |
| margin-bottom: 0rem; |
| margin-left: 0.1388888888888889rem; |
| margin-right: 0.1388888888888889rem; |
| display: inline-block; |
| } |
| .ui-popupwindow .center_basic_3btn { |
| display: -moz-box; |
| display: -webkit-box; |
| display: box; |
| -moz-box-orient: vertical; |
| -webkit-box-orient: vertical; |
| box-orient: vertical; |
| -moz-box-align: center; |
| -webkit-box-align: center; |
| box-align: center; |
| -moz-box-pack: center; |
| -webkit-box-pack: center; |
| box-pack: center; |
| text-align: center; |
| } |
| .ui-popupwindow .center_basic_3btn .popup-text { |
| font-size: 1.1666666666666665rem; |
| background: #213c49; |
| width: 100%; |
| } |
| .ui-popupwindow .center_basic_3btn .popup-text p { |
| text-align: center; |
| padding: 0.611111111111111rem 0.4444444444444444rem; |
| } |
| .ui-popupwindow .center_basic_3btn .popup-button-bg { |
| font-size: 0.8888888888888888rem; |
| background: #565d60; |
| width: 100%; |
| padding-top: 0.3055555555555555rem; |
| padding-bottom: 0.3055555555555555rem; |
| vertical-align: middle; |
| } |
| .ui-popupwindow .center_basic_3btn .popup-button-bg .ui-btn { |
| width: 5.166666666666666rem; |
| height: 2.0555555555555554rem; |
| margin-top: 0rem; |
| margin-bottom: 0rem; |
| margin-left: 0.1388888888888889rem; |
| margin-right: 0.1388888888888889rem; |
| display: inline-block; |
| } |
| .ui-popupwindow .center_title_1btn { |
| display: -moz-box; |
| display: -webkit-box; |
| display: box; |
| -moz-box-orient: vertical; |
| -webkit-box-orient: vertical; |
| box-orient: vertical; |
| -moz-box-align: center; |
| -webkit-box-align: center; |
| box-align: center; |
| -moz-box-pack: center; |
| -webkit-box-pack: center; |
| box-pack: center; |
| text-align: center; |
| } |
| .ui-popupwindow .center_title_1btn .popup-title { |
| font-size: 1.0555555555555556rem; |
| height: 1.7777777777777777rem; |
| } |
| .ui-popupwindow .center_title_1btn .popup-title p { |
| margin: 0rem 0rem; |
| padding: 0.3611111111111111rem 0rem; |
| } |
| .ui-popupwindow .center_title_1btn .popup-text { |
| font-size: 1.1666666666666665rem; |
| background: #213c49; |
| width: 100%; |
| } |
| .ui-popupwindow .center_title_1btn .popup-text p { |
| text-align: center; |
| padding: 0.611111111111111rem 0.4444444444444444rem; |
| } |
| .ui-popupwindow .center_title_1btn .popup-button-bg { |
| font-size: 0.8888888888888888rem; |
| background: #565d60; |
| width: 100%; |
| padding-top: 0.3055555555555555rem; |
| padding-bottom: 0.3055555555555555rem; |
| vertical-align: middle; |
| } |
| .ui-popupwindow .center_title_1btn .popup-button-bg .ui-btn { |
| width: 11.166666666666666rem; |
| height: 2.0555555555555554rem; |
| margin: auto; |
| } |
| .ui-popupwindow .center_title_2btn { |
| display: -moz-box; |
| display: -webkit-box; |
| display: box; |
| -moz-box-orient: vertical; |
| -webkit-box-orient: vertical; |
| box-orient: vertical; |
| -moz-box-align: center; |
| -webkit-box-align: center; |
| box-align: center; |
| -moz-box-pack: center; |
| -webkit-box-pack: center; |
| box-pack: center; |
| text-align: center; |
| } |
| .ui-popupwindow .center_title_2btn .popup-title { |
| font-size: 1.0555555555555556rem; |
| height: 1.7777777777777777rem; |
| } |
| .ui-popupwindow .center_title_2btn .popup-title p { |
| margin: 0rem 0rem; |
| padding: 0.3611111111111111rem 0rem; |
| } |
| .ui-popupwindow .center_title_2btn .popup-text { |
| font-size: 1.1666666666666665rem; |
| background: #213c49; |
| width: 100%; |
| } |
| .ui-popupwindow .center_title_2btn .popup-text p { |
| text-align: center; |
| padding: 0.611111111111111rem 0.4444444444444444rem; |
| } |
| .ui-popupwindow .center_title_2btn .popup-button-bg { |
| font-size: 0.8888888888888888rem; |
| background: #565d60; |
| width: 100%; |
| padding-top: 0.3055555555555555rem; |
| padding-bottom: 0.3055555555555555rem; |
| vertical-align: middle; |
| } |
| .ui-popupwindow .center_title_2btn .popup-button-bg .ui-btn { |
| width: 7.611111111111111rem; |
| height: 2.0555555555555554rem; |
| margin-top: 0rem; |
| margin-bottom: 0rem; |
| margin-left: 0.1388888888888889rem; |
| margin-right: 0.1388888888888889rem; |
| display: inline-block; |
| } |
| .ui-popupwindow .center_title_3btn { |
| display: -moz-box; |
| display: -webkit-box; |
| display: box; |
| -moz-box-orient: vertical; |
| -webkit-box-orient: vertical; |
| box-orient: vertical; |
| -moz-box-align: center; |
| -webkit-box-align: center; |
| box-align: center; |
| -moz-box-pack: center; |
| -webkit-box-pack: center; |
| box-pack: center; |
| text-align: center; |
| } |
| .ui-popupwindow .center_title_3btn .popup-title { |
| font-size: 1.0555555555555556rem; |
| height: 1.7777777777777777rem; |
| } |
| .ui-popupwindow .center_title_3btn .popup-title p { |
| margin: 0rem 0rem; |
| padding: 0.3611111111111111rem 0rem; |
| } |
| .ui-popupwindow .center_title_3btn .popup-text { |
| font-size: 1.1666666666666665rem; |
| background: #213c49; |
| width: 100%; |
| } |
| .ui-popupwindow .center_title_3btn .popup-text p { |
| text-align: center; |
| padding: 0.611111111111111rem 0.4444444444444444rem; |
| } |
| .ui-popupwindow .center_title_3btn .popup-button-bg { |
| font-size: 0.8888888888888888rem; |
| background: #565d60; |
| width: 100%; |
| padding-top: 0.3055555555555555rem; |
| padding-bottom: 0.3055555555555555rem; |
| vertical-align: middle; |
| } |
| .ui-popupwindow .center_title_3btn .popup-button-bg .ui-btn { |
| width: 5.166666666666666rem; |
| height: 2.0555555555555554rem; |
| margin-top: 0rem; |
| margin-bottom: 0rem; |
| margin-left: 0.1388888888888889rem; |
| margin-right: 0.1388888888888889rem; |
| display: inline-block; |
| } |
| .ui-popupwindow .center_button_vertical { |
| display: -moz-box; |
| display: -webkit-box; |
| display: box; |
| -moz-box-orient: vertical; |
| -webkit-box-orient: vertical; |
| box-orient: vertical; |
| -moz-box-align: center; |
| -webkit-box-align: center; |
| box-align: center; |
| -moz-box-pack: center; |
| -webkit-box-pack: center; |
| box-pack: center; |
| text-align: center; |
| } |
| .ui-popupwindow .center_button_vertical .popup-text { |
| font-size: 1.1666666666666665rem; |
| background: #213c49; |
| width: 100%; |
| } |
| .ui-popupwindow .center_button_vertical .popup-text p { |
| text-align: center; |
| padding: 0.611111111111111rem 0.4444444444444444rem; |
| } |
| .ui-popupwindow .center_button_vertical .popup-button-bg { |
| font-size: 0.8888888888888888rem; |
| background: #565d60; |
| width: 100%; |
| padding-top: 1px; |
| padding-bottom: 0.4444444444444444rem; |
| vertical-align: middle; |
| } |
| .ui-popupwindow .center_button_vertical .popup-button-bg .ui-btn { |
| width: 9.888888888888888rem; |
| height: 2.0555555555555554rem; |
| margin-top: 0.4444444444444444rem; |
| margin-bottom: 0rem; |
| margin-left: auto; |
| margin-right: auto; |
| } |
| .ui-popupwindow .center_checkbox { |
| display: -moz-box; |
| display: -webkit-box; |
| display: box; |
| -moz-box-orient: vertical; |
| -webkit-box-orient: vertical; |
| box-orient: vertical; |
| -moz-box-align: center; |
| -webkit-box-align: center; |
| box-align: center; |
| -moz-box-pack: center; |
| -webkit-box-pack: center; |
| box-pack: center; |
| text-align: center; |
| } |
| .ui-popupwindow .center_checkbox .popup-text { |
| font-size: 1.1666666666666665rem; |
| background: #213c49; |
| width: 100%; |
| } |
| .ui-popupwindow .center_checkbox .popup-text p { |
| text-align: center; |
| padding: 0.611111111111111rem 0.4444444444444444rem; |
| } |
| .ui-popupwindow .center_checkbox .popup-check-bg { |
| font-size: 1.1666666666666665rem; |
| background: #213c49; |
| width: 100%; |
| padding-top: 0rem; |
| padding-bottom: 0.611111111111111rem; |
| vertical-align: middle; |
| } |
| .ui-popupwindow .center_checkbox .popup-check-bg .ui-checkbox .ui-btn { |
| text-align: center; |
| background: #213c49; |
| border: 0rem; |
| } |
| .ui-popupwindow .center_checkbox .popup-check-bg .ui-checkbox .ui-btn .ui-btn-inner { |
| border: 0rem; |
| } |
| .ui-popupwindow .center_checkbox .popup-button-bg { |
| font-size: 0.8888888888888888rem; |
| background: #565d60; |
| width: 100%; |
| padding-top: 0.3055555555555555rem; |
| padding-bottom: 0.3055555555555555rem; |
| vertical-align: middle; |
| } |
| .ui-popupwindow .center_checkbox .popup-button-bg .ui-btn { |
| width: 7.611111111111111rem; |
| height: 2.0555555555555554rem; |
| margin-top: 0rem; |
| margin-bottom: 0rem; |
| margin-left: 0.1388888888888889rem; |
| margin-right: 0.1388888888888889rem; |
| display: inline-block; |
| } |
| .ui-popupwindow .center_liststyle_1btn { |
| display: -moz-box; |
| display: -webkit-box; |
| display: box; |
| -moz-box-orient: vertical; |
| -webkit-box-orient: vertical; |
| box-orient: vertical; |
| -moz-box-align: center; |
| -webkit-box-align: center; |
| box-align: center; |
| -moz-box-pack: center; |
| -webkit-box-pack: center; |
| box-pack: center; |
| text-align: center; |
| } |
| .ui-popupwindow .center_liststyle_1btn .popup-title { |
| font-size: 1.0555555555555556rem; |
| height: 1.7777777777777777rem; |
| } |
| .ui-popupwindow .center_liststyle_1btn .popup-title p { |
| margin: 0rem 0rem; |
| padding: 0.3611111111111111rem 0rem; |
| } |
| .ui-popupwindow .center_liststyle_1btn .popup-scroller-bg { |
| width: 100%; |
| overflow: hidden; |
| background: black; |
| } |
| .ui-popupwindow .center_liststyle_1btn .popup-scroller-bg .ui-listview { |
| height: 14.222222222222221rem; |
| } |
| .ui-popupwindow .center_liststyle_1btn .popup-button-bg { |
| font-size: 0.8888888888888888rem; |
| background: #565d60; |
| width: 100%; |
| padding-top: 0.3055555555555555rem; |
| padding-bottom: 0.3055555555555555rem; |
| vertical-align: middle; |
| } |
| .ui-popupwindow .center_liststyle_1btn .popup-button-bg .ui-btn { |
| width: 11.166666666666666rem; |
| height: 2.0555555555555554rem; |
| margin: auto; |
| } |
| .ui-popupwindow .center_liststyle_2btn { |
| display: -moz-box; |
| display: -webkit-box; |
| display: box; |
| -moz-box-orient: vertical; |
| -webkit-box-orient: vertical; |
| box-orient: vertical; |
| -moz-box-align: center; |
| -webkit-box-align: center; |
| box-align: center; |
| -moz-box-pack: center; |
| -webkit-box-pack: center; |
| box-pack: center; |
| text-align: center; |
| } |
| .ui-popupwindow .center_liststyle_2btn .popup-title { |
| font-size: 1.0555555555555556rem; |
| height: 1.7777777777777777rem; |
| } |
| .ui-popupwindow .center_liststyle_2btn .popup-title p { |
| margin: 0rem 0rem; |
| padding: 0.3611111111111111rem 0rem; |
| } |
| .ui-popupwindow .center_liststyle_2btn .popup-scroller-bg { |
| width: 100%; |
| overflow: hidden; |
| background: black; |
| } |
| .ui-popupwindow .center_liststyle_2btn .popup-scroller-bg .ui-listview { |
| height: 14.222222222222221rem; |
| } |
| .ui-popupwindow .center_liststyle_2btn .popup-button-bg { |
| font-size: 0.8888888888888888rem; |
| background: #565d60; |
| width: 100%; |
| padding-top: 0.3055555555555555rem; |
| padding-bottom: 0.3055555555555555rem; |
| vertical-align: middle; |
| } |
| .ui-popupwindow .center_liststyle_2btn .popup-button-bg .ui-btn { |
| width: 7.611111111111111rem; |
| height: 2.0555555555555554rem; |
| margin-top: 0rem; |
| margin-bottom: 0rem; |
| margin-left: 0.1388888888888889rem; |
| margin-right: 0.1388888888888889rem; |
| display: inline-block; |
| } |
| .ui-popupwindow .center_liststyle_3btn { |
| display: -moz-box; |
| display: -webkit-box; |
| display: box; |
| -moz-box-orient: vertical; |
| -webkit-box-orient: vertical; |
| box-orient: vertical; |
| -moz-box-align: center; |
| -webkit-box-align: center; |
| box-align: center; |
| -moz-box-pack: center; |
| -webkit-box-pack: center; |
| box-pack: center; |
| text-align: center; |
| } |
| .ui-popupwindow .center_liststyle_3btn .popup-title { |
| font-size: 1.0555555555555556rem; |
| height: 1.7777777777777777rem; |
| } |
| .ui-popupwindow .center_liststyle_3btn .popup-title p { |
| margin: 0rem 0rem; |
| padding: 0.3611111111111111rem 0rem; |
| } |
| .ui-popupwindow .center_liststyle_3btn .popup-scroller-bg { |
| width: 100%; |
| overflow: hidden; |
| background: black; |
| } |
| .ui-popupwindow .center_liststyle_3btn .popup-scroller-bg .ui-listview { |
| height: 14.222222222222221rem; |
| } |
| .ui-popupwindow .center_liststyle_3btn .popup-button-bg { |
| font-size: 0.8888888888888888rem; |
| background: #565d60; |
| width: 100%; |
| padding-top: 0.3055555555555555rem; |
| padding-bottom: 0.3055555555555555rem; |
| vertical-align: middle; |
| } |
| .ui-popupwindow .center_liststyle_3btn .popup-button-bg .ui-btn { |
| width: 5.166666666666666rem; |
| height: 2.0555555555555554rem; |
| margin-top: 0rem; |
| margin-bottom: 0rem; |
| margin-left: 0.1388888888888889rem; |
| margin-right: 0.1388888888888889rem; |
| display: inline-block; |
| } |
| .ui-popupwindow .center_progressbar { |
| display: -moz-box; |
| display: -webkit-box; |
| display: box; |
| -moz-box-orient: vertical; |
| -webkit-box-orient: vertical; |
| box-orient: vertical; |
| -moz-box-align: center; |
| -webkit-box-align: center; |
| box-align: center; |
| -moz-box-pack: center; |
| -webkit-box-pack: center; |
| box-pack: center; |
| text-align: center; |
| } |
| .ui-popupwindow .center_progressbar .popup-text { |
| font-size: 0.7222222222222222rem; |
| font-color: #999999; |
| background: #213c49; |
| width: 100%; |
| height: 1.9444444444444444rem; |
| } |
| .ui-popupwindow .center_progressbar .popup-text p { |
| height: 100%; |
| text-align: center; |
| padding: 0.611111111111111rem 0.4444444444444444rem 0rem 0.4444444444444444rem; |
| } |
| .ui-popupwindow .center_progressbar .popup-text-bottom-bg { |
| font-size: 0.7222222222222222rem; |
| font-color: #999999; |
| background: #213c49; |
| width: 100%; |
| vertical-align: middle; |
| } |
| .ui-popupwindow .center_progressbar .popup-text-bottom-bg .text-left { |
| width: 40%; |
| height: 1.3333333333333333rem; |
| padding: 0rem 0.4444444444444444rem 0rem 0.4444444444444444rem; |
| text-align: left; |
| display: inline-block; |
| } |
| .ui-popupwindow .center_progressbar .popup-text-bottom-bg .text-right { |
| width: 40%; |
| height: 1.3333333333333333rem; |
| padding: 0rem 0.4444444444444444rem 0rem 0.4444444444444444rem; |
| text-align: right; |
| display: inline-block; |
| } |
| .ui-popupwindow .center_progressbar .popup-button-bg { |
| font-size: 0.8888888888888888rem; |
| background: #565d60; |
| width: 100%; |
| padding-top: 0.3055555555555555rem; |
| padding-bottom: 0.3055555555555555rem; |
| vertical-align: middle; |
| } |
| .ui-popupwindow .center_progressbar .popup-button-bg .ui-btn { |
| width: 11.166666666666666rem; |
| height: 2.0555555555555554rem; |
| margin: auto; |
| } |
| .ui-popupwindow .center_progressbar .popup-progress-bg { |
| background: #213c49; |
| width: 100%; |
| height: 100%; |
| } |
| .ui-popupwindow .centertext_progressbar { |
| display: -moz-box; |
| display: -webkit-box; |
| display: box; |
| -moz-box-orient: vertical; |
| -webkit-box-orient: vertical; |
| box-orient: vertical; |
| -moz-box-align: center; |
| -webkit-box-align: center; |
| box-align: center; |
| -moz-box-pack: center; |
| -webkit-box-pack: center; |
| box-pack: center; |
| text-align: center; |
| } |
| .ui-popupwindow .centertext_progressbar .popup-text { |
| font-size: 0.7222222222222222rem; |
| font-color: #999999; |
| background: #213c49; |
| width: 100%; |
| padding-top: 0.611111111111111rem; |
| padding-bottom: 0.4444444444444444rem; |
| } |
| .ui-popupwindow .centertext_progressbar .popup-text p { |
| text-align: center; |
| } |
| .ui-popupwindow .centertext_progressbar .popup-text-bottom-bg { |
| font-size: 0.7222222222222222rem; |
| font-color: #999999; |
| background: #213c49; |
| width: 100%; |
| vertical-align: middle; |
| } |
| .ui-popupwindow .centertext_progressbar .popup-text-bottom-bg .text-left { |
| width: 40%; |
| height: 1.1111111111111112rem; |
| padding: 0.4444444444444444rem 0.4444444444444444rem 0.611111111111111rem 0.4444444444444444rem; |
| text-align: left; |
| display: inline-block; |
| } |
| .ui-popupwindow .centertext_progressbar .popup-text-bottom-bg .text-right { |
| width: 40%; |
| height: 1.1111111111111112rem; |
| padding: 0.4444444444444444rem 0.4444444444444444rem 0.611111111111111rem 0.4444444444444444rem; |
| text-align: right; |
| display: inline-block; |
| } |
| .ui-popupwindow .centertext_progressbar .popup-button-bg { |
| font-size: 0.8888888888888888rem; |
| background: #565d60; |
| width: 100%; |
| padding-top: 0.3055555555555555rem; |
| padding-bottom: 0.3055555555555555rem; |
| vertical-align: middle; |
| } |
| .ui-popupwindow .centertext_progressbar .popup-button-bg .ui-btn { |
| width: 11.166666666666666rem; |
| height: 2.0555555555555554rem; |
| margin: auto; |
| } |
| .ui-popupwindow .centertext_progressbar .popup-progress-bg { |
| background: #213c49; |
| width: 100%; |
| height: 100%; |
| } |
| .ui-popupwindow > .ui-volumecontrol { |
| display: table; |
| margin: auto; |
| background: rgba(0, 0, 0, 0.666667); |
| width: 11.555555555555555rem; |
| height: 18.777777777777775rem; |
| padding-top: 0.611111111111111rem; |
| } |
| .ui-popupwindow > .ui-volumecontrol h1 { |
| font-size: 1.1666666666666665rem; |
| display: table; |
| margin: auto; |
| color: #c0c0c0; |
| } |
| .ui-popupwindow > .ui-volumecontrol .ui-volumecontrol-icon { |
| display: table; |
| width: 100%; |
| height: 3.5555555555555554rem; |
| padding-top: 0.5833333333333333rem; |
| padding-bottom: 0.5833333333333333rem; |
| padding-left: 4.583333333333333rem; |
| padding-right: 4.583333333333333rem; |
| } |
| .ui-popupwindow > .ui-volumecontrol .ui-volumecontrol-indicator { |
| display: table; |
| width: 100%; |
| height: 11.666666666666666rem; |
| padding-left: 1.8888888888888888rem; |
| padding-right: 1.8888888888888888rem; |
| } |
| .ui-popupwindow > .ui-volumecontrol .ui-corner-all { |
| -moz-border-radius: 0.3em !important; |
| -webkit-border-radius: 0.3em !important; |
| border-radius: 0.3em !important; |
| } |
| .ui-popupwindow-corner-all { |
| -moz-border-radius: 0em !important; |
| -webkit-border-radius: 0em !important; |
| border-radius: 0em !important; |
| } |
| /**************************** |
| * 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-ctxpopup { |
| display: table; |
| } |
| .ui-ctxpopup .ui-ctxpopup-row .ui-triangle-top { |
| top: 2px; |
| } |
| .ui-ctxpopup .ui-ctxpopup-row .ui-triangle-left { |
| left: 2px; |
| } |
| .ui-ctxpopup .ui-ctxpopup-row .ui-triangle-right { |
| right: 2px; |
| } |
| .ui-ctxpopup .ui-ctxpopup-row .ui-triangle-bottom { |
| bottom: 2px; |
| } |
| .ui-ctxpopup .ui-ctxpopup-row { |
| display: table-row; |
| } |
| .ui-ctxpopup .ui-ctxpopup-row .ui-ctxpopup-cell { |
| display: table-cell; |
| } |
| .ui-ctxpopup .ui-ctxpopup-row .ui-popupwindow-padding { |
| background: #2d2d2d; |
| border: none; |
| -webkit-box-shadow: 0rem 0rem 0.3333333333333333rem rgba(0, 0, 0, 0.6); |
| box-shadow: 0rem 0rem 0.3333333333333333rem rgba(0, 0, 0, 0.6); |
| -webkit-border-radius: 0.3em; |
| border-radius: 0.3em; |
| } |
| .ui-ctxpopup .ui-listview li.ui-btn-up-s, .ui-ctxpopup .ui-listview li.ui-btn-hover-s { |
| background: transparent; |
| } |
| .ui-ctxpopup .ui-listview li.ui-btn-down-s { |
| background: #0a8cd2; |
| } |
| .ui-ctxpopup .ui-listview li:last-child { |
| border-bottom-left-radius: 0.3em; |
| border-bottom-right-radius: 0.3em; |
| } |
| .ui-ctxpopup .ui-listview li:first-child { |
| border-top-left-radius: 0.3em; |
| border-top-right-radius: 0.3em; |
| } |
| .ui-ctxpopup .ui-listview { |
| border: none; |
| } |
| .ui-ctxpopup .ui-listview > .ui-li { |
| padding: 0 0.19444444444444442rem; |
| } |
| .ui-ctxpopup .ui-listview > .ui-li:last-child { |
| border: none; |
| } |
| .ui-ctxpopup .horizontal .icon .ui-btn { |
| padding: 0; |
| background: transparent; |
| } |
| .ui-ctxpopup .horizontal .icon .ui-btn .ui-btn-icon-only { |
| width: 3.5555555555555554rem; |
| height: 2.5555555555555554rem; |
| padding: 0; |
| } |
| .ui-ctxpopup .horizontal .icon .ui-btn .ui-icon { |
| padding: 0.8888888888888888rem 0; |
| height: inherit; |
| width: inherit; |
| margin: 0; |
| background-position: center; |
| -moz-background-size: 1.7777777777777777rem 1.7777777777777777rem; |
| -o-background-size: 1.7777777777777777rem 1.7777777777777777rem; |
| -webkit-background-size: 1.7777777777777777rem 1.7777777777777777rem; |
| background-size: 1.7777777777777777rem 1.7777777777777777rem; |
| } |
| .ui-ctxpopup .horizontal .text { |
| padding: 0 0.5555555555555556rem; |
| } |
| .ui-ctxpopup .horizontal a.ui-link { |
| color: #f9f9f9; |
| text-decoration: none; |
| } |
| .ui-ctxpopup .horizontal table { |
| border: none; |
| border-spacing: 0; |
| } |
| .ui-ctxpopup .horizontal td { |
| border-left: 0.027777777777777776rem solid #464646; |
| border-right: 0.027777777777777776rem solid #000000; |
| border-top: 0.027777777777777776rem solid #000000; |
| border-bottom: 0.027777777777777776rem solid #464646; |
| } |
| .ui-ctxpopup .horizontal td:first-of-type { |
| border-left: none; |
| } |
| .ui-ctxpopup .horizontal td:last-of-type { |
| border-right: none; |
| } |
| .ui-ctxpopup .horizontal tr:first-of-type > td { |
| border-top: none; |
| } |
| .ui-ctxpopup .horizontal tr:last-of-type > td { |
| border-bottom: none; |
| } |
| .ui-ctxpopup .horizontal tr:first-of-type > td:first-of-type { |
| border-top-left-radius: 0.3em; |
| } |
| .ui-ctxpopup .horizontal tr:first-of-type > td:last-of-type { |
| border-top-right-radius: 0.3em; |
| } |
| .ui-ctxpopup .horizontal tr:last-of-type > td:first-of-type { |
| border-bottom-left-radius: 0.3em; |
| } |
| .ui-ctxpopup .horizontal tr:last-of-type > td:last-of-type { |
| border-bottom-right-radius: 0.3em; |
| } |
| .ui-ctxpopup .horizontal ul { |
| padding: 0; |
| display: inline-block; |
| list-style: none; |
| vertical-align: middle; |
| margin: 0; |
| } |
| .ui-ctxpopup .horizontal li { |
| line-height: 2.5555555555555554rem; |
| min-height: 2.5555555555555554rem; |
| float: left; |
| display: inline-block; |
| border-left: 0.027777777777777776rem solid #464646; |
| border-right: 0.027777777777777776rem solid #000000; |
| text-align: center; |
| } |
| .ui-ctxpopup .horizontal li:first-of-type { |
| border-top-left-radius: 0.3em; |
| border-bottom-left-radius: 0.3em; |
| border-left: none; |
| } |
| .ui-ctxpopup .horizontal li:last-of-type { |
| border-top-right-radius: 0.3em; |
| border-bottom-right-radius: 0.3em; |
| border-right: none; |
| margin-right: 0; |
| } |
| .ui-ctxpopup .horizontal li:active, .ui-ctxpopup .horizontal td:active { |
| background: #0a8cd2; |
| } |
| .ui-ctxpopup .button table .ui-btn { |
| margin: 0.2222222222222222rem; |
| padding: 0; |
| height: 2.0555555555555554rem; |
| width: 4.777777777777778rem; |
| } |
| /**************************** |
| * 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 |
| ***************************************************************************/ |
| @-webkit-keyframes ui-scale-animation { |
| from { |
| -webkit-transform: scalex(0); |
| } |
| to { |
| -webkit-transform: scalex(1); |
| } |
| } |
| .ui-progressbar-value { |
| background-image: url(images/00_winset_list_progress_bar.png); |
| height: 100%; |
| } |
| .ui-progressbar { |
| position: relative; |
| background-image: url(images/00_winset_list_progress_bg.png); |
| margin-left: 0.4444444444444444rem; |
| margin-right: 0.4444444444444444rem; |
| height: 0.4444444444444444rem; |
| } |
| .ui-progress-bg { |
| position: relative; |
| top: 0; |
| background-image: url(images/00_winset_list_progress_bg.png); |
| width: 100%; |
| height: 0.4444444444444444rem; |
| } |
| .ui-progress-bar { |
| position: relative; |
| top: -0.4444444444444444rem; |
| width: 100%; |
| height: 0.4444444444444444rem; |
| background-image: url(images/00_winset_list_progress_bar.png); |
| -webkit-animation: ui-scale-animation 5s infinite linear; |
| -webkit-transform-origin: 0% 0%; |
| } |
| /**************************** |
| * 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 |
| ***************************************************************************/ |
| /* Progress - circle style */ |
| @-webkit-keyframes ui-rotate-animation { |
| from { |
| -webkit-transform: rotate(0deg); |
| } |
| to { |
| -webkit-transform: rotate(360deg); |
| } |
| } |
| .ui-progress-container-circle-bg { |
| position: relative; |
| margin-top: 0.027777777777777776rem; |
| margin-bottom: 0.027777777777777776rem; |
| width: 100%; |
| height: 1.7777777777777777rem; |
| } |
| .ui-progress-container-circle { |
| position: relative; |
| margin-left: 0.4444444444444444rem; |
| margin-right: 0.4444444444444444rem; |
| height: 1.7777777777777777rem; |
| width: 1.7777777777777777rem; |
| float: right; |
| vertical-align: middle; |
| } |
| .ui-progress-circle { |
| position: relative; |
| top: 0; |
| height: 1.7777777777777777rem; |
| width: 1.7777777777777777rem; |
| background: url(images/process/00_winset_list_process_01.png) no-repeat; |
| -moz-background-size: 1.7777777777777777rem 1.7777777777777777rem; |
| -o-background-size: 1.7777777777777777rem 1.7777777777777777rem; |
| -webkit-background-size: 1.7777777777777777rem 1.7777777777777777rem; |
| background-size: 1.7777777777777777rem 1.7777777777777777rem; |
| } |
| .ui-progress-circle-running { |
| -webkit-animation: ui-rotate-animation 1s infinite linear; |
| } |
| /* Progress - pending style */ |
| @-webkit-keyframes ui-move-animation { |
| from { |
| -webkit-transform: translatey(-0.8888888888888888rem); |
| } |
| to { |
| -webkit-transform: translatey(0); |
| } |
| } |
| .ui-progress-container-pending { |
| position: relative; |
| margin-left: 0.4444444444444444rem; |
| margin-right: 0.4444444444444444rem; |
| height: 0.4444444444444444rem; |
| overflow: hidden; |
| } |
| .ui-progress-pending { |
| position: relative; |
| top: 0; |
| width: 100%; |
| height: 1.3333333333333333rem; |
| padding-top: 0; |
| padding-bottom: 0; |
| background: -webkit-linear-gradient(-45deg, transparent, transparent 25%, #008cd2 25%, #008cd2 50%, transparent 50%, transparent 75%, #008cd2 75%); |
| background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(25%, rgba(0, 0, 0, 0)), color-stop(25%, #008cd2), color-stop(50%, #008cd2), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(75%, rgba(0, 0, 0, 0)), color-stop(75%, #008cd2)); |
| background-color: #373737; |
| -moz-background-size: 0.8888888888888888rem 0.8888888888888888rem; |
| -o-background-size: 0.8888888888888888rem 0.8888888888888888rem; |
| -webkit-background-size: 0.8888888888888888rem 0.8888888888888888rem; |
| background-size: 0.8888888888888888rem 0.8888888888888888rem; |
| } |
| .ui-progress-pending-running { |
| -webkit-animation: ui-move-animation 0.5s infinite linear; |
| } |
| /**************************** |
| * 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 |
| ***************************************************************************/ |
| label.ui-slider { |
| display: block; |
| } |
| input.ui-slider-input { |
| display: inline-block; |
| width: 1.3888888888888888rem; |
| } |
| select.ui-slider-switch { |
| display: none; |
| } |
| .ui-slider-bg, .ui-slider-icon-bg { |
| position: relative; |
| margin-left: 0.8888888888888888rem; |
| margin-right: 0.8888888888888888rem; |
| margin-bottom: 0.2em; |
| vertical-align: middle; |
| } |
| .ui-slider-icon-bg { |
| margin-left: 2.6666666666666665rem; |
| margin-right: 2.6666666666666665rem; |
| } |
| .ui-slider-left-volume, .ui-slider-left-bright { |
| position: absolute; |
| top: -0.2em; |
| left: -2.6666666666666665rem; |
| height: 2.2222222222222223rem; |
| width: 2.2222222222222223rem; |
| vertical-align: middle; |
| background: url(images/00_slider_btn_brightness01.png) no-repeat; |
| -moz-background-size: 2.2222222222222223rem 2.2222222222222223rem; |
| -o-background-size: 2.2222222222222223rem 2.2222222222222223rem; |
| -webkit-background-size: 2.2222222222222223rem 2.2222222222222223rem; |
| background-size: 2.2222222222222223rem 2.2222222222222223rem; |
| } |
| .ui-slider-left-volume { |
| background: url(images/00_slider_btn_volume01.png) no-repeat; |
| -moz-background-size: 2.2222222222222223rem 2.2222222222222223rem; |
| -o-background-size: 2.2222222222222223rem 2.2222222222222223rem; |
| -webkit-background-size: 2.2222222222222223rem 2.2222222222222223rem; |
| background-size: 2.2222222222222223rem 2.2222222222222223rem; |
| } |
| .ui-slider-right-volume, .ui-slider-right-bright { |
| position: absolute; |
| top: -0.2em; |
| right: -2.6666666666666665rem; |
| height: 2.2222222222222223rem; |
| width: 2.2222222222222223rem; |
| vertical-align: middle; |
| background: url(images/00_slider_btn_brightness02.png) no-repeat; |
| -moz-background-size: 2.2222222222222223rem 2.2222222222222223rem; |
| -o-background-size: 2.2222222222222223rem 2.2222222222222223rem; |
| -webkit-background-size: 2.2222222222222223rem 2.2222222222222223rem; |
| background-size: 2.2222222222222223rem 2.2222222222222223rem; |
| } |
| .ui-slider-right-volume { |
| background: url(images/00_slider_btn_volume02.png) no-repeat; |
| -moz-background-size: 2.2222222222222223rem 2.2222222222222223rem; |
| -o-background-size: 2.2222222222222223rem 2.2222222222222223rem; |
| -webkit-background-size: 2.2222222222222223rem 2.2222222222222223rem; |
| background-size: 2.2222222222222223rem 2.2222222222222223rem; |
| } |
| .ui-slider-left-text { |
| position: absolute; |
| top: -0.2em; |
| left: -2.6666666666666665rem; |
| height: 2.2222222222222223rem; |
| width: 2.2222222222222223rem; |
| text-align: center; |
| color: #646464; |
| } |
| .ui-slider-right-text { |
| position: absolute; |
| top: -0.2em; |
| right: -2.6666666666666665rem; |
| height: 2.2222222222222223rem; |
| width: 2.2222222222222223rem; |
| text-align: center; |
| color: #646464; |
| } |
| div.ui-slider { |
| display: inline-block; |
| overflow: visible; |
| height: 0.4444444444444444rem; |
| width: 100%; |
| background-image: url(images/00_winset_list_progress_bg.png); |
| } |
| div.ui-slider .ui-btn { |
| top: 0.15em !important; |
| } |
| div.ui-slider .ui-btn-inner { |
| padding: 0.4em 0rem; |
| } |
| div.ui-slider .ui-btn-text { |
| color: #2a6d8c; |
| } |
| a.ui-slider-handle { |
| position: relative; |
| z-index: 10; |
| top: -0.5833333333333333rem; |
| width: 1.611111111111111rem; |
| height: 1.611111111111111rem; |
| margin-top: -0.8055555555555555rem; |
| margin-left: -0.8055555555555555rem; |
| color: #2a6d8c; |
| background: url(images/00_slider_handle.png) no-repeat; |
| -moz-background-size: 1.611111111111111rem 1.611111111111111rem; |
| -o-background-size: 1.611111111111111rem 1.611111111111111rem; |
| -webkit-background-size: 1.611111111111111rem 1.611111111111111rem; |
| background-size: 1.611111111111111rem 1.611111111111111rem; |
| } |
| .ui-slider-popup { |
| position: absolute !important; |
| width: 2.833333333333333rem; |
| height: 2.833333333333333rem; |
| text-align: center; |
| padding-top: 0.5em; |
| z-index: 100; |
| opacity: 0.9; |
| background: url(images/00_slider_popup_bg.png) no-repeat; |
| -moz-background-size: 2.833333333333333rem 2.833333333333333rem; |
| -o-background-size: 2.833333333333333rem 2.833333333333333rem; |
| -webkit-background-size: 2.833333333333333rem 2.833333333333333rem; |
| background-size: 2.833333333333333rem 2.833333333333333rem; |
| } |
| .ui-slider-bar { |
| position: absolute; |
| top: 0.8em; |
| height: 0.4444444444444444rem; |
| width: 0; |
| background-image: url(images/00_winset_list_progress_bar.png); |
| } |
| .ui-slider-handle-press { |
| position: absolute; |
| z-index: 15; |
| width: 1.611111111111111rem; |
| height: 1.611111111111111rem; |
| background: url(images/00_slider_handle_press.png) no-repeat; |
| -moz-background-size: 1.611111111111111rem 1.611111111111111rem; |
| -o-background-size: 1.611111111111111rem 1.611111111111111rem; |
| -webkit-background-size: 1.611111111111111rem 1.611111111111111rem; |
| background-size: 1.611111111111111rem 1.611111111111111rem; |
| } |
| /**************************** |
| * 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-imageslider { |
| position: relative; |
| width: 100%; |
| } |
| .ui-imageslider-bg { |
| display: none; |
| position: absolute; |
| text-align: center; |
| width: 100%; |
| } |
| /**************************** |
| * 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 |
| ***************************************************************************/ |
| /* tickernoti */ |
| @-webkit-keyframes ui-ticker-show { |
| from { |
| opacity: 0; |
| -webkit-transform: translatey(-2.7777777777777777rem); |
| top: -2.7777777777777777rem; |
| } |
| to { |
| opacity: 1; |
| -webkit-transform: translatey(0); |
| top: 0; |
| } |
| } |
| @-webkit-keyframes ui-ticker-hide { |
| from { |
| opacity: 1; |
| -webkit-transform: translatey(0); |
| top: 0; |
| } |
| to { |
| opacity: 0; |
| -webkit-transform: translatey(-2.7777777777777777rem); |
| top: -2.7777777777777777rem; |
| } |
| } |
| .ui-ticker { |
| position: fixed; |
| display: none; |
| left: 0; |
| width: 100%; |
| height: 2.7777777777777777rem; |
| z-index: 2147483547; |
| background: #6c6c6c; |
| } |
| .ui-ticker.fix { |
| display: block; |
| } |
| .ui-ticker.show { |
| display: block; |
| -webkit-animation: ui-ticker-show 0.8s 1 ease; |
| top: 0; |
| } |
| .ui-ticker.hide { |
| display: block; |
| -webkit-animation: ui-ticker-hide 0.8s 1 ease; |
| top: -2.7777777777777777rem; |
| } |
| .ui-ticker-btn { |
| position: relative; |
| height: 1.5rem; |
| margin-top: 0.6388888888888888rem; |
| margin-left: 0.4444444444444444rem; |
| margin-right: 0.4444444444444444rem; |
| vertical-align: middle; |
| float: right; |
| } |
| .ui-ticker-btn .ui-btn-inner { |
| padding: 0.3em 0.7em; |
| } |
| .ui-ticker-icon { |
| position: absolute; |
| top: 0; |
| height: 1.7777777777777777rem; |
| width: 1.7777777777777777rem; |
| margin-top: 0.5rem; |
| margin-bottom: 0.5rem; |
| margin-left: 0.4444444444444444rem; |
| margin-right: 0.4444444444444444rem; |
| vertical-align: middle; |
| /* FIXME: please fix this image file */ |
| |
| background: url(images/00_button_call.png) no-repeat; |
| -moz-background-size: 1.7777777777777777rem 1.7777777777777777rem; |
| -o-background-size: 1.7777777777777777rem 1.7777777777777777rem; |
| -webkit-background-size: 1.7777777777777777rem 1.7777777777777777rem; |
| background-size: 1.7777777777777777rem 1.7777777777777777rem; |
| } |
| .ui-ticker-text1-bg { |
| position: absolute; |
| top: 0; |
| height: 0.7777777777777777rem; |
| left: 2.6666666666666665rem; |
| margin-top: 0.5555555555555556rem; |
| font-size: 0.8em; |
| color: #bababa; |
| } |
| .ui-ticker-text2-bg { |
| position: absolute; |
| top: 0; |
| height: 0.8888888888888888rem; |
| left: 2.6666666666666665rem; |
| margin-top: 1.3333333333333333rem; |
| color: #f4f4f4; |
| } |
| /* smallpopup */ |
| @-webkit-keyframes ui-smallpopup-show { |
| from { |
| opacity: 0; |
| -webkit-transform: scaley(0); |
| } |
| to { |
| opacity: 1; |
| -webkit-transform: scaley(1); |
| } |
| } |
| @-webkit-keyframes ui-smallpopup-hide { |
| from { |
| opacity: 1; |
| height: 1.3333333333333333rem; |
| left: 0; |
| -webkit-transform: scaley(1); |
| } |
| to { |
| opacity: 0; |
| height: 0; |
| left: 0; |
| -webkit-transform: scaley(0); |
| } |
| } |
| .ui-smallpopup { |
| position: fixed; |
| display: none; |
| top: 0; |
| left: 0; |
| width: 100%; |
| height: 1.3333333333333333rem; |
| z-index: 1100; |
| background: #344a55; |
| vertical-align: middle; |
| } |
| .ui-smallpopup.fix { |
| display: block; |
| } |
| .ui-smallpopup.show { |
| display: block; |
| -webkit-animation: ui-smallpopup-show 0.5s 1 ease; |
| } |
| .ui-smallpopup.hide { |
| display: block; |
| left: -100%; |
| -webkit-animation: ui-smallpopup-hide 0.5s 1 ease; |
| } |
| .ui-smallpopup-text-bg { |
| position: relative; |
| margin-top: 0.16666666666666666rem; |
| margin-left: 0.4444444444444444rem; |
| color: #f9f9f9; |
| } |
| /* |
| * pagrcontrol stylesheet |
| * by Youmin Ha <youmin.ha@samsung.com> |
| */ |
| /**************************** |
| * 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 |
| ***************************************************************************/ |
| div.pagecontrol { |
| text-align: center; |
| } |
| div.pagecontrol > div.page_n { |
| display: inline-block; |
| border: 0; |
| width: 1.4444444444444444rem; |
| height: 1.4444444444444444rem; |
| } |
| div.pagecontrol > div.page_n_margin_44 { |
| margin-left: 0.611111111111111rem; |
| margin-right: 0.611111111111111rem; |
| } |
| div.pagecontrol > div.page_n_margin_35 { |
| margin-left: 0.4722222222222222rem; |
| margin-right: 0.4444444444444444rem; |
| } |
| div.pagecontrol > div.page_n_margin_26 { |
| margin-left: 0.3333333333333333rem; |
| margin-right: 0.3333333333333333rem; |
| } |
| div.pagecontrol > div.page_n_margin_19 { |
| margin-left: 0.25rem; |
| margin-right: 0.2222222222222222rem; |
| } |
| div.pagecontrol > div.page_n_dot { |
| background-image: url('images/00_mainmenu_page_bar_001.png'); |
| background-size: 1.4444444444444444rem; |
| -webkit-transition: background 0.5s ease; |
| -moz-transition: background 0.5s ease; |
| -o-transition: background 0.5s ease; |
| transition: background 0.5s ease; |
| } |
| div.pagecontrol > div.page_n_1 { |
| background-image: url('images/00_mainmenu_page_bar_1.png'); |
| background-size: 1.4444444444444444rem; |
| -webkit-transition: background 0.5s ease; |
| -moz-transition: background 0.5s ease; |
| -o-transition: background 0.5s ease; |
| transition: background 0.5s ease; |
| } |
| div.pagecontrol > div.page_n_2 { |
| background-image: url('images/00_mainmenu_page_bar_2.png'); |
| background-size: 1.4444444444444444rem; |
| -webkit-transition: background 0.5s ease; |
| -moz-transition: background 0.5s ease; |
| -o-transition: background 0.5s ease; |
| transition: background 0.5s ease; |
| } |
| div.pagecontrol > div.page_n_3 { |
| background-image: url('images/00_mainmenu_page_bar_3.png'); |
| background-size: 1.4444444444444444rem; |
| -webkit-transition: background 0.5s ease; |
| -moz-transition: background 0.5s ease; |
| -o-transition: background 0.5s ease; |
| transition: background 0.5s ease; |
| } |
| div.pagecontrol > div.page_n_4 { |
| background-image: url('images/00_mainmenu_page_bar_4.png'); |
| background-size: 1.4444444444444444rem; |
| -webkit-transition: background 0.5s ease; |
| -moz-transition: background 0.5s ease; |
| -o-transition: background 0.5s ease; |
| transition: background 0.5s ease; |
| } |
| div.pagecontrol > div.page_n_5 { |
| background-image: url('images/00_mainmenu_page_bar_5.png'); |
| background-size: 1.4444444444444444rem; |
| -webkit-transition: background 0.5s ease; |
| -moz-transition: background 0.5s ease; |
| -o-transition: background 0.5s ease; |
| transition: background 0.5s ease; |
| } |
| div.pagecontrol > div.page_n_6 { |
| background-image: url('images/00_mainmenu_page_bar_6.png'); |
| background-size: 1.4444444444444444rem; |
| -webkit-transition: background 0.5s ease; |
| -moz-transition: background 0.5s ease; |
| -o-transition: background 0.5s ease; |
| transition: background 0.5s ease; |
| } |
| div.pagecontrol > div.page_n_7 { |
| background-image: url('images/00_mainmenu_page_bar_7.png'); |
| background-size: 1.4444444444444444rem; |
| -webkit-transition: background 0.5s ease; |
| -moz-transition: background 0.5s ease; |
| -o-transition: background 0.5s ease; |
| transition: background 0.5s ease; |
| } |
| div.pagecontrol > div.page_n_8 { |
| background-image: url('images/00_mainmenu_page_bar_8.png'); |
| background-size: 1.4444444444444444rem; |
| -webkit-transition: background 0.5s ease; |
| -moz-transition: background 0.5s ease; |
| -o-transition: background 0.5s ease; |
| transition: background 0.5s ease; |
| } |
| div.pagecontrol > div.page_n_9 { |
| background-image: url('images/00_mainmenu_page_bar_9.png'); |
| background-size: 1.4444444444444444rem; |
| -webkit-transition: background 0.5s ease; |
| -moz-transition: background 0.5s ease; |
| -o-transition: background 0.5s ease; |
| transition: background 0.5s ease; |
| } |
| div.pagecontrol > div.page_n_10 { |
| background-image: url('images/00_mainmenu_page_bar_10.png'); |
| background-size: 1.4444444444444444rem; |
| -webkit-transition: background 0.5s ease; |
| -moz-transition: background 0.5s ease; |
| -o-transition: background 0.5s ease; |
| transition: background 0.5s ease; |
| } |
| /**************************** |
| * 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-swipelist { |
| list-style-type: none; |
| } |
| .ui-swipelist-item { |
| -webkit-user-select: none; |
| -user-select: none; |
| } |
| .ui-swipelist-item .ui-btn { |
| margin-top: -0.3em !important; |
| } |
| .ui-swipelist-item-cover { |
| position: absolute; |
| border: none; |
| top: 0%; |
| left: 0%; |
| width: 100%; |
| height: 100%; |
| z-index: 100; |
| } |
| .ui-swipelist-item-cover .ui-li-text-main { |
| position: absolute; |
| } |
| .ui-swipelist-item-cover .ui-li-text-sub-left { |
| margin-top: 0.8em !important; |
| margin-left: 0.4444444444444444rem !important; |
| } |
| .ui-swipelist-item-cover .ui-li-text-main-right { |
| margin-top: 0.7em !important; |
| } |
| /**************************** |
| * 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-nocontents { |
| position: relative; |
| left: 0; |
| width: 100%; |
| height: 14.11111111111111rem; |
| } |
| .ui-nocontents-icon-text, |
| .ui-nocontents-icon-picture, |
| .ui-nocontents-icon-multimedia, |
| .ui-nocontents-icon-unnamed { |
| position: absolute; |
| display: block; |
| width: 8.722222222222221rem; |
| height: 8.61111111111111rem; |
| background: url(images/00_Nocontents_text.png) no-repeat; |
| -moz-background-size: 8.61111111111111rem 8.722222222222221rem; |
| -o-background-size: 8.61111111111111rem 8.722222222222221rem; |
| -webkit-background-size: 8.61111111111111rem 8.722222222222221rem; |
| background-size: 8.61111111111111rem 8.722222222222221rem; |
| } |
| .ui-nocontents-icon-picture { |
| background: url(images/00_Nocontents_picture.png) no-repeat; |
| -moz-background-size: 8.61111111111111rem 8.722222222222221rem; |
| -o-background-size: 8.61111111111111rem 8.722222222222221rem; |
| -webkit-background-size: 8.61111111111111rem 8.722222222222221rem; |
| background-size: 8.61111111111111rem 8.722222222222221rem; |
| } |
| .ui-nocontents-icon-multimedia { |
| background: url(images/00_Nocontents_multimedia.png) no-repeat; |
| -moz-background-size: 8.61111111111111rem 8.722222222222221rem; |
| -o-background-size: 8.61111111111111rem 8.722222222222221rem; |
| -webkit-background-size: 8.61111111111111rem 8.722222222222221rem; |
| background-size: 8.61111111111111rem 8.722222222222221rem; |
| } |
| .ui-nocontents-icon-unnamed { |
| background: url(images/00_Nocontents_unnamed.png) no-repeat; |
| -moz-background-size: 8.61111111111111rem 8.722222222222221rem; |
| -o-background-size: 8.61111111111111rem 8.722222222222221rem; |
| -webkit-background-size: 8.61111111111111rem 8.722222222222221rem; |
| background-size: 8.61111111111111rem 8.722222222222221rem; |
| } |
| .ui-nocontents-text { |
| position: absolute; |
| height: 1.2777777777777777rem; |
| width: 100%; |
| text-align: center; |
| color: #514e4c; |
| } |
| /**************************** |
| * 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-shortcutscroll { |
| position: absolute; |
| right: 0rem; |
| background-color: rgba(68, 68, 68, 0.5); |
| width: 0.8333333333333333rem; |
| -webkit-user-select: none; |
| margin: 0; |
| padding-right: 0.08em; |
| opacity: 1; |
| } |
| .ui-shortcutscroll ul { |
| list-style-type: none; |
| margin: 0; |
| padding: 0; |
| } |
| .ui-shortcutscroll li { |
| cursor: pointer; |
| color: rgba(180, 180, 180, 0.6); |
| padding: 0.05555555555555555rem 0.05555555555555555rem 0.05555555555555555rem 0.05555555555555555rem; |
| text-align: right; |
| } |
| .ui-shortcutscroll2 { |
| position: absolute; |
| right: 0rem; |
| -webkit-user-select: none; |
| margin: 0; |
| padding-right: 0.08em; |
| opacity: 1; |
| } |
| .ui-shortcutscroll2 ul { |
| list-style-type: none; |
| margin: 0; |
| padding: 0; |
| } |
| .ui-shortcutscroll2 li { |
| cursor: pointer; |
| color: rgba(180, 180, 180, 0.6); |
| padding: 0.05555555555555555rem 0.05555555555555555rem 0.05555555555555555rem 0.05555555555555555rem; |
| text-align: right; |
| } |
| .ui-shortcutscroll-bg { |
| position: absolute; |
| right: 0rem; |
| background-color: rgba(68, 68, 68, 0.5); |
| width: 0.8333333333333333rem; |
| z-index: 10; |
| top: 0; |
| } |
| .ui-shortcutscroll-popup { |
| position: absolute; |
| background: #738993; |
| color: #f9f9f9; |
| padding: 0.2777777777777778rem 0.8333333333333333rem; |
| -moz-box-shadow: 0.2222222222222222rem 0.2777777777777778rem 0rem rgba(199, 199, 199, 0.5); |
| -webkit-box-shadow: 0.2222222222222222rem 0.2777777777777778rem 0rem rgba(199, 199, 199, 0.5); |
| box-shadow: 0.2222222222222222rem 0.2777777777777778rem 0rem rgba(199, 199, 199, 0.5); |
| text-align: center; |
| font-size: 2.083333333333333rem; |
| font-weight: bold; |
| display: none; |
| box-sizing: border-box; |
| } |
| /**************************** |
| * 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 |
| ***************************************************************************/ |
| /* dayselector CSS */ |
| .ui-dayselector label { |
| height: 1.5555555555555554rem; |
| width: 1.7777777777777777rem; |
| } |
| .ui-dayselector { |
| display: inline-block; |
| } |
| .ui-dayselector .ui-btn { |
| border-color: #646464; |
| border-style: solid; |
| border-width: 0.027777777777777776rem; |
| } |
| .ui-dayselector .ui-btn .ui-btn-inner { |
| text-align: center; |
| padding: 0.8em 0px; |
| } |
| .ui-dayselector .ui-checkbox-off { |
| background: #3b3b3b; |
| } |
| .ui-dayselector .ui-checkbox-off .ui-btn-text { |
| color: #f9f9f9; |
| } |
| .ui-dayselector .ui-checkbox-off.ui-btn-down-s.ui-btn-hover-s { |
| background: #008cd2; |
| } |
| .ui-dayselector .ui-checkbox-on { |
| background: #008cd2; |
| } |
| .ui-dayselector .ui-checkbox-on .ui-btn-text { |
| color: #f9f9f9; |
| } |
| .ui-dayselector .ui-checkbox-on.ui-btn-down-s.ui-btn-hover-s { |
| background: #3b3b3b; |
| } |
| .ui-dayselector .ui-dayselector-label-6 .ui-btn-text { |
| color: #00a8e7; |
| } |
| .ui-dayselector .ui-dayselector-label-6.ui-checkbox-on .ui-btn-text { |
| color: #f9f9f9; |
| } |
| .ui-dayselector .ui-dayselector-label-0 .ui-btn-text { |
| color: #f01402; |
| } |
| .ui-dayselector .ui-checkbox { |
| height: 2.5rem; |
| } |
| .ui-dayselector .ui-checkbox .ui-btn { |
| width: 2.611111111111111rem; |
| } |
| .ui-dayselector .ui-checkbox .ui-btn.ui-corner-left { |
| border-top-left-radius: 0.1388888888888889rem; |
| border-bottom-left-radius: 0.1388888888888889rem; |
| } |
| .ui-dayselector .ui-checkbox .ui-btn.ui-corner-right { |
| border-top-right-radius: 0.1388888888888889rem; |
| border-bottom-right-radius: 0.1388888888888889rem; |
| } |
| .ui-dayselector .todons-dayselector-disabled .ui-dayselector-label-6 { |
| color: #121212; |
| } |
| .ui-dayselector .todons-dayselector-disabled .ui-dayselector-label-0 { |
| color: #363636; |
| } |
| .ui-dayselector.ui-controlgroup-vertical .ui-checkbox .ui-btn { |
| width: 2.7777777777777777rem; |
| } |
| .ui-dayselector.ui-controlgroup-vertical .ui-checkbox .ui-btn .ui-btn-text { |
| margin-left: 0rem; |
| } |
| /**************************** |
| * 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-toggleswitch { |
| position: relative; |
| overflow: hidden; |
| background: #3b3b3b; |
| } |
| .ui-toggleswitch .toggleswitch-background { |
| position: absolute; |
| margin: 0px; |
| border: 0px; |
| left: 0px; |
| right: 0px; |
| top: 0px; |
| bottom: 0px; |
| pointer-events: none; |
| } |
| .ui-toggleswitch .toggleswitch-sizer { |
| margin: 0px; |
| opacity: 0; |
| pointer-events: none; |
| } |
| .ui-toggleswitch .toggleswitch-floating-button { |
| background: #f9f9f9; |
| position: absolute; |
| margin: 0px; |
| left: 0px; |
| right: 0px; |
| } |
| .ui-toggleswitch .ui-btn-inner { |
| padding: 0.05555555555555555rem 0.19444444444444442rem !important; |
| } |
| .ui-toggleswitch .toggleswitch-mover { |
| border-color: transparent; |
| background: none; |
| pointer-events: none; |
| } |
| .tizen-huegradient { |
| background: none; /* Old browsers */ |
| background: -webkit-gradient(linear, left top, right top, |
| color-stop( 0% ,rgba(255, 0, 0,1)), |
| color-stop( 16.666666667%,rgba(255,255, 0,1)), |
| color-stop( 33.333333333%,rgba(0 ,255, 0,1)), |
| color-stop( 50% ,rgba(0 ,255,255,1)), |
| color-stop( 66.666666667%,rgba(0 , 0,255,1)), |
| color-stop( 83.333333333%,rgba(255, 0,255,1)), |
| color-stop(100% ,rgba(255, 0, 0,1))); /* Chrome,Safari4+ */ |
| background: -moz-linear-gradient(left, |
| rgba(255, 0, 0,1) 0%, |
| rgba(255,255, 0,1) 16.666666667%, |
| rgba( 0,255, 0,1) 33.333333333%, |
| rgba( 0,255,255,1) 50%, |
| rgba( 0, 0,255,1) 66.666666667%, |
| rgba(255, 0,255,1) 83.333333333%, |
| rgba(255, 0, 0,1) 100%); |
| background: -webkit-linear-gradient(left, |
| rgba(255, 0, 0,1) 0%, |
| rgba(255,255, 0,1) 16.666666667%, |
| rgba( 0,255, 0,1) 33.333333333%, |
| rgba( 0,255,255,1) 50%, |
| rgba( 0, 0,255,1) 66.666666667%, |
| rgba(255, 0,255,1) 83.333333333%, |
| rgba(255, 0, 0,1) 100%); |
| background: -o-linear-gradient(left, |
| rgba(255, 0, 0,1) 0%, |
| rgba(255,255, 0,1) 16.666666667%, |
| rgba( 0,255, 0,1) 33.333333333%, |
| rgba( 0,255,255,1) 50%, |
| rgba( 0, 0,255,1) 66.666666667%, |
| rgba(255, 0,255,1) 83.333333333%, |
| rgba(255, 0, 0,1) 100%); |
| background: -ms-linear-gradient(left, |
| rgba(255, 0, 0,1) 0%, |
| rgba(255,255, 0,1) 16.666666667%, |
| rgba( 0,255, 0,1) 33.333333333%, |
| rgba( 0,255,255,1) 50%, |
| rgba( 0, 0,255,1) 66.666666667%, |
| rgba(255, 0,255,1) 83.333333333%, |
| rgba(255, 0, 0,1) 100%); |
| background: linear-gradient(left, |
| rgba(255, 0, 0,1) 0%, |
| rgba(255,255, 0,1) 16.666666667%, |
| rgba( 0,255, 0,1) 33.333333333%, |
| rgba( 0,255,255,1) 50%, |
| rgba( 0, 0,255,1) 66.666666667%, |
| rgba(255, 0,255,1) 83.333333333%, |
| rgba(255, 0, 0,1) 100%); |
| } |
| |
| /* Full-saturation magic grayscale values were taken from the Gimp */ |
| .tizen-huegradient-disabled { |
| background: none; /* Old browsers */ |
| background: -webkit-gradient(linear, left top, right top, |
| color-stop( 0% ,rgba( 54, 54, 54,1)), |
| color-stop( 16.666666667%,rgba(237,237,237,1)), |
| color-stop( 33.333333333%,rgba(182,182,182,1)), |
| color-stop( 50% ,rgba(201,201,201,1)), |
| color-stop( 66.666666667%,rgba( 18, 18, 18,1)), |
| color-stop( 83.333333333%,rgba( 73, 73, 73,1)), |
| color-stop(100% ,rgba( 54, 54, 54,1))); /* Chrome,Safari4+ */ |
| background: -moz-linear-gradient(left, |
| rgba( 54, 54, 54,1) 0%, |
| rgba(237,237,237,1) 16.666666667%, |
| rgba(182,182,182,1) 33.333333333%, |
| rgba(201,201,201,1) 50%, |
| rgba( 18, 18, 18,1) 66.666666667%, |
| rgba( 73, 73, 73,1) 83.333333333%, |
| rgba( 54, 54, 54,1) 100%); |
| background: -webkit-linear-gradient(left, |
| rgba( 54, 54, 54,1) 0%, |
| rgba(237,237,237,1) 16.666666667%, |
| rgba(182,182,182,1) 33.333333333%, |
| rgba(201,201,201,1) 50%, |
| rgba( 18, 18, 18,1) 66.666666667%, |
| rgba( 73, 73, 73,1) 83.333333333%, |
| rgba( 54, 54, 54,1) 100%); |
| background: -o-linear-gradient(left, |
| rgba( 54, 54, 54,1) 0%, |
| rgba(237,237,237,1) 16.666666667%, |
| rgba(182,182,182,1) 33.333333333%, |
| rgba(201,201,201,1) 50%, |
| rgba( 18, 18, 18,1) 66.666666667%, |
| rgba( 73, 73, 73,1) 83.333333333%, |
| rgba( 54, 54, 54,1) 100%); |
| background: -ms-linear-gradient(left, |
| rgba( 54, 54, 54,1) 0%, |
| rgba(237,237,237,1) 16.666666667%, |
| rgba(182,182,182,1) 33.333333333%, |
| rgba(201,201,201,1) 50%, |
| rgba( 18, 18, 18,1) 66.666666667%, |
| rgba( 73, 73, 73,1) 83.333333333%, |
| rgba( 54, 54, 54,1) 100%); |
| background: linear-gradient(left, |
| rgba( 54, 54, 54,1) 0%, |
| rgba(237,237,237,1) 16.666666667%, |
| rgba(182,182,182,1) 33.333333333%, |
| rgba(201,201,201,1) 50%, |
| rgba( 18, 18, 18,1) 66.666666667%, |
| rgba( 73, 73, 73,1) 83.333333333%, |
| rgba( 54, 54, 54,1) 100%); |
| } |
| /* Own CSS */ |
| /**************************** |
| * 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 |
| ***************************************************************************/ |
| /* @selector-size should be an odd number, in order to pixel-perfectly center on a given colour */ |
| .ui-colorpicker { |
| display: table; |
| } |
| .ui-colorpicker .colorpicker-hs-container { |
| position: relative; |
| display: table-cell; |
| float: left; |
| width: 7.111111111111111rem; |
| height: 7.111111111111111rem; |
| padding: 1.1388888888888888rem; |
| } |
| .ui-colorpicker .colorpicker-hs-container .colorpicker-hs-mask { |
| position: absolute; |
| width: 7.111111111111111rem; |
| height: 7.111111111111111rem; |
| } |
| .ui-colorpicker .colorpicker-hs-container .colorpicker-hs-selector { |
| position: absolute; |
| width: 2rem; |
| height: 2rem; |
| border: 0.1388888888888889rem solid black; |
| } |
| .ui-colorpicker .colorpicker-l-container { |
| position: relative; |
| float: left; |
| width: 0.5rem; |
| height: 7.111111111111111rem; |
| padding-left: 1px; |
| padding-right: 1px; |
| padding-top: 1.1388888888888888rem; |
| padding-bottom: 1.1388888888888888rem; |
| } |
| .ui-colorpicker .colorpicker-l-container .colorpicker-l-mask { |
| position: absolute; |
| width: 0.5rem; |
| height: 7.111111111111111rem; |
| left: 0.8888888888888888rem; |
| } |
| .ui-colorpicker .colorpicker-l-container .colorpicker-l-selector { |
| left: 0px; |
| position: absolute; |
| width: 2rem; |
| height: 2rem; |
| border: 0.1388888888888889rem solid black; |
| } |
| .ui-colorpicker .colorpicker-hs-container .sat-gradient { |
| background: none; |
| /* Old browsers */ |
| |
| background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(128, 128, 128, 0)), color-stop(100%, #808080)); |
| /* Chrome,Safari4+ */ |
| |
| background: -moz-linear-gradient(top, rgba(128, 128, 128, 0) 0%, #808080 100%); |
| /* FF3.6+ */ |
| |
| background: -webkit-linear-gradient(top, rgba(128, 128, 128, 0) 0%, #808080 100%); |
| /* Chrome10+,Safari5.1+ */ |
| |
| background: -o-linear-gradient(top, rgba(128, 128, 128, 0) 0%, #808080 100%); |
| /* Opera11.10+ */ |
| |
| background: -ms-linear-gradient(top, rgba(128, 128, 128, 0) 0%, #808080 100%); |
| /* IE10+ */ |
| |
| background: linear-gradient(top, rgba(128, 128, 128, 0) 0%, #808080 100%); |
| /* W3C */ |
| |
| /* filter: progid:DXImageTransform.Microsoft.gradient (startColorstr='#00808080', endColorstr="#808080", GradientType = 0); */ |
| |
| } |
| .ui-colorpicker .colorpicker-l-container .l-gradient { |
| background: none; |
| /* Old browsers */ |
| |
| background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000000), color-stop(100%, #ffffff)); |
| /* Chrome,Safari4+ */ |
| |
| background: -moz-linear-gradient(top, #000000 0%, #ffffff 100%); |
| /* FF3.6+ */ |
| |
| background: -webkit-linear-gradient(top, #000000 0%, #ffffff 100%); |
| /* Chrome10+,Safari5.1+ */ |
| |
| background: -o-linear-gradient(top, #000000 0%, #ffffff 100%); |
| /* Opera11.10+ */ |
| |
| background: -ms-linear-gradient(top, #000000 0%, #ffffff 100%); |
| /* IE10+ */ |
| |
| background: linear-gradient(top, #000000 0%, #ffffff 100%); |
| /* W3C */ |
| |
| /* filter: progid:DXImageTransform.Microsoft.gradient (startColorstr='#000000', endColorstr="#ffffff", GradientType = 0); */ |
| |
| } |
| /* Need to add !important below, because these classes are added before jqm enhancement */ |
| /**************************** |
| * 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-colorpickerbutton-input { |
| max-width: 4.166666666666666rem; |
| display: inline-block !important; |
| } |
| .ui-colorpickerbutton-input-hidden { |
| display: none !important; |
| } |
| .ui-triangle-container { |
| position: relative; |
| } |
| .ui-triangle-container .ui-triangle { |
| position: absolute; |
| border-style: solid; |
| border-color: transparent; |
| border-width: 12px; |
| } |
| .ui-triangle-container .ui-triangle-top { |
| top: 0px; |
| border-top-width: 0px; |
| border-left-color: transparent; |
| border-right-color: transparent; |
| margin-left: -12px; |
| } |
| .ui-triangle-container .ui-triangle-bottom { |
| bottom: 0px; |
| border-bottom-width: 0px; |
| border-left-color: transparent; |
| border-right-color: transparent; |
| margin-left: -12px; |
| } |
| .ui-triangle-container .ui-triangle-left { |
| left: 0px; |
| margin-top: -12px; |
| border-left-width: 0px; |
| border-left-color: transparent; |
| border-right-color: transparent; |
| } |
| .ui-triangle-container .ui-triangle-right { |
| right: 0px; |
| margin-top: -12px; |
| border-right-width: 0px; |
| border-left-color: transparent; |
| border-right-color: transparent; |
| } |
| .ui-triangle-container-top { |
| height: 12px; |
| top: 0px; |
| margin-top: -12px; |
| } |
| .ui-triangle-container-bottom { |
| height: 12px; |
| bottom: 0px; |
| margin-bottom: -12px; |
| } |
| .ui-triangle-container-left { |
| width: 12px; |
| } |
| .ui-triangle-container-right { |
| width: 12px; |
| } |
| /**************************** |
| * 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-multibuttonentry { |
| display: table; |
| background-color: #DDDDDD; |
| outline: none; |
| } |
| .ui-multibuttonentry .ui-multibuttonentry-label { |
| display: inline-block; |
| text-align: center; |
| position: relative; |
| margin: .3em; |
| padding: .2em .5em; |
| color: #222222; |
| font-weight: bold; |
| text-align: center; |
| font-size: 1em; |
| background-color: #DDDDDD; |
| } |
| .ui-multibuttonentry-input { |
| display: inline-block; |
| outline: none; |
| position: relative; |
| border: 0 !important; |
| padding: 0 !important; |
| margin: .5em; |
| color: #222222; |
| text-align: left; |
| font-size: 1em; |
| background-color: #DDDDDD; |
| } |
| .ui-multibuttonentry div, .ui-multibuttonentry a { |
| display: inline-block; |
| text-align: center; |
| cursor: pointer; |
| position: relative; |
| margin: .3em; |
| padding: .2em .5em; |
| font-size: 1em; |
| text-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.3); |
| -webkit-border-radius: .5em; |
| -moz-border-radius: .5em; |
| border-radius: .5em; |
| -webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.2); |
| -moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.2); |
| box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.2); |
| color: #fef4e9; |
| } |
| a.ui-multibuttonentry-link { |
| float: right; |
| color: #ffffff !important; |
| font-size: 1em; |
| font-weight: bold; |
| text-decoration: none; |
| border: solid 1px #696969; |
| background: #a9a9a9; |
| background: -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#696969)); |
| background: -moz-linear-gradient(top, #a9a9a9, #696969); |
| } |
| div.ui-multibuttonentry-block { |
| border: solid 1px #da7c0c; |
| background: #f78d1d; |
| background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20)); |
| background: -moz-linear-gradient(top, #faa51a, #f47a20); |
| } |
| div.ui-multibuttonentry-sblock { |
| border: solid 1px #0033FF; |
| background: #0099FF; |
| background: -webkit-gradient(linear, left top, left bottom, from(#00ffff), to(#0099ff)); |
| background: -moz-linear-gradient(top, #00ffff, #0099ff); |
| } |
| .ui-multibuttonentry .ui-multibuttonentry-desclabel { |
| display: inline-block; |
| outline: none; |
| position: relative; |
| border: 0; |
| color: #222222; |
| text-align: left; |
| font-size: 1em; |
| background-color: #DDDDDD; |
| } |
| /**************************** |
| * 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-handler { |
| position: absolute; |
| overflow: hidden; |
| } |
| .ui-handler-y { |
| top: 0.2777777777777778rem; |
| right: 0.2777777777777778rem; |
| bottom: 0.2777777777777778rem; |
| width: 1.3333333333333333rem; |
| } |
| .ui-handler-x { |
| right: 0.2777777777777778rem; |
| bottom: 0.2777777777777778rem; |
| left: 0.2777777777777778rem; |
| height: 1.3333333333333333rem; |
| } |
| .ui-handler-track { |
| position: relative; |
| width: 100%; |
| height: 100%; |
| } |
| .ui-handler-thumb { |
| position: absolute; |
| top: 0; |
| left: 0; |
| background-color: rgba(255, 255, 255, 0.5); |
| background-position: center; |
| background-repeat: no-repeat; |
| -moz-border-radius: 0.1388888888888889rem; |
| -webkit-border-radius: 0.1388888888888889rem; |
| border-radius: 0.1388888888888889rem; |
| } |
| .ui-handler-y .ui-handler-thumb { |
| width: 1.3333333333333333rem; |
| height: 5.944444444444444rem; |
| background-image: url("images/00_scroll_bar_handler.png"); |
| background-size: 1.3333333333333333rem 1.1111111111111112rem; |
| } |
| .ui-handler-x .ui-handler-thumb { |
| width: 5.944444444444444rem; |
| height: 1.3333333333333333rem; |
| background-image: url("images/00_scroll_bar_handler_hor.png"); |
| background-size: 1.1111111111111112rem 1.3333333333333333rem; |
| } |
| /* |
| * jQuery Mobile Framework |
| * Copyright (c) jQuery Project |
| * Dual licensed under the MIT (MIT-LICENSE.txt) or 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 |
| ***************************************************************************/ |
| .ui-virtualgrid { |
| overflow: hidden; |
| position: absolute; |
| } |
| .ui-virtualgrid-wrapblock { |
| position: absolute; |
| left: 0; |
| } |
| /**************************** |
| * 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-multimediaview { |
| background-color: #000000; |
| overflow: hidden; |
| } |
| .ui-multimediaview-wrap { |
| width: 100%; |
| margin: 0; |
| padding: 0; |
| border: 0; |
| } |
| .ui-multimediaview-fullscreen { |
| position: absolute !important; |
| z-index: 1100 !important; |
| } |
| .ui-multimediaview-audio { |
| background-color: #000000 !important; |
| } |
| .ui-multimediaview-control span { |
| display: inline-block; |
| } |
| .ui-multimediaview-control span.ui-play-icon { |
| background-image: url("./images/controlbar/01_controlbar_icon_Play.png"); |
| } |
| .ui-multimediaview-control span.ui-pause-icon { |
| background-image: url("./images/controlbar/01_controlbar_icon_pause.png"); |
| } |
| .ui-multimediaview-control span.ui-stop-icon { |
| background-image: url(./images/stop.png); |
| } |
| .ui-multimediaview-control span.ui-ff-icon { |
| background: url(./images/controlbar/01_controlbar_icon_FF.png); |
| } |
| .ui-multimediaview-control span.ui-rew-icon { |
| background-image: url(./images/controlbar/01_controlbar_icon_REW.png); |
| } |
| .ui-multimediaview-control span.ui-volume-icon { |
| background-image: url(./images/Volume/00_volume_icon.png); |
| } |
| .ui-multimediaview-control span.ui-mute-icon { |
| background-image: url(./images/Volume/00_volume_icon_Mute.png); |
| } |
| .ui-multimediaview-control span.ui-fullscreen-on { |
| background-image: url(./images/00_button_fullscreen_on.png); |
| } |
| .ui-multimediaview-control span.ui-fullscreen-off { |
| background-image: url(./images/00_button_fullscreen_off.png); |
| } |
| .ui-multimediaview-control { |
| position: absolute; |
| display: block; |
| z-index: 1101 !important; |
| padding: 0; |
| margin: 0; |
| outline: 0; |
| border: 0; |
| background-color: rgba(0, 0, 0, 0.5); |
| height: 2.333333333333333rem; |
| } |
| .ui-multimediaview-control span.ui-button { |
| background-position: center center; |
| background-size: 80%; |
| background-repeat: no-repeat; |
| width: 2.0555555555555554rem; |
| height: 2.0555555555555554rem; |
| -webkit-border-radius: 0.16666666666666666rem; |
| -moz-border-radius: 0.16666666666666666rem; |
| border-radius: 0.16666666666666666rem; |
| background-color: #555555; |
| margin: 0.1111111111111111rem; |
| } |
| .ui-multimediaview-control .ui-playpausebutton { |
| background-color: transparent !important; |
| float: left; |
| } |
| .ui-multimediaview-control .ui-timestamplabel { |
| text-align: center; |
| color: #2a6d8c; |
| float: left; |
| } |
| .ui-multimediaview-control .ui-timestamplabel p { |
| margin: 0; |
| text-align: center; |
| font-size: 0.611111111111111rem; |
| line-height: 0.7777777777777777rem; |
| text-align: left; |
| } |
| .ui-multimediaview-control .ui-durationlabel { |
| text-align: center; |
| color: #ffffff; |
| float: right; |
| } |
| .ui-multimediaview-control .ui-durationlabel p { |
| margin: 0rem; |
| text-align: center; |
| font-size: 0.611111111111111rem; |
| line-height: 0.7777777777777777rem; |
| text-align: right; |
| } |
| .ui-multimediaview-control .ui-seekbar { |
| margin-top: 0.5555555555555556rem; |
| padding-left: 0.1111111111111111rem; |
| padding-right: 0.1111111111111111rem; |
| height: 0.4444444444444444rem; |
| float: left; |
| } |
| .ui-multimediaview-control .ui-seekbar .ui-duration { |
| margin: 0; |
| padding: 0; |
| width: 100%; |
| height: 0.4444444444444444rem; |
| background-color: #373737; |
| -webkit-border-radius: 0.08333333333333333rem; |
| -moz-border-radius: 0.08333333333333333rem; |
| border-radius: 0.08333333333333333rem; |
| } |
| .ui-multimediaview-control .ui-seekbar .ui-currenttime { |
| margin: 0; |
| padding: 0; |
| height: 0.4444444444444444rem; |
| position: absolute; |
| background-color: #2a6d8c; |
| -webkit-border-radius: 0.08333333333333333rem; |
| -moz-border-radius: 0.08333333333333333rem; |
| border-radius: 0.08333333333333333rem; |
| } |
| .ui-multimediaview-control .ui-volumecontrol { |
| width: 6.111111111111111rem; |
| height: 100%; |
| float: left; |
| } |
| .ui-multimediaview-control .ui-volumecontrol .ui-volumebar { |
| height: 100%; |
| padding-top: 0.9166666666666666rem; |
| padding-left: 1.1111111111111112rem; |
| display: block; |
| } |
| .ui-multimediaview-control .ui-volumecontrol .ui-volumebar .ui-guide { |
| width: 4.444444444444445rem; |
| height: 0.4444444444444444rem; |
| position: absolute; |
| background-color: white; |
| -webkit-border-radius: 0.08333333333333333rem; |
| -moz-border-radius: 0.08333333333333333rem; |
| border-radius: 0.08333333333333333rem; |
| background-color: #373737; |
| } |
| .ui-multimediaview-control .ui-volumecontrol .ui-volumebar .ui-value { |
| margin: 0; |
| padding: 0; |
| height: 0.4444444444444444rem; |
| position: absolute; |
| -webkit-border-radius: 0.08333333333333333rem; |
| -moz-border-radius: 0.08333333333333333rem; |
| border-radius: 0.08333333333333333rem; |
| background-color: #2a6d8c; |
| } |
| .ui-multimediaview-control .ui-volumecontrol .ui-volumebar .ui-handler { |
| margin: 0; |
| padding: 0; |
| width: 0.8333333333333333rem; |
| height: 0.8333333333333333rem; |
| position: absolute; |
| -webkit-border-radius: 0.1388888888888889rem; |
| -moz-border-radius: 0.1388888888888889rem; |
| border-radius: 0.1388888888888889rem; |
| background-color: #f9f9f9; |
| } |
