1 @import "config.less";
\r
2 @search-bar-padding: (16*@unit_base);
\r
4 label.ui-input-text {
\r
5 font-size: 32 * @unit_base;
\r
11 input.ui-input-text, textarea.ui-input-text {
\r
12 background-image: none;
\r
15 font-size: 32 * @unit_base;
\r
19 input.ui-input-text { -webkit-appearance: none; }
\r
20 textarea.ui-input-text {
\r
21 height: 50*@unit_base;
\r
22 -webkit-transition: height 200ms linear;
\r
23 -moz-transition: height 200ms linear;
\r
24 -o-transition: height 200ms linear;
\r
25 transition: height 200ms linear;
\r
31 input.ui-input-text {
\r
33 background: transparent none;
\r
34 outline: 0 !important;
\r
36 .ui-btn-down-s, .ui-btn-up-s, .ui-btn-hover-s {
\r
38 background: transparent none;
\r
40 .ui-btn-icon-notext.ui-input-clear {
\r
41 width: 38 * @unit_base;
\r
42 height: 38 * @unit_base;
\r
43 .ui-btn-inner { padding: 0; }
\r
45 .ui-icon-deleteSearch {
\r
46 width: 38 * @unit_base;
\r
47 height: 38 * @unit_base;
\r
54 vertical-align: middle;
\r
55 margin: 16 * @unit_base;
\r
57 .ui-input-clear-hidden { display: none; }
\r
65 margin: 16 * @unit_base;
\r
68 .ui-image-searchfield:after {
\r
69 margin-left: 58 * @unit_base;
\r
71 color: @color_searchbar_default_text;
\r
74 /* orientation adjustments - incomplete!*/
\r
75 @media all and (min-width: 720*@unit_base){
\r
76 label.ui-input-text {
\r
77 vertical-align: top;
\r
78 display: inline-block;
\r
82 input.ui-input-text,
\r
83 textarea.ui-input-text,
\r
84 .ui-input-search { width: 60%; display: inline-block; }
\r
85 .ui-input-search input.ui-input-text { width: 85%; /*echos rule from above*/ }
\r
89 .ui-body-s > div > .ui-field-contain > .input-search-bar,
\r
90 .ui-body-s > .ui-field-contain > .input-search-bar {
\r
91 margin : -48*@unit_base -15*@unit_base -32*@unit_base -15*@unit_base;
\r
92 } /* Need to confirm exact concept : Jinhyuk */
\r
95 position : relative; /* In case searchbar in header : Jinhyuk */
\r
97 background-color: @color_searchbar_bg;
\r
98 padding: @search-bar-padding;
\r
99 vertical-align: middle;
\r
101 .LESSborder-radius-all(.3em);
\r
104 font-size : 32 * @unit_base;
\r
105 display: inline-block;
\r
106 position: relative;
\r
109 background-color: @color_searchbar_input_field_bg;
\r
111 height: 74 * @unit_base;
\r
113 margin-left : 10 * @unit_base;
\r
116 .ui-input-search-default {
\r
118 -webkit-transition: width 400ms linear;
\r
119 -moz-transition: width 400ms linear;
\r
120 -o-transition: width 400ms linear;
\r
121 transition: width 400ms linear;
\r
123 .ui-input-search-wide {
\r
125 -webkit-transition: width 400ms linear;
\r
126 -moz-transition: width 400ms linear;
\r
127 -o-transition: width 400ms linear;
\r
128 transition: width 400ms linear;
\r
130 .ui-btn-icon-cancel {
\r
131 display: inline-block;
\r
132 position: absolute;
\r
135 vertical-align: middle;
\r
136 margin-left : 10 * @unit_base;
\r
137 margin-right : 10 * @unit_base;
\r
140 height : 74 * @unit_base;
\r
142 border-color : none;
\r
144 font-size : 32 * @unit_base;
\r
147 padding-top : 18 * @unit_base;
\r
148 padding-bottom : 18 * @unit_base;
\r
152 .ui-btn-icon-cancel.ui-input-cancel {
\r
154 -webkit-transition: all 400ms linear;
\r
155 -moz-transition: all 400ms linear;
\r
156 -o-transition: all 400ms linear;
\r
157 transition: all 400ms linear;
\r
159 .ui-btn-cancel-hide {
\r
161 visibility: hidden;
\r
163 .ui-btn-cancel-show {
\r
165 visibility: visible;
\r
169 .ui-header .input-search-bar {
\r
170 padding-top : 16 * @unit_base;
\r
171 padding-bottom : 16 * @unit_base;
\r