-@import "config.less";\r
-\r
-.ui-controlgroup,\r
-fieldset.ui-controlgroup {\r
- padding: 0;\r
- margin: .5em 0 1em;\r
-}\r
-.ui-bar .ui-controlgroup {\r
- margin: 0 .3em;\r
-}\r
-.ui-controlgroup-label {\r
- font-size: 1em;\r
- line-height: 1.4;\r
- font-weight: normal;\r
- margin: 0 0 .3em;\r
-}\r
-\r
-.ui-controlgroup-controls {\r
- display: block;\r
-}\r
-.ui-controlgroup {\r
- li {\r
- list-style: none;\r
- }\r
- .ui-btn-inner {\r
- white-space: nowrap;\r
- }\r
- .ui-checkbox label, .ui-radio {\r
- label {\r
- font-size: 1em;\r
- }\r
- }\r
- .ui-radio {\r
- width: 25%;\r
- overflow: hidden;\r
- label {\r
- text-align: center;\r
- white-space: nowrap;\r
- }\r
- }\r
- .ui-radio-off, .ui-radio-on {\r
- width: 100%;\r
- border-right-width: 1px;\r
- border-right-color: @color_controlgroup_btn_border;\r
- border-right-style: solid;\r
- border-left-width: 1px;\r
- border-left-color: @color_controlgroup_btn_border;\r
- border-left-style: solid;\r
- }\r
- .ui-radio-on {\r
- .ui-btn-inner {\r
- background : @color_bg;\r
- .ui-btn-text {\r
- color : @color_bar_title_text;\r
- }\r
- }\r
- }\r
- .ui-corner-left {\r
- border-left-width: 0px;\r
- }\r
- .ui-corner-right {\r
- border-right-width: 0px;\r
- }\r
-}\r
-.ui-controlgroup-vertical {\r
- .ui-btn, .ui-checkbox, .ui-radio {\r
- margin: 0;\r
- border-bottom-width: 0;\r
- }\r
- .ui-controlgroup-last {\r
- border-bottom-width: 1px;\r
- }\r
-\r
- .ui-radio {\r
- width : 100%;\r
- }\r
-\r
- .ui-radio label {\r
- text-align :left;\r
- .ui-btn-inner {\r
- margin-left : 16 * @unit_base;\r
- margin-right : 16 * @unit_base;\r
- }\r
- }\r
-}\r
-.ui-controlgroup-horizontal {\r
- padding: 0;\r
- .ui-btn {\r
- display: inline-block;\r
- margin-left : -4 * @unit_base;\r
- margin-right : -3 * @unit_base;\r
- }\r
- .ui-checkbox, .ui-radio {\r
- float: left;\r
- margin: 0 -1px 0 0;\r
- }\r
- .ui-controlgroup-last {\r
- margin-right: 0;\r
- }\r
-\r
- [data-role="button"] {\r
- border-top : 0px;\r
- border-bottom : 0px;\r
- border-radius : 0px;\r
- box-shadow : none;\r
- background : none;\r
- &.ui-btn-down-s, .ui-btn-active-s {\r
- .ui-btn-inner {\r
- background : @color_bg;\r
- .ui-btn-text {\r
- color : @color_bar_title_text;\r
- }\r
- }\r
- }\r
-\r
- &.ui-btn-down-s {\r
- .ui-btn-inner {\r
- background : @color_tabbar_btn_tab_press;\r
- }\r
- }\r
-\r
- >.ui-btn-inner {\r
- border : 0px solid;\r
- box-shadow : none;\r
- padding-top : 5 * @unit_base;\r
- padding-bottom : 5 * @unit_base;\r
- padding-left : 10 * @unit_base;\r
- padding-right : 10 * @unit_base;\r
- }\r
- }\r
-\r
- label {\r
- > span.ui-btn-inner {\r
- padding-top : 3 * @unit_base;\r
- padding-bottom : 3 * @unit_base;\r
- }\r
- }\r
-\r
-}\r
+@import "config.less";
+
+.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-btn-inner {
+ white-space: nowrap;
+ }
+ .ui-checkbox label, .ui-radio {
+ label {
+ font-size: 1em;
+ }
+ }
+ .ui-radio {
+ width: 25%;
+ overflow: hidden;
+ label {
+ text-align: center;
+ white-space: nowrap;
+ }
+ }
+ .ui-radio-off, .ui-radio-on {
+ width: 100%;
+ border-right-width: 1px;
+ border-right-color: @color_controlgroup_btn_border;
+ border-right-style: solid;
+ border-left-width: 1px;
+ border-left-color: @color_controlgroup_btn_border;
+ border-left-style: solid;
+ }
+ .ui-radio-on {
+ .ui-btn-inner {
+ background : @color_bg;
+ .ui-btn-text {
+ color : @color_bar_title_text;
+ }
+ }
+ }
+ .ui-corner-left {
+ border-left-width: 0px;
+ }
+ .ui-corner-right {
+ border-right-width: 0px;
+ }
+}
+.ui-controlgroup-vertical {
+ .ui-btn, .ui-checkbox, .ui-radio {
+ margin: 0;
+ border-bottom-width: 0;
+ }
+ .ui-controlgroup-last {
+ border-bottom-width: 1px;
+ }
+
+ .ui-radio {
+ width : 100%;
+ }
+
+ .ui-radio label {
+ text-align :left;
+ .ui-btn-inner {
+ margin-left : 16 * @unit_base;
+ margin-right : 16 * @unit_base;
+ }
+ }
+}
+.ui-controlgroup-horizontal {
+ padding: 0;
+ .ui-btn {
+ display: inline-block;
+ margin-left : -4 * @unit_base;
+ margin-right : -3 * @unit_base;
+ }
+ .ui-checkbox, .ui-radio {
+ float: left;
+ margin: 0 -1px 0 0;
+ }
+ .ui-controlgroup-last {
+ margin-right: 0;
+ }
+
+ [data-role="button"] {
+ border-top : 0px;
+ border-bottom : 0px;
+ border-radius : 0px;
+ box-shadow : none;
+ background : none;
+ &.ui-btn-down-s, .ui-btn-active-s {
+ .ui-btn-inner {
+ background : @color_bg;
+ .ui-btn-text {
+ color : @color_bar_title_text;
+ }
+ }
+ }
+
+ &.ui-btn-down-s {
+ .ui-btn-inner {
+ background : @color_tabbar_btn_tab_press;
+ }
+ }
+
+ >.ui-btn-inner {
+ border : 0px solid;
+ box-shadow : none;
+ padding-top : 5 * @unit_base;
+ padding-bottom : 5 * @unit_base;
+ padding-left : 10 * @unit_base;
+ padding-right : 10 * @unit_base;
+ }
+ }
+
+ label {
+ > span.ui-btn-inner {
+ padding-top : 3 * @unit_base;
+ padding-bottom : 3 * @unit_base;
+ }
+ }
+
+}
.ui-field-contain:first-child { border-top-width: 0; }
@media all {
.ui-field-contain { border-width: 0; padding: 0; margin: 0.8em 0; }
-}
+}
@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; }
\ No newline at end of file
+.ui-selectmenu .ui-header h1:after { content: '.'; visibility: hidden; }
-@import "config.less";\r
-@search-bar-padding: (13*@unit_base);\r
-\r
-label.ui-input-text {\r
- font-size: 22 * @unit_base;\r
- line-height: 1.2;\r
- display: block;\r
- font-weight: normal;\r
- margin: 0 0 .3em;\r
-}\r
-input.ui-input-text, textarea.ui-input-text {\r
- background-image: none;\r
- padding: .4em;\r
- line-height: 1.4;\r
- font-size: 16 * @unit_base;\r
- display: block;\r
-}\r
-input.ui-input-text {\r
- appearance: none;\r
- -webkit-appearance: none;\r
-}\r
-textarea.ui-input-text {\r
- height: 50*@unit_base;\r
- resize: none;\r
- -webkit-transition: height 200ms linear;\r
- -moz-transition: height 200ms linear;\r
- -o-transition: height 200ms linear;\r
- -ms-transition: height 200ms linear;\r
- transition: height 200ms linear;\r
-}\r
-\r
-.ui-input-search {\r
- position: relative;\r
-\r
- padding-right : 36 * @unit_base;\r
- padding-left : 36 * @unit_base;\r
-\r
- border : 1px solid @color_searchbar_border;\r
- -webkit-box-shadow: inset 2 * @unit_base 2 * @unit_base 2 * @unit_base @color_searchbar_border;\r
- -moz-box-shadow: inset 2 * @unit_base 2 * @unit_base 2 * @unit_base @color_searchbar_border;\r
- -o-box-shadow: inset 2 * @unit_base 2 * @unit_base 2 * @unit_base @color_searchbar_border;\r
- -ms-box-shadow: inset 2 * @unit_base 2 * @unit_base 2 * @unit_base @color_searchbar_border;\r
- box-shadow: inset 2 * @unit_base 2 * @unit_base 2 * @unit_base @color_searchbar_border;\r
-\r
- input.ui-input-text {\r
- width : 100%;\r
- border: none;\r
- background: transparent none;\r
- outline: 0 !important;\r
- }\r
- .ui-btn-down-s, .ui-btn-up-s, .ui-btn-hover-s {\r
- border: none;\r
- background: transparent none;\r
- }\r
- .ui-btn-icon-notext.ui-input-clear {\r
- width: 36 * @unit_base;\r
- height: 33 * @unit_base;\r
- .ui-btn-inner {\r
- padding : 6 * @unit_base;\r
- }\r
- }\r
- .ui-btn-inner {\r
- .ui-icon-deleteSearch {\r
- width: 22 * @unit_base;\r
- height: 22 * @unit_base;\r
- margin-top : 0px;\r
- margin-left : 0px;\r
- }\r
- }\r
-\r
- .ui-input-clear {\r
- position: absolute;\r
- right: 0;\r
- top: 0;\r
- vertical-align: middle;\r
- }\r
- .ui-input-clear-hidden { display: none; }\r
-}\r
-\r
-/* code for label+inputbox : remove this code if webApp dev. controls input area */\r
-@media all and (min-width: 721*@unit_base) {\r
- label.ui-input-text:not([data-type='search']) {\r
- vertical-align: top;\r
- display: inline-block;\r
- margin: 0 2% 0 0;\r
- }\r
- input.ui-input-text:not([data-type='search']), textarea.ui-input-text:not([data-type='search']){\r
- width: 60%;\r
- display: inline-block;\r
- }\r
- .ui-input-search input.ui-input-text:not([data-type='search']) {\r
- width: 85%;\r
- }\r
-}\r
-\r
-/* search bar */\r
-.ui-body-s > div > .ui-field-contain > .input-search-bar,\r
-.ui-body-s > .ui-field-contain > .input-search-bar {\r
- margin : -48*@unit_base -15*@unit_base -32*@unit_base -15*@unit_base;\r
-} /* Need to confirm exact concept */\r
-\r
-.input-search-bar {\r
- position : relative;\r
-\r
- background-color: @color_searchbar_bg;\r
- padding: @search-bar-padding;\r
- vertical-align: middle;\r
- .ui-corner-all {\r
- .LESSborder-radius-all(.3em);\r
- }\r
-\r
- .ui-input-search {\r
- font-size : 16 * @unit_base;\r
- display : block;\r
- position: relative;\r
-\r
- background-color: @color_searchbar_input_field_bg;\r
- .ui-input-text {\r
- height: 33 * @unit_base;\r
- padding : 0px;\r
-\r
- margin-right : 38 * @unit_base;\r
- }\r
-\r
- .ui-image-search {\r
- position: absolute;\r
- top: 0px;\r
- left: 0px;\r
- width : 22 * @unit_base;\r
- height : 22 * @unit_base;\r
- margin: 6 * @unit_base;\r
- }\r
- }\r
-\r
- .ui-input-search-default {\r
- margin-right : 75 * @unit_base;\r
- -webkit-transition: all 400ms linear;\r
- -moz-transition: all 400ms linear;\r
- -o-transition: all 400ms linear;\r
- -ms-transition: all 400ms linear;\r
- transition: all 400ms linear;\r
- }\r
-\r
- .ui-input-search-wide {\r
- margin-right : 0 * @unit_base;\r
- -webkit-transition: all 400ms linear;\r
- -moz-transition: all 400ms linear;\r
- -o-transition: all 400ms linear;\r
- -ms-transition: all 400ms linear;\r
- transition: all 400ms linear;\r
- }\r
-\r
- .ui-btn-icon-cancel.ui-input-cancel {\r
- display: inline-block;\r
- position: absolute;\r
-\r
- top : 3 * @unit_base;\r
- right : 0 * @unit_base;\r
- height : 33 * @unit_base;\r
- margin-right : 10 * @unit_base;\r
-\r
- vertical-align: middle;\r
- padding : 0px;\r
-\r
- border-color : none;\r
-\r
- width : 68 * @unit_base;\r
- -webkit-transition: all 400ms linear;\r
- -moz-transition: all 400ms linear;\r
- -o-transition: all 400ms linear;\r
- -ms-transition: all 400ms linear;\r
- transition: all 400ms linear;\r
-\r
- .ui-btn-inner {\r
- padding-top : 6 * @unit_base;\r
- padding-bottom : 6 * @unit_base;\r
- .ui-btn-text{\r
- font-size : 15 * @unit_base;\r
- }\r
- }\r
-\r
- &.ui-btn-cancel-hide {\r
- right : -75 * @unit_base;\r
- visibility: hidden;\r
- }\r
- &.ui-btn-cancel-show {\r
- right : 0px;\r
- visibility: visible;\r
- }\r
- }\r
-\r
- .ui-search-bar-icon {\r
- margin-left : 42 * @unit_base;\r
- }\r
-\r
- .ui-btn.ui-btn-search-front-icon {\r
- position : absolute;\r
- width : 35 * @unit_base;\r
- height : 35 * @unit_base;\r
- top : 2 * @unit_base;\r
- border-radius : 66 * @unit_base;\r
- >.ui-btn-inner.ui-btn-icon-only {\r
- border-radius : 66 * @unit_base;\r
- }\r
- }\r
-}\r
-\r
-.ui-header .input-search-bar {\r
- padding-top : 4 * @unit_base;\r
- padding-bottom : 4 * @unit_base;\r
-}\r
-\r
-.ui-image-search {\r
- background-image: url(images/controls/00_search_icon.png);\r
- background-repeat: no-repeat;\r
- background-size : 100% 100%;\r
-}\r
-\r
-.ui-icon-deleteSearch {\r
- background-image: url(images/controls/00_field_btn_clear.png);\r
- background-repeat: no-repeat;\r
- background-size : 100% 100%;\r
-}\r
-\r
+@import "config.less";
+@search-bar-padding: (13*@unit_base);
+
+label.ui-input-text {
+ font-size: 22 * @unit_base;
+ line-height: 1.2;
+ 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: 16 * @unit_base;
+ display: block;
+}
+input.ui-input-text {
+ appearance: none;
+ -webkit-appearance: none;
+}
+textarea.ui-input-text {
+ height: 50*@unit_base;
+ resize: none;
+ -webkit-transition: height 200ms linear;
+ -moz-transition: height 200ms linear;
+ -o-transition: height 200ms linear;
+ -ms-transition: height 200ms linear;
+ transition: height 200ms linear;
+}
+
+.ui-input-search {
+ position: relative;
+
+ padding-right : 36 * @unit_base;
+ padding-left : 36 * @unit_base;
+
+ border : 1px solid @color_searchbar_border;
+ -webkit-box-shadow: inset 2 * @unit_base 2 * @unit_base 2 * @unit_base @color_searchbar_border;
+ -moz-box-shadow: inset 2 * @unit_base 2 * @unit_base 2 * @unit_base @color_searchbar_border;
+ -o-box-shadow: inset 2 * @unit_base 2 * @unit_base 2 * @unit_base @color_searchbar_border;
+ -ms-box-shadow: inset 2 * @unit_base 2 * @unit_base 2 * @unit_base @color_searchbar_border;
+ box-shadow: inset 2 * @unit_base 2 * @unit_base 2 * @unit_base @color_searchbar_border;
+
+ input.ui-input-text {
+ width : 100%;
+ border: none;
+ background: transparent none;
+ outline: 0 !important;
+ }
+ .ui-btn-down-s, .ui-btn-up-s, .ui-btn-hover-s {
+ border: none;
+ background: transparent none;
+ }
+ .ui-btn-icon-notext.ui-input-clear {
+ width: 36 * @unit_base;
+ height: 33 * @unit_base;
+ .ui-btn-inner {
+ padding : 6 * @unit_base;
+ }
+ }
+ .ui-btn-inner {
+ .ui-icon-deleteSearch {
+ width: 22 * @unit_base;
+ height: 22 * @unit_base;
+ margin-top : 0px;
+ margin-left : 0px;
+ }
+ }
+
+ .ui-input-clear {
+ position: absolute;
+ right: 0;
+ top: 0;
+ vertical-align: middle;
+ }
+ .ui-input-clear-hidden { display: none; }
+}
+
+/* code for label+inputbox : remove this code if webApp dev. controls input area */
+@media all and (min-width: 721*@unit_base) {
+ label.ui-input-text:not([data-type='search']) {
+ vertical-align: top;
+ display: inline-block;
+ margin: 0 2% 0 0;
+ }
+ input.ui-input-text:not([data-type='search']), textarea.ui-input-text:not([data-type='search']){
+ width: 60%;
+ display: inline-block;
+ }
+ .ui-input-search input.ui-input-text:not([data-type='search']) {
+ width: 85%;
+ }
+}
+
+/* search bar */
+.ui-body-s > div > .ui-field-contain > .input-search-bar,
+.ui-body-s > .ui-field-contain > .input-search-bar {
+ margin : -48*@unit_base -15*@unit_base -32*@unit_base -15*@unit_base;
+} /* Need to confirm exact concept */
+
+.input-search-bar {
+ position : relative;
+
+ background-color: @color_searchbar_bg;
+ padding: @search-bar-padding;
+ vertical-align: middle;
+ .ui-corner-all {
+ .LESSborder-radius-all(.3em);
+ }
+
+ .ui-input-search {
+ font-size : 16 * @unit_base;
+ display : block;
+ position: relative;
+
+ background-color: @color_searchbar_input_field_bg;
+ .ui-input-text {
+ height: 33 * @unit_base;
+ padding : 0px;
+
+ margin-right : 38 * @unit_base;
+ }
+
+ .ui-image-search {
+ position: absolute;
+ top: 0px;
+ left: 0px;
+ width : 22 * @unit_base;
+ height : 22 * @unit_base;
+ margin: 6 * @unit_base;
+ }
+ }
+
+ .ui-input-search-default {
+ margin-right : 75 * @unit_base;
+ -webkit-transition: all 400ms linear;
+ -moz-transition: all 400ms linear;
+ -o-transition: all 400ms linear;
+ -ms-transition: all 400ms linear;
+ transition: all 400ms linear;
+ }
+
+ .ui-input-search-wide {
+ margin-right : 0 * @unit_base;
+ -webkit-transition: all 400ms linear;
+ -moz-transition: all 400ms linear;
+ -o-transition: all 400ms linear;
+ -ms-transition: all 400ms linear;
+ transition: all 400ms linear;
+ }
+
+ .ui-btn-icon-cancel.ui-input-cancel {
+ display: inline-block;
+ position: absolute;
+
+ top : 3 * @unit_base;
+ right : 0 * @unit_base;
+ height : 33 * @unit_base;
+ margin-right : 10 * @unit_base;
+
+ vertical-align: middle;
+ padding : 0px;
+
+ border-color : none;
+
+ width : 68 * @unit_base;
+ -webkit-transition: all 400ms linear;
+ -moz-transition: all 400ms linear;
+ -o-transition: all 400ms linear;
+ -ms-transition: all 400ms linear;
+ transition: all 400ms linear;
+
+ .ui-btn-inner {
+ padding-top : 6 * @unit_base;
+ padding-bottom : 6 * @unit_base;
+ .ui-btn-text{
+ font-size : 15 * @unit_base;
+ }
+ }
+
+ &.ui-btn-cancel-hide {
+ right : -75 * @unit_base;
+ visibility: hidden;
+ }
+ &.ui-btn-cancel-show {
+ right : 0px;
+ visibility: visible;
+ }
+ }
+
+ .ui-search-bar-icon {
+ margin-left : 42 * @unit_base;
+ }
+
+ .ui-btn.ui-btn-search-front-icon {
+ position : absolute;
+ width : 35 * @unit_base;
+ height : 35 * @unit_base;
+ top : 2 * @unit_base;
+ border-radius : 66 * @unit_base;
+ >.ui-btn-inner.ui-btn-icon-only {
+ border-radius : 66 * @unit_base;
+ }
+ }
+}
+
+.ui-header .input-search-bar {
+ padding-top : 4 * @unit_base;
+ padding-bottom : 4 * @unit_base;
+}
+
+.ui-image-search {
+ background-image: url(images/controls/00_search_icon.png);
+ background-repeat: no-repeat;
+ background-size : 100% 100%;
+}
+
+.ui-icon-deleteSearch {
+ background-image: url(images/controls/00_field_btn_clear.png);
+ background-repeat: no-repeat;
+ background-size : 100% 100%;
+}
+
-@import "config.less";\r
-\r
-@unit_base_multimediaview : @unit_base * 0.5;\r
-\r
-.ui-multimediaview {\r
- background-color : @color_multimediaview_bg;\r
- overflow : hidden;\r
-}\r
-\r
-.ui-multimediaview-wrap {\r
- width : 100%;\r
- margin : 0;\r
- padding : 0;\r
- border : 0;\r
-}\r
-\r
-.ui-multimediaview-fullscreen {\r
- position : absolute !important;\r
- z-index : @z_base_header_footer + 100 !important;\r
-}\r
-\r
-.ui-multimediaview-control span {\r
- display : inline-block;\r
-}\r
-\r
-.ui-multimediaview-control {\r
- position : absolute;\r
- display : block;\r
- z-index : @z_base_header_footer + 101 !important;\r
- padding : 0;\r
- margin : 0;\r
- outline : 0;\r
- border : 0;\r
- height : 84 * @unit_base_multimediaview;\r
-}\r
-\r
-.ui-multimediaview-control span.ui-button {\r
- background-position : center center;\r
- background-size : 80%;\r
- background-repeat : no-repeat;\r
- width : 74 * @unit_base_multimediaview;\r
- height : 74 * @unit_base_multimediaview;\r
- margin : 4 * @unit_base_multimediaview;\r
-}\r
-\r
-.ui-multimediaview-control .ui-playpausebutton {\r
- float : left;\r
-}\r
-\r
-.ui-multimediaview-control .ui-timestamplabel {\r
- text-align : center;\r
- float : left;\r
-}\r
-\r
-.ui-multimediaview-control .ui-timestamplabel p {\r
- margin-top : -9.8 * @unit_base_multimediaview;\r
- margin-left : 4 * @unit_base_multimediaview;\r
- padding : 0;\r
- text-align : center;\r
- font-size : 22 * @unit_base_multimediaview;\r
- line-height : 28 * @unit_base_multimediaview;\r
- text-align : left;\r
-}\r
-\r
-.ui-multimediaview-control .ui-durationlabel {\r
- text-align : center;\r
- float : right;\r
-}\r
-\r
-.ui-multimediaview-control .ui-durationlabel p {\r
- margin-top : -9.8 * @unit_base_multimediaview;\r
- margin-right : 4 * @unit_base_multimediaview;\r
- padding : 0;\r
- text-align : center;\r
- font-size : 22 * @unit_base_multimediaview;\r
- line-height : 28 * @unit_base_multimediaview;\r
- text-align : right;\r
-}\r
-\r
-.ui-multimediaview-control .ui-seekbar {\r
- margin-top : 11.5 * @unit_base_multimediaview;\r
- padding-left : 4 * @unit_base_multimediaview;\r
- padding-right : 4 * @unit_base_multimediaview;\r
- height : 16 * @unit_base_multimediaview;\r
- float : left;\r
-}\r
-\r
-.ui-multimediaview-control .ui-seekbar .ui-duration {\r
- margin : 0;\r
- padding : 0;\r
- width : 100%;\r
- height : 16 * @unit_base_multimediaview;\r
- border-radius : 1.5em;\r
-}\r
-\r
-.ui-multimediaview-control .ui-seekbar .ui-currenttime {\r
- margin : 0;\r
- padding : 0;\r
- height : 16 * @unit_base_multimediaview;\r
- position : absolute;\r
- border-radius : 1.5em;\r
-}\r
-\r
-.ui-multimediaview-control .ui-volumecontrol {\r
- width : 220 * @unit_base_multimediaview;\r
- height : 100%;\r
- float : left;\r
-}\r
-\r
-.ui-multimediaview-control .ui-volumecontrol .ui-volumebar {\r
- height : 100%;\r
- padding-top : 35 * @unit_base_multimediaview;\r
- padding-left : 40 * @unit_base_multimediaview;\r
- display : block;\r
-}\r
-\r
-.ui-multimediaview-control .ui-volumecontrol .ui-volumebar .ui-guide {\r
- width : 160 * @unit_base_multimediaview;\r
- height : 16 * @unit_base_multimediaview;\r
- position : absolute;\r
- border-radius : 1.5em;\r
-}\r
-\r
-.ui-multimediaview-control .ui-volumecontrol .ui-volumebar .ui-value {\r
- margin : 0;\r
- padding : 0;\r
- height : 16 * @unit_base_multimediaview;\r
- position : absolute;\r
- border-radius : 1.5em;\r
-}\r
-\r
-.ui-multimediaview-control .ui-volumecontrol .ui-volumebar .ui-handler {\r
- margin : 0;\r
- padding : 0;\r
- width : 30 * @unit_base_multimediaview;\r
- height : 30 * @unit_base_multimediaview;\r
- position : absolute;\r
- border-style: solid;\r
- border-width: 1px;\r
- border-radius : 1.5em;\r
-}\r
-\r
-/* S\r
------------------------------------------------------------------------------------------------------------*/\r
-\r
-.ui-multimediaview-s {\r
- .ui-multimediaview-video {\r
- background-color : @color_multimediaview_control_bg;\r
- }\r
-\r
- .ui-timestamplabel {\r
- color : @color_multimediaview_timestamp_text;\r
- }\r
-\r
- .ui-durationlabel {\r
- color : @color_multimediaview_duration_text;\r
- }\r
-\r
- span.ui-button {\r
- background-color : @color_multimediaview_button_bg;\r
- }\r
-\r
- span.ui-play-icon {\r
- background-image : url(./images/00_button_play.png);\r
- }\r
-\r
- span.ui-pause-icon {\r
- background-image : url(./images/00_button_pause.png);\r
- }\r
-\r
- span.ui-volume-icon {\r
- background-image : url(./images/controls/00_slider_button_volume_02.png);\r
- }\r
-\r
- span.ui-mute-icon {\r
- background-image : url(./images/controls/00_slider_button_volume_01.png);\r
- }\r
-\r
- span.ui-fullscreen-on {\r
- background-image : url(./images/00_button_fullscreen_on.png);\r
- }\r
-\r
- span.ui-fullscreen-off {\r
- background-image : url(./images/00_button_fullscreen_off.png);\r
- }\r
-\r
- .ui-seekbar {\r
- .ui-duration {\r
- background-color : @color_multimediaview_bar_gray;\r
- }\r
-\r
- .ui-currenttime {\r
- .LESSmultimediaview_bar_active_style();\r
- }\r
- }\r
-\r
- .ui-volumebar {\r
- .ui-guide {\r
- background-color : @color_multimediaview_bar_gray;\r
- }\r
-\r
- .ui-value {\r
- .LESSmultimediaview_bar_active_style();\r
- }\r
-\r
- .ui-handler {\r
- .LESSmultimediaview_bar_handle_style();\r
- border-color : @color_multimediaview_button_border;\r
- }\r
- }\r
-}\r
-\r
+@import "config.less";
+
+@unit_base_multimediaview : @unit_base * 0.5;
+
+.ui-multimediaview {
+ background-color : @color_multimediaview_bg;
+ overflow : hidden;
+}
+
+.ui-multimediaview-wrap {
+ width : 100%;
+ margin : 0;
+ padding : 0;
+ border : 0;
+}
+
+.ui-multimediaview-fullscreen {
+ position : absolute !important;
+ z-index : @z_base_header_footer + 100 !important;
+}
+
+.ui-multimediaview-control span {
+ display : inline-block;
+}
+
+.ui-multimediaview-control {
+ position : absolute;
+ display : block;
+ z-index : @z_base_header_footer + 101 !important;
+ padding : 0;
+ margin : 0;
+ outline : 0;
+ border : 0;
+ height : 84 * @unit_base_multimediaview;
+}
+
+.ui-multimediaview-control span.ui-button {
+ background-position : center center;
+ background-size : 80%;
+ background-repeat : no-repeat;
+ width : 74 * @unit_base_multimediaview;
+ height : 74 * @unit_base_multimediaview;
+ margin : 4 * @unit_base_multimediaview;
+}
+
+.ui-multimediaview-control .ui-playpausebutton {
+ float : left;
+}
+
+.ui-multimediaview-control .ui-timestamplabel {
+ text-align : center;
+ float : left;
+}
+
+.ui-multimediaview-control .ui-timestamplabel p {
+ margin-top : -9.8 * @unit_base_multimediaview;
+ margin-left : 4 * @unit_base_multimediaview;
+ padding : 0;
+ text-align : center;
+ font-size : 22 * @unit_base_multimediaview;
+ line-height : 28 * @unit_base_multimediaview;
+ text-align : left;
+}
+
+.ui-multimediaview-control .ui-durationlabel {
+ text-align : center;
+ float : right;
+}
+
+.ui-multimediaview-control .ui-durationlabel p {
+ margin-top : -9.8 * @unit_base_multimediaview;
+ margin-right : 4 * @unit_base_multimediaview;
+ padding : 0;
+ text-align : center;
+ font-size : 22 * @unit_base_multimediaview;
+ line-height : 28 * @unit_base_multimediaview;
+ text-align : right;
+}
+
+.ui-multimediaview-control .ui-seekbar {
+ margin-top : 11.5 * @unit_base_multimediaview;
+ padding-left : 4 * @unit_base_multimediaview;
+ padding-right : 4 * @unit_base_multimediaview;
+ height : 16 * @unit_base_multimediaview;
+ float : left;
+}
+
+.ui-multimediaview-control .ui-seekbar .ui-duration {
+ margin : 0;
+ padding : 0;
+ width : 100%;
+ height : 16 * @unit_base_multimediaview;
+ border-radius : 1.5em;
+}
+
+.ui-multimediaview-control .ui-seekbar .ui-currenttime {
+ margin : 0;
+ padding : 0;
+ height : 16 * @unit_base_multimediaview;
+ position : absolute;
+ border-radius : 1.5em;
+}
+
+.ui-multimediaview-control .ui-volumecontrol {
+ width : 220 * @unit_base_multimediaview;
+ height : 100%;
+ float : left;
+}
+
+.ui-multimediaview-control .ui-volumecontrol .ui-volumebar {
+ height : 100%;
+ padding-top : 35 * @unit_base_multimediaview;
+ padding-left : 40 * @unit_base_multimediaview;
+ display : block;
+}
+
+.ui-multimediaview-control .ui-volumecontrol .ui-volumebar .ui-guide {
+ width : 160 * @unit_base_multimediaview;
+ height : 16 * @unit_base_multimediaview;
+ position : absolute;
+ border-radius : 1.5em;
+}
+
+.ui-multimediaview-control .ui-volumecontrol .ui-volumebar .ui-value {
+ margin : 0;
+ padding : 0;
+ height : 16 * @unit_base_multimediaview;
+ position : absolute;
+ border-radius : 1.5em;
+}
+
+.ui-multimediaview-control .ui-volumecontrol .ui-volumebar .ui-handler {
+ margin : 0;
+ padding : 0;
+ width : 30 * @unit_base_multimediaview;
+ height : 30 * @unit_base_multimediaview;
+ position : absolute;
+ border-style: solid;
+ border-width: 1px;
+ border-radius : 1.5em;
+}
+
+/* S
+-----------------------------------------------------------------------------------------------------------*/
+
+.ui-multimediaview-s {
+ .ui-multimediaview-video {
+ background-color : @color_multimediaview_control_bg;
+ }
+
+ .ui-timestamplabel {
+ color : @color_multimediaview_timestamp_text;
+ }
+
+ .ui-durationlabel {
+ color : @color_multimediaview_duration_text;
+ }
+
+ span.ui-button {
+ background-color : @color_multimediaview_button_bg;
+ }
+
+ span.ui-play-icon {
+ background-image : url(./images/00_button_play.png);
+ }
+
+ span.ui-pause-icon {
+ background-image : url(./images/00_button_pause.png);
+ }
+
+ span.ui-volume-icon {
+ background-image : url(./images/controls/00_slider_button_volume_02.png);
+ }
+
+ span.ui-mute-icon {
+ background-image : url(./images/controls/00_slider_button_volume_01.png);
+ }
+
+ span.ui-fullscreen-on {
+ background-image : url(./images/00_button_fullscreen_on.png);
+ }
+
+ span.ui-fullscreen-off {
+ background-image : url(./images/00_button_fullscreen_off.png);
+ }
+
+ .ui-seekbar {
+ .ui-duration {
+ background-color : @color_multimediaview_bar_gray;
+ }
+
+ .ui-currenttime {
+ .LESSmultimediaview_bar_active_style();
+ }
+ }
+
+ .ui-volumebar {
+ .ui-guide {
+ background-color : @color_multimediaview_bar_gray;
+ }
+
+ .ui-value {
+ .LESSmultimediaview_bar_active_style();
+ }
+
+ .ui-handler {
+ .LESSmultimediaview_bar_handle_style();
+ border-color : @color_multimediaview_button_border;
+ }
+ }
+}
+
+++ /dev/null
-@import "config.less";
-
-@img-width: 140 * @unit_base;
-@img-height: 140 * @unit_base;
-
-.ui-nocontents {
- position: relative;
- left: 0;
- width: 100%;
-}
-
-.ui-nocontents-icon-text,
-.ui-nocontents-icon-picture,
-.ui-nocontents-icon-multimedia,
-.ui-nocontents-icon-unnamed {
- position: absolute;
- display: block;
- width: @img-width;
- height: @img-height;
- left: 50%;
- margin-left: -(@img-width / 2);
-
- background: url(images/00_Nocontents_text.png) no-repeat;
- .LESSbackground-size(@img-width, @img-height);
-}
-
-.ui-nocontents-icon-picture {
- background: url(images/00_Nocontents_picture.png) no-repeat;
- .LESSbackground-size(@img-width, @img-height);
-}
-
-.ui-nocontents-icon-multimedia {
- background: url(images/00_Nocontents_multimedia.png) no-repeat;
- .LESSbackground-size(@img-width, @img-height);
-}
-
-.ui-nocontents-icon-unnamed {
- background: url(images/00_Nocontents_unnamed.png) no-repeat;
- .LESSbackground-size(@img-width, @img-height);
-}
-
-.ui-nocontents-text {
- position: absolute;
- margin: 0;
- height: 19 * @unit_base;
- width: 100%;
- font-size: 0.72rem;
- text-align: center;
- color: @color_nocontents_text;
-}
+++ /dev/null
-/*
- * pagrcontrol stylesheet
- * by Youmin Ha <youmin.ha@samsung.com>
- */
-
-@import "config.less";
-
-div.pagecontrol {
- text-align: center;
-
- .LESSpagecontrolIconCommonProperties(@imgUrl) {
- background-image: url(@imgUrl);
- background-size: 10 * @unit_base 9 * @unit_base;
-
- // Transition
- -ms-transition: background 0.5s ease;
- -webkit-transition: background 0.5s ease;
- -moz-transition: background 0.5s ease;
- -o-transition: background 0.5s ease;
- transition: background 0.5s ease;
- }
- .LESSpagecontrolIconMargin(@l, @r) {
- margin-left: @l * @unit_base;
- margin-right: @r * @unit_base;
- }
-
- &> div.page_n {
- display: inline-block;
- border: 0;
- width: 10 * @unit_base;
- height: 9 * @unit_base;
- }
-
- &> div.page_n_margin_42 { .LESSpagecontrolIconMargin(11, 11); }
-
- &> div.page_n_unselected {
- .LESSpagecontrolIconCommonProperties('images/00_page_indicator_02.png');
- }
- &> div.page_n_selected {
- .LESSpagecontrolIconCommonProperties('images/00_page_indicator_01.png');
- }
-}
-@import "config.less";\r
-\r
-.ui-tokentextarea {\r
- display : table;\r
- outline : none;\r
-}\r
-\r
-.ui-tokentextarea .ui-tokentextarea-label {\r
- display : inline-block;\r
- text-align : center;\r
- position : relative;\r
- margin-left : .3em;\r
- margin-right : .3em;\r
- padding : .6em 0em;\r
- color : @color_tokentextarea_label_text;\r
- font-weight : bold;\r
- text-align : center;\r
- font-size : 1em;\r
-}\r
-\r
-.ui-tokentextarea-input {\r
- display : inline-block !important;\r
- outline : none;\r
- position : relative;\r
- border : 0 !important;\r
- padding : 0 !important;\r
- margin : .5em;\r
- color : @color_tokentextarea_input_text;\r
- text-align : left;\r
- font-size : 1em;\r
-}\r
-\r
-.ui-tokentextarea div {\r
- display : inline-block;\r
- text-align : center;\r
- cursor : pointer;\r
- position : relative;\r
- margin-left : .3em;\r
- margin-right : .3em;\r
- margin-bottom : .3em;\r
- margin-top : .3em;\r
- padding : .2em .5em;\r
- font-size : 1em;\r
- text-shadow : 0 .1em .1em rgba(0,0,0,.3);\r
- -ms-border-radius : .2em;\r
- -o-border-radius : .2em;\r
- -webkit-border-radius : .2em;\r
- -moz-border-radius : .2em;\r
- border-radius : .2em;\r
- .LESSbox-shadow(0, .1em, .1em, rgba(0,0,0,.2));\r
- color : @color_tokentextarea_block_text;\r
- overflow : hidden;\r
- text-overflow : ellipsis;\r
- white-space : nowrap;\r
-}\r
-\r
-div.ui-tokentextarea-block {\r
- background-color : @color_tokentextarea_block_bg;\r
- background-image : url(./images/00_contacts_button_header.png);\r
- background-size : contain;\r
- background-repeat : no-repeat;\r
- padding-left : .7em;\r
-}\r
-\r
-div.ui-tokentextarea-sblock {\r
- background-color : @color_tokentextarea_press_bg;\r
- background-image : url(./images/00_contacts_button_header_press.png);\r
- background-size : contain;\r
- background-repeat : no-repeat;\r
- padding-left : .7em;\r
-}\r
-\r
-.ui-tokentextarea .ui-tokentextarea-desclabel {\r
- display : inline-block;\r
- outline : none;\r
- position : relative;\r
- border : 0;\r
- color : @color_tokentextarea_label_text;\r
- text-align : left;\r
- font-size : 1em;\r
-}\r
-\r
-.ui-tokentextarea-focus-button {\r
- background-image : url(./images/00_button_expand_opened.png);\r
- }\r
+@import "config.less";
+
+.ui-tokentextarea {
+ display : table;
+ outline : none;
+}
+
+.ui-tokentextarea .ui-tokentextarea-label {
+ display : inline-block;
+ text-align : center;
+ position : relative;
+ margin-left : .3em;
+ margin-right : .3em;
+ padding : .6em 0em;
+ color : @color_tokentextarea_label_text;
+ font-weight : bold;
+ text-align : center;
+ font-size : 1em;
+}
+
+.ui-tokentextarea-input {
+ display : inline-block !important;
+ outline : none;
+ position : relative;
+ border : 0 !important;
+ padding : 0 !important;
+ margin : .5em;
+ color : @color_tokentextarea_input_text;
+ text-align : left;
+ font-size : 1em;
+}
+
+.ui-tokentextarea div {
+ display : inline-block;
+ text-align : center;
+ cursor : pointer;
+ position : relative;
+ margin-left : .3em;
+ margin-right : .3em;
+ margin-bottom : .3em;
+ margin-top : .3em;
+ padding : .2em .5em;
+ font-size : 1em;
+ text-shadow : 0 .1em .1em rgba(0,0,0,.3);
+ -ms-border-radius : .2em;
+ -o-border-radius : .2em;
+ -webkit-border-radius : .2em;
+ -moz-border-radius : .2em;
+ border-radius : .2em;
+ .LESSbox-shadow(0, .1em, .1em, rgba(0,0,0,.2));
+ color : @color_tokentextarea_block_text;
+ overflow : hidden;
+ text-overflow : ellipsis;
+ white-space : nowrap;
+}
+
+div.ui-tokentextarea-block {
+ background-color : @color_tokentextarea_block_bg;
+ background-image : url(./images/00_contacts_button_header.png);
+ background-size : contain;
+ background-repeat : no-repeat;
+ padding-left : .7em;
+}
+
+div.ui-tokentextarea-sblock {
+ background-color : @color_tokentextarea_press_bg;
+ background-image : url(./images/00_contacts_button_header_press.png);
+ background-size : contain;
+ background-repeat : no-repeat;
+ padding-left : .7em;
+}
+
+.ui-tokentextarea .ui-tokentextarea-desclabel {
+ display : inline-block;
+ outline : none;
+ position : relative;
+ border : 0;
+ color : @color_tokentextarea_label_text;
+ text-align : left;
+ font-size : 1em;
+}
+
+.ui-tokentextarea-focus-button {
+ background-image : url(./images/00_button_expand_opened.png);
+ }
/***************************************************************************
Body
***************************************************************************/
-@color_bg: rgb(248, 246, 239); // #F8F6EF // Main Background color
-@color_text: rgb(0, 0, 0); // 0 0 0
-@color_text_sub: rgb(102, 102, 102); // 102 102 102
-@color_text_setting: rgb(42, 109, 140); // 42 109 140
+@color_bg: rgb(248, 246, 239); // Main Background color
+@color_text: rgb(0, 0, 0);
+@color_text_sub: rgb(102, 102, 102);
+@color_text_setting: rgb(42, 109, 140);
/***************************************************************************
Naviframe
***************************************************************************/
-@color_bar_title_text : rgba(59, 115, 182, 1); /* #3b73b6 */ /* title text */
-@color_bar_title_button_text : rgba(58, 58, 58, 1); /* B052L4 : Title text button */
+@color_bar_title_text : rgba(59, 115, 182, 1); /* #3b73b6 */ /* title text */
+@color_bar_title_button_text : rgba(58, 58, 58, 1); /* B052L4 : Title text button */
@color_bar_title_button_text_press : rgba(59, 115, 182, 1); /* B052L5 : Title text button press */
-@color_bar_btn_press : rgba(64, 147, 247, 0.1); /* B052L1P : Title text button press bg */
-@color_bar_divider_line : rgba(192, 192, 192, 1); /* 00_divider_line.9.png */
+@color_bar_btn_press : rgba(64, 147, 247, 0.1); /* B052L1P : Title text button press bg */
+@color_bar_divider_line : rgba(192, 192, 192, 1); /* 00_divider_line.9.png */
/***************************************************************************
Tabbar
***************************************************************************/
-@color_tabbar_btn_tab_press : -webkit-linear-gradient(top, rgba(210,210,200,1) 0%,rgba(246,248,239,1) 100%); /* B0514P1 : 00_tab_press_ef.9.png */
-@color_tabbar_btn_pressed : rgba(59, 115, 182, 1); /* B052L6P : Tab pressed */
-@color_tabbar_btn_normal : rgba(153, 153, 153, 1); /* B052L6 : Tab Normal */
+@color_tabbar_btn_tab_press : -webkit-linear-gradient(top, rgba(210,210,200,1) 0%, rgba(246,248,239,1) 100%); /* B0514P1 : 00_tab_press_ef.9.png */
+@color_tabbar_btn_pressed : rgba(59, 115, 182, 1); /* B052L6P */
+@color_tabbar_btn_normal : rgba(153, 153, 153, 1); /* B052L6 */
/***************************************************************************
List
***************************************************************************/
-@color_list_bg: rgba(248, 246, 239, 1); /* B0211 : List bg color */
-@color_list_press : rgba(87, 135, 194, 1); /* B041 : List Press color */
-@color_list_border_bottom: rgba(211, 209, 203, 0.5); /* B0221 : 1px line Code */
-@color_list_main_text_focus: rgba(249, 249, 249, 1);
-@color_list_main_text_unfocus: rgba(0, 0, 0, 1);
+@color_list_bg: rgba(248, 246, 239, 1); /* B0211 */
+@color_list_press : rgba(87, 135, 194, 1); /* B041 */
+@color_list_border_bottom: rgba(211, 209, 203, 0.5); /* B0221 */
+@color_list_main_text_focus: rgba(249, 249, 249, 1);
+@color_list_main_text_unfocus: rgba(0, 0, 0, 1);
@color_list_sub_text_default: rgba(100, 100, 100, 1);
@color_list_divider_expand_div : rgba(0, 0, 0, 0.5);
-@color_list_divider_bg : rgba(248, 246, 239, 1); /* W021L1 : Index BG */
-@color_list_divider_text : rgba(59, 115, 182, 1); /* W021L2 : Index bar */
+@color_list_divider_bg : rgba(248, 246, 239, 1); /* W021L1 */
+@color_list_divider_text : rgba(59, 115, 182, 1); /* W021L2 */
@color_list_dialogue_bg : rgba(239, 237, 229, 1);
@color_dialogue_main_text: rgba(59, 115, 182, 1);
***************************************************************************/
@color_fastscroll_rollover_bg: rgba(230, 227, 216, 1); /* B0723 : 00_fast_scroll_rollover_bg.9.png */
@color_fastscroll_rollover_text: rgba(160, 159, 154, 1); /* B0721 : Rollover text */
-@color_fastscroll_popup_bg: rgba(59, 115, 182, 1); /* B0731 : 00_fast_scroll_popup_bg.png */
+@color_fastscroll_popup_bg: rgba(59, 115, 182, 1); /* B0731 : 00_fast_scroll_popup_bg.png */
@color_fastscroll_popup_shadow: rgba(199, 199, 199, 0.5);
-@color_fastscroll_popup_text: rgba(255, 255, 255, 1); /* B0732 : Scroll popup text */
+@color_fastscroll_popup_text: rgba(255, 255, 255, 1); /* B0732 : Scroll popup text */
/***************************************************************************
SearchBar(forms.textinput)
***************************************************************************/
@color_searchbar_bg : rgba(248, 246, 239, 1);
-@color_searchbar_default_text : rgba(121, 131, 138, 1); /* Search default text */
-@color_searchbar_input_field_bg : rgba(255, 255, 255, 1); /* W301 : 00_search_edit_field_bg.png */
+@color_searchbar_default_text : rgba(121, 131, 138, 1); /* Search default text */
+@color_searchbar_input_field_bg : rgba(255, 255, 255, 1); /* W301 : 00_search_edit_field_bg.png */
@color_searchbar_border : rgba(153, 153, 153, 1);
Popup
***************************************************************************/
@font_size_popup_info_style: 24 * @unit_base;
-@color_popup_text_bg: rgba(248, 246, 239, 1); /* B061L1 : Popop info */
+@color_popup_text_bg: rgba(248, 246, 239, 1); /* B061L1 : Popop info */
/***************************************************************************
@color_button_inner_o: -o-linear-gradient(top, rgb(250, 247, 242), rgb(248, 245, 240));
@color_button_inner_ms: -ms-linear-gradient(top, rgb(250, 247, 242), rgb(248, 245, 240));
-@button_shadow_outer: 0 0 1px 1px rgba(255, 255, 255, 1);
+@button_shadow_outer: 0 0 1px 1px rgba(255, 255, 255, 1);
@button_shadow_inner: none;
-@color_button_edit: rgb(201, 88, 88);
-@color_button_edit_webkit: -webkit-gradient(linear, left top, left bottom, from(rgb(201, 88, 88)), to(rgb(161, 40, 40)));
-@color_button_edit_moz: -moz_linear-gradient(top, rgb(201, 88, 88), rgb(161, 40, 40));
+@color_button_edit: rgb(201, 88, 88);
+@color_button_edit_webkit: -webkit-gradient(linear, left top, left bottom, from(rgb(201, 88, 88)), to(rgb(161, 40, 40)));
+@color_button_edit_moz: -moz_linear-gradient(top, rgb(201, 88, 88), rgb(161, 40, 40));
.LESSbutton_box_style{
color: @color_button_text_normal;
projects / platform / framework / web / web-ui-fw.git / commitdiff