/*! * jQuery Mobile Framework * Copyright (c) jQuery Project * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. */ @import "config.less"; /* Swatches */ /* S -----------------------------------------------------------------------------------------------------------*/ /*************************************************************************** Header / Footer NavigationBar ***************************************************************************/ .ui-bar-s { border: none; .LESSHeaderFooterBackground; color: @color_bar_title_text; font-family: Helvetica, Arial, sans-serif; font-weight: bold; font-size : 36 * @unit_base; .ui-link-inherit { color: @color_bar_title_text; } .ui-btn.ui-btn-back.ui-btn-down-s { .ui-btn-inner { background : @color_bar_back_btn_press; } } > .ui-btn.ui-btn-footer-right{ position : absolute; font-size : 32 * @unit_base; width : 104 * @unit_base; height : 74 * @unit_base; top : 20 * @unit_base; border-style : none; border-width : 0px; } > .ui-btn.ui-btn-back { position : absolute; font-size : 32 * @unit_base; border-style : none; border-width : 0px; .LESSbtn-back; } > .ui-btn.ui-btn-footer-right { left : 10 * @unit_base; } .ui-btn.ui-btn-footer-right .ui-btn-inner { padding : 0; width : 104 * @unit_base; height : 74 * @unit_base; } .ui-btn.ui-btn-back .ui-btn-inner { padding : 0; .LESSbtn-back-inner; } .ui-btn.ui-btn-footer-right.ui-btn-down-s{ .ui-btn-inner { background : @color_bar_btn_press; } } .ui-btn.ui-btn-footer-right{ .ui-btn-inner { .ui-btn-text { line-height : 74 * @unit_base; } } } .ui-field-contain { margin-left : auto; margin-right : auto; height : 74 * @unit_base; font-size : 28 * @unit_base; .ui-extended-controlgroup { position : absolute; display : inline; margin-top : 0 * @unit_base; margin-bottom : 0 * @unit_base; label { .LESSextended-controlgroup-border; } .ui-radio { height : 74 * @unit_base; .ui-btn { width : 100%; } .ui-btn-inner { .ui-btn-text { text-align : center; font-weight : bold; } } .ui-radio-off { background: @color_bar_seg_btn_normal; .ui-btn-text{ color : @color_bar_seg_text_normal; } } .ui-radio-on, .ui-radio-off.ui-btn-hover-s.ui-btn-down-s{ background : @color_bar_seg_btn_press; .ui-btn-text{ color : @color_bar_seg_text_press; } } } } .ui-title-extended-controlgroup { top : 5 * @unit_base; // scale change } .ui-footer-extended-controlgroup { .ui-btn-inner { line-height : 74 * @unit_base; padding : 0 * @unit_base; } } } .ui-title-extended-controlgroup-4btn { width : @style-title-extended-4btn-width; .ui-radio { width : @style-title-extended-4btn-radio-width; } } .ui-title-extended-controlgroup-3btn { width : @style-title-extended-3btn-width; .ui-radio { width : @style-title-extended-3btn-radio-width; } } .ui-title-extended-controlgroup-2btn { width : @style-title-extended-2btn-width; .ui-radio { width : @style-title-extended-2btn-radio-width; } } .ui-footer-extended-controlgroup-4btn { width : 682 * @unit_base; .ui-radio { width : 170 * @unit_base; } } .ui-footer-extended-controlgroup-3btn { width : 432 * @unit_base; .ui-radio { width : 143 * @unit_base; } } .ui-footer-extended-controlgroup-2btn { width : 328 * @unit_base; .ui-radio { width : 163 * @unit_base; } } } .ui-header.ui-bar-s{ position : fixed; top : 0px; .LESSColorBarTitleBackground; min-height : 100 * @unit_base; img { display: inline-block; height: 32 * @unit_base; width: 32 * @unit_base; margin-left: 16 * @unit_base; //margin-right: 16 * @unit_base; /* Title's left margin covers this. */ //vertical-align: middle; } .ui-title { display: inline-block; color : @color_bar_title_text; min-height: @style-title-min-height; font-size : @style-title-font-size; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; outline: 0 !important; .LESStitle-diff-style; /* different title style */ } .ui-btn{ font-size : 28 * @unit_base; height : 74 * @unit_base; } .ui-btn.ui-btn-left, .ui-btn.ui-btn-right { width : 114 * @unit_base; } > .ui-btn{ position : absolute; top : 20 * @unit_base; margin-top : 0px; font-size : 28 * @unit_base; height : 60 * @unit_base; background: none; color : @color_bar_title_text; border-left-style: solid; border-left-width : 1px; border-left-color : @color_bar_title_btn_border; font-weight : bold; .LESSborder-radius-all(0px); span.ui-btn-inner { padding-top : 13 * @unit_base; padding-bottom : 13 * @unit_base; } span.ui-btn-inner.ui-btn-icon-only { padding-top : 0 * @unit_base; padding-bottom : 0 * @unit_base; } } > .ui-btn.ui-btn-right:nth-child(2) { right : 0px; } > .ui-btn.ui-btn-right:nth-child(3) { right : 118 * @unit_base; } > .ui-btn.ui-btn-right:nth-child(4) { right : 236 * @unit_base; } > .ui-btn.ui-btn-down-s { background : @color_bar_btn_press; color : @color_bar_title_text; } > img + h1 + a.ui-btn.ui-btn-right:nth-child(3) { right : 0px; } > img + h1 + a.ui-btn.ui-btn-right:nth-child(4) { right : 118 * @unit_base; } > img + h1 + a.ui-btn.ui-btn-right:nth-child(5) { right : 236 * @unit_base; } } .ui-header.ui-bar-s.ui-title-extended-height { height : 136 * @unit_base; a { top : 50 * @unit_base; } .ui-title { font-size : 28 * @unit_base; top : 0 * @unit_base; padding-top : 11 * @unit_base; margin-top : 0 * @unit_base; margin-bottom : 0 * @unit_base; } .ui-title-extended-segment-style { left : 0 * @unit_base; margin-top : 0 * @unit_base; top : @style-title-extended-margin; // scale change } } .ui-header.ui-bar-s .ui-btn.ui-btn-back .ui-btn-inner { border-style : none; border-width : 0px; } .ui-header.ui-bar-s.ui-title-controlbar-height, .ui-footer.ui-bar-s { height : 114 * @unit_base; } .ui-footer.ui-bar-s.ui-footer-fixed { background : @color_bar_footer_bg; height : 114 * @unit_base; .ui-title{ font-size : 32 * @unit_base; } } .ui-footer.ui-bar-s .ui-title-extended-controlgroup-4btn { margin-top : 20 * @unit_base; } .ui-footer.ui-bar-s { > .ui-btn { background-color : @color_bar_btn_bg; .LESSback-btn-background; } > .ui-btn.ui-btn-down-s { .ui-btn-inner { background : @color_bar_back_btn_press; } } > .ui-btn-back { background-color : @color_bar_back_btn_bg; .LESSback-btn-background; } } /*************************************************************************** Header / Footer NavigationBar ***************************************************************************/ /*************************************************************************** Content Top calculate ***************************************************************************/ .ui-title-content-normal-height, .ui-title-content-option-header-collapsed-1line-height { position : relative; top : 100 * @unit_base; } .ui-title-content-no-height { position : relative; top : 0 * @unit_base; } .ui-title-content-extended-height { position : relative; top : 136 * @unit_base; } .ui-title-content-option-header-expanded-1line-height { position : relative; top : 195 * @unit_base; } .ui-title-content-search { position : relative; top : 206 * @unit_base; } .ui-title-content-optionheader-search { position : relative; top : 219 * @unit_base; } .ui-title-content-controlbar-height { position : relative; top : 115 * @unit_base; } /*************************************************************************** Content Top calculate ***************************************************************************/ // NOTE: This class is applied to almost all JQM widgets! .ui-body-s { border: 1px solid #2a2a2a; background: @color_bg; color: @color_text; font-weight: normal; font-family: Helvetica, Arial, sans-serif; .ui-link-inherit { color: #fff; } .ui-link { /* ui-body-link */ color: #2489CE; font-weight: bold; &:hover { color: #2489CE; } &:active { color: #2489CE; } &:visited { color: #2489CE; } } } .ui-br { } .ui-btn-up-s { font-weight: bold; a.ui-link-inherit { color: @color_button_text_normal; } .LESSbutton_up_style; .LESSbutton_text1_style; } .ui-btn-hover-s { font-weight: bold; a.ui-link-inherit { color: @color_button_text_normal; } .LESSbutton_hover_style; .LESSbutton_text1_style; } .ui-btn-hover-s.ui-btn-corner-circle{ .LESScirclebutton_hover_style; } .ui-btn-down-s { font-weight: bold; a.ui-link-inherit { color: @color_button_text_normal; } .LESSbutton_down_style; .LESSbutton_text1_style; } .ui-btn-up-s, .ui-btn-hover-s, .ui-btn-down-s { font-family: Helvetica, Arial, sans-serif; text-decoration: none; } .ui-btn-down-s.ui-btn-corner-circle{ .LESScirclebutton_press_style; } .ui-listview { border-top-color: @color_list_border_bottom; &> .ui-li { border-bottom-color: @color_list_border_bottom; } & > .ui-li-static { background-color: @color_bg; } li.ui-btn-up-s, li.ui-btn-hover-s { background: none; background-color: @color_bg; color: @color_text; } li.ui-btn-down-s { background: none; background-color: @color_list_press; color: @color_text; } /* listview: fonts for li with a link */ li.ui-btn-up-s > .ui-li > .ui-btn-text > a.ui-link-inherit, li.ui-btn-hover-s > .ui-li > .ui-btn-text > a.ui-link-inherit, li.ui-btn-down-s > .ui-li > .ui-btn-text > a.ui-link-inherit { color: @color_text; } /* listview divider */ /* NOTE: this divider has no swatch tag! */ li.ui-li-divider { .LESSlistDivider_Background; color: @color_list_divider_text; } /* subitem */ .ui-li-sub { color: @color_text_sub; } .ui-li-sub-setting { color: @color_text_setting; } // expandable list .ui-li-expandable { } &> .ui-li-expanded { background-color: @color_list_expandable_expanded_bg; } &> .ui-li-expanded .ui-li-expanded { // 3rd~ more depth background-color: @color_list_expandable_expanded_bg; } // bubble .ui-li-static { &.ui-li-bubble-left { // Color is picked from 00_MessageBubble_BG_receive.png background-color: @color_list_bubble_left_bg; .LESSbox-shadow(2px, 3px, 3px, @color_list_bubble_box_shadow); color: @color_list_bubble_left_text; } &.ui-li-bubble-right { // Color is picked from 00_MessageBubble_BG_sent.png background-color: @color_list_bubble_right_bg; .LESSbox-shadow(2px, 3px, 3px, @color_list_bubble_box_shadow); color: @color_list_bubble_right_text; } &.ui-li-bubble-sos { color: @color_list_bubble_sos_text; } &.ui-li-bubble-date { background-color: @color_list_bubble_date_bg; color: @color_list_bubble_date_text; } } span.ui-li-bubble-time { color: @color_list_bubble_time_text; } } /* 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: @color_button_text_normal; cursor: pointer; text-decoration: none; background: @color_button_press; outline: none; //font-family: Helvetica, Arial, sans-serif; a.ui-link-inherit { color: @color_button_text_normal; } } /* button inner top highlight -----------------------------------------------------------------------------------------------------------*/ .ui-btn-inner { //border : none; } /*************************************************************************** ControlBar ***************************************************************************/ .ui-controlbar-s, .ui-controlbar-left, .ui-controlbar-right { border: 1px solid @color_controlbar_btn_border; background: @color_controlbar_bg; color: @color_controlbar_btn_text; font-family: Helvetica, Arial, sans-serif; font-weight: bold; font-size : 36 * @unit_base; .ui-link-inherit, .ui-link { color: @color_controlbar_btn_text; font-weight: bold; &:hover { color: @color_controlbar_btn_text; } &:active { color: @color_controlbar_btn_text; } &:visited { color: @color_controlbar_btn_text; } } .ui-btn-text, .ui-btn { color: @color_controlbar_btn_text; font-weight: bold; text-decoration : none; } .ui-btn-down-s, .ui-btn-active { color: @color_controlbar_btn_text; } } .ui-controlbar-s.ui-navbar { position : absolute; height : 114 * @unit_base; /* temporary value */ width : 100%; left : 0px; border-top : none; border-bottom : none; z-index: 50; li .ui-btn, .ui-navbar-toggle .ui-btn{ font-size : 26 * @unit_base; } .ui-btn , .ui-btn-icon-top, .ui-btn-hover-s, .ui-btn-active, .ui-btn-up-s{ .ui-btn-inner{ padding-top : 79 * @unit_base; } } .ui-btn { .ui-icon { left : 50%; top : 12 * @unit_base; margin-left : -1.3em; width : 56 * @unit_base; height: 56 * @unit_base; } .ui-btn-text { padding-left : 0px; } } .ui-btn.ui-ctrlbar-icononly { padding-top : 20 * @unit_base; } .ui-btn-inner { z-index : 200; } .ui-btn-inner.ui-navbar-textonly { font-size : 28 * @unit_base; padding-top : 44 * @unit_base; padding-bottom : 45 * @unit_base; } } .ui-landscape-controlbar.ui-controlbar-s.ui-navbar { .ui-btn { .ui-icon { left : 20%; top : 30 * @unit_base; margin-left : -1.3em; } .ui-btn-text { padding-left : 35%; } .ui-navbar-textonly .ui-btn-text { padding-left : 0px; } } .ui-ctrlbar-icononly.ui-btn { padding-top : 0px; .ui-icon { left : 50%; top : 30 * @unit_base; margin-left : -29 * @unit_base; } } .ui-btn , .ui-btn-icon-top, .ui-btn-hover-s, .ui-btn-active, .ui-btn-up-s{ .ui-btn-inner:not(.ui-btn-icon-only) { padding-top : 40 * @unit_base; padding-bottom : 39 * @unit_base; } } } .ui-tabbar-s { .ui-btn { background: @color_controlbar_tabbbar_bg; } .ui-btn-active, .ui-btn-show-style, .ui-btn.ui-btn-hover-s.ui-btn-down-s { background: @color_controlbar_btn_press; border-left-style: solid; border-right-style:solid; border-left-color: @color_controlbar_btn_border; border-right-color: @color_controlbar_btn_border; border-left-width: 1px; border-right-width: 1px; } .ui-btn-animation { background: @color_controlbar_btn_press; border-left-style: solid; border-right-style: solid; border-left-color: @color_controlbar_btn_border; border-right-color: @color_controlbar_btn_border; border-left-width: 1px; border-right-width: 1px; position : absolute; top : 0px; height : 123 * @unit_base; z-index : 100; } .ui-btn-hide-style { background: @color_bar_footer_bg; border : none; } } .ui-toolbar-s { .ui-btn, .ui-btn-up-s { background: @color_controlbar_toolbbar_bg; border-left-width : 1px; border-right-width : 1px; border-color : @color_controlbar_btn_border; border-style : solid; } .ui-btn-down-s { background : @color_controlbar_btn_press; } } .ui-header .ui-navbar.ui-tabbar-s, .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; li .ui-btn, .ui-navbar-toggle .ui-btn{ font-size : 20 * @unit_base; } .ui-btn { width : 100%; margin :0px 0em; background: @color_controlbar_bg; } .ui-btn-down-s, .ui-btn-active{ color: @color_controlbar_btn_text; } li .ui-btn, .ui-navbar-toggle .ui-btn{ font-size : 20 * @unit_base; } .ui-btn-inner { z-index : 200; padding-top : 126 * @unit_base; .ui-icon { left : 23%; top : 35 * @unit_base; width : 70 * @unit_base; height: 70 * @unit_base; } .ui-btn-text.ui-btn-text-padding-left { padding-left : 0px; } } .ui-btn-animation { position : fixed; background: @color_controlbar_bg; border-bottom-style: solid; border-top-style: solid; border-bottom-color: @color_controlbar_btn_border; border-top-color: @color_controlbar_btn_border; 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-startposition { } .ui-btn-ani-endposition { -ms-transition-property : left; -o-transition-property : left; -moz-transition-property : left; -webkit-transition-property : left; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .ui-btn-ani-verticalstartposition { } .ui-btn-ani-verticalendposition { -ms-transition-property : top; -o-transition-property : top; -moz-transition-property : top; -webkit-transition-property : top; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } /*************************************************************************** ControlBar ***************************************************************************/ /* corner rounding classes -----------------------------------------------------------------------------------------------------------*/ .ui-corner-tl { .LESSborder-radius-topleft(@style-corner-radius); } .ui-corner-tr { .LESSborder-radius-topright(@style-corner-radius); } .ui-corner-bl { .LESSborder-radius-bottomleft(@style-corner-radius); } .ui-corner-br { .LESSborder-radius-bottomright(@style-corner-radius); } .ui-corner-top { .LESSborder-radius-topleft(@style-corner-radius); .LESSborder-radius-topright(@style-corner-radius); } .ui-corner-bottom { .LESSborder-radius-bottomleft(@style-corner-radius); .LESSborder-radius-bottomright(@style-corner-radius); } .ui-corner-right { .LESSborder-radius-topright(@style-corner-radius); .LESSborder-radius-bottomright(@style-corner-radius); } .ui-corner-left { .LESSborder-radius-topleft(@style-corner-radius); .LESSborder-radius-bottomleft(@style-corner-radius); } .ui-corner-all { //.LESSborder-radius-all(@style-corner-radius); } .ui-corner-none { .LESSborder-radius-all(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; // no radius for checkbox //.LESSborder-radius-all(9px); } .ui-image-search { background-image: url(images/00_search_icon.png); background-repeat: no-repeat; .LESSbackground-size(42 * @unit_base, 42 * @unit_base); } .ui-icon-deleteSearch { background-image: url(images/00_field_btn_Clear.png); background-repeat: no-repeat; .LESSbackground-size(38 * @unit_base, 38 * @unit_base); } /* Alt icon color -----------------------------------------------------------------------------------------------------------*/ .ui-icon-alt { background: #fff; background: rgba(255,255,255,.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); .LESSbackground-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 { .LESSborder-radius-all(3px); } //.ui-icon-checkbox-off, .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; .LESSborder-radius-all(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, .ui-icon-ctrlbar-cancel, .ui-icon-ctrlbar-done, .ui-icon-ctrlbar-lock, .ui-icon-ctrlbar-next, .ui-icon-ctrlbar-previous, .ui-icon-ctrlbar-print, .ui-icon-ctrlbar-Ringtone, .ui-icon-ctrlbar-Save_the_word, .ui-icon-ctrlbar-Save_in_memo, .ui-icon-ctrlbar-scan, .ui-icon-ctrlbar-unlock, .ui-icon-ctrlbar-videocall, .ui-icon-ctrlbar-Voice_command, .ui-icon-ctrlbar-Add-buddy_to_chat, .ui-icon-ctrlbar-add_tag, .ui-icon-ctrlbar-Chat, .ui-icon-ctrlbar-view_file_history { background-color : transparent; .LESSborder-radius-all(0px); background-size: 100% 100%; .LESSbox-shadow(0px,0px,0, rgba(255,255,255,.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); } .ui-icon-ctrlbar-cancel { background-image: url(images/controlbar/01_controlbar_icon_cancel.png); } .ui-icon-ctrlbar-done { background-image: url(images/controlbar/01_controlbar_icon_done.png); } .ui-icon-ctrlbar-lock { background-image: url(images/controlbar/01_controlbar_icon_lock.png); } .ui-icon-ctrlbar-next { background-image: url(images/controlbar/01_controlbar_icon_next.png); } .ui-icon-ctrlbar-previous { background-image: url(images/controlbar/01_controlbar_icon_previous.png); } .ui-icon-ctrlbar-print { background-image: url(images/controlbar/01_controlbar_icon_print.png); } .ui-icon-ctrlbar-Ringtone { background-image: url(images/controlbar/01_controlbar_icon_Ringtone.png); } .ui-icon-ctrlbar-Save_the_word { background-image: url(images/controlbar/01_controlbar_icon_Save_the_word.png); } .ui-icon-ctrlbar-Save_in_memo { background-image: url(images/controlbar/01_controlbar_icon_Save_in_memo.png); } .ui-icon-ctrlbar-scan { background-image: url(images/controlbar/01_controlbar_icon_scan.png); } .ui-icon-ctrlbar-unlock { background-image: url(images/controlbar/01_controlbar_icon_unlock.png); } .ui-icon-ctrlbar-videocall { background-image: url(images/controlbar/01_controlbar_icon_videocall.png); } .ui-icon-ctrlbar-Voice_command { background-image: url(images/controlbar/01_controlbar_icon_Voice_command.png); } .ui-icon-ctrlbar-Add_buddy_to_chat { background-image: url(images/controlbar/01_controlbar_icon_Add_buddy_to_chat.png); } .ui-icon-ctrlbar-add_tag { background-image: url(images/controlbar/01_controlbar_icon_add_tag.png); } .ui-icon-ctrlbar-Chat { background-image: url(images/controlbar/01_controlbar_icon_Chat.png); } .ui-icon-ctrlbar-view_file_history { background-image: url(images/controlbar/01_controlbar_icon_view_file_history.png); } /* ---------------------------------------------- */ /* Button corner classes -----------------------------------------------------------------------------------------------------------*/ .ui-btn-corner-tl { .LESSborder-radius-topleft(1em); } .ui-btn-corner-tr { .LESSborder-radius-topright(1em); } .ui-btn-corner-bl { .LESSborder-radius-bottomleft(1em); } .ui-btn-corner-br { .LESSborder-radius-bottomright(1em); } .ui-btn-corner-top { .LESSborder-radius-topleft(1em); .LESSborder-radius-topright(1em); } .ui-btn-corner-bottom { .LESSborder-radius-bottomleft(1em); .LESSborder-radius-bottomright(1em); } .ui-btn-corner-right { .LESSborder-radius-topright(1em); .LESSborder-radius-bottomright(1em); } .ui-btn-corner-left { .LESSborder-radius-topleft(1em); .LESSborder-radius-bottomleft(1em); } .ui-btn-corner-all { .LESSborder-radius-all(0.2em); //wongi_1013 } /* 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%; } .ui-overlay-shadow { //.LESSbox-shadow(0px, 0px, 12px, rgba(0,0,0,.6)); } .ui-shadow { //.LESSbox-shadow(0px, 1px, 4px, rgba(0,0,0,.3)); } .ui-bar-a .ui-shadow, .ui-bar-b .ui-shadow , .ui-bar-c .ui-shadow { //.LESSbox-shadow(0px, 1px, 0, rgba(255,255,255,.3)); } .ui-shadow-inset { //-moz-box-shadow: inset 0px 1px 4px rgba(0,0,0,.2); //-webkit-box-shadow: inset 0px 1px 4px rgba(0,0,0,.2); //box-shadow: inset 0px 1px 4px rgba(0,0,0,.2); } .ui-icon-shadow { //.LESSbox-shadow(0px, 1px, 0, rgba(255,255,255,.4)); } /* Focus state - set here for specificity -----------------------------------------------------------------------------------------------------------*/ .ui-focus { /* global-active-background-color */ //.LESSbox-shadow(0px, 1px, 12px, #387bbe); outline-color : #008cd2; } /* unset box shadow in browsers that don't do it right -----------------------------------------------------------------------------------------------------------*/ .ui-mobile-nosupport-boxshadow * { -ms-box-shadow: none !important; -o-box-shadow: none !important; -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; }