Tokentextarea: Fix issues
[platform/framework/web/web-ui-fw.git] / libs / js / jquery-mobile-1.1.0 / css / structure / jquery.mobile.forms.textinput.css
1 label.ui-input-text { font-size: 16px; line-height: 1.4; display: block; font-weight: normal; margin: 0 0 .3em; }
2 input.ui-input-text, textarea.ui-input-text { background-image: none; padding: .4em; line-height: 1.4; font-size: 16px; display: block; width: 97%; outline: 0; }
3 .ui-header input.ui-input-text,
4 .ui-footer input.ui-input-text { margin-left: 1.25%; padding: .4em 1%; width: 95.5% } /* Note that padding left/right on text inputs is factored into how the element is displayed in Firefox, but does not actually pad the text inside it. */
5  input.ui-input-text { -webkit-appearance: none; }
6 textarea.ui-input-text { height: 50px; -webkit-transition: height 200ms linear; -moz-transition: height 200ms linear; -o-transition: height 200ms linear; transition: height 200ms linear; }
7 .ui-input-search { padding: 0 30px; background-image: none; position: relative; }
8 .ui-icon-searchfield:after { position: absolute; left: 7px; top: 50%; margin-top: -9px; content: ""; width: 18px; height: 18px; opacity: .5; }
9 .ui-input-search input.ui-input-text { border: none; width: 98%; padding: .4em 0; margin: 0; display: block; background: transparent none; outline: 0 !important; }
10 .ui-input-search .ui-input-clear { position: absolute; right: 0; top: 50%; margin-top: -13px; }
11 .ui-mini .ui-input-clear { right: -3px; }
12
13 .ui-input-search .ui-input-clear-hidden { display: none; }
14 input.ui-mini, .ui-mini input, textarea.ui-mini { font-size: 14px; }
15 textarea.ui-mini { height: 45px; }
16
17 /* orientation adjustments - incomplete!*/
18 @media all and (min-width: 450px){
19         .ui-field-contain label.ui-input-text  { vertical-align: top; display: inline-block;  width: 20%;  margin: 0 2% 0 0 }
20         .ui-field-contain input.ui-input-text, 
21         .ui-field-contain textarea.ui-input-text, 
22         .ui-field-contain .ui-input-search { width: 60%; display: inline-block; } 
23         .ui-field-contain .ui-input-search { width: 50%; }
24         .ui-hide-label input.ui-input-text, 
25         .ui-hide-label textarea.ui-input-text, 
26         .ui-hide-label .ui-input-search { padding: .4em; width: 97%; } 
27         .ui-input-search input.ui-input-text { width: 98%; /*echos rule from above*/ }
28 }