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.
|
|
|
|
|
*/
|
2011-01-14 18:02:24 +00:00
|
|
|
.ui-select { display: block; position: relative; }
|
2011-01-12 23:00:53 +00:00
|
|
|
.ui-select select { position: absolute; left: -9999px; top: -9999px; }
|
2011-03-13 17:59:52 +00:00
|
|
|
.ui-select .ui-btn { overflow: hidden; }
|
2011-09-27 18:21:34 +00:00
|
|
|
.ui-select .ui-btn select { cursor: pointer; -webkit-appearance: button; left: 0; top:0; width: 100%; min-height: 1.5em; min-height: 100%; height: 3em; max-height: 100%; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); z-index: 2; }
|
2011-06-13 22:05:50 +00:00
|
|
|
@-moz-document url-prefix() {.ui-select .ui-btn select { opacity: 0.0001; }}
|
Changed the hiding mechanism for invisible native selects so that they work in Firefox Mobile. Fixes #1626. Tested on the following platforms: Mobile Firefox on Android 2.2, Firefox 3.6 and 4.x Mac, Chrome on Mac, Internet Explorer 7 and 8 - Desktop, Windows Phone 7, Safari desktop, Android 2.2 webkit, iOS 4 iPhone, BlackBerry 5, BlackBerry 6, iOS 4 on iPad, Opera Mini & Desktop on Mac
2011-05-24 23:32:53 +00:00
|
|
|
.ui-select .ui-btn select.ui-select-nativeonly { opacity: 1; text-indent: 0; }
|
2011-01-14 18:02:24 +00:00
|
|
|
|
2010-10-13 16:45:10 +00:00
|
|
|
.ui-select .ui-btn-icon-right .ui-btn-inner { padding-right: 45px; }
|
|
|
|
|
.ui-select .ui-btn-icon-right .ui-icon { right: 15px; }
|
|
|
|
|
|
|
|
|
|
/* labels */
|
|
|
|
|
label.ui-select { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .3em; display: block; }
|
|
|
|
|
|
|
|
|
|
/*listbox*/
|
2011-10-11 19:53:43 +00:00
|
|
|
.ui-select .ui-btn-text, .ui-selectmenu .ui-btn-text { display: block; min-height: 1em; overflow: hidden; }
|
|
|
|
|
.ui-select .ui-btn-text { text-overflow: ellipsis; }
|
2010-12-03 15:41:55 +00:00
|
|
|
|
2010-11-20 00:15:48 +00:00
|
|
|
.ui-selectmenu { position: absolute; padding: 0; z-index: 100 !important; width: 80%; max-width: 350px; padding: 6px; }
|
2010-12-03 15:41:55 +00:00
|
|
|
.ui-selectmenu .ui-listview { margin: 0; }
|
2010-12-03 15:57:21 +00:00
|
|
|
.ui-selectmenu .ui-btn.ui-li-divider { cursor: default; }
|
2011-01-12 23:00:53 +00:00
|
|
|
.ui-selectmenu-hidden { top: -9999px; left: -9999px; }
|
2010-11-20 00:15:48 +00:00
|
|
|
.ui-selectmenu-screen { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; }
|
|
|
|
|
.ui-screen-hidden, .ui-selectmenu-list .ui-li .ui-icon { display: none; }
|
2010-12-07 20:45:20 +00:00
|
|
|
.ui-selectmenu-list .ui-li .ui-icon { display: block; }
|
2010-12-22 23:11:01 +00:00
|
|
|
.ui-li.ui-selectmenu-placeholder { display: none; }
|
2011-03-15 23:04:58 +00:00
|
|
|
.ui-selectmenu .ui-header .ui-title { margin: 0.6em 46px 0.8em; }
|
2010-10-13 16:45:10 +00:00
|
|
|
|
2011-05-11 16:00:44 +00:00
|
|
|
@media all and (min-width: 450px){
|
2011-10-14 16:19:11 +00:00
|
|
|
.ui-field-contain label.ui-select { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }
|
|
|
|
|
.ui-field-contain .ui-select { width: 60%; display: inline-block; }
|
2011-05-11 16:00:44 +00:00
|
|
|
}
|
2010-12-07 20:45:20 +00:00
|
|
|
|
|
|
|
|
/* 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 */
|
set native select with custom button to opacity 0 instead of 0.0001. Note: I thought it was 0.0001 for a reason, but this checks out fine in WP7, WebOS, Android,iOS, Chrome, Safari, Firefox 4, Firefox 3.6, Opera Desktop & Mobile, IE 7
IE 8, IE 9, Blackberry 6. Sooo... that covers it. Fixes #1216
2011-03-14 22:44:31 +00:00
|
|
|
.ui-selectmenu .ui-header h1:after { content: '.'; visibility: hidden; }
|
