Hopiu/jquery-mobile
1
0
Fork 0
mirror of https://github.com/Hopiu/jquery-mobile.git synced 2026-03-17 06:20:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions
jquery-mobile/themes/default/jquery.mobile.forms.textinput.css

24 lines
1.6 KiB
CSS
Raw Permalink Normal View History

Created a themes directory and moved all CSS and images there. Edited the PHP combiner and .htaccess logic to accommodate this change, as well as allowing manifest files to use a "../" when referencing files, which will be handy when adding themes that don't include structural files yet. Modified all HTML files to point to /themes/default for their theme.
2010-10-13 16:45:10 +00:00
/*
* jQuery Mobile Framework
* Copyright (c) jQuery Project
* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
*/
label.ui-input-text { font-size: 16px; 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: 16px; display: block; width: 95%; }
removed inner text shadow on ios text inputs
2010-11-19 23:15:34 +00:00
input.ui-input-text { -webkit-appearance: none; }
Created a themes directory and moved all CSS and images there. Edited the PHP combiner and .htaccess logic to accommodate this change, as well as allowing manifest files to use a "../" when referencing files, which will be handy when adding themes that don't include structural files yet. Modified all HTML files to point to /themes/default for their theme.
2010-10-13 16:45:10 +00:00
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; }
Removed the separate search icon image and used the one from the sprite instead. Because of this, we'll save a request, but the icon is slightly different as a result (it has a disc, making it consistent with other icons in the framework).
2011-09-28 18:09:55 +00:00
.ui-input-search { padding: 0 30px; width: 77%; background-image: none; position: relative; }
.ui-icon-searchfield:after { position: absolute; left: 7px; top: 50%; margin-top: -9px; content: ""; width: 18px; height: 18px; opacity: .5; }
Created a themes directory and moved all CSS and images there. Edited the PHP combiner and .htaccess logic to accommodate this change, as well as allowing manifest files to use a "../" when referencing files, which will be handy when adding themes that don't include structural files yet. Modified all HTML files to point to /themes/default for their theme.
2010-10-13 16:45:10 +00:00
.ui-input-search input.ui-input-text { border: none; width: 98%; padding: .4em 0; margin: 0; display: block; background: transparent none; outline: 0 !important; }
Fixes #2571, Fixes #2590, Fixes #2576 — All three issues were caused by improperly-scoped “position: relative;” on .ui-btn-text, within listviews.
2011-10-05 20:50:36 +00:00
.ui-input-search .ui-input-clear { position: absolute; right: 0; top: 50%; margin-top: -13px; }
Created a themes directory and moved all CSS and images there. Edited the PHP combiner and .htaccess logic to accommodate this change, as well as allowing manifest files to use a "../" when referencing files, which will be handy when adding themes that don't include structural files yet. Modified all HTML files to point to /themes/default for their theme.
2010-10-13 16:45:10 +00:00
.ui-input-search .ui-input-clear-hidden { display: none; }
/* orientation adjustments - incomplete!*/
Moved our own widget css layout toggles over to using standard media queries, rather than the classes we apply to the HTML element to simulate media queries.
2011-05-11 16:00:44 +00:00
@media all and (min-width: 450px){
added margin back from media-helper based css.
2011-05-11 16:32:57 +00:00
label.ui-input-text { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0 }
Moved our own widget css layout toggles over to using standard media queries, rather than the classes we apply to the HTML element to simulate media queries.
2011-05-11 16:00:44 +00:00
input.ui-input-text,
textarea.ui-input-text,
.ui-input-search { width: 60%; display: inline-block; }
.ui-input-search { width: 50%; }
.ui-input-search input.ui-input-text { width: 98%; /*echos rule from above*/ }
}
Reference in a new issue Copy permalink