Index: /branches/version-2_11-dev/html/user_data/packages/sphone/css/jquery.mobile-1.0.1.css =================================================================== --- /branches/version-2_11-dev/html/user_data/packages/sphone/css/jquery.mobile-1.0.1.css (revision 21453) +++ /branches/version-2_11-dev/html/user_data/packages/sphone/css/jquery.mobile-1.0.1.css (revision 21453) @@ -0,0 +1,1869 @@ +/* +* jQuery Mobile Framework 1.0.1 +* http://jquerymobile.com +* +* Copyright 2011-2012 (c) jQuery Project +* Dual licensed under the MIT or GPL Version 2 licenses. +* http://jquery.org/license +* +*/ +/* Swatches */ + +/* A +-----------------------------------------------------------------------------------------------------------*/ + +.ui-bar-a { + border: 1px solid #2A2A2A /*{a-bar-border}*/; + background: #111111 /*{a-bar-background-color}*/; + color: #ffffff /*{a-bar-color}*/; + font-weight: bold; + text-shadow: 0 /*{a-bar-shadow-x}*/ -1px /*{a-bar-shadow-y}*/ 1px /*{a-bar-shadow-radius}*/ #000000 /*{a-bar-shadow-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from( #3c3c3c /*{a-bar-background-start}*/), to( #111 /*{a-bar-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(#3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(#3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient(#3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient(#3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient(#3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); +} +.ui-bar-a, +.ui-bar-a input, +.ui-bar-a select, +.ui-bar-a textarea, +.ui-bar-a button { + font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; +} +.ui-bar-a .ui-link-inherit { + color: #fff /*{a-bar-color}*/; +} + +.ui-bar-a .ui-link { + color: #7cc4e7 /*{a-bar-link-color}*/; + font-weight: bold; +} + +.ui-bar-a .ui-link:hover { + color: #2489CE /*{a-bar-link-hover}*/; +} + +.ui-bar-a .ui-link:active { + color: #2489CE /*{a-bar-link-active}*/; +} + +.ui-bar-a .ui-link:visited { + color: #2489CE /*{a-bar-link-visited}*/; +} +.ui-body-a, +.ui-dialog.ui-overlay-a { + border: 1px solid #2A2A2A /*{a-body-border}*/; + background: #222222 /*{a-body-background-color}*/; + color: #fff /*{a-body-color}*/; + text-shadow: 0 /*{a-body-shadow-x}*/ 1px /*{a-body-shadow-y}*/ 0 /*{a-body-shadow-radius}*/ #000 /*{a-body-shadow-color}*/; + font-weight: normal; + background-image: -webkit-gradient(linear, left top, left bottom, from( #666 /*{a-body-background-start}*/), to( #222 /*{a-body-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(#666 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(#666 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient(#666 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient(#666 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient(#666 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); +} +.ui-body-a, +.ui-body-a input, +.ui-body-a select, +.ui-body-a textarea, +.ui-body-a button { + font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; +} +.ui-body-a .ui-link-inherit { + color: #fff /*{a-body-color}*/; +} + +.ui-body-a .ui-link { + color: #2489CE /*{a-body-link-color}*/; + font-weight: bold; +} + +.ui-body-a .ui-link:hover { + color: #2489CE /*{a-body-link-hover}*/; +} + +.ui-body-a .ui-link:active { + color: #2489CE /*{a-body-link-active}*/; +} + +.ui-body-a .ui-link:visited { + color: #2489CE /*{a-body-link-visited}*/; +} + +.ui-btn-up-a { + border: 1px solid #222 /*{a-bup-border}*/; + background: #333333 /*{a-bup-background-color}*/; + font-weight: bold; + color: #fff /*{a-bup-color}*/; + text-shadow: 0 /*{a-bup-shadow-x}*/ -1px /*{a-bup-shadow-y}*/ 1px /*{a-bup-shadow-radius}*/ #000 /*{a-bup-shadow-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from( #555 /*{a-bup-background-start}*/), to( #333 /*{a-bup-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(#555 /*{a-bup-background-start}*/, #333 /*{a-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(#555 /*{a-bup-background-start}*/, #333 /*{a-bup-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient(#555 /*{a-bup-background-start}*/, #333 /*{a-bup-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient(#555 /*{a-bup-background-start}*/, #333 /*{a-bup-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient(#555 /*{a-bup-background-start}*/, #333 /*{a-bup-background-end}*/); +} +.ui-btn-up-a a.ui-link-inherit { + color: #fff /*{a-bup-color}*/; +} +.ui-btn-hover-a { + border: 1px solid #000 /*{a-bhover-border}*/; + background: #444444 /*{a-bhover-background-color}*/; + font-weight: bold; + color: #fff /*{a-bhover-color}*/; + text-shadow: 0 /*{a-bhover-shadow-x}*/ -1px /*{a-bhover-shadow-y}*/ 1px /*{a-bhover-shadow-radius}*/ #000 /*{a-bhover-shadow-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from( #666 /*{a-bhover-background-start}*/), to( #444 /*{a-bhover-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(#666 /*{a-bhover-background-start}*/, #444 /*{a-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(#666 /*{a-bhover-background-start}*/, #444 /*{a-bhover-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient(#666 /*{a-bhover-background-start}*/, #444 /*{a-bhover-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient(#666 /*{a-bhover-background-start}*/, #444 /*{a-bhover-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient(#666 /*{a-bhover-background-start}*/, #444 /*{a-bhover-background-end}*/); +} +.ui-btn-hover-a a.ui-link-inherit { + color: #fff /*{a-bhover-color}*/; +} +.ui-btn-down-a { + border: 1px solid #000 /*{a-bdown-border}*/; + background: #3d3d3d /*{a-bdown-background-color}*/; + font-weight: bold; + color: #fff /*{a-bdown-color}*/; + text-shadow: 0 /*{a-bdown-shadow-x}*/ -1px /*{a-bdown-shadow-y}*/ 1px /*{a-bdown-shadow-radius}*/ #000 /*{a-bdown-shadow-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from( #333 /*{a-bdown-background-start}*/), to( #5a5a5a /*{a-bdown-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(#333 /*{a-bdown-background-start}*/, #5a5a5a /*{a-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(#333 /*{a-bdown-background-start}*/, #5a5a5a /*{a-bdown-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient(#333 /*{a-bdown-background-start}*/, #5a5a5a /*{a-bdown-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient(#333 /*{a-bdown-background-start}*/, #5a5a5a /*{a-bdown-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient(#333 /*{a-bdown-background-start}*/, #5a5a5a /*{a-bdown-background-end}*/); +} +.ui-btn-down-a a.ui-link-inherit { + color: #fff /*{a-bdown-color}*/; +} +.ui-btn-up-a, +.ui-btn-hover-a, +.ui-btn-down-a { + font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; + text-decoration: none; +} + + +/* B +-----------------------------------------------------------------------------------------------------------*/ + +.ui-bar-b { + border: 1px solid #456f9a /*{b-bar-border}*/; + background: #5e87b0 /*{b-bar-background-color}*/; + color: #fff /*{b-bar-color}*/; + font-weight: bold; + text-shadow: 0 /*{b-bar-shadow-x}*/ -1px /*{b-bar-shadow-y}*/ 1px /*{b-bar-shadow-radius}*/ #254f7a /*{b-bar-shadow-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from( #81a8ce /*{b-bar-background-start}*/), to( #5e87b0 /*{b-bar-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(#81a8ce /*{b-bar-background-start}*/, #5e87b0 /*{b-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(#81a8ce /*{b-bar-background-start}*/, #5e87b0 /*{b-bar-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient(#81a8ce /*{b-bar-background-start}*/, #5e87b0 /*{b-bar-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient(#81a8ce /*{b-bar-background-start}*/, #5e87b0 /*{b-bar-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient(#81a8ce /*{b-bar-background-start}*/, #5e87b0 /*{b-bar-background-end}*/); +} +.ui-bar-b, +.ui-bar-b input, +.ui-bar-b select, +.ui-bar-b textarea, +.ui-bar-b button { + font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; +} +.ui-bar-b .ui-link-inherit { + color: #fff /*{b-bar-color}*/; +} +.ui-bar-b .ui-link { + color: #ddf0f8 /*{b-bar-link-color}*/; + font-weight: bold; +} + +.ui-bar-b .ui-link:hover { + color: #ddf0f8 /*{b-bar-link-hover}*/; +} + +.ui-bar-b .ui-link:active { + color: #ddf0f8 /*{b-bar-link-active}*/; +} + +.ui-bar-b .ui-link:visited { + color: #ddf0f8 /*{b-bar-link-visited}*/; +} +.ui-body-b, +.ui-dialog.ui-overlay-b { + border: 1px solid #C6C6C6 /*{b-body-border}*/; + background: #cccccc /*{b-body-background-color}*/; + color: #333333 /*{b-body-color}*/; + text-shadow: 0 /*{b-body-shadow-x}*/ 1px /*{b-body-shadow-y}*/ 0 /*{b-body-shadow-radius}*/ #fff /*{b-body-shadow-color}*/; + font-weight: normal; + background-image: -webkit-gradient(linear, left top, left bottom, from( #e6e6e6 /*{b-body-background-start}*/), to( #ccc /*{b-body-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(#e6e6e6 /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(#e6e6e6 /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient(#e6e6e6 /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient(#e6e6e6 /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient(#e6e6e6 /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); +} +.ui-body-b, +.ui-body-b input, +.ui-body-b select, +.ui-body-b textarea, +.ui-body-b button { + font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; +} +.ui-body-b .ui-link-inherit { + color: #333333 /*{b-body-color}*/; +} + +.ui-body-b .ui-link { + color: #2489CE /*{b-body-link-color}*/; + font-weight: bold; +} + +.ui-body-b .ui-link:hover { + color: #2489CE /*{b-body-link-hover}*/; +} + +.ui-body-b .ui-link:active { + color: #2489CE /*{b-body-link-active}*/; +} + +.ui-body-b .ui-link:visited { + color: #2489CE /*{b-body-link-visited}*/; +} + +.ui-btn-up-b { + border: 1px solid #145072 /*{b-bup-border}*/; + background: #2567ab /*{b-bup-background-color}*/; + font-weight: bold; + color: #fff /*{b-bup-color}*/; + text-shadow: 0 /*{b-bup-shadow-x}*/ -1px /*{b-bup-shadow-y}*/ 1px /*{b-bup-shadow-radius}*/ #145072 /*{b-bup-shadow-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from( #5f9cc5 /*{b-bup-background-start}*/), to( #396b9e /*{b-bup-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(#5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(#5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient(#5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient(#5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient(#5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); +} +.ui-btn-up-b a.ui-link-inherit { + color: #fff /*{b-bup-color}*/; +} +.ui-btn-hover-b { + border: 1px solid #00516e /*{b-bhover-border}*/; + background: #4b88b6 /*{b-bhover-background-color}*/; + font-weight: bold; + color: #fff /*{b-bhover-color}*/; + text-shadow: 0 /*{b-bhover-shadow-x}*/ -1px /*{b-bhover-shadow-y}*/ 1px /*{b-bhover-shadow-radius}*/ #014D68 /*{b-bhover-shadow-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from( #72b0d4 /*{b-bhover-background-start}*/), to( #4b88b6 /*{b-bhover-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(#72b0d4 /*{b-bhover-background-start}*/, #4b88b6 /*{b-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(#72b0d4 /*{b-bhover-background-start}*/, #4b88b6 /*{b-bhover-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient(#72b0d4 /*{b-bhover-background-start}*/, #4b88b6 /*{b-bhover-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient(#72b0d4 /*{b-bhover-background-start}*/, #4b88b6 /*{b-bhover-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient(#72b0d4 /*{b-bhover-background-start}*/, #4b88b6 /*{b-bhover-background-end}*/); +} +.ui-btn-hover-b a.ui-link-inherit { + color: #fff /*{b-bhover-color}*/; +} +.ui-btn-down-b { + border: 1px solid #225377 /*{b-bdown-border}*/; + background: #4e89c5 /*{b-bdown-background-color}*/; + font-weight: bold; + color: #fff /*{b-bdown-color}*/; + text-shadow: 0 /*{b-bdown-shadow-x}*/ -1px /*{b-bdown-shadow-y}*/ 1px /*{b-bdown-shadow-radius}*/ #225377 /*{b-bdown-shadow-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from( #396b9e /*{b-bdown-background-start}*/), to( #4e89c5 /*{b-bdown-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(#396b9e /*{b-bdown-background-start}*/, #4e89c5 /*{b-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(#396b9e /*{b-bdown-background-start}*/, #4e89c5 /*{b-bdown-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient(#396b9e /*{b-bdown-background-start}*/, #4e89c5 /*{b-bdown-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient(#396b9e /*{b-bdown-background-start}*/, #4e89c5 /*{b-bdown-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient(#396b9e /*{b-bdown-background-start}*/, #4e89c5 /*{b-bdown-background-end}*/); +} +.ui-btn-down-b a.ui-link-inherit { + color: #fff /*{b-bdown-color}*/; +} +.ui-btn-up-b, +.ui-btn-hover-b, +.ui-btn-down-b { + font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; + text-decoration: none; +} + + +/* C +-----------------------------------------------------------------------------------------------------------*/ + +.ui-bar-c { + border: 1px solid #B3B3B3 /*{c-bar-border}*/; + background: #e9eaeb /*{c-bar-background-color}*/; + color: #3E3E3E /*{c-bar-color}*/; + font-weight: bold; + text-shadow: 0 /*{c-bar-shadow-x}*/ 1px /*{c-bar-shadow-y}*/ 1px /*{c-bar-shadow-radius}*/ #fff /*{c-bar-shadow-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from( #f0f0f0 /*{c-bar-background-start}*/), to( #e9eaeb /*{c-bar-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(#f0f0f0 /*{c-bar-background-start}*/, #e9eaeb /*{c-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(#f0f0f0 /*{c-bar-background-start}*/, #e9eaeb /*{c-bar-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient(#f0f0f0 /*{c-bar-background-start}*/, #e9eaeb /*{c-bar-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient(#f0f0f0 /*{c-bar-background-start}*/, #e9eaeb /*{c-bar-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient(#f0f0f0 /*{c-bar-background-start}*/, #e9eaeb /*{c-bar-background-end}*/); +} + +.ui-bar-c .ui-link-inherit { + color: #3E3E3E /*{c-bar-color}*/; +} +.ui-bar-c .ui-link { + color: #7cc4e7 /*{c-bar-link-color}*/; + font-weight: bold; +} + +.ui-bar-c .ui-link:hover { + color: #2489CE /*{c-bar-link-hover}*/; +} + +.ui-bar-c .ui-link:active { + color: #2489CE /*{c-bar-link-active}*/; +} + +.ui-bar-c .ui-link:visited { + color: #2489CE /*{c-bar-link-visited}*/; +} + +.ui-bar-c, +.ui-bar-c input, +.ui-bar-c select, +.ui-bar-c textarea, +.ui-bar-c button { + font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; +} +.ui-body-c, +.ui-dialog.ui-overlay-c { + border: 1px solid #B3B3B3 /*{c-body-border}*/; + color: #333333 /*{c-body-color}*/; + text-shadow: 0 /*{c-body-shadow-x}*/ 1px /*{c-body-shadow-y}*/ 0 /*{c-body-shadow-radius}*/ #fff /*{c-body-shadow-color}*/; + background: #f0f0f0 /*{c-body-background-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from( #eee /*{c-body-background-start}*/), to( #ddd /*{c-body-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(#eee /*{c-body-background-start}*/, #ddd /*{c-body-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(#eee /*{c-body-background-start}*/, #ddd /*{c-body-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient(#eee /*{c-body-background-start}*/, #ddd /*{c-body-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient(#eee /*{c-body-background-start}*/, #ddd /*{c-body-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient(#eee /*{c-body-background-start}*/, #ddd /*{c-body-background-end}*/); +} +.ui-body-c, +.ui-body-c input, +.ui-body-c select, +.ui-body-c textarea, +.ui-body-c button { + font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; +} + +.ui-body-c .ui-link-inherit { + color: #333333 /*{c-body-color}*/; +} + +.ui-body-c .ui-link { + color: #2489CE /*{c-body-link-color}*/; + font-weight: bold; +} + +.ui-body-c .ui-link:hover { + color: #2489CE /*{c-body-link-hover}*/; +} + +.ui-body-c .ui-link:active { + color: #2489CE /*{c-body-link-active}*/; +} + +.ui-body-c .ui-link:visited { + color: #2489CE /*{c-body-link-visited}*/; +} + +.ui-btn-up-c { + border: 1px solid #ccc /*{c-bup-border}*/; + background: #eee /*{c-bup-background-color}*/; + font-weight: bold; + color: #444 /*{c-bup-color}*/; + text-shadow: 0 /*{c-bup-shadow-x}*/ 1px /*{c-bup-shadow-y}*/ 1px /*{c-bup-shadow-radius}*/ #f6f6f6 /*{c-bup-shadow-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from( #fdfdfd /*{c-bup-background-start}*/), to( #eee /*{c-bup-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(#fdfdfd /*{c-bup-background-start}*/, #eee /*{c-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(#fdfdfd /*{c-bup-background-start}*/, #eee /*{c-bup-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient(#fdfdfd /*{c-bup-background-start}*/, #eee /*{c-bup-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient(#fdfdfd /*{c-bup-background-start}*/, #eee /*{c-bup-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient(#fdfdfd /*{c-bup-background-start}*/, #eee /*{c-bup-background-end}*/); +} +.ui-btn-up-c a.ui-link-inherit { + color: #2F3E46 /*{c-bup-color}*/; +} + +.ui-btn-hover-c { + border: 1px solid #bbbbbb /*{c-bhover-border}*/; + background: #dadada /*{c-bhover-background-color}*/; + font-weight: bold; + color: #101010 /*{c-bhover-color}*/; + text-shadow: 0 /*{c-bhover-shadow-x}*/ 1px /*{c-bhover-shadow-y}*/ 1px /*{c-bhover-shadow-radius}*/ #fff /*{c-bhover-shadow-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from( #ededed /*{c-bhover-background-start}*/), to( #dadada /*{c-bhover-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(#ededed /*{c-bhover-background-start}*/, #dadada /*{c-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(#ededed /*{c-bhover-background-start}*/, #dadada /*{c-bhover-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient(#ededed /*{c-bhover-background-start}*/, #dadada /*{c-bhover-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient(#ededed /*{c-bhover-background-start}*/, #dadada /*{c-bhover-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient(#ededed /*{c-bhover-background-start}*/, #dadada /*{c-bhover-background-end}*/); +} +.ui-btn-hover-c a.ui-link-inherit { + color: #2F3E46 /*{c-bhover-color}*/; +} +.ui-btn-down-c { + border: 1px solid #808080 /*{c-bdown-border}*/; + background: #fdfdfd /*{c-bdown-background-color}*/; + font-weight: bold; + color: #111111 /*{c-bdown-color}*/; + text-shadow: 0 /*{c-bdown-shadow-x}*/ 1px /*{c-bdown-shadow-y}*/ 1px /*{c-bdown-shadow-radius}*/ #ffffff /*{c-bdown-shadow-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from( #eee /*{c-bdown-background-start}*/), to( #fdfdfd /*{c-bdown-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(#eee /*{c-bdown-background-start}*/, #fdfdfd /*{c-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(#eee /*{c-bdown-background-start}*/, #fdfdfd /*{c-bdown-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient(#eee /*{c-bdown-background-start}*/, #fdfdfd /*{c-bdown-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient(#eee /*{c-bdown-background-start}*/, #fdfdfd /*{c-bdown-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient(#eee /*{c-bdown-background-start}*/, #fdfdfd /*{c-bdown-background-end}*/); +} +.ui-btn-down-c a.ui-link-inherit { + color: #2F3E46 /*{c-bdown-color}*/; +} +.ui-btn-up-c, +.ui-btn-hover-c, +.ui-btn-down-c { + font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; + text-decoration: none; +} + + +/* D +-----------------------------------------------------------------------------------------------------------*/ + +.ui-bar-d { + border: 1px solid #ccc /*{d-bar-border}*/; + background: #bbb /*{d-bar-background-color}*/; + color: #333 /*{d-bar-color}*/; + text-shadow: 0 /*{d-bar-shadow-x}*/ 1px /*{d-bar-shadow-y}*/ 0 /*{d-bar-shadow-radius}*/ #eee /*{d-bar-shadow-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from( #ddd /*{d-bar-background-start}*/), to( #bbb /*{d-bar-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(#ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(#ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient(#ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient(#ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient(#ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); +} +.ui-bar-d, +.ui-bar-d input, +.ui-bar-d select, +.ui-bar-d textarea, +.ui-bar-d button { + font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; +} + +.ui-bar-d .ui-link-inherit { + color: #333333 /*{d-bar-color}*/; +} +.ui-bar-d .ui-link { + color: #2489CE /*{d-bar-link-color}*/; + font-weight: bold; +} + +.ui-bar-d .ui-link:hover { + color: #2489CE /*{d-bar-link-hover}*/; +} + +.ui-bar-d .ui-link:active { + color: #2489CE /*{d-bar-link-active}*/; +} + +.ui-bar-d .ui-link:visited { + color: #2489CE /*{d-bar-link-visited}*/; +} + +.ui-body-d, +.ui-dialog.ui-overlay-d { + border: 1px solid #ccc /*{d-body-border}*/; + color: #333333 /*{d-body-color}*/; + text-shadow: 0 /*{d-body-shadow-x}*/ 1px /*{d-body-shadow-y}*/ 0 /*{d-body-shadow-radius}*/ #fff /*{d-body-shadow-color}*/; + background: #ffffff /*{d-body-background-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from( #fff), to( #fff /*{d-body-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(#fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(#fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient(#fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient(#fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient(#fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); +} +.ui-body-d, +.ui-body-d input, +.ui-body-d select, +.ui-body-d textarea, +.ui-body-d button { + font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; +} + +.ui-body-d .ui-link-inherit { + color: #333333 /*{d-body-color}*/; +} + +.ui-body-d .ui-link { + color: #2489CE /*{d-body-link-color}*/; + font-weight: bold; +} + +.ui-body-d .ui-link:hover { + color: #2489CE /*{d-body-link-hover}*/; +} + +.ui-body-d .ui-link:active { + color: #2489CE /*{d-body-link-active}*/; +} + +.ui-body-d .ui-link:visited { + color: #2489CE /*{d-body-link-visited}*/; +} + +.ui-btn-up-d { + border: 1px solid #ccc /*{d-bup-border}*/; + background: #fff /*{d-bup-background-color}*/; + font-weight: bold; + color: #444 /*{d-bup-color}*/; + text-shadow: 0 /*{d-bup-shadow-x}*/ 1px /*{d-bup-shadow-y}*/ 1px /*{d-bup-shadow-radius}*/ #fff /*{d-bup-shadow-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from( #fff), to( #fff /*{d-bup-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(#fff /*{d-bup-background-start}*/, #fff /*{d-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(#fff /*{d-bup-background-start}*/, #fff /*{d-bup-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient(#fff /*{d-bup-background-start}*/, #fff /*{d-bup-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient(#fff /*{d-bup-background-start}*/, #fff /*{d-bup-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient(#fff /*{d-bup-background-start}*/, #fff /*{d-bup-background-end}*/); +} +.ui-btn-up-d a.ui-link-inherit { + color: #333 /*{d-bup-color}*/; +} +.ui-btn-hover-d { + border: 1px solid #aaa /*{d-bhover-border}*/; + background: #eeeeee /*{d-bhover-background-color}*/; + font-weight: bold; + color: #222 /*{d-bhover-color}*/; + cursor: pointer; + text-shadow: 0 /*{d-bhover-shadow-x}*/ 1px /*{d-bhover-shadow-y}*/ 1px /*{d-bhover-shadow-radius}*/ #fff /*{d-bhover-shadow-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from( #fdfdfd), to( #eee /*{d-bhover-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(#fdfdfd /*{d-bhover-background-start}*/, #eee /*{d-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(#fdfdfd /*{d-bhover-background-start}*/, #eee /*{d-bhover-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient(#fdfdfd /*{d-bhover-background-start}*/, #eee /*{d-bhover-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient(#fdfdfd /*{d-bhover-background-start}*/, #eee /*{d-bhover-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient(#fdfdfd /*{d-bhover-background-start}*/, #eee /*{d-bhover-background-end}*/); +} +.ui-btn-hover-d a.ui-link-inherit { + color: #222 /*{d-bhover-color}*/; +} +.ui-btn-down-d { + border: 1px solid #aaaaaa /*{d-bdown-border}*/; + background: #ffffff /*{d-bdown-background-color}*/; + font-weight: bold; + color: #111 /*{d-bdown-color}*/; + text-shadow: 0 /*{d-bdown-shadow-x}*/ 1px /*{d-bdown-shadow-y}*/ 1px /*{d-bdown-shadow-radius}*/ #ffffff /*{d-bdown-shadow-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from( #eee /*{d-bdown-background-start}*/), to( #fff /*{d-bdown-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(#eee /*{d-bdown-background-start}*/, #fff /*{d-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(#eee /*{d-bdown-background-start}*/, #fff /*{d-bdown-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient(#eee /*{d-bdown-background-start}*/, #fff /*{d-bdown-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient(#eee /*{d-bdown-background-start}*/, #fff /*{d-bdown-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient(#eee /*{d-bdown-background-start}*/, #fff /*{d-bdown-background-end}*/); +} +.ui-btn-down-d a.ui-link-inherit { + color: #111 /*{d-bdown-color}*/; +} +.ui-btn-up-d, +.ui-btn-hover-d, +.ui-btn-down-d { + font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; + text-decoration: none; +} + + +/* E +-----------------------------------------------------------------------------------------------------------*/ + +.ui-bar-e { + border: 1px solid #F7C942 /*{e-bar-border}*/; + background: #fadb4e /*{e-bar-background-color}*/; + color: #333 /*{e-bar-color}*/; + text-shadow: 0 /*{e-bar-shadow-x}*/ 1px /*{e-bar-shadow-y}*/ 0 /*{e-bar-shadow-radius}*/ #fff /*{e-bar-shadow-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from( #fceda7 /*{e-bar-background-start}*/), to( #fadb4e /*{e-bar-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(#fceda7 /*{e-bar-background-start}*/, #fadb4e /*{e-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(#fceda7 /*{e-bar-background-start}*/, #fadb4e /*{e-bar-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient(#fceda7 /*{e-bar-background-start}*/, #fadb4e /*{e-bar-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient(#fceda7 /*{e-bar-background-start}*/, #fadb4e /*{e-bar-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient(#fceda7 /*{e-bar-background-start}*/, #fadb4e /*{e-bar-background-end}*/); +} +.ui-bar-e, +.ui-bar-e input, +.ui-bar-e select, +.ui-bar-e textarea, +.ui-bar-e button { + font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; +} +.ui-bar-e .ui-link-inherit { + color: #333333 /*{e-bar-color}*/; +} +.ui-bar-e .ui-link { + color: #2489CE /*{e-bar-link-color}*/; + font-weight: bold; +} + +.ui-bar-e .ui-link:hover { + color: #2489CE /*{e-bar-link-hover}*/; +} + +.ui-bar-e .ui-link:active { + color: #2489CE /*{e-bar-link-active}*/; +} + +.ui-bar-e .ui-link:visited { + color: #2489CE /*{e-bar-link-visited}*/; +} + +.ui-body-e, +.ui-dialog.ui-overlay-e { + border: 1px solid #F7C942 /*{e-body-border}*/; + color: #333333 /*{e-body-color}*/; + text-shadow: 0 /*{e-body-shadow-x}*/ 1px /*{e-body-shadow-y}*/ 0 /*{e-body-shadow-radius}*/ #fff /*{e-body-shadow-color}*/; + background: #faeb9e /*{e-body-background-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from( #fff /*{e-body-background-start}*/), to( #faeb9e /*{e-body-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(#fff /*{e-body-background-start}*/, #faeb9e /*{e-body-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(#fff /*{e-body-background-start}*/, #faeb9e /*{e-body-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient(#fff /*{e-body-background-start}*/, #faeb9e /*{e-body-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient(#fff /*{e-body-background-start}*/, #faeb9e /*{e-body-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient(#fff /*{e-body-background-start}*/, #faeb9e /*{e-body-background-end}*/); +} +.ui-body-e, +.ui-body-e input, +.ui-body-e select, +.ui-body-e textarea, +.ui-body-e button { + font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; +} +.ui-body-e .ui-link-inherit { + color: #333333 /*{e-body-color}*/; +} + +.ui-body-e .ui-link { + color: #2489CE /*{e-body-link-color}*/; + font-weight: bold; +} + +.ui-body-e .ui-link:hover { + color: #2489CE /*{e-body-link-hover}*/; +} + +.ui-body-e .ui-link:active { + color: #2489CE /*{e-body-link-active}*/; +} + +.ui-body-e .ui-link:visited { + color: #2489CE /*{e-body-link-visited}*/; +} + +.ui-btn-up-e { + border: 1px solid #F7C942 /*{e-bup-border}*/; + background: #fadb4e /*{e-bup-background-color}*/; + font-weight: bold; + color: #333 /*{e-bup-color}*/; + text-shadow: 0 /*{e-bup-shadow-x}*/ 1px /*{e-bup-shadow-y}*/ 0 /*{e-bup-shadow-radius}*/ #fff /*{e-bup-shadow-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from( #fceda7 /*{e-bup-background-start}*/), to( #fadb4e /*{e-bup-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(#fceda7 /*{e-bup-background-start}*/, #fadb4e /*{e-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(#fceda7 /*{e-bup-background-start}*/, #fadb4e /*{e-bup-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient(#fceda7 /*{e-bup-background-start}*/, #fadb4e /*{e-bup-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient(#fceda7 /*{e-bup-background-start}*/, #fadb4e /*{e-bup-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient(#fceda7 /*{e-bup-background-start}*/, #fadb4e /*{e-bup-background-end}*/); +} +.ui-btn-up-e a.ui-link-inherit { + color: #333 /*{e-bup-color}*/; +} +.ui-btn-hover-e { + border: 1px solid #e79952 /*{e-bhover-border}*/; + background: #fbe26f /*{e-bhover-background-color}*/; + font-weight: bold; + color: #111 /*{e-bhover-color}*/; + text-shadow: 0 /*{e-bhover-shadow-x}*/ 1px /*{e-bhover-shadow-y}*/ 1px /*{e-bhover-shadow-radius}*/ #fff /*{e-bhover-shadow-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from( #fcf0b5 /*{e-bhover-background-start}*/), to( #fbe26f /*{e-bhover-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(#fcf0b5 /*{e-bhover-background-start}*/, #fbe26f /*{e-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(#fcf0b5 /*{e-bhover-background-start}*/, #fbe26f /*{e-bhover-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient(#fcf0b5 /*{e-bhover-background-start}*/, #fbe26f /*{e-bhover-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient(#fcf0b5 /*{e-bhover-background-start}*/, #fbe26f /*{e-bhover-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient(#fcf0b5 /*{e-bhover-background-start}*/, #fbe26f /*{e-bhover-background-end}*/); +} + +.ui-btn-hover-e a.ui-link-inherit { + color: #333 /*{e-bhover-color}*/; +} +.ui-btn-down-e { + border: 1px solid #F7C942 /*{e-bdown-border}*/; + background: #fceda7 /*{e-bdown-background-color}*/; + font-weight: bold; + color: #111 /*{e-bdown-color}*/; + text-shadow: 0 /*{e-bdown-shadow-x}*/ 1px /*{e-bdown-shadow-y}*/ 1px /*{e-bdown-shadow-radius}*/ #ffffff /*{e-bdown-shadow-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from( #fadb4e /*{e-bdown-background-start}*/), to( #fceda7 /*{e-bdown-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(#fadb4e /*{e-bdown-background-start}*/, #fceda7 /*{e-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(#fadb4e /*{e-bdown-background-start}*/, #fceda7 /*{e-bdown-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient(#fadb4e /*{e-bdown-background-start}*/, #fceda7 /*{e-bdown-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient(#fadb4e /*{e-bdown-background-start}*/, #fceda7 /*{e-bdown-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient(#fadb4e /*{e-bdown-background-start}*/, #fceda7 /*{e-bdown-background-end}*/); +} +.ui-btn-down-e a.ui-link-inherit { + color: #333 /*{e-bdown-color}*/; +} +.ui-btn-up-e, +.ui-btn-hover-e, +.ui-btn-down-e { + font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; + text-decoration: none; +} + +/* Structure */ + +/* links within "buttons" +-----------------------------------------------------------------------------------------------------------*/ + +a.ui-link-inherit { + text-decoration: none !important; +} + + +/* Active class used as the "on" state across all themes +-----------------------------------------------------------------------------------------------------------*/ + +.ui-btn-active { + border: 1px solid #155678 /*{global-active-border}*/; + background: #4596ce /*{global-active-background-color}*/; + font-weight: bold; + color: #fff /*{global-active-color}*/; + cursor: pointer; + text-shadow: 0 /*{global-active-shadow-x}*/ -1px /*{global-active-shadow-y}*/ 1px /*{global-active-shadow-radius}*/ #145072 /*{global-active-shadow-color}*/; + text-decoration: none; + background-image: -webkit-gradient(linear, left top, left bottom, from( #85bae4 /*{global-active-background-start}*/), to( #5393c5 /*{global-active-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(#85bae4 /*{global-active-background-start}*/, #5393c5 /*{global-active-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(#85bae4 /*{global-active-background-start}*/, #5393c5 /*{global-active-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient(#85bae4 /*{global-active-background-start}*/, #5393c5 /*{global-active-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient(#85bae4 /*{global-active-background-start}*/, #5393c5 /*{global-active-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient(#85bae4 /*{global-active-background-start}*/, #5393c5 /*{global-active-background-end}*/); + font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; +} +.ui-btn-active a.ui-link-inherit { + color: #fff /*{global-active-color}*/; +} + + +/* button inner top highlight +-----------------------------------------------------------------------------------------------------------*/ + +.ui-btn-inner { + border-top: 1px solid #fff; + border-color: rgba(255,255,255,.3); +} + + +/* corner rounding classes +-----------------------------------------------------------------------------------------------------------*/ + +.ui-corner-tl { + -moz-border-radius-topleft: .6em /*{global-radii-blocks}*/; + -webkit-border-top-left-radius: .6em /*{global-radii-blocks}*/; + border-top-left-radius: .6em /*{global-radii-blocks}*/; +} +.ui-corner-tr { + -moz-border-radius-topright: .6em /*{global-radii-blocks}*/; + -webkit-border-top-right-radius: .6em /*{global-radii-blocks}*/; + border-top-right-radius: .6em /*{global-radii-blocks}*/; +} +.ui-corner-bl { + -moz-border-radius-bottomleft: .6em /*{global-radii-blocks}*/; + -webkit-border-bottom-left-radius: .6em /*{global-radii-blocks}*/; + border-bottom-left-radius: .6em /*{global-radii-blocks}*/; +} +.ui-corner-br { + -moz-border-radius-bottomright: .6em /*{global-radii-blocks}*/; + -webkit-border-bottom-right-radius: .6em /*{global-radii-blocks}*/; + border-bottom-right-radius: .6em /*{global-radii-blocks}*/; +} +.ui-corner-top { + -moz-border-radius-topleft: .6em /*{global-radii-blocks}*/; + -webkit-border-top-left-radius: .6em /*{global-radii-blocks}*/; + border-top-left-radius: .6em /*{global-radii-blocks}*/; + -moz-border-radius-topright: .6em /*{global-radii-blocks}*/; + -webkit-border-top-right-radius: .6em /*{global-radii-blocks}*/; + border-top-right-radius: .6em /*{global-radii-blocks}*/; +} +.ui-corner-bottom { + -moz-border-radius-bottomleft: .6em /*{global-radii-blocks}*/; + -webkit-border-bottom-left-radius: .6em /*{global-radii-blocks}*/; + border-bottom-left-radius: .6em /*{global-radii-blocks}*/; + -moz-border-radius-bottomright: .6em /*{global-radii-blocks}*/; + -webkit-border-bottom-right-radius: .6em /*{global-radii-blocks}*/; + border-bottom-right-radius: .6em /*{global-radii-blocks}*/; + } +.ui-corner-right { + -moz-border-radius-topright: .6em /*{global-radii-blocks}*/; + -webkit-border-top-right-radius: .6em /*{global-radii-blocks}*/; + border-top-right-radius: .6em /*{global-radii-blocks}*/; + -moz-border-radius-bottomright: .6em /*{global-radii-blocks}*/; + -webkit-border-bottom-right-radius: .6em /*{global-radii-blocks}*/; + border-bottom-right-radius: .6em /*{global-radii-blocks}*/; +} +.ui-corner-left { + -moz-border-radius-topleft: .6em /*{global-radii-blocks}*/; + -webkit-border-top-left-radius: .6em /*{global-radii-blocks}*/; + border-top-left-radius: .6em /*{global-radii-blocks}*/; + -moz-border-radius-bottomleft: .6em /*{global-radii-blocks}*/; + -webkit-border-bottom-left-radius: .6em /*{global-radii-blocks}*/; + border-bottom-left-radius: .6em /*{global-radii-blocks}*/; +} +.ui-corner-all { + -moz-border-radius: .6em /*{global-radii-blocks}*/; + -webkit-border-radius: .6em /*{global-radii-blocks}*/; + border-radius: .6em /*{global-radii-blocks}*/; +} +.ui-corner-none { + -moz-border-radius: 0; + -webkit-border-radius: 0; + border-radius: 0; +} + +/* Form field separator +-----------------------------------------------------------------------------------------------------------*/ +.ui-br { + border-bottom: rgb(130,130,130); + border-bottom: rgba(130,130,130,.3); + border-bottom-width: 1px; + border-bottom-style: solid; +} + +/* Interaction cues +-----------------------------------------------------------------------------------------------------------*/ +.ui-disabled { + opacity: .3; +} +.ui-disabled, +.ui-disabled a { + pointer-events: none; + cursor: default; +} + +/* Icons +-----------------------------------------------------------------------------------------------------------*/ + +.ui-icon, +.ui-icon-searchfield:after { + background: #666 /*{global-icon-color}*/; + background: rgba(0,0,0,.4) /*{global-icon-disc}*/; + background-image: url(images/icons-18-white.png) /*{global-icon-set}*/; + background-repeat: no-repeat; + -moz-border-radius: 9px; + -webkit-border-radius: 9px; + border-radius: 9px; +} + + +/* Alt icon color +-----------------------------------------------------------------------------------------------------------*/ + +.ui-icon-alt { + background: #fff; + background: rgba(255,255,255,.3); + background-image: url(images/icons-18-black.png); + background-repeat: no-repeat; +} + +/* HD/"retina" sprite +-----------------------------------------------------------------------------------------------------------*/ + +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), + only screen and (min--moz-device-pixel-ratio: 1.5), + only screen and (min-resolution: 240dpi) { + + .ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r, + .ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check, + .ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back, + .ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-search, .ui-icon-searchfield:after, + .ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on { + background-image: url(images/icons-36-white.png); + -moz-background-size: 776px 18px; + -o-background-size: 776px 18px; + -webkit-background-size: 776px 18px; + background-size: 776px 18px; + } + .ui-icon-alt { + background-image: url(images/icons-36-black.png); + } +} + +/* plus minus */ +.ui-icon-plus { + background-position: -0 50%; +} +.ui-icon-minus { + background-position: -36px 50%; +} + +/* delete/close */ +.ui-icon-delete { + background-position: -72px 50%; +} + +/* arrows */ +.ui-icon-arrow-r { + background-position: -108px 50%; +} +.ui-icon-arrow-l { + background-position: -144px 50%; +} +.ui-icon-arrow-u { + background-position: -180px 50%; +} +.ui-icon-arrow-d { + background-position: -216px 50%; +} + +/* misc */ +.ui-icon-check { + background-position: -252px 50%; +} +.ui-icon-gear { + background-position: -288px 50%; +} +.ui-icon-refresh { + background-position: -324px 50%; +} +.ui-icon-forward { + background-position: -360px 50%; +} +.ui-icon-back { + background-position: -396px 50%; +} +.ui-icon-grid { + background-position: -432px 50%; +} +.ui-icon-star { + background-position: -468px 50%; +} +.ui-icon-alert { + background-position: -504px 50%; +} +.ui-icon-info { + background-position: -540px 50%; +} +.ui-icon-home { + background-position: -576px 50%; +} +.ui-icon-search, +.ui-icon-searchfield:after { + background-position: -612px 50%; +} +.ui-icon-checkbox-off { + background-position: -684px 50%; +} +.ui-icon-checkbox-on { + background-position: -648px 50%; +} +.ui-icon-radio-off { + background-position: -756px 50%; +} +.ui-icon-radio-on { + background-position: -720px 50%; +} + + +/* checks,radios */ +.ui-checkbox .ui-icon { + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; +} +.ui-icon-checkbox-off, +.ui-icon-radio-off { + background-color: transparent; +} +.ui-checkbox-on .ui-icon, +.ui-radio-on .ui-icon { + background-color: #4596ce /*{global-active-background-color}*/; /* NOTE: this hex should match the active state color. It's repeated here for cascade */ +} + +/* loading icon */ +.ui-icon-loading { + background-image: url(images/ajax-loader.png); + width: 40px; + height: 40px; + -moz-border-radius: 20px; + -webkit-border-radius: 20px; + border-radius: 20px; + background-size: 35px 35px; +} + + +/* Button corner classes +-----------------------------------------------------------------------------------------------------------*/ + +.ui-btn-corner-tl { + -moz-border-radius-topleft: 1em /*{global-radii-buttons}*/; + -webkit-border-top-left-radius: 1em /*{global-radii-buttons}*/; + border-top-left-radius: 1em /*{global-radii-buttons}*/; +} +.ui-btn-corner-tr { + -moz-border-radius-topright: 1em /*{global-radii-buttons}*/; + -webkit-border-top-right-radius: 1em /*{global-radii-buttons}*/; + border-top-right-radius: 1em /*{global-radii-buttons}*/; +} +.ui-btn-corner-bl { + -moz-border-radius-bottomleft: 1em /*{global-radii-buttons}*/; + -webkit-border-bottom-left-radius: 1em /*{global-radii-buttons}*/; + border-bottom-left-radius: 1em /*{global-radii-buttons}*/; +} +.ui-btn-corner-br { + -moz-border-radius-bottomright: 1em /*{global-radii-buttons}*/; + -webkit-border-bottom-right-radius: 1em /*{global-radii-buttons}*/; + border-bottom-right-radius: 1em /*{global-radii-buttons}*/; +} +.ui-btn-corner-top { + -moz-border-radius-topleft: 1em /*{global-radii-buttons}*/; + -webkit-border-top-left-radius: 1em /*{global-radii-buttons}*/; + border-top-left-radius: 1em /*{global-radii-buttons}*/; + -moz-border-radius-topright: 1em /*{global-radii-buttons}*/; + -webkit-border-top-right-radius: 1em /*{global-radii-buttons}*/; + border-top-right-radius: 1em /*{global-radii-buttons}*/; +} +.ui-btn-corner-bottom { + -moz-border-radius-bottomleft: 1em /*{global-radii-buttons}*/; + -webkit-border-bottom-left-radius: 1em /*{global-radii-buttons}*/; + border-bottom-left-radius: 1em /*{global-radii-buttons}*/; + -moz-border-radius-bottomright: 1em /*{global-radii-buttons}*/; + -webkit-border-bottom-right-radius: 1em /*{global-radii-buttons}*/; + border-bottom-right-radius: 1em /*{global-radii-buttons}*/; +} +.ui-btn-corner-right { + -moz-border-radius-topright: 1em /*{global-radii-buttons}*/; + -webkit-border-top-right-radius: 1em /*{global-radii-buttons}*/; + border-top-right-radius: 1em /*{global-radii-buttons}*/; + -moz-border-radius-bottomright: 1em /*{global-radii-buttons}*/; + -webkit-border-bottom-right-radius: 1em /*{global-radii-buttons}*/; + border-bottom-right-radius: 1em /*{global-radii-buttons}*/; +} +.ui-btn-corner-left { + -moz-border-radius-topleft: 1em /*{global-radii-buttons}*/; + -webkit-border-top-left-radius: 1em /*{global-radii-buttons}*/; + border-top-left-radius: 1em /*{global-radii-buttons}*/; + -moz-border-radius-bottomleft: 1em /*{global-radii-buttons}*/; + -webkit-border-bottom-left-radius: 1em /*{global-radii-buttons}*/; + border-bottom-left-radius: 1em /*{global-radii-buttons}*/; +} +.ui-btn-corner-all { + -moz-border-radius: 1em /*{global-radii-buttons}*/; + -webkit-border-radius: 1em /*{global-radii-buttons}*/; + border-radius: 1em /*{global-radii-buttons}*/; +} + +/* radius clip workaround for cleaning up corner trapping */ +.ui-corner-tl, +.ui-corner-tr, +.ui-corner-bl, +.ui-corner-br, +.ui-corner-top, +.ui-corner-bottom, +.ui-corner-right, +.ui-corner-left, +.ui-corner-all, +.ui-btn-corner-tl, +.ui-btn-corner-tr, +.ui-btn-corner-bl, +.ui-btn-corner-br, +.ui-btn-corner-top, +.ui-btn-corner-bottom, +.ui-btn-corner-right, +.ui-btn-corner-left, +.ui-btn-corner-all { + -webkit-background-clip: padding-box; + -moz-background-clip: padding; + background-clip: padding-box; +} + +/* Overlay / modal +-----------------------------------------------------------------------------------------------------------*/ + +.ui-overlay { + background: #666; + opacity: .5; + filter: Alpha(Opacity=50); + position: absolute; + width: 100%; + height: 100%; +} +.ui-overlay-shadow { + -moz-box-shadow: 0px 0px 12px rgba(0,0,0,.6); + -webkit-box-shadow: 0px 0px 12px rgba(0,0,0,.6); + box-shadow: 0px 0px 12px rgba(0,0,0,.6); +} +.ui-shadow { + -moz-box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ rgba(0,0,0,.3) /*{global-box-shadow-color}*/; + -webkit-box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ rgba(0,0,0,.3) /*{global-box-shadow-color}*/; + box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ rgba(0,0,0,.3) /*{global-box-shadow-color}*/; +} +.ui-bar-a .ui-shadow, +.ui-bar-b .ui-shadow , +.ui-bar-c .ui-shadow { + -moz-box-shadow: 0px 1px 0 rgba(255,255,255,.3); + -webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.3); + box-shadow: 0px 1px 0 rgba(255,255,255,.3); +} +.ui-shadow-inset { + -moz-box-shadow: inset 0px 1px 4px rgba(0,0,0,.2); + -webkit-box-shadow: inset 0px 1px 4px rgba(0,0,0,.2); + box-shadow: inset 0px 1px 4px rgba(0,0,0,.2); +} +.ui-icon-shadow { + -moz-box-shadow: 0px 1px 0 rgba(255,255,255,.4); + -webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.4); + box-shadow: 0px 1px 0 rgba(255,255,255,.4); +} + +/* Focus state - set here for specificity +-----------------------------------------------------------------------------------------------------------*/ + +.ui-focus { + -moz-box-shadow: 0px 0px 12px #387bbe /*{global-active-background-color}*/; + -webkit-box-shadow: 0px 0px 12px #387bbe /*{global-active-background-color}*/; + box-shadow: 0px 0px 12px #387bbe /*{global-active-background-color}*/; +} + +/* unset box shadow in browsers that don't do it right +-----------------------------------------------------------------------------------------------------------*/ + +.ui-mobile-nosupport-boxshadow * { + -moz-box-shadow: none !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; +} + +/* ...and bring back focus */ +.ui-mobile-nosupport-boxshadow .ui-focus { + outline-width: 2px; +} +/* some unsets - more probably needed */ +.ui-mobile, .ui-mobile body { height: 100%; } +.ui-mobile fieldset, .ui-page { padding: 0; margin: 0; } +.ui-mobile a img, .ui-mobile fieldset { border-width: 0; } + +/* responsive page widths */ +.ui-mobile-viewport { margin: 0; overflow-x: visible; -webkit-text-size-adjust: none; -ms-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } +/* Issue #2066 */ +body.ui-mobile-viewport, +div.ui-mobile-viewport { overflow-x: hidden; } + +/* "page" containers - full-screen views, one should always be in view post-pageload */ +.ui-mobile [data-role=page], .ui-mobile [data-role=dialog], .ui-page { top: 0; left: 0; width: 100%; min-height: 100%; position: absolute; display: none; border: 0; } +.ui-mobile .ui-page-active { display: block; overflow: visible; } + +/* on ios4, setting focus on the page element causes flashing during transitions when there is an outline, so we turn off outlines */ +.ui-page { outline: none; } + +/*orientations from js are available */ +@media screen and (orientation: portrait){ +.ui-mobile, .ui-mobile .ui-page { min-height: 420px; } +} +@media screen and (orientation: landscape){ +.ui-mobile, .ui-mobile .ui-page { min-height: 300px; } +} + +/* native overflow scrolling */ +.ui-page.ui-mobile-touch-overflow, +.ui-mobile-touch-overflow.ui-native-fixed .ui-content { + overflow: auto; + height: 100%; + left: 0; + right: 0; + -webkit-overflow-scrolling: touch; + -moz-overflow-scrolling: touch; + -o-overflow-scrolling: touch; + -ms-overflow-scrolling: touch; + overflow-scrolling: touch; +} +.ui-page.ui-mobile-touch-overflow, +.ui-page.ui-mobile-touch-overflow * { + /* some level of transform keeps elements from blinking out of visibility on iOS */ + -webkit-transform: rotateY(0); +} +.ui-page.ui-mobile-pre-transition { + display: block; +} +.ui-mobile-touch-overflow.ui-native-fixed .ui-content .ui-listview { + margin-top: 0; +} +.ui-mobile-touch-overflow.ui-native-fixed .ui-content .ui-listview-inset { + margin-top: 1em; +} +.ui-mobile-touch-overflow.ui-native-fixed .ui-content .ui-listview-filter { + margin-top: .2em; + margin-bottom: 0; +} +.ui-mobile-touch-overflow.ui-native-fixed .ui-content .ui-listview-filter-inset { + margin-bottom: -.9em; +} +.ui-mobile-touch-overflow.ui-native-fixed .ui-header .ui-btn { + z-index: 10; +} + +/* loading screen */ +.ui-loading .ui-mobile-viewport { overflow: hidden !important; } +.ui-loading .ui-loader { display: block; } +.ui-loading .ui-page { overflow: hidden; } +.ui-loader { display: none; position: absolute; opacity: .85; z-index: 100; left: 50%; width: 200px; margin-left: -130px; margin-top: -35px; padding: 10px 30px; } +.ui-loader h1 { font-size: 15px; text-align: center; } +.ui-loader .ui-icon { position: static; display: block; opacity: .9; margin: 0 auto; width: 35px; height: 35px; background-color: transparent; } + +/*fouc*/ +.ui-mobile-rendering > * { visibility: hidden; } + +/*headers, content panels*/ +.ui-bar, .ui-body { position: relative; padding: .4em 15px; overflow: hidden; display: block; clear:both; } +.ui-bar { font-size: 16px; margin: 0; } +.ui-bar h1, .ui-bar h2, .ui-bar h3, .ui-bar h4, .ui-bar h5, .ui-bar h6 { margin: 0; padding: 0; font-size: 16px; display: inline-block; } + +.ui-header, .ui-footer { display: block; } +.ui-page .ui-header, .ui-page .ui-footer { position: relative; } +.ui-header .ui-btn-left { position: absolute; left: 10px; top: .4em; } +.ui-header .ui-btn-right { position: absolute; right: 10px; top: .4em; } +.ui-header .ui-title, .ui-footer .ui-title { min-height: 1.1em; text-align: center; font-size: 16px; display: block; margin: .6em 90px .8em; padding: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; outline: 0 !important; } +.ui-footer .ui-title { margin: .6em 15px .8em; } + +/*content area*/ +.ui-content { border-width: 0; overflow: visible; overflow-x: hidden; padding: 15px; } +.ui-page-fullscreen .ui-content { padding:0; } + +/* native fixed headers and footers */ +.ui-mobile-touch-overflow.ui-page.ui-native-fixed, +.ui-mobile-touch-overflow.ui-page.ui-native-fullscreen { + overflow: visible; +} +.ui-mobile-touch-overflow.ui-native-fixed .ui-header, +.ui-mobile-touch-overflow.ui-native-fixed .ui-footer { + position: fixed; + left: 0; + right: 0; + top: 0; + z-index: 200; +} +.ui-mobile-touch-overflow.ui-page.ui-native-fixed .ui-footer { + top: auto; + bottom: 0; +} +.ui-mobile-touch-overflow.ui-native-fixed .ui-content { + padding-top: 2.5em; + padding-bottom: 3em; + top: 0; + bottom: 0; + height: auto; + position: absolute; +} +.ui-mobile-touch-overflow.ui-native-fullscreen .ui-content { + padding-top: 0; + padding-bottom: 0; +} +.ui-mobile-touch-overflow.ui-native-fullscreen .ui-header, +.ui-mobile-touch-overflow.ui-native-fullscreen .ui-footer { + opacity: .9; +} +.ui-native-bars-hidden { + display: none; +} + +/* icons sizing */ +.ui-icon { width: 18px; height: 18px; } + +/* fullscreen class on ui-content div */ +.ui-fullscreen { } +.ui-fullscreen img { max-width: 100%; } + +/* non-js content hiding */ +.ui-nojs { position: absolute; left: -9999px; } + +/* accessible content hiding */ +.ui-hide-label label, +.ui-hidden-accessible { position: absolute !important; left: -9999px; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); } +.spin { + -webkit-transform: rotate(360deg); + -webkit-animation-name: spin; + -webkit-animation-duration: 1s; + -webkit-animation-iteration-count: infinite; + -webkit-animation-timing-function: linear; +} +@-webkit-keyframes spin { + from {-webkit-transform: rotate(0deg);} + to {-webkit-transform: rotate(360deg);} +} + +/* Transitions from jQtouch (with small modifications): http://www.jqtouch.com/ +Built by David Kaneda and maintained by Jonathan Stark. +*/ +.in, .out { + -webkit-animation-timing-function: ease-in-out; + -webkit-animation-duration: 350ms; +} + + +.slide.out { + -webkit-transform: translateX(-100%); + -webkit-animation-name: slideouttoleft; +} + +.slide.in { + -webkit-transform: translateX(0); + -webkit-animation-name: slideinfromright; +} + +.slide.out.reverse { + -webkit-transform: translateX(100%); + -webkit-animation-name: slideouttoright; +} + +.slide.in.reverse { + -webkit-transform: translateX(0); + -webkit-animation-name: slideinfromleft; +} + +.slideup.out { + -webkit-animation-name: dontmove; + z-index: 0; +} + +.slideup.in { + -webkit-transform: translateY(0); + -webkit-animation-name: slideinfrombottom; + z-index: 10; +} + +.slideup.in.reverse { + z-index: 0; + -webkit-animation-name: dontmove; +} + +.slideup.out.reverse { + -webkit-transform: translateY(100%); + z-index: 10; + -webkit-animation-name: slideouttobottom; +} + +.slidedown.out { + -webkit-animation-name: dontmove; + z-index: 0; +} + +.slidedown.in { + -webkit-transform: translateY(0); + -webkit-animation-name: slideinfromtop; + z-index: 10; +} + +.slidedown.in.reverse { + z-index: 0; + -webkit-animation-name: dontmove; +} + +.slidedown.out.reverse { + -webkit-transform: translateY(-100%); + z-index: 10; + -webkit-animation-name: slideouttotop; +} + +@-webkit-keyframes slideinfromright { + from { -webkit-transform: translateX(100%); } + to { -webkit-transform: translateX(0); } +} + +@-webkit-keyframes slideinfromleft { + from { -webkit-transform: translateX(-100%); } + to { -webkit-transform: translateX(0); } +} + +@-webkit-keyframes slideouttoleft { + from { -webkit-transform: translateX(0); } + to { -webkit-transform: translateX(-100%); } +} + +@-webkit-keyframes slideouttoright { + from { -webkit-transform: translateX(0); } + to { -webkit-transform: translateX(100%); } +} + +@-webkit-keyframes slideinfromtop { + from { -webkit-transform: translateY(-100%); } + to { -webkit-transform: translateY(0); } +} + +@-webkit-keyframes slideinfrombottom { + from { -webkit-transform: translateY(100%); } + to { -webkit-transform: translateY(0); } +} + +@-webkit-keyframes slideouttobottom { + from { -webkit-transform: translateY(0); } + to { -webkit-transform: translateY(100%); } +} + +@-webkit-keyframes slideouttotop { + from { -webkit-transform: translateY(0); } + to { -webkit-transform: translateY(-100%); } +} +@-webkit-keyframes fadein { + from { opacity: 0; } + to { opacity: 1; } +} + +@-webkit-keyframes fadeout { + from { opacity: 1; } + to { opacity: 0; } +} + +.fade.out { + z-index: 0; + -webkit-animation-name: fadeout; +} + +.fade.in { + opacity: 1; + z-index: 10; + -webkit-animation-name: fadein; +} + +/* The properties in this rule are only necessary for the 'flip' transition. + * We need specify the perspective to create a projection matrix. This will add + * some depth as the element flips. The depth number represents the distance of + * the viewer from the z-plane. According to the CSS3 spec, 1000 is a moderate + * value. + */ +.viewport-flip { + -webkit-perspective: 1000; + position: absolute; +} + +.ui-mobile-viewport-transitioning, +.ui-mobile-viewport-transitioning .ui-page { + width: 100%; + height: 100%; + overflow: hidden; +} + +.flip { + -webkit-animation-duration: .65s; + -webkit-backface-visibility:hidden; + -webkit-transform:translateX(0); /* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -webkit-visibility:hidden is used. */ +} + +.flip.out { + -webkit-transform: rotateY(-180deg) scale(.8); + -webkit-animation-name: flipouttoleft; +} + +.flip.in { + -webkit-transform: rotateY(0) scale(1); + -webkit-animation-name: flipinfromleft; +} + +/* Shake it all about */ + +.flip.out.reverse { + -webkit-transform: rotateY(180deg) scale(.8); + -webkit-animation-name: flipouttoright; +} + +.flip.in.reverse { + -webkit-transform: rotateY(0) scale(1); + -webkit-animation-name: flipinfromright; +} + +@-webkit-keyframes flipinfromright { + from { -webkit-transform: rotateY(-180deg) scale(.8); } + to { -webkit-transform: rotateY(0) scale(1); } +} + +@-webkit-keyframes flipinfromleft { + from { -webkit-transform: rotateY(180deg) scale(.8); } + to { -webkit-transform: rotateY(0) scale(1); } +} + +@-webkit-keyframes flipouttoleft { + from { -webkit-transform: rotateY(0) scale(1); } + to { -webkit-transform: rotateY(-180deg) scale(.8); } +} + +@-webkit-keyframes flipouttoright { + from { -webkit-transform: rotateY(0) scale(1); } + to { -webkit-transform: rotateY(180deg) scale(.8); } +} + + +/* Hackish, but reliable. */ + +@-webkit-keyframes dontmove { + from { opacity: 1; } + to { opacity: 1; } +} + +.pop { + -webkit-transform-origin: 50% 50%; +} + +.pop.in { + -webkit-transform: scale(1); + opacity: 1; + -webkit-animation-name: popin; + z-index: 10; +} + +.pop.in.reverse { + z-index: 0; + -webkit-animation-name: dontmove; +} + +.pop.out.reverse { + -webkit-transform: scale(.2); + opacity: 0; + -webkit-animation-name: popout; + z-index: 10; +} + +@-webkit-keyframes popin { + from { + -webkit-transform: scale(.2); + opacity: 0; + } + to { + -webkit-transform: scale(1); + opacity: 1; + } +} + +@-webkit-keyframes popout { + from { + -webkit-transform: scale(1); + opacity: 1; + } + to { + -webkit-transform: scale(.2); + opacity: 0; + } +}/* content configurations. */ +.ui-grid-a, .ui-grid-b, .ui-grid-c, .ui-grid-d { overflow: hidden; } +.ui-block-a, .ui-block-b, .ui-block-c, .ui-block-d, .ui-block-e { margin: 0; padding: 0; border: 0; float: left; min-height:1px;} + +/* grid solo: 100 - single item fallback */ +.ui-grid-solo .ui-block-a { width: 100%; float: none; } + +/* grid a: 50/50 */ +.ui-grid-a .ui-block-a, .ui-grid-a .ui-block-b { width: 50%; } +.ui-grid-a .ui-block-a { clear: left; } + +/* grid b: 33/33/33 */ +.ui-grid-b .ui-block-a, .ui-grid-b .ui-block-b, .ui-grid-b .ui-block-c { width: 33.333%; } +.ui-grid-b .ui-block-a { clear: left; } + +/* grid c: 25/25/25/25 */ +.ui-grid-c .ui-block-a, .ui-grid-c .ui-block-b, .ui-grid-c .ui-block-c, .ui-grid-c .ui-block-d { width: 25%; } +.ui-grid-c .ui-block-a { clear: left; } + +/* grid d: 20/20/20/20/20 */ +.ui-grid-d .ui-block-a, .ui-grid-d .ui-block-b, .ui-grid-d .ui-block-c, .ui-grid-d .ui-block-d, .ui-grid-d .ui-block-e { width: 20%; } +.ui-grid-d .ui-block-a { clear: left; } +/* fixed page header & footer configuration */ +.ui-header, .ui-footer, .ui-page-fullscreen .ui-header, .ui-page-fullscreen .ui-footer { position: absolute; overflow: hidden; width: 100%; border-left-width: 0; border-right-width: 0; } +.ui-header-fixed, .ui-footer-fixed { + z-index: 1000; + -webkit-transform: translateZ(0); /* Force header/footer rendering to go through the same rendering pipeline as native page scrolling. */ +} +.ui-footer-duplicate, .ui-page-fullscreen .ui-fixed-inline { display: none; } +.ui-page-fullscreen .ui-header, .ui-page-fullscreen .ui-footer { opacity: .9; } +.ui-navbar { overflow: hidden; } +.ui-navbar ul, .ui-navbar-expanded ul { list-style:none; padding: 0; margin: 0; position: relative; display: block; border: 0;} +.ui-navbar-collapsed ul { float: left; width: 75%; margin-right: -2px; } +.ui-navbar-collapsed .ui-navbar-toggle { float: left; width: 25%; } +.ui-navbar li.ui-navbar-truncate { position: absolute; left: -9999px; top: -9999px; } +.ui-navbar li .ui-btn, .ui-navbar .ui-navbar-toggle .ui-btn { display: block; font-size: 12px; text-align: center; margin: 0; border-right-width: 0; max-width: 100%; } +.ui-navbar li .ui-btn { margin-right: -1px; } +.ui-navbar li .ui-btn:last-child { margin-right: 0; } +.ui-header .ui-navbar li .ui-btn, .ui-header .ui-navbar .ui-navbar-toggle .ui-btn, +.ui-footer .ui-navbar li .ui-btn, .ui-footer .ui-navbar .ui-navbar-toggle .ui-btn { border-top-width: 0; border-bottom-width: 0; } +.ui-navbar .ui-btn-inner { padding-left: 2px; padding-right: 2px; } +.ui-navbar-noicons li .ui-btn .ui-btn-inner, .ui-navbar-noicons .ui-navbar-toggle .ui-btn-inner { padding-top: .8em; padding-bottom: .9em; } +/*expanded page styles*/ +.ui-navbar-expanded .ui-btn { margin: 0; font-size: 14px; } +.ui-navbar-expanded .ui-btn-inner { padding-left: 5px; padding-right: 5px; } +.ui-navbar-expanded .ui-btn-icon-top .ui-btn-inner { padding: 45px 5px 15px; text-align: center; } +.ui-navbar-expanded .ui-btn-icon-top .ui-icon { top: 15px; } +.ui-navbar-expanded .ui-btn-icon-bottom .ui-btn-inner { padding: 15px 5px 45px; text-align: center; } +.ui-navbar-expanded .ui-btn-icon-bottom .ui-icon { bottom: 15px; } +.ui-navbar-expanded li .ui-btn .ui-btn-inner { min-height: 2.5em; } +.ui-navbar-expanded .ui-navbar-noicons .ui-btn .ui-btn-inner { padding-top: 1.8em; padding-bottom: 1.9em; } +.ui-btn { display: block; text-align: center; cursor:pointer; position: relative; margin: .5em 5px; padding: 0; } +.ui-header .ui-btn, .ui-footer .ui-btn, .ui-bar .ui-btn { display: inline-block; font-size: 13px; margin: 0; } +.ui-btn-inline { display: inline-block; } +.ui-btn-inner { padding: .6em 25px; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; position: relative; zoom: 1; } +.ui-btn input, .ui-btn button { z-index: 2; } +.ui-header .ui-btn-inner, .ui-footer .ui-btn-inner, .ui-bar .ui-btn-inner { padding: .4em 8px .5em; } +.ui-btn-icon-notext { width: 24px; height: 24px; } +.ui-btn-icon-notext .ui-btn-inner { padding: 2px 1px 2px 3px; } +.ui-btn-text { position: relative; z-index: 1; } +.ui-btn-icon-notext .ui-btn-text { position: absolute; left: -9999px; } +.ui-btn-icon-left .ui-btn-inner { padding-left: 33px; } +.ui-header .ui-btn-icon-left .ui-btn-inner, +.ui-footer .ui-btn-icon-left .ui-btn-inner, +.ui-bar .ui-btn-icon-left .ui-btn-inner { padding-left: 27px; } +.ui-btn-icon-right .ui-btn-inner { padding-right: 33px; } +.ui-header .ui-btn-icon-right .ui-btn-inner, +.ui-footer .ui-btn-icon-right .ui-btn-inner, +.ui-bar .ui-btn-icon-right .ui-btn-inner { padding-right: 27px; } +.ui-btn-icon-top .ui-btn-inner { padding-top: 33px; } +.ui-header .ui-btn-icon-top .ui-btn-inner, +.ui-footer .ui-btn-icon-top .ui-btn-inner, +.ui-bar .ui-btn-icon-top .ui-btn-inner { padding-top: 27px; } +.ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 33px; } +.ui-header .ui-btn-icon-bottom .ui-btn-inner, +.ui-footer .ui-btn-icon-bottom .ui-btn-inner, +.ui-bar .ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 27px; } + +/*btn icon positioning*/ +.ui-btn-icon-notext .ui-icon { display: block; z-index: 0;} +.ui-btn-icon-left .ui-icon, .ui-btn-icon-right .ui-icon { position: absolute; top: 50%; margin-top: -9px; } +.ui-btn-icon-top .ui-icon, .ui-btn-icon-bottom .ui-icon { position: absolute; left: 50%; margin-left: -9px; } +.ui-btn-icon-left .ui-icon { left: 10px; } +.ui-btn-icon-right .ui-icon { right: 10px; } +.ui-btn-icon-top .ui-icon { top: 10px; } +.ui-btn-icon-bottom .ui-icon { bottom: 10px; } +.ui-header .ui-btn-icon-left .ui-icon, +.ui-footer .ui-btn-icon-left .ui-icon, +.ui-bar .ui-btn-icon-left .ui-icon { left: 4px; } +.ui-header .ui-btn-icon-right .ui-icon, +.ui-footer .ui-btn-icon-right .ui-icon, +.ui-bar .ui-btn-icon-right .ui-icon { right: 4px; } +.ui-header .ui-btn-icon-top .ui-icon, +.ui-footer .ui-btn-icon-top .ui-icon, +.ui-bar .ui-btn-icon-top .ui-icon { top: 4px; } +.ui-header .ui-btn-icon-bottom .ui-icon, +.ui-footer .ui-btn-icon-bottom .ui-icon, +.ui-bar .ui-btn-icon-bottom .ui-icon { bottom: 4px; } + +/*hiding native button,inputs */ +.ui-btn-hidden { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-appearance: button; opacity: .1; cursor: pointer; background: #fff; background: rgba(255,255,255,0); filter: Alpha(Opacity=.0001); font-size: 1px; border: none; line-height: 999px; } +.ui-collapsible { margin: .5em 0; } +.ui-collapsible-heading { font-size: 16px; display: block; margin: 0 -8px; padding: 0; border-width: 0 0 1px 0; position: relative; } +.ui-collapsible-heading a { text-align: left; margin: 0; } +.ui-collapsible-heading a .ui-btn-inner { padding-left: 40px; } +.ui-collapsible-heading a span.ui-btn { position: absolute; left: 6px; top: 50%; margin: -12px 0 0 0; width: 20px; height: 20px; padding: 1px 0px 1px 2px; text-indent: -9999px; } +.ui-collapsible-heading a span.ui-btn .ui-btn-inner { padding: 10px 0; } +.ui-collapsible-heading a span.ui-btn .ui-icon { left: 0; margin-top: -10px; } +.ui-collapsible-heading-status { position: absolute; top: -9999px; left:0px; } +.ui-collapsible-content { + display: block; + margin: 0 -8px; + padding: 10px 16px; + border-top: none; /* Overrides ui-btn-up-* */ + background-image: none; /* Overrides ui-btn-up-* */ + font-weight: normal; /* Overrides ui-btn-up-* */ +} +.ui-collapsible-content-collapsed { display: none; } + +.ui-collapsible-set { margin: .5em 0; } +.ui-collapsible-set .ui-collapsible { margin: -1px 0 0; } +.ui-controlgroup, fieldset.ui-controlgroup { padding: 0; margin: .5em 0 1em; } +.ui-bar .ui-controlgroup { margin: 0 .3em; } +.ui-controlgroup-label { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .3em; } +.ui-controlgroup-controls { display: block; width: 100%;} +.ui-controlgroup li { list-style: none; } +.ui-controlgroup-vertical .ui-btn, +.ui-controlgroup-vertical .ui-checkbox, .ui-controlgroup-vertical .ui-radio { margin: 0; border-bottom-width: 0; } +.ui-controlgroup-controls label.ui-select { position: absolute; left: -9999px; } + +.ui-controlgroup-vertical .ui-controlgroup-last { border-bottom-width: 1px; } +.ui-controlgroup-horizontal { padding: 0; } +.ui-controlgroup-horizontal .ui-btn, .ui-controlgroup-horizontal .ui-select { display: inline-block; margin: 0 -5px 0 0; } +.ui-controlgroup-horizontal .ui-checkbox, .ui-controlgroup-horizontal .ui-radio { float: left; margin: 0 -1px 0 0; } +.ui-controlgroup-horizontal .ui-checkbox .ui-btn, .ui-controlgroup-horizontal .ui-radio .ui-btn, +.ui-controlgroup-horizontal .ui-checkbox:last-child, .ui-controlgroup-horizontal .ui-radio:last-child { margin-right: 0; } +.ui-controlgroup-horizontal .ui-controlgroup-last { margin-right: 0; } +.ui-controlgroup .ui-checkbox label, .ui-controlgroup .ui-radio label { font-size: 16px; } +/* conflicts with listview.. +.ui-controlgroup .ui-btn-icon-notext { width: 30px; height: 30px; text-indent: -9999px; } +.ui-controlgroup .ui-btn-icon-notext .ui-btn-inner { padding: 5px 6px 5px 5px; } +*/ + +@media all and (min-width: 450px){ + .ui-field-contain .ui-controlgroup-label { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; } + .ui-field-contain .ui-controlgroup-controls { width: 60%; display: inline-block; } + .ui-field-contain .ui-controlgroup .ui-select { width: 100%; } + .ui-field-contain .ui-controlgroup-horizontal .ui-select { width: auto; } +} .ui-dialog { min-height: 480px; } +.ui-dialog .ui-header, +.ui-dialog .ui-content, +.ui-dialog .ui-footer { + max-width: 500px; + margin: 10% auto 15px auto; + width: 85%; + position: relative; +} +.ui-dialog .ui-header, +.ui-dialog .ui-footer { + padding: 0 15px; + z-index: 10; +} +.ui-dialog .ui-content { + padding: 15px; +} +.ui-dialog .ui-content, +.ui-dialog .ui-footer { + margin-top: -15px; +} +.ui-checkbox, .ui-radio { position:relative; margin: .2em 0 .5em; z-index: 1; } +.ui-checkbox .ui-btn, .ui-radio .ui-btn { margin: 0; text-align: left; z-index: 2; } +.ui-checkbox .ui-btn-inner, .ui-radio .ui-btn-inner { white-space: normal; } +.ui-checkbox .ui-btn-icon-left .ui-btn-inner,.ui-radio .ui-btn-icon-left .ui-btn-inner { padding-left: 45px; } +.ui-checkbox .ui-btn-icon-right .ui-btn-inner, .ui-radio .ui-btn-icon-right .ui-btn-inner { padding-right: 45px; } +.ui-checkbox .ui-icon, .ui-radio .ui-icon { top: 1.1em; } +.ui-checkbox .ui-btn-icon-left .ui-icon, .ui-radio .ui-btn-icon-left .ui-icon {left: 15px; } +.ui-checkbox .ui-btn-icon-right .ui-icon, .ui-radio .ui-btn-icon-right .ui-icon {right: 15px; } +/* input, label positioning */ +.ui-checkbox input,.ui-radio input { position:absolute; left:20px; top:50%; width: 10px; height: 10px; margin:-5px 0 0 0; outline: 0 !important; z-index: 1; }.ui-field-contain, fieldset.ui-field-contain { padding: 1.5em 0; margin: 0; border-width: 0 0 1px 0; overflow: visible; } +.ui-field-contain:first-child { border-top-width: 0; } +@media all and (min-width: 450px){ + .ui-field-contain, .ui-mobile fieldset.ui-field-contain { border-width: 0; padding: 0; margin: 1em 0; } +} .ui-select { display: block; position: relative; } +.ui-select select { position: absolute; left: -9999px; top: -9999px; } +.ui-select .ui-btn { overflow: hidden; } + + +.ui-select .ui-btn { opacity: 1; } + +/* Fixes #2588 — When Windows Phone 7.5 (Mango) tries to calculate a numeric opacity for a select—including “inherit”—without explicitly specifying an opacity on the parent to give it context, a bug appears where clicking elsewhere on the page after opening the select will open the select again. */ +.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; } + +.ui-select .ui-disabled { opacity: .3; } + +@-moz-document url-prefix() {.ui-select .ui-btn select { opacity: 0.0001; }} +.ui-select .ui-btn select.ui-select-nativeonly { opacity: 1; text-indent: 0; } + +.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*/ +.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; } + +.ui-selectmenu { position: absolute; padding: 0; z-index: 1100 !important; width: 80%; max-width: 350px; padding: 6px; } +.ui-selectmenu .ui-listview { margin: 0; } +.ui-selectmenu .ui-btn.ui-li-divider { cursor: default; } +.ui-selectmenu-hidden { top: -9999px; left: -9999px; } +.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; } +.ui-selectmenu-list .ui-li .ui-icon { display: block; } +.ui-li.ui-selectmenu-placeholder { display: none; } +.ui-selectmenu .ui-header .ui-title { margin: 0.6em 46px 0.8em; } + +@media all and (min-width: 450px){ + .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; } +} + +/* 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; } + +/* TODO when the custom select css us moved out to it's own file this should be included */ +.ui-li-static .ui-select .ui-li-count { right: 38px; } +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: 97%; } +input.ui-input-text { -webkit-appearance: none; } +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; } +.ui-input-search { padding: 0 30px; 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; } +.ui-input-search input.ui-input-text { border: none; width: 98%; padding: .4em 0; margin: 0; display: block; background: transparent none; outline: 0 !important; } +.ui-input-search .ui-input-clear { position: absolute; right: 0; top: 50%; margin-top: -13px; } +.ui-input-search .ui-input-clear-hidden { display: none; } + +/* orientation adjustments - incomplete!*/ +@media all and (min-width: 450px){ + .ui-field-contain label.ui-input-text { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0 } + .ui-field-contain input.ui-input-text, + .ui-field-contain textarea.ui-input-text, + .ui-field-contain .ui-input-search { width: 60%; display: inline-block; } + .ui-field-contain .ui-input-search { width: 50%; } + .ui-hide-label input.ui-input-text, + .ui-hide-label textarea.ui-input-text, + .ui-hide-label .ui-input-search { padding: .4em; width: 97%; } + .ui-input-search input.ui-input-text { width: 98%; /*echos rule from above*/ } +}.ui-listview { margin: 0; counter-reset: listnumbering; } +.ui-content .ui-listview { margin: -15px; } +.ui-content .ui-listview-inset { margin: 1em 0; } +.ui-listview, .ui-li { list-style:none; padding:0; } +.ui-li, .ui-li.ui-field-contain { display: block; margin:0; position: relative; overflow: visible; text-align: left; border-width: 0; border-top-width: 1px; } +.ui-li .ui-btn-text a.ui-link-inherit { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } +.ui-li-divider, .ui-li-static { padding: .5em 15px; font-size: 14px; font-weight: bold; } +.ui-li-divider { counter-reset: listnumbering; } +ol.ui-listview .ui-link-inherit:before, ol.ui-listview .ui-li-static:before, .ui-li-dec { font-size: .8em; display: inline-block; padding-right: .3em; font-weight: normal;counter-increment: listnumbering; content: counter(listnumbering) ". "; } +ol.ui-listview .ui-li-jsnumbering:before { content: "" !important; } /* to avoid chance of duplication */ +.ui-listview-inset .ui-li { border-right-width: 1px; border-left-width: 1px; } +.ui-li:last-child, .ui-li.ui-field-contain:last-child { border-bottom-width: 1px; } +.ui-li>.ui-btn-inner { display: block; position: relative; padding: 0; } +.ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li { padding: .7em 15px .7em 15px; display: block; } +.ui-li-has-thumb .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-thumb { min-height: 60px; padding-left: 100px; } +.ui-li-has-icon .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-icon { min-height: 20px; padding-left: 40px; } +.ui-li-has-count .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-count { padding-right: 45px; } +.ui-li-has-arrow .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-arrow { padding-right: 30px; } +.ui-li-has-arrow.ui-li-has-count .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-arrow.ui-li-has-count { padding-right: 75px; } +.ui-li-has-count .ui-btn-text { padding-right: 15px; } +.ui-li-heading { font-size: 16px; font-weight: bold; display: block; margin: .6em 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } +.ui-li-desc { font-size: 12px; font-weight: normal; display: block; margin: -.5em 0 .6em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } +.ui-li-thumb, .ui-listview .ui-li-icon { position: absolute; left: 1px; top: 0; max-height: 80px; max-width: 80px; } +.ui-listview .ui-li-icon { max-height: 40px; max-width: 40px; left: 10px; top: .9em; } +.ui-li-thumb, .ui-listview .ui-li-icon, .ui-li-content { float: left; margin-right: 10px; } + +.ui-li-aside { float: right; width: 50%; text-align: right; margin: .3em 0; } +@media all and (min-width: 480px){ + .ui-li-aside { width: 45%; } +} +.ui-li-divider { cursor: default; } +.ui-li-has-alt .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-alt { padding-right: 95px; } +.ui-li-has-count .ui-li-count { position: absolute; font-size: 11px; font-weight: bold; padding: .2em .5em; top: 50%; margin-top: -.9em; right: 38px; } +.ui-li-divider .ui-li-count, .ui-li-static .ui-li-count { right: 10px; } +.ui-li-has-alt .ui-li-count { right: 55px; } +.ui-li-link-alt { position: absolute; width: 40px; height: 100%; border-width: 0; border-left-width: 1px; top: 0; right: 0; margin: 0; padding: 0; z-index: 2; } +.ui-li-link-alt .ui-btn { overflow: hidden; position: absolute; right: 8px; top: 50%; margin: -11px 0 0 0; border-bottom-width: 1px; z-index: -1;} +.ui-li-link-alt .ui-btn-inner { padding: 0; height: 100%; position: absolute; width: 100%; top: 0; left: 0;} +.ui-li-link-alt .ui-btn .ui-icon { right: 50%; margin-right: -9px; } + +.ui-listview * .ui-btn-inner > .ui-btn > .ui-btn-inner { border-top: 0px; } + +.ui-listview-filter { border-width: 0; overflow: hidden; margin: -15px -15px 15px -15px } +.ui-listview-filter .ui-input-search { margin: 5px; width: auto; display: block; } + +.ui-listview-filter-inset { margin: -15px -5px -15px -5px; background: transparent; } +.ui-li.ui-screen-hidden{display:none;} +/* Odd iPad positioning issue. */ +@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { + .ui-li .ui-btn-text { overflow: visible; } +}label.ui-slider { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .3em; display: block; } +input.ui-slider-input, +.ui-field-contain input.ui-slider-input { display: inline-block; width: 50px; } +select.ui-slider-switch { display: none; } +div.ui-slider { position: relative; display: inline-block; overflow: visible; height: 15px; padding: 0; margin: 0 2% 0 20px; top: 4px; width: 60%; } +div.ui-slider-switch { width: 99.8%; } +a.ui-slider-handle { position: absolute; z-index: 10; top: 50%; width: 28px; height: 28px; margin-top: -15px; margin-left: -15px; } +a.ui-slider-handle .ui-btn-inner { padding-left: 0; padding-right: 0; } +@media all and (min-width: 480px){ + .ui-field-contain label.ui-slider { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; } + .ui-field-contain div.ui-slider { width: 43%; } +} + +div.ui-slider-switch { height: 32px; overflow: hidden; margin-left: 0; } +div.ui-slider-inneroffset { margin-left: 50%; position: absolute; top: 1px; height: 100%; width: 50%; } +a.ui-slider-handle-snapping { -webkit-transition: left 70ms linear; -moz-transition: left 70ms linear; } +div.ui-slider-labelbg { position: absolute; top:0; margin: 0; border-width: 0; } +div.ui-slider-switch div.ui-slider-labelbg-a { width: 60%; height: 100%; left: 0; } +div.ui-slider-switch div.ui-slider-labelbg-b { width: 60%; height: 100%; right: 0; } +.ui-slider-switch-a div.ui-slider-labelbg-a, .ui-slider-switch-b div.ui-slider-labelbg-b { z-index: -1; } +.ui-slider-switch-a div.ui-slider-labelbg-b, .ui-slider-switch-b div.ui-slider-labelbg-a { z-index: 0; } + +div.ui-slider-switch a.ui-slider-handle { z-index: 20; width: 101%; height: 32px; margin-top: -18px; margin-left: -101%; } +span.ui-slider-label { width: 100%; position: absolute;height: 32px; font-size: 16px; text-align: center; line-height: 2; background: none; border-color: transparent; } +span.ui-slider-label-a { left: -100%; margin-right: -1px } +span.ui-slider-label-b { right: -100%; margin-left: -1px } Index: anches/version-2_11-dev/html/user_data/packages/sphone/css/jquery.mobile-1.0a3.css =================================================================== --- /branches/version-2_11-dev/html/user_data/packages/sphone/css/jquery.mobile-1.0a3.css (revision 21170) +++ (revision ) @@ -1,2136 +1,0 @@ -/*! - * jQuery Mobile v1.0a3 - * http://jquerymobile.com/ - * - * Copyright 2010, jQuery Project - * Dual licensed under the MIT or GPL Version 2 licenses. - * http://jquery.org/license - */ -/*! - * jQuery Mobile v1.0a3 - * http://jquerymobile.com/ - * - * Copyright 2010, jQuery Project - * Dual licensed under the MIT or GPL Version 2 licenses. - * http://jquery.org/license - */ -.ui-bar-a{ - border:1px solid #2a2a2a; - background:#111; - color:#fff; - font-weight:bold; - text-shadow:0 -1px 1px #000; - background-image:-moz-linear-gradient(top,#3c3c3c,#111); - background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#3c3c3c),color-stop(1,#111)); - -msfilter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#3c3c3c', EndColorStr='#111111')" -} -.ui-bar-a, -.ui-bar-a input, -.ui-bar-a select, -.ui-bar-a textarea, -.ui-bar-a button{ - font-family:Helvetica,Arial,sans-serif -} -.ui-bar-a .ui-link-inherit{ - color:#fff -} -.ui-bar-a .ui-link{ - color:#7cc4e7; - font-weight:bold -} -.ui-body-a{ - border:1px solid #2a2a2a; - background:#222; - color:#fff; - text-shadow:0 1px 0 #000; - font-weight:normal; - background-image:-moz-linear-gradient(top,#666,#222); - background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#666),color-stop(1,#222)); - -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#666666', EndColorStr='#222222)')" -} -.ui-body-a, -.ui-body-a input, -.ui-body-a select, -.ui-body-a textarea, -.ui-body-a button{ - font-family:Helvetica,Arial,sans-serif -} -.ui-body-a .ui-link-inherit{ - color:#fff -} -.ui-body-a .ui-link{ - color:#324E85; - font-weight:bold -} -.ui-br{ - border-bottom:1px solid rgba(130,130,130,.3) -} -.ui-btn-up-a{ - border:1px solid #222; - background:#333;font-weight:bold;color:#fff; - cursor:pointer; - text-shadow:0 -1px 1px #000; - text-decoration:none; - background-image:-moz-linear-gradient(top,#555,#333); - background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#555),color-stop(1,#333)); - -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#555555', EndColorStr='#333333')" -} -.ui-btn-up-a a.ui-link-inherit{ - color:#fff -} -.ui-btn-hover-a{ - border:1px solid #000; - background:#444; - font-weight:bold;color:#fff; - text-shadow:0 -1px 1px #000; - text-decoration:none; - background-image:-moz-linear-gradient(top,#666,#444); - background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#666),color-stop(1,#444)); - -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#666666', EndColorStr='#444444')" -} -.ui-btn-hover-a a.ui-link-inherit{ - color:#fff -} -.ui-btn-down-a{border:1px solid #000; - background:#3d3d3d; - font-weight:bold; - color:#fff; - text-shadow:0 -1px 1px #000; - background-image:-moz-linear-gradient(top,#333,#5a5a5a); - background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#333),color-stop(1,#5a5a5a)); - -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#333333', EndColorStr='#5a5a5a')" -} -.ui-btn-down-a a.ui-link-inherit{ - color:#fff -} -.ui-btn-up-a, -.ui-btn-hover-a, -.ui-btn-down-a{ - font-family:Helvetica, - Arial,sans-serif -} -.ui-bar-b{ - border:1px solid #456f9a; - background:#5e87b0; - color:#fff; - font-weight:bold; - text-shadow:0 -1px 1px #254f7a; - background-image:-moz-linear-gradient(top,#81a8ce,#5e87b0); - background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#81a8ce),color-stop(1,#5e87b0)); - -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#81a8ce', EndColorStr='#5e87b0')" -} -.ui-bar-b, -.ui-bar-b input, -.ui-bar-b select, -.ui-bar-b textarea, -.ui-bar-b button{ - font-family:Helvetica,Arial,sans-serif -} -.ui-bar-b .ui-link-inherit{ - color:#fff -} -.ui-bar-b .ui-link{ - color:#7cc4e7; - font-weight:bold -} -.ui-body-b{ - border:1px solid #c6c6c6; - background:#ccc;color:#333; - text-shadow:0 1px 0 #fff; - font-weight:normal; - background-image:-moz-linear-gradient(top,#e6e6e6,#ccc); - background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#e6e6e6),color-stop(1,#ccc)); - -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#e6e6e6', EndColorStr='#cccccc')" -} -.ui-body-b, -.ui-body-b input, -.ui-body-b select, -.ui-body-b textarea, -.ui-body-b button{ - font-family:Helvetica,Arial,sans-serif -} -.ui-body-b .ui-link-inherit{ - color:#333 -} -.ui-body-b .ui-link{ - color:#324E85; - font-weight:bold -} -.ui-btn-up-b{ - border:1px solid #145072; - background:#2567ab; - font-weight:bold;color:#fff; - cursor:pointer; - text-shadow:0 -1px 1px #145072; - text-decoration:none; - background-image:-moz-linear-gradient(top,#4e89c5,#2567ab); - background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#5f9cc5),color-stop(1,#396b9e)); - -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#4e89c5', EndColorStr='#2567ab')" -} -.ui-btn-up-b a.ui-link-inherit{ - color:#fff -} -.ui-btn-hover-b{ - border:1px solid #00516e; - background:#4b88b6; - font-weight:bold; - color:#fff; - text-shadow:0 -1px 1px #014d68; - background-image:-moz-linear-gradient(top,#72b0d4,#4b88b6); - text-decoration:none;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#72b0d4),color-stop(1,#4b88b6)); - -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#72b0d4', EndColorStr='#4b88b6')" -} -.ui-btn-hover-b a.ui-link-inherit{ - color:#fff -} -.ui-btn-down-b{ - border:1px solid #225377;background:#4e89c5; - font-weight:bold; - color:#fff; - text-shadow:0 -1px 1px #225377; - background-image:-moz-linear-gradient(top,#396b9e,#4e89c5); - background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#396b9e),color-stop(1,#4e89c5)); - -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#396b9e', EndColorStr='#4e89c5')" -} -.ui-btn-down-b a.ui-link-inherit{ - color:#fff -} -.ui-btn-up-b, -.ui-btn-hover-b, -.ui-btn-down-b{ - font-family:Helvetica,Arial,sans-serif -} -.ui-bar-c{ - border:1px solid #b3b3b3; - background:#e9eaeb; - color:#3e3e3e; - font-weight:bold; - text-shadow:0 1px 1px #fff; - background-image:-moz-linear-gradient(top,#f0f0f0,#e9eaeb); - background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f0f0f0),color-stop(1,#e9eaeb)); - -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#f0f0f0', EndColorStr='#e9eaeb')" -} -.ui-bar-c, -.ui-bar-c input, -.ui-bar-c select, -.ui-bar-c textarea, -.ui-bar-c button{ - font-family:Helvetica,Arial,sans-serif -} -.ui-body-c{ - border:1px solid #b3b3b3; - color:#333; - text-shadow:0 1px 0 #fff; - background:#f0f0f0; - background-image:-moz-linear-gradient(top,#eee,#ddd); - background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#eee),color-stop(1,#ddd)); - -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#dddddd')" -} -.ui-body-c, -.ui-body-c input, -.ui-body-c select, -.ui-body-c textarea, -.ui-body-c button{ - font-family:Helvetica,Arial,sans-serif -} -.ui-body-c .ui-link-inherit{ - color:#333 -} -.ui-body-c .ui-link{ - color:#324E85; - font-weight:bold -} -.ui-btn-up-c{ - border:1px solid #ccc; - background:#eee; - font-weight:bold; - color:#444; - cursor:pointer; - text-shadow:0 1px 1px #f6f6f6; - text-decoration:none; - background-image:-moz-linear-gradient(top,#fefefe,#eee); - background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fdfdfd),color-stop(1,#eee)); - -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#fdfdfd', EndColorStr='#eeeeee')" -} -.ui-btn-up-c a.ui-link-inherit{ - color:#2f3e46 -} -.ui-btn-hover-c{ - border:1px solid #bbb; - background:#dadada; - font-weight:bold; - color:#101010; - text-decoration:none; - text-shadow:0 1px 1px #fff; - background-image:-moz-linear-gradient(top,#ededed,#dadada); - background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ededed),color-stop(1,#dadada)); - -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#ededed', EndColorStr='#dadada')" -} -.ui-btn-hover-c a.ui-link-inherit{ - color:#2f3e46 -} -.ui-btn-down-c{ - border:1px solid #808080; - background:#fdfdfd;font-weight:bold; - color:#111; - text-shadow:0 1px 1px #fff; - background-image:-moz-linear-gradient(top,#eee,#fdfdfd); - background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#eee),color-stop(1,#fdfdfd)); - -msfilter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#fdfdfd')" -} -.ui-btn-down-c a.ui-link-inherit{ - color:#2f3e46 -} -.ui-btn-up-c, -.ui-btn-hover-c, -.ui-btn-down-c{ - font-family:Helvetica,Arial,sans-serif -} -.ui-bar-d{ - border:1px solid #ccc; - background:#bbb; - color:#333; - text-shadow:0 1px 0 #eee; - background-image:-moz-linear-gradient(top,#ddd,#bbb); - background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ddd),color-stop(1,#bbb)); - -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#dddddd', EndColorStr='#bbbbbb')" -} -.ui-bar-d, -.ui-bar-d input, -.ui-bar-d select, -.ui-bar-d textarea, -.ui-bar-d button{ - font-family:Helvetica,Arial,sans-serif -} -.ui-bar-d .ui-link-inherit{ - color:#333 -} -.ui-bar-d .ui-link{ - color:#324E85; - font-weight:bold -} -.ui-body-d{ - border:1px solid #ccc; - color:#333; - text-shadow:0 1px 0 #fff; - background:#fff -} -.ui-body-d, -.ui-body-d input, -.ui-body-d select, -.ui-body-d textarea, -.ui-body-d button{ - font-family:Helvetica,Arial,sans-serif -} -.ui-body-d .ui-link-inherit{ - color:#333 -} -.ui-body-d .ui-link{ - color:#324E85; - font-weight:bold -} -.ui-btn-up-d{ - border:1px solid #ccc; - background:#fff; - font-weight:bold; - color:#444; - text-decoration:none; - text-shadow:0 1px 1px #fff -} -.ui-btn-up-d a.ui-link-inherit{ - color:#333 -} -.ui-btn-hover-d{ - border:1px solid #aaa; - background:#eee; - font-weight:bold; - color:#222; - cursor:pointer; - text-shadow:0 1px 1px #fff; - text-decoration:none; - background-image:-moz-linear-gradient(top,#fdfdfd,#eee); - background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fdfdfd),color-stop(1,#eee)); - -msfilter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#fdfdfd', EndColorStr='#eeeeee')" -} -.ui-btn-hover-d a.ui-link-inherit{ - color:#222 -} -.ui-btn-down-d{ - border:1px solid #aaa; - background:#fff; - font-weight:bold;color:#111; - text-shadow:0 1px 1px #fff; - background-image:-moz-linear-gradient(top,#eee,#fff); - background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#eee),color-stop(1,#fff)); - -msfilter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#ffffff')" - } -.ui-btn-down-d a.ui-link-inherit{ - border:1px solid #808080; - background:#ced0d2; - font-weight:bold; - color:#111; - text-shadow:none; - background-image:-moz-linear-gradient(top,#ccc,#eee); - background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ccc),color-stop(1,#eee)); - -msfilter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#cccccc', EndColorStr='#eeeeee')" -} -.ui-btn-up-d, -.ui-btn-hover-d, -.ui-btn-down-d{ - font-family:Helvetica,Arial,sans-serif -} -.ui-bar-e{ - border:1px solid #f7c942; - background:#fadb4e; - color:#333; - text-shadow:0 1px 0 #fff; - background-image:-moz-linear-gradient(top,#fceda7,#fadb4e); - background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fceda7),color-stop(1,#fadb4e)); - -msfilter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#fceda7', EndColorStr='#fadb4e')" -} -.ui-bar-e, -.ui-bar-e input, -.ui-bar-e select, -.ui-bar-e textarea, -.ui-bar-d button{ - font-family:Helvetica,Arial,sans-serif -} -.ui-bar-e .ui-link-inherit{ - color:#333 -} -.ui-bar-e .ui-link{ - color:#324E85; - font-weight:bold -} -.ui-body-e{ - border:1px solid #f7c942; - color:#333; - text-shadow:0 1px 0 #fff; - background:#faeb9e; - background-image:-moz-linear-gradient(top,#fff,#faeb9e); - background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(1,#faeb9e)); - -msfilter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#faeb9e')" -} -.ui-body-e, -.ui-body-e input, -.ui-body-e select, -.ui-body-e textarea, -.ui-body-e button{ - font-family:Helvetica,Arial,sans-serif -} -.ui-body-e .ui-link-inherit{ - color:#333 -} -.ui-body-e .ui-link{ - color:#324E85; - font-weight:bold -} -.ui-btn-up-e{ - border:1px solid #f7c942; - background:#fadb4e; - font-weight:bold; - color:#333; - cursor:pointer; - text-shadow:0 1px 1px #fe3; - text-decoration:none; - text-shadow:0 1px 0 #fff; - background-image:-moz-linear-gradient(top,#fceda7,#fadb4e); - background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fceda7),color-stop(1,#fadb4e)); - -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#fceda7', EndColorStr='#fadb4e')" -} -.ui-btn-up-e a.ui-link-inherit{ - color:#333 -} -.ui-btn-hover-e{ - border:1px solid #e79952; - background:#fbe26f; - font-weight:bold; - color:#111; - text-decoration:none; - text-shadow:0 1px 1px #fff; - background-image:-moz-linear-gradient(top,#fcf0b5,#fbe26f); - background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fcf0b5),color-stop(1,#fbe26f)); - -msfilter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#fcf0b5', EndColorStr='#fbe26f')" -} -.ui-btn-hover-e a.ui-link-inherit{ - color:#333 -} -.ui-btn-down-e{ - border:1px solid #f7c942; - background:#fceda7; - font-weight:bold;color:#111; - text-shadow:0 1px 1px #fff; - background-image:-moz-linear-gradient(top,#fadb4e,#fceda7); - background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fadb4e),color-stop(1,#fceda7)); - -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#fadb4e', EndColorStr='#fceda7')" -} -.ui-btn-down-e a.ui-link-inherit{ - color:#333 -} -.ui-btn-up-e, -.ui-btn-hover-e, -.ui-btn-down-e{ - font-family:Helvetica,Arial,sans-serif -} -a.ui-link-inherit{ - text-decoration:none!important -} -.ui-btn-active{ - border:1px solid #155678; - background:#4596ce; - font-weight:bold; - color:#fff; - cursor:pointer; - text-shadow:0 -1px 1px #145072; - text-decoration:none; - background-image:-moz-linear-gradient(top,#85bae4,#5393c5); - background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#85bae4),color-stop(1,#5393c5)); - -msfilter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#85bae4', EndColorStr='#5393c5')"; - outline:0 -} -.ui-btn-active a.ui-link-inherit{ - color:#fff -} -.ui-btn-inner{ - border-top:1px solid #fff; - border-color:rgba(255,255,255,.3) -} -.ui-corner-tl{ - -moz-border-radius-topleft:.6em; - -webkit-border-top-left-radius:.6em; - border-top-left-radius:.6em -} -.ui-corner-tr{ - -moz-border-radius-topright:.6em; - -webkit-border-top-right-radius:.6em; - border-top-right-radius:.6em -} -.ui-corner-bl{ - -moz-border-radius-bottomleft:.6em; - -webkit-border-bottom-left-radius:.6em; - border-bottom-left-radius:.6em -} -.ui-corner-br{ - -moz-border-radius-bottomright:.6em; - -webkit-border-bottom-right-radius:.6em; - border-bottom-right-radius:.6em -} -.ui-corner-top{ - -moz-border-radius-topleft:.6em; - -webkit-border-top-left-radius:.6em; - border-top-left-radius:.6em; - -moz-border-radius-topright:.6em; - -webkit-border-top-right-radius:.6em; - border-top-right-radius:.6em -} -.ui-corner-bottom{ - -moz-border-radius-bottomleft:.6em; - -webkit-border-bottom-left-radius:.6em; - border-bottom-left-radius:.6em; - -moz-border-radius-bottomright:.6em; - -webkit-border-bottom-right-radius:.6em; - border-bottom-right-radius:.6em -} -.ui-corner-right{ - -moz-border-radius-topright:.6em; - -webkit-border-top-right-radius:.6em; - border-top-right-radius:.6em; - -moz-border-radius-bottomright:.6em; - -webkit-border-bottom-right-radius:.6em; - border-bottom-right-radius:.6em -} -.ui-corner-left{ - -moz-border-radius-topleft:.6em; - -webkit-border-top-left-radius:.6em; - border-top-left-radius:.6em; - -moz-border-radius-bottomleft:.6em; - -webkit-border-bottom-left-radius:.6em; - border-bottom-left-radius:.6em -} -.ui-corner-all{ - -moz-border-radius:.6em; - -webkit-border-radius:.6em; - border-radius:.6em -} -.ui-disabled{ - opacity:.3 -} -.ui-disabled, -.ui-disabled a{ - cursor:default!important -} -.ui-icon{ - background-image:url(images/icons-18-white.png); - background-repeat:no-repeat; - background-color:#666; - background-color:rgba(0,0,0,.4); - -moz-border-radius:9px; - -webkit-border-radius:9px;border-radius:9px -} -.ui-icon-disc{ - background-color:#666; - background-color:rgba(0,0,0,.3); - -moz-border-radius:9px; - -webkit-border-radius:9px;border-radius:9px -} -.ui-icon-black{ - background-image:url(images/icons-18-black.png) -} -.ui-icon-black-disc{ - background-color:#fff; - background-color:rgba(255,255,255,.3); - -moz-border-radius:9px; - -webkit-border-radius:9px;border-radius:9px -} -@media screen and (-webkit-min-device-pixel-ratio:2),screen and (max--moz-device-pixel-ratio:2){ - .ui-icon{ - background-image:url(images/icons-36-white.png); - background-size:630px 18px - } - .ui-icon-black{ - background-image:url(images/icons-36-black.png) - } -} -.ui-icon-plus{ - background-position:-0 0 -} -.ui-icon-minus{ - background-position:-36px 0 -} -.ui-icon-delete{ - background-position:-72px 0 -} -.ui-icon-arrow-r{ - background-position:-108px 0 -} -.ui-icon-arrow-l{ - background-position:-144px 0 -} -.ui-icon-arrow-u{ - background-position:-180px 0 -} -.ui-icon-arrow-d{ - background-position:-216px 0 -} -.ui-icon-check{ - background-position:-252px 0 -} -.ui-icon-gear{ - background-position:-288px 0 -} -.ui-icon-refresh{ - background-position:-324px 0 -} -.ui-icon-forward{ - background-position:-360px 0 -} -.ui-icon-back{ - background-position:-396px 0 -} -.ui-icon-grid{ - background-position:-432px 0 -} -.ui-icon-star{ - background-position:-468px 0 -} -.ui-icon-alert{ - background-position:-504px 0 -} -.ui-icon-info{ - background-position:-540px 0 -} -.ui-icon-home{ - background-position:-576px 0 -} -.ui-icon-search{ - background-position:-612px 0 -} -.ui-icon-checkbox-off, -.ui-icon-checkbox-on, -.ui-icon-radio-off, -.ui-icon-radio-on{ - background-color:transparent; - -moz-border-radius:0; - -webkit-border-radius:0; - border-radius:0; - background-size:20px 20px -} -.ui-icon-checkbox-off{ - background-image:url(images/form-check-off.png) -} -.ui-icon-checkbox-on{ - background-image:url(images/form-check-on.png) -} -.ui-icon-radio-off{ - background-image:url(images/form-radio-off.png) -} -.ui-icon-radio-on{ - background-image:url(images/form-radio-on.png) -} -.ui-icon-searchfield{ - background-image:url(images/icon-search-black.png); - background-size:16px 16px -} -.ui-icon-loading{ - background-image:url(images/ajax-loader.png); - width:40px; - height:40px; - -moz-border-radius:20px; - -webkit-border-radius:20px; - border-radius:20px; - background-size:35px 35px -} -.ui-btn-corner-tl{ - -moz-border-radius-topleft:1em; - -webkit-border-top-left-radius:1em; - border-top-left-radius:1em -} -.ui-btn-corner-tr{ - -moz-border-radius-topright:1em; - -webkit-border-top-right-radius:1em; - border-top-right-radius:1em -} -.ui-btn-corner-bl{ - -moz-border-radius-bottomleft:1em; - -webkit-border-bottom-left-radius:1em; - border-bottom-left-radius:1em -} -.ui-btn-corner-br{ - -moz-border-radius-bottomright:1em; - -webkit-border-bottom-right-radius:1em; - border-bottom-right-radius:1em -} -.ui-btn-corner-top{ - -moz-border-radius-topleft:1em; - -webkit-border-top-left-radius:1em; - border-top-left-radius:1em; - -moz-border-radius-topright:1em; - -webkit-border-top-right-radius:1em; - border-top-right-radius:1em -} -.ui-btn-corner-bottom{ - -moz-border-radius-bottomleft:1em; - -webkit-border-bottom-left-radius:1em; - border-bottom-left-radius:1em; - -moz-border-radius-bottomright:1em; - -webkit-border-bottom-right-radius:1em; - border-bottom-right-radius:1em -} -.ui-btn-corner-right{ - -moz-border-radius-topright:1em; - -webkit-border-top-right-radius:1em; - border-top-right-radius:1em; - -moz-border-radius-bottomright:1em; - -webkit-border-bottom-right-radius:1em; - border-bottom-right-radius:1em -} -.ui-btn-corner-left{ - -moz-border-radius-topleft:1em; - -webkit-border-top-left-radius:1em; - border-top-left-radius:1em; - -moz-border-radius-bottomleft:1em; - -webkit-border-bottom-left-radius:1em; - border-bottom-left-radius:1em -} -.ui-btn-corner-all{ - -moz-border-radius:1em; - -webkit-border-radius:1em; - border-radius:1em -} -.ui-corner-tl, -.ui-corner-tr, -.ui-corner-bl, -.ui-corner-br, -.ui-corner-top, -.ui-corner-bottom, -.ui-corner-right, -.ui-corner-left, -.ui-corner-all, -.ui-btn-corner-tl, -.ui-btn-corner-tr, -.ui-btn-corner-bl, -.ui-btn-corner-br, -.ui-btn-corner-top, -.ui-btn-corner-bottom, -.ui-btn-corner-right, -.ui-btn-corner-left, -.ui-btn-corner-all{ - -webkit-background-clip:padding-box; - -moz-background-clip:padding-box; - background-clip:padding-box -} -.ui-overlay{ - background:#666; - opacity:.5; - filter:Alpha(Opacity=50); - position:absolute; - width:100%; - height:100% -} -.ui-overlay-shadow{ - -moz-box-shadow:0 0 12px rgba(0,0,0,.6); - -webkit-box-shadow:0 0 12px rgba(0,0,0,.6); - box-shadow:0 0 12px rgba(0,0,0,.6) -} -.ui-shadow{ - -moz-box-shadow:0 1px 4px rgba(0,0,0,.3); - -webkit-box-shadow:0 1px 4px rgba(0,0,0,.3); - box-shadow:0 1px 4px rgba(0,0,0,.3) -} -.ui-bar-a .ui-shadow, -.ui-bar-b .ui-shadow, -.ui-bar-c .ui-shadow{ - -moz-box-shadow:0 1px 0 rgba(255,255,255,.3); - -webkit-box-shadow:0 1px 0 rgba(255,255,255,.3); - box-shadow:0 1px 0 rgba(255,255,255,.3) -} -.ui-shadow-inset{ - -moz-box-shadow:inset 0 1px 4px rgba(0,0,0,.2); - -webkit-box-shadow:inset 0 1px 4px rgba(0,0,0,.2); - box-shadow:inset 0 1px 4px rgba(0,0,0,.2) -} -.ui-icon-shadow{ - -moz-box-shadow:0 1px 0 rgba(255,255,255,.4); - -webkit-box-shadow:0 1px 0 rgba(255,255,255,.4); - box-shadow:0 1px 0 rgba(255,255,255,.4) -} -.ui-focus{ - -moz-box-shadow:0 0 12px #387bbe; - -webkit-box-shadow:0 0 12px #387bbe; - box-shadow:0 0 12px #387bbe -} -.ui-mobile-nosupport-boxshadow *{ - -moz-box-shadow:none!important; - -webkit-box-shadow:none!important; - box-shadow:none!important -} -.ui-mobile-nosupport-boxshadow .ui-focus{ - outline-width:2px -} -.ui-mobile fieldset, -.ui-page{ - padding:0;margin:0 -} -.ui-mobile a img, -.ui-mobile fieldset{ - border:0 -} -.ui-mobile-viewport{ - margin:0; - overflow-x:hidden; - -webkit-text-size-adjust:none; - -ms-text-size-adjust:none; - -webkit-tap-highlight-color:rgba(0,0,0,0) -} -.ui-mobile [data-role=page], -.ui-mobile [data-role=dialog], -.ui-page{ - top:0; - left:0; - width:100%; - min-height:100%; - position:absolute; - display:none;border:0 -} -.ui-mobile .ui-page-active{ - display:block; - overflow:visible -} -.portrait, -.portrait .ui-page{ - min-height:480px -} -.landscape, -.landscape .ui-page{ - min-height:320px -} -.ui-loading .ui-mobile-viewport{ - overflow:hidden!important -} -.ui-loading .ui-loader{ - display:block -} -.ui-loading .ui-page{ - overflow:hidden -} -.ui-loader{ - display:none; - position:absolute; - opacity:.85; - z-index:10; - left:50%; - width:200px; - margin-left:-130px; - margin-top:-35px; - padding:10px 30px -} -.ui-loader h1{ - font-size:15px; - text-align:center -} -.ui-loader .ui-icon{ - position:static; - display:block; - opacity:.9;margin:0 auto; - width:35px; - height:35px; - background-color:transparent -} -.ui-mobile-rendering>*{ - visibility:hidden -} -.ui-bar, -.ui-body{ - position:relative; - padding:.4em 15px; - overflow:hidden; - display:block; - clear:both -} -.ui-bar{ - font-size:16px; - margin:0 -} -.ui-bar h1, -.ui-bar h2, -.ui-bar h3, -.ui-bar h4, -.ui-bar h5, -.ui-bar h6{ - margin:0; - padding:0; - font-size:16px; - display:inline-block -} -.ui-header, -.ui-footer{ - display:block -} -.ui-page .ui-header, -.ui-page .ui-footer{ - position:relative -} -.ui-header .ui-btn-left{ - position:absolute; - left:10px; - top:.4em -} -.ui-header .ui-title, -.ui-footer .ui-title{ - text-align:center; - font-size:16px; - display:block; - margin:.6em 90px .8em; - padding:0; - text-overflow:ellipsis; - overflow:hidden; - white-space:nowrap; - outline:0!important -} -.ui-header .ui-btn-right{ - position:absolute; - right:10px; - top:.4em -} -.ui-content{ - border-width:0; - overflow:visible; - overflow-x:hidden; - padding:15px -} -.ui-page-fullscreen .ui-content{ - padding:0 -} -.ui-icon{ - width:18px;height:18px -} -.ui-fullscreen img{ -max-width:100% -} -.ui-nojs{ - position:absolute; - left:-9999px -} -.spin{ - -webkit-transform:rotate(360deg); - -webkit-animation-name:spin; - -webkit-animation-duration:1s; - -webkit-animation-iteration-count:infinite -} -@-webkit-keyframes spin{ - from{ - -webkit-transform:rotate(0deg) - } - to{ - -webkit-transform:rotate(360deg) - } -} -.in, -.out{ - -webkit-animation-timing-function:ease-in-out; - -webkit-animation-duration:350ms -} -.slide.in{ - -webkit-transform:translateX(0); - -webkit-animation-name:slideinfromright -} -.slide.out{ - -webkit-transform:translateX(-100%); - -webkit-animation-name:slideouttoleft -} -.slide.in.reverse{ - -webkit-transform:translateX(0); - -webkit-animation-name:slideinfromleft -} -.slide.out.reverse{ - -webkit-transform:translateX(100%); - -webkit-animation-name:slideouttoright -} -.slideup.in{ - -webkit-transform:translateY(0); - -webkit-animation-name:slideinfrombottom; - z-index:10 -} -.slideup.out{ - -webkit-animation-name:dontmove; - z-index:0 -} -.slideup.out.reverse{ - -webkit-transform:translateY(100%); - z-index:10; - -webkit-animation-name:slideouttobottom -} -.slideup.in.reverse{ - z-index:0; - -webkit-animation-name:dontmove -} -.slidedown.in{ - -webkit-transform:translateY(0); - -webkit-animation-name:slideinfromtop; - z-index:10 -} -.slidedown.out{ - -webkit-animation-name:dontmove; - z-index:0 -} -.slidedown.out.reverse{ - -webkit-transform:translateY(-100%); - z-index:10; - -webkit-animation-name:slideouttotop -} -.slidedown.in.reverse{ - z-index:0; - -webkit-animation-name:dontmove -} -@-webkit-keyframes slideinfromright{ - from{ - -webkit-transform:translateX(100%) - } - to{ - -webkit-transform:translateX(0)} - } -@-webkit-keyframes slideinfromleft{ - from{ - -webkit-transform:translateX(-100%) - } - to{ - -webkit-transform:translateX(0) - } -} -@-webkit-keyframes slideouttoleft{ - from{ - -webkit-transform:translateX(0) - } - to{ - -webkit-transform:translateX(-100%) - } -} -@-webkit-keyframes slideouttoright{ - from{ - -webkit-transform:translateX(0) - } - to{ - -webkit-transform:translateX(100%) - } -} -@-webkit-keyframes slideinfromtop{ - from{ - -webkit-transform:translateY(-100%) - } - to{ - -webkit-transform:translateY(0) - } -} -@-webkit-keyframes slideinfrombottom{ - from{ - -webkit-transform:translateY(100%) - } - to{ - -webkit-transform:translateY(0) - } -} -@-webkit-keyframes slideouttobottom{ - from{ - -webkit-transform:translateY(0) - } - to{ - -webkit-transform:translateY(100%) - } -} -@-webkit-keyframes slideouttotop{ - from{ - -webkit-transform:translateY(0) - } - to{ - -webkit-transform:translateY(-100%) - } -} -@-webkit-keyframes fadein{ - from{ - opacity:0 - } - to{ - opacity:1 - } -} -@-webkit-keyframes fadeout{ - from{ - opacity:1 - } - to{ - opacity:0 - } -} -.fade.in{ - opacity:1; - z-index:10; - -webkit-animation-name:fadein -} -.fade.out{ - z-index:0; - -webkit-animation-name:fadeout -} -.ui-mobile-viewport-perspective{ - -webkit-perspective:1000; - position:absolute -} -.ui-mobile-viewport-transitioning, -.ui-mobile-viewport-transitioning .ui-page{ - width:100%; - height:100%; - overflow:hidden -} -.flip{ - -webkit-animation-duration:.65s; - -webkit-backface-visibility:hidden; - -webkit-transform:translateX(0) -} -.flip.in{ - -webkit-transform:rotateY(0) scale(1); - -webkit-animation-name:flipinfromleft -} -.flip.out{ - -webkit-transform:rotateY(-180deg) scale(.8); - -webkit-animation-name:flipouttoleft -} -.flip.in.reverse{ - -webkit-transform:rotateY(0) scale(1); - -webkit-animation-name:flipinfromright -} -.flip.out.reverse{ - -webkit-transform:rotateY(180deg) scale(.8); - -webkit-animation-name:flipouttoright -} -@-webkit-keyframes flipinfromright{ - from{ - -webkit-transform:rotateY(-180deg) scale(.8) - } - to{ - -webkit-transform:rotateY(0) scale(1) - } -} -@-webkit-keyframes flipinfromleft{ - from{ - -webkit-transform:rotateY(180deg) scale(.8) - } - to{ - -webkit-transform:rotateY(0) scale(1) - } -} -@-webkit-keyframes flipouttoleft{ - from{ - -webkit-transform:rotateY(0) scale(1) - } - to{ - -webkit-transform:rotateY(-180deg) scale(.8) - } -} -@-webkit-keyframes flipouttoright{ - from{ - -webkit-transform:rotateY(0) scale(1) - } - to{ - -webkit-transform:rotateY(180deg) scale(.8) - } -} -@-webkit-keyframes dontmove{ - from{ - opacity:1 - } - to{ - opacity:1 - } -} -.pop{ - -webkit-transform-origin:50% 50% -} -.pop.in{ - -webkit-transform:scale(1); - opacity:1; - -webkit-animation-name:popin; - z-index:10 -} -.pop.out.reverse{ - -webkit-transform:scale(.2); - opacity:0; - -webkit-animation-name:popout; - z-index:10 -} -.pop.in.reverse{ - z-index:0; - -webkit-animation-name:dontmove -} -@-webkit-keyframes popin{ - from{ - -webkit-transform:scale(.2); - opacity:0 - } - to{ - -webkit-transform:scale(1); - opacity:1 - } -} -@-webkit-keyframes popout{ - from{ - -webkit-transform:scale(1); - opacity:1 - } - to{ - -webkit-transform:scale(.2); - opacity:0 - } -} -.ui-grid-a, -.ui-grid-b, -.ui-grid-c, -.ui-grid-d{ - overflow:hidden -} -.ui-block-a, -.ui-block-b, -.ui-block-c, -.ui-block-d, -.ui-block-e{ - margin:0; - padding:0; - border:0; - float:left -} -.ui-grid-a .ui-block-a, -.ui-grid-a .ui-block-b{ - width:50% -} -.ui-grid-a .ui-block-a{ - clear:left -} -.ui-grid-b .ui-block-a, -.ui-grid-b .ui-block-b, -.ui-grid-b .ui-block-c{ - width:33.333% -} -.ui-grid-b .ui-block-a{ - clear:left -} -.ui-grid-c .ui-block-a, -.ui-grid-c .ui-block-b, -.ui-grid-c .ui-block-c, -.ui-grid-c .ui-block-d{ - width:25% -} -.ui-grid-c .ui-block-a{ - clear:left -} -.ui-grid-d .ui-block-a, -.ui-grid-d .ui-block-b, -.ui-grid-d .ui-block-c, -.ui-grid-d .ui-block-d, -.ui-grid-d .ui-block-e{ - width:20% -} -.ui-grid-d .ui-block-a{ - clear:left -} -.ui-header, -.ui-footer, -.ui-page-fullscreen .ui-header, -.ui-page-fullscreen .ui-footer{ - position:absolute;overflow:hidden; - width:100%; - border-left-width:0; - border-right-width:0 -} -.ui-header-fixed, -.ui-footer-fixed{ - z-index:1000; - -webkit-transform:translateZ(0) -} -.ui-footer-duplicate, -.ui-page-fullscreen .ui-fixed-inline{ - display:none -} -.ui-page-fullscreen .ui-header, -.ui-page-fullscreen .ui-footer{ - opacity:.9 -} -.ui-navbar{ - overflow:hidden -} -.ui-navbar ul, -.ui-navbar-expanded ul{ - list-style:none; - padding:0; - margin:0; - position:relative; - display:block; - border:0 -} -.ui-navbar-collapsed ul{ - float:left; - width:75%; - margin-right:-2px -} -.ui-navbar-collapsed .ui-navbar-toggle{ - float:left; - width:25% -} -.ui-navbar li.ui-navbar-truncate{ - position:absolute; - left:-9999px; - top:-9999px -}.ui-navbar li .ui-btn, -.ui-navbar .ui-navbar-toggle .ui-btn{ - display:block; - font-size:12px; - text-align:center; - margin:0; - border-right-width:0 -} -.ui-navbar li .ui-btn{ - margin-right:-1px -} -.ui-navbar li .ui-btn:last-child{ - margin-right:0 -} -.ui-header .ui-navbar li .ui-btn, -.ui-header .ui-navbar .ui-navbar-toggle .ui-btn, -.ui-footer .ui-navbar li .ui-btn, -.ui-footer .ui-navbar .ui-navbar-toggle .ui-btn{ - border-top-width:0; - border-bottom-width:0 -} -.ui-navbar .ui-btn-inner{ - padding-left:2px; - padding-right:2px -} -.ui-navbar-noicons li .ui-btn .ui-btn-inner, -.ui-navbar-noicons .ui-navbar-toggle .ui-btn-inner{ - padding-top:.8em; - padding-bottom:.9em -} -.ui-navbar-expanded .ui-btn{ - margin:0;font-size:14px -} -.ui-navbar-expanded .ui-btn-inner{ - padding-left:5px; - padding-right:5px -} -.ui-navbar-expanded .ui-btn-icon-top .ui-btn-inner{ - padding:45px 5px 15px; - text-align:center -} -.ui-navbar-expanded .ui-btn-icon-top .ui-icon{ - top:15px -} -.ui-navbar-expanded .ui-btn-icon-bottom .ui-btn-inner{ - padding:15px 5px 45px; - text-align:center -} -.ui-navbar-expanded .ui-btn-icon-bottom .ui-icon{ - bottom:15px -} -.ui-navbar-expanded li .ui-btn .ui-btn-inner{ - min-height:2.5em -} -.ui-navbar-expanded .ui-navbar-noicons .ui-btn .ui-btn-inner{ - padding-top:1.8em; - padding-bottom:1.9em -} -.ui-btn{ - display:block; - text-align:center; - cursor:pointer; - position:relative; - margin:.5em 5px; - padding:0 -} -.ui-btn:focus, -.ui-btn:active{ - outline:0 -} -.ui-header .ui-btn, -.ui-footer .ui-btn, -.ui-bar .ui-btn{ - display:inline-block; - font-size:13px; - margin:0 -} -.ui-btn-inline{ - display:inline-block -} -.ui-btn-inner{ - padding:.6em 25px; - display:block; - height:100%; - text-overflow:ellipsis; - overflow:hidden; - white-space:nowrap; - position:relative -} -.ui-header .ui-btn-inner, -.ui-footer .ui-btn-inner, -.ui-bar .ui-btn-inner{ - padding:.4em 8px .5em -} -.ui-btn-icon-notext{ - display:inline-block; - width:20px; - height:20px; - padding:2px 1px 2px 3px; - text-indent:-9999px -} -.ui-btn-icon-notext .ui-btn-inner{ - padding:0 -} -.ui-btn-icon-notext .ui-btn-text{ - position:absolute; - left:-999px -} -.ui-btn-icon-left .ui-btn-inner{ - padding-left:33px -} -.ui-header .ui-btn-icon-left .ui-btn-inner, -.ui-footer .ui-btn-icon-left .ui-btn-inner, -.ui-bar .ui-btn-icon-left .ui-btn-inner{ - padding-left:27px -} -.ui-btn-icon-right .ui-btn-inner{ - padding-right:33px -} -.ui-header .ui-btn-icon-right .ui-btn-inner, -.ui-footer .ui-btn-icon-right .ui-btn-inner, -.ui-bar .ui-btn-icon-right .ui-btn-inner{ - padding-right:27px -} -.ui-btn-icon-top .ui-btn-inner{ - padding-top:33px -} -.ui-header .ui-btn-icon-top .ui-btn-inner, -.ui-footer .ui-btn-icon-top .ui-btn-inner, -.ui-bar .ui-btn-icon-top .ui-btn-inner{ - padding-top:27px -} -.ui-btn-icon-bottom .ui-btn-inner{ - padding-bottom:33px -} -.ui-header .ui-btn-icon-bottom .ui-btn-inner, -.ui-footer .ui-btn-icon-bottom .ui-btn-inner, -.ui-bar .ui-btn-icon-bottom .ui-btn-inner{ - padding-bottom:27px -} -.ui-btn-icon-notext .ui-icon{ - display:block -} -.ui-btn-icon-left .ui-icon, -.ui-btn-icon-right .ui-icon{ - position:absolute; - top:50%; - margin-top:-9px -} -.ui-btn-icon-top .ui-icon, -.ui-btn-icon-bottom .ui-icon{ - position:absolute; - left:50%; - margin-left:-9px -} -.ui-btn-icon-left .ui-icon{ - left:10px -} -.ui-btn-icon-right .ui-icon{ - right:10px -} -.ui-header .ui-btn-icon-left .ui-icon, -.ui-footer .ui-btn-icon-left .ui-icon, -.ui-bar .ui-btn-icon-left .ui-icon{ - left:4px -} -.ui-header .ui-btn-icon-right .ui-icon, -.ui-footer .ui-btn-icon-right .ui-icon, -.ui-bar .ui-btn-icon-right .ui-icon{ - right:4px -} -.ui-header .ui-btn-icon-top .ui-icon, -.ui-footer .ui-btn-icon-top .ui-icon, -.ui-bar .ui-btn-icon-top .ui-icon{ - top:4px -} -.ui-header .ui-btn-icon-bottom .ui-icon, -.ui-footer .ui-btn-icon-bottom .ui-icon, -.ui-bar .ui-btn-icon-bottom .ui-icon{ - bottom:4px -} -.ui-btn-icon-top .ui-icon{ - top:5px -} -.ui-btn-icon-bottom .ui-icon{ - bottom:5px -} -.ui-btn-hidden{ - position:absolute; - top:0;left:0; - width:100%; - height:100%; - -webkit-appearance:button;opacity:0; - cursor:pointer -} -.ui-collapsible-contain{ - margin:.5em 0 -} -.ui-collapsible-heading{ - font-size:16px; - display:block; - margin:0 -8px; - padding:0; - border-width:0 0 1px 0; - position:relative -} -.ui-collapsible-heading a{ - text-align:left; - margin:0 -} -.ui-collapsible-heading a .ui-btn-inner{ - padding-left:40px -} -.ui-collapsible-heading a span.ui-btn{ - position:absolute; - left:6px;top:50%; - margin:-12px 0 0 0; - width:20px; - height:20px; - padding:1px 0 1px 2px; - text-indent:-9999px -} -.ui-collapsible-heading a span.ui-btn .ui-btn-inner{ - padding:0 -} -.ui-collapsible-heading a span.ui-btn .ui-icon{ - left:0; - margin-top:-10px -} -.ui-collapsible-heading-status{ - position:absolute; - left:-9999px -} -.ui-collapsible-content{ - display:block; - padding:10px 0 10px 8px -} -.ui-collapsible-content-collapsed{ - display:none -} -.ui-collapsible-set{ - margin:.5em 0 -} -.ui-collapsible-set .ui-collapsible-contain{ - margin:-1px 0 0 -} -.ui-controlgroup,fieldset.ui-controlgroup{ - padding:0; - margin:.5em 0 1em -} -.ui-bar .ui-controlgroup{ - margin:0 .3em -} -.ui-controlgroup-label{ - font-size:16px; - line-height:1.4; - font-weight:normal; - margin:0 0 .3em -} -.ui-controlgroup-controls{ - display:block; - width:95% -} -.ui-controlgroup li{ - list-style:none -} -.ui-controlgroup-vertical .ui-btn, -.ui-controlgroup-vertical .ui-checkbox, -.ui-controlgroup-vertical .ui-radio{ - margin:0; - border-bottom-width:0 -} -.ui-controlgroup-vertical .ui-controlgroup-last{ - border-bottom-width:1px -} -.ui-controlgroup-horizontal{ - padding:0 -} -.ui-controlgroup-horizontal .ui-btn, -.ui-controlgroup-horizontal .ui-checkbox, -.ui-controlgroup-horizontal .ui-radio{ - margin:0 -5px 0 0; - display:inline-block -} -.ui-controlgroup-horizontal .ui-checkbox .ui-btn, -.ui-controlgroup-horizontal .ui-radio .ui-btn, -.ui-controlgroup-horizontal .ui-checkbox:last-child, -.ui-controlgroup-horizontal .ui-radio:last-child{ - margin-right:0 -} -.ui-controlgroup-horizontal .ui-controlgroup-last{ - margin-right:0 -} -.ui-controlgroup .ui-checkbox label, -.ui-controlgroup .ui-radio label{ - font-size:16px -} -.min-width-480px .ui-controlgroup-label{ - vertical-align:top;display:inline-block; - width:20%; - margin:0 2% 0 0 -} -.min-width-480px .ui-controlgroup-controls{ - width:60%; - display:inline-block -} -.ui-dialog{ - min-height:480px -} -.ui-dialog .ui-header, -.ui-dialog .ui-content, -.ui-dialog .ui-footer{ - margin:15px; - position:relative -} -.ui-dialog .ui-header, -.ui-dialog .ui-footer{ - z-index:10; - width:auto -} -.ui-dialog .ui-content, -.ui-dialog .ui-footer{ - margin-top:-15px -} -.ui-checkbox, -.ui-radio{ - position:relative; - margin:.2em 0 .5em; - z-index:1 -} -.ui-checkbox .ui-btn, -.ui-radio .ui-btn{ - margin:0; - text-align:left; - z-index:2 -} -.ui-checkbox .ui-btn-icon-left .ui-btn-inner, -.ui-radio .ui-btn-icon-left .ui-btn-inner{ - padding-left:45px -} -.ui-checkbox .ui-btn-icon-right .ui-btn-inner, -.ui-radio .ui-btn-icon-right .ui-btn-inner{ - padding-right:45px -} -.ui-checkbox .ui-btn-icon-left .ui-icon, -.ui-radio .ui-btn-icon-left .ui-icon{ - left:15px -} -.ui-checkbox .ui-btn-icon-right .ui-icon, -.ui-radio .ui-btn-icon-right .ui-icon{ - right:15px -} -.ui-checkbox input, -.ui-radio input{ - position:absolute; - left:20px; - top:50%; - width:10px; - height:10px; - margin:-5px 0 0 0; - outline:0!important; - z-index:1 -} -.ui-field-contain{ - background:0; - padding:1.5em 0; - margin:0; - border-bottom-width:1px; - overflow:visible -} -.ui-field-contain:first-child{ - border-top-width:0 -} -.min-width-480px .ui-field-contain{ - border-width:0; - padding:0; - margin:1em 0 -} -.ui-select{ - display:block; - position:relative -} -.ui-select select{ - position:absolute; - left:-9999px; - top:-9999px -} -.ui-select .ui-btn select{ - cursor:pointer; - -webkit-appearance:button; - left:0;top:0; - width:100%; - height:100%; - opacity:.001 -} -.ui-select .ui-btn select.ui-select-nativeonly{ - opacity:1 -} -.ui-select .ui-btn-icon-right .ui-btn-inner{ - padding-right:45px -} -.ui-select .ui-btn-icon-right .ui-icon{ - right:15px -} -label.ui-select{ - font-size:16px; - line-height:1.4; - font-weight:normal; - margin:0 0 .3em; - display:block -} -.ui-select .ui-btn-text, -.ui-selectmenu .ui-btn-text{ - display:inline-block; - min-height:1em -} -.ui-select .ui-btn-text{ - text-overflow:ellipsis; - overflow:hidden; - width:85% -} -.ui-selectmenu{ - position:absolute; - padding:0; - z-index:100!important; - width:80%; - max-width:350px; - padding:6px -} -.ui-selectmenu .ui-listview{ - margin:0 -} -.ui-selectmenu .ui-btn.ui-li-divider{ - cursor:default -} -.ui-selectmenu-hidden{ - top:-9999px; - left:-9999px -} -.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 -} -.ui-selectmenu-list .ui-li .ui-icon{ - display:block -} -.ui-li.ui-selectmenu-placeholder{ - display:none -} -.min-width-480px label.ui-select{ - display:inline-block; - width:20%; - margin:0 2% 0 0 -} -.min-width-480px .ui-select{ - width:60%; - display:inline-block -} -.ui-selectmenu .ui-header h1:after{ - content:'.'; - visibility:hidden -} -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% -} -input.ui-input-text{ - -webkit-appearance:none -} -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 -} -.ui-input-search{ - padding:0 30px; - width:77%; - background-position:8px 50%; - background-repeat:no-repeat; - position:relative -} -.ui-input-search input.ui-input-text{ - border:0; - width:98%; - padding:.4em 0; - margin:0; - display:block; - background:transparent none; - outline:0!important -} -.ui-input-search .ui-input-clear{ - position:absolute; - right:0;top:50%; - margin-top:-14px -} -.ui-input-search .ui-input-clear-hidden{ - display:none -} -.min-width-480px label.ui-input-text{ - vertical-align:top -} -.min-width-480px label.ui-input-text{ - display:inline-block; - width:20%; - margin:0 2% 0 0 -} -.min-width-480px input.ui-input-text, -.min-width-480px textarea.ui-input-text, -.min-width-480px .ui-input-search{ - width:60%; - display:inline-block -} -.min-width-480px .ui-input-search{ - width:50% -} -.ui-listview{ - margin:0;counter-reset:listnumbering -} -.ui-content .ui-listview{ - margin:-15px -} -.ui-content .ui-listview-inset{ - margin:1em 0 -} -.ui-listview, -.ui-li{ - list-style:none; - padding:0; - zoom:1 -} -.ui-li{ - display:block; - margin:0; - position:relative; - overflow:hidden; - text-align:left; - border-width:0; - border-top-width:1px -} -.ui-li .ui-btn-text{ - text-overflow:ellipsis; - overflow:hidden; - white-space:nowrap -} -.ui-li-divider, -.ui-li-static{ - padding:.5em 15px; - font-size:14px; - font-weight:bold; - counter-reset:listnumbering -} -ol.ui-listview .ui-link-inherit:before, -.ui-li-dec{ - font-size:.8em; - display:inline-block; - padding-right:.3em; - font-weight:normal; - counter-increment:listnumbering; - content:counter(listnumbering) ". " -} -ol.ui-listview .ui-li-jsnumbering:before{ - content:""!important -} -.ui-listview-inset .ui-li{ - border-right-width:1px; - border-left-width:1px -} -.ui-li:last-child{ - border-bottom-width:1px -} -.ui-li .ui-btn-inner{ - display:block; - position:relative; - padding:.7em 75px .7em 15px -} -.ui-li-has-thumb .ui-btn-inner{ - min-height:60px; - padding-left:100px -} -.ui-li-has-icon .ui-btn-inner{ - min-height:20px; - padding-left:40px -} -.ui-li-heading{ - font-size:16px; - font-weight:bold; - display:block; - margin:.6em 0; - text-overflow:ellipsis; - overflow:hidden; - white-space:nowrap -} -.ui-li-desc{ - font-size:12px; - font-weight:normal; - display:block; - margin:-.5em 0 .6em; - text-overflow:ellipsis; - overflow:hidden; - white-space:nowrap -} -.ui-li-thumb, -.ui-li-icon{ - position:absolute; - left:1px; - top:0; - max-height:80px; - max-width:80px -} -.ui-li-icon{ - max-height:40px; - max-width:40px; - left:10px; - top:.9em -} -.ui-li-thumb, -.ui-li-icon, -.ui-li-content{ - float:left; - margin-right:10px -} -.ui-li-aside{ - float:right; - width:50%; - text-align:right; - margin:.3em 0 -} -.min-width-480px .ui-li-aside{ - width:45% -} -.ui-li-has-alt .ui-btn-inner{ - padding-right:95px -} -.ui-li-count{ - position:absolute; - font-size:11px; - font-weight:bold; - padding:.2em .5em; - top:50%; - margin-top:-.9em; - right:38px -} -.ui-li-divider .ui-li-count{ - right:10px -} -.ui-li-has-alt .ui-li-count{ - right:55px -} -.ui-li-link-alt{ - position:absolute; - width:40px; - height:100%; - border-width:0; - border-left-width:1px; - top:0; - right:0; - margin:0; - padding:0 -} -.ui-li-link-alt .ui-btn{ - overflow:hidden; - position:absolute; - right:8px; - top:50%; - margin:-11px 0 0 0; - border-bottom-width:1px -} -.ui-li-link-alt .ui-btn-inner{ - padding:0; - position:static -} -.ui-li-link-alt .ui-btn .ui-icon{ - right:50%; - margin-right:-9px -} -.ui-listview-filter{ - border-width:0; - overflow:hidden; - margin:-15px -15px 15px -15px -} -.ui-listview-filter .ui-input-search{ - margin:5px; - width:auto; - display:block -} -@media only screen and (min-device-width:768px) and (max-device-width:1024px){ - .ui-li .ui-btn-text{ - overflow:visible - } -} -label.ui-slider{ - display:block -} -input.ui-slider-input, -.min-width-480px input.ui-slider-input{ - display:inline-block; - width:50px -} -select.ui-slider-switch{ - display:none -} -div.ui-slider{ - position:relative; - display:inline-block; - overflow:visible; - height:15px; - padding:0; - margin:0 2% 0 20px; - top:4px; - width:66% -} -a.ui-slider-handle{ - position:absolute; - z-index:10; - top:50%; - width:28px; - height:28px; - margin-top:-15px; - margin-left:-15px -} -a.ui-slider-handle .ui-btn-inner{ - padding-left:0; - padding-right:0 -} -.min-width-480px label.ui-slider{ - display:inline-block; - width:20%; - margin:0 2% 0 0 -} -.min-width-480px div.ui-slider{ - width:45% -} -div.ui-slider-switch{ - height:32px; - overflow:hidden; - margin-left:0 -} -div.ui-slider-inneroffset{ - margin-left:50%; - position:absolute; - top:1px; - height:100%; - width:50% -} -div.ui-slider-handle-snapping{ - -webkit-transition:left 100ms linear -} -div.ui-slider-labelbg{ - position:absolute; - top:0; - margin:0; - border-width:0 -} -div.ui-slider-switch div.ui-slider-labelbg-a{ - width:60%; - height:100%; - left:0 -} -div.ui-slider-switch div.ui-slider-labelbg-b{ - width:60%; - height:100%; - right:0 -} -.ui-slider-switch-a div.ui-slider-labelbg-a, -.ui-slider-switch-b div.ui-slider-labelbg-b{ - z-index:1 -} -.ui-slider-switch-a div.ui-slider-labelbg-b, -.ui-slider-switch-b div.ui-slider-labelbg-a{ - z-index:10 -} -div.ui-slider-switch a.ui-slider-handle{ - z-index:20; - width:101%; - height:32px; - margin-top:-18px; - margin-left:-101% -} -span.ui-slider-label{ - width:100%; - position:absolute; - height:32px; - font-size:16px; - text-align:center; - line-height:2; - background:0; - border-color:transparent -} -span.ui-slider-label-a{ - left:-100%; - margin-right:-1px -} -span.ui-slider-label-b{ - right:-100%; - margin-left:-1px -} Index: /branches/version-2_11-dev/html/user_data/packages/sphone/js/config.js =================================================================== --- /branches/version-2_11-dev/html/user_data/packages/sphone/js/config.js (revision 21136) +++ /branches/version-2_11-dev/html/user_data/packages/sphone/js/config.js (revision 21453) @@ -1,4 +1,5 @@ $(document).bind("mobileinit", function(){ - $.mobile.ajaxFormsEnabled = false; - $.mobile.ajaxLinksEnabled = false; + $.mobile.ajaxEnabled = false; + $.mobile.pushStateEnabled = false; + $.mobile.page.prototype.options.keepNative = "select, input, textarea.bar"; }); Index: /branches/version-2_11-dev/html/user_data/packages/sphone/js/jquery-1.6.4.min.js =================================================================== --- /branches/version-2_11-dev/html/user_data/packages/sphone/js/jquery-1.6.4.min.js (revision 21453) +++ /branches/version-2_11-dev/html/user_data/packages/sphone/js/jquery-1.6.4.min.js (revision 21453) @@ -0,0 +1,4 @@ +/*! jQuery v1.6.4 http://jquery.com/ | http://jquery.org/license */ +(function(a,b){function cu(a){return f.isWindow(a)?a:a.nodeType===9?a.defaultView||a.parentWindow:!1}function cr(a){if(!cg[a]){var b=c.body,d=f("<"+a+">").appendTo(b),e=d.css("display");d.remove();if(e==="none"||e===""){ch||(ch=c.createElement("iframe"),ch.frameBorder=ch.width=ch.height=0),b.appendChild(ch);if(!ci||!ch.createElement)ci=(ch.contentWindow||ch.contentDocument).document,ci.write((c.compatMode==="CSS1Compat"?"":"")+"
"),ci.close();d=ci.createElement(a),ci.body.appendChild(d),e=f.css(d,"display"),b.removeChild(ch)}cg[a]=e}return cg[a]}function cq(a,b){var c={};f.each(cm.concat.apply([],cm.slice(0,b)),function(){c[this]=a});return c}function cp(){cn=b}function co(){setTimeout(cp,0);return cn=f.now()}function cf(){try{return new a.ActiveXObject("Microsoft.XMLHTTP")}catch(b){}}function ce(){try{return new a.XMLHttpRequest}catch(b){}}function b$(a,c){a.dataFilter&&(c=a.dataFilter(c,a.dataType));var d=a.dataTypes,e={},g,h,i=d.length,j,k=d[0],l,m,n,o,p;for(g=1;g0){c!=="border"&&f.each(e,function(){c||(d-=parseFloat(f.css(a,"padding"+this))||0),c==="margin"?d+=parseFloat(f.css(a,c+this))||0:d-=parseFloat(f.css(a,"border"+this+"Width"))||0});return d+"px"}d=bv(a,b,b);if(d<0||d==null)d=a.style[b]||0;d=parseFloat(d)||0,c&&f.each(e,function(){d+=parseFloat(f.css(a,"padding"+this))||0,c!=="padding"&&(d+=parseFloat(f.css(a,"border"+this+"Width"))||0),c==="margin"&&(d+=parseFloat(f.css(a,c+this))||0)});return d+"px"}function bl(a,b){b.src?f.ajax({url:b.src,async:!1,dataType:"script"}):f.globalEval((b.text||b.textContent||b.innerHTML||"").replace(bd,"/*$0*/")),b.parentNode&&b.parentNode.removeChild(b)}function bk(a){f.nodeName(a,"input")?bj(a):"getElementsByTagName"in a&&f.grep(a.getElementsByTagName("input"),bj)}function bj(a){if(a.type==="checkbox"||a.type==="radio")a.defaultChecked=a.checked}function bi(a){return"getElementsByTagName"in a?a.getElementsByTagName("*"):"querySelectorAll"in a?a.querySelectorAll("*"):[]}function bh(a,b){var c;if(b.nodeType===1){b.clearAttributes&&b.clearAttributes(),b.mergeAttributes&&b.mergeAttributes(a),c=b.nodeName.toLowerCase();if(c==="object")b.outerHTML=a.outerHTML;else if(c!=="input"||a.type!=="checkbox"&&a.type!=="radio"){if(c==="option")b.selected=a.defaultSelected;else if(c==="input"||c==="textarea")b.defaultValue=a.defaultValue}else a.checked&&(b.defaultChecked=b.checked=a.checked),b.value!==a.value&&(b.value=a.value);b.removeAttribute(f.expando)}}function bg(a,b){if(b.nodeType===1&&!!f.hasData(a)){var c=f.expando,d=f.data(a),e=f.data(b,d);if(d=d[c]){var g=d.events;e=e[c]=f.extend({},d);if(g){delete e.handle,e.events={};for(var h in g)for(var i=0,j=g[h].length;it |