Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

holo theme part1

  • Loading branch information...
commit 9b7aba1f511944d05e7a96c29a47423915be8f15 1 parent 16f1bd6
Jonas Gehring authored
View
10 README.md
@@ -1,4 +1,8 @@
-custom theme to match android ui guidelines
+About
+----------
+This is a custom jquery mobile theme, that matches the Holo theme family in Android 4.0 Theme.Holo.Dark and Theme.Holo.Light.
+
+http://developer.android.com/design/building-blocks/buttons.html
How to use
-----------
@@ -20,3 +24,7 @@ See
-----
http://www.jjoe64.com/2011/09/android-theme-for-jquery-mobile.html
+How to build
+----------------
+The basic css is generated with the jquery mobile theme generator. Then all rules are wrapped with .android class. Compile it with SASS.
+
View
19 index.html
@@ -9,7 +9,7 @@
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.3.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/mobile/1.0b3/jquery.mobile-1.0b3.min.js"></script>
-<link rel="stylesheet" href="jquery.mobile.android-theme.css" />
+<link rel="stylesheet" href="themes/android-theme.css" />
<script type="text/javascript">
var DEBUG_ANDROID_THEME=true
</script>
@@ -18,13 +18,13 @@
</head>
<body>
<div data-role="page">
- <div data-role="header" data-position="fixed">
- <a href="#" data-role="button" data-icon="back" data-rel="back" class="hide-on-android">Back</a>
+ <div data-role="header" data-position="fixed" data-theme="c">
+ <a href="#" data-role="button" data-icon="back" data-rel="back" class="hide-on-android" data-theme="c">Back</a>
<h1>Page Title</h1>
- <a href="#" data-role="button" data-icon="plus" class="ui-btn-right" id="btn_new">New Item</a>
+ <a href="#" data-role="button" data-icon="plus" class="ui-btn-right" id="btn_new" data-theme="c">New Item</a>
</div><!-- /header -->
- <div data-role="content">
- <ul id="list_todo" data-role="listview" data-inset="true">
+ <div data-role="content" data-theme="c">
+ <ul id="list_todo" data-role="listview" data-inset="true" data-theme="c">
<li>
<a href="#dialog_item">
<h2>Buying new pants</h2>
@@ -38,9 +38,12 @@
</a>
</li>
</ul>
- <a href="#" data-role="button">hey ho</a>
+ <a href="#" data-role="button" data-theme="a">theme A</a>
+ <a href="#" data-role="button" data-theme="b">theme B</a>
+ <a href="#" data-role="button" data-theme="c">theme C</a>
+ <a href="#" data-role="button" data-theme="d">theme D</a>
</div><!-- /content -->
- <div data-role="footer" data-position="fixed">
+ <div data-role="footer" data-position="fixed" data-theme="c">
<h4>Page Footer</h4>
</div><!-- /footer -->
</div><!-- /page -->
View
867 themes/android-theme.css
@@ -0,0 +1,867 @@
+ /*
+* 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
+-----------------------------------------------------------------------------------------------------------*/
+body.android {
+ /* B
+ -----------------------------------------------------------------------------------------------------------*/
+ /* C
+ -----------------------------------------------------------------------------------------------------------*/
+ /* D
+ -----------------------------------------------------------------------------------------------------------*/
+ /* Structure */
+ /* links within "buttons"
+ -----------------------------------------------------------------------------------------------------------*/
+ /* Active class used as the "on" state across all themes
+ -----------------------------------------------------------------------------------------------------------*/
+ /* button inner top highlight
+ -----------------------------------------------------------------------------------------------------------*/
+ /* corner rounding classes
+ -----------------------------------------------------------------------------------------------------------*/
+ /* Interaction cues
+ -----------------------------------------------------------------------------------------------------------*/
+ /* Icons
+ -----------------------------------------------------------------------------------------------------------*/
+ /* Alt icon color
+ -----------------------------------------------------------------------------------------------------------*/
+ /* HD/"retina" sprite
+ -----------------------------------------------------------------------------------------------------------*/
+ /* plus minus */
+ /* delete/close */
+ /* arrows */
+ /* misc */
+ /* checks,radios */
+ /* loading icon */
+ /* Button corner classes
+ -----------------------------------------------------------------------------------------------------------*/
+ /* radius clip workaround for cleaning up corner trapping */
+ /* Overlay / modal
+ -----------------------------------------------------------------------------------------------------------*/
+ /* Focus state - set here for specificity
+ -----------------------------------------------------------------------------------------------------------*/
+ /* unset box shadow in browsers that don't do it right
+ -----------------------------------------------------------------------------------------------------------*/
+ /* ...and bring back focus */
+ /* custom -- no corders */ }
+ body.android .ui-bar-a {
+ border: 1px solid #b3b3b3;
+ background: #222222;
+ color: #f5f5f5;
+ font-weight: bold;
+ text-shadow: 0 1px 1px #777777;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#222222), to(#222222));
+ /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient(#222222, #222222);
+ /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient(#222222, #222222);
+ /* FF3.6 */
+ background-image: -ms-linear-gradient(#222222, #222222);
+ /* IE10 */
+ background-image: -o-linear-gradient(#222222, #222222);
+ /* Opera 11.10+ */
+ background-image: linear-gradient(#222222, #222222); }
+ body.android .ui-bar-a .ui-link-inherit {
+ color: #f5f5f5; }
+ body.android .ui-bar-a .ui-link {
+ color: #7cc4e7;
+ font-weight: bold; }
+ body.android .ui-bar-a .ui-link:hover {
+ color: #2489ce; }
+ body.android .ui-bar-a .ui-link:active {
+ color: #2489ce; }
+ body.android .ui-bar-a .ui-link:visited {
+ color: #2489ce; }
+ body.android .ui-bar-a,
+ body.android .ui-bar-a input,
+ body.android .ui-bar-a select,
+ body.android .ui-bar-a textarea,
+ body.android .ui-bar-a button {
+ font-family: Helvetica, Arial, sans-serif; }
+ body.android .ui-body-a,
+ body.android .ui-dialog.ui-overlay-a {
+ border: 1px solid #b3b3b3;
+ color: white;
+ text-shadow: 0 1px 0 #636363;
+ background: #313131;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#313131), to(#313131));
+ /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient(#313131, #313131);
+ /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient(#313131, #313131);
+ /* FF3.6 */
+ background-image: -ms-linear-gradient(#313131, #313131);
+ /* IE10 */
+ background-image: -o-linear-gradient(#313131, #313131);
+ /* Opera 11.10+ */
+ background-image: linear-gradient(#313131, #313131); }
+ body.android .ui-body-a,
+ body.android .ui-body-a input,
+ body.android .ui-body-a select,
+ body.android .ui-body-a textarea,
+ body.android .ui-body-a button {
+ font-family: Helvetica, Arial, sans-serif; }
+ body.android .ui-body-a .ui-link-inherit {
+ color: white; }
+ body.android .ui-body-a .ui-link {
+ color: #65afe2;
+ font-weight: bold; }
+ body.android .ui-body-a .ui-link:hover {
+ color: #2489ce; }
+ body.android .ui-body-a .ui-link:active {
+ color: #2489ce; }
+ body.android .ui-body-a .ui-link:visited {
+ color: #2489ce; }
+ body.android .ui-btn-up-a {
+ border: 1px solid #cccccc;
+ background: #5b5b5b;
+ font-weight: bold;
+ color: #f2f2f2;
+ text-shadow: 0 1px 1px #383838;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#5b5b5b), to(#5b5b5b));
+ /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient(#5b5b5b, #5b5b5b);
+ /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient(#5b5b5b, #5b5b5b);
+ /* FF3.6 */
+ background-image: -ms-linear-gradient(#5b5b5b, #5b5b5b);
+ /* IE10 */
+ background-image: -o-linear-gradient(#5b5b5b, #5b5b5b);
+ /* Opera 11.10+ */
+ background-image: linear-gradient(#5b5b5b, #5b5b5b); }
+ body.android .ui-btn-up-a a.ui-link-inherit {
+ color: #f2f2f2; }
+ body.android .ui-btn-hover-a {
+ border: 1px solid #326679;
+ background: #5b5b5b;
+ font-weight: bold;
+ color: #f2f2f2;
+ text-shadow: 0 1px 1px #383838;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#5b5b5b), to(#5b5b5b));
+ /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient(#5b5b5b, #5b5b5b);
+ /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient(#5b5b5b, #5b5b5b);
+ /* FF3.6 */
+ background-image: -ms-linear-gradient(#5b5b5b, #5b5b5b);
+ /* IE10 */
+ background-image: -o-linear-gradient(#5b5b5b, #5b5b5b);
+ /* Opera 11.10+ */
+ background-image: linear-gradient(#5b5b5b, #5b5b5b); }
+ body.android .ui-btn-hover-a a.ui-link-inherit {
+ color: #f2f2f2; }
+ body.android .ui-btn-down-a {
+ border: 1px solid #326679;
+ background: #32a5cf;
+ font-weight: bold;
+ color: #f2f2f2;
+ text-shadow: 0 1px 1px #383838;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#32a5cf), to(#32a5cf));
+ /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient(#32a5cf, #32a5cf);
+ /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient(#32a5cf, #32a5cf);
+ /* FF3.6 */
+ background-image: -ms-linear-gradient(#32a5cf, #32a5cf);
+ /* IE10 */
+ background-image: -o-linear-gradient(#32a5cf, #32a5cf);
+ /* Opera 11.10+ */
+ background-image: linear-gradient(#32a5cf, #32a5cf); }
+ body.android .ui-btn-down-a a.ui-link-inherit {
+ color: #f2f2f2; }
+ body.android .ui-btn-up-a,
+ body.android .ui-btn-hover-a,
+ body.android .ui-btn-down-a {
+ font-family: Helvetica, Arial, sans-serif;
+ text-decoration: none; }
+ body.android .ui-bar-b {
+ border: 1px solid #cccccc;
+ background: #cccccc;
+ color: black;
+ font-weight: bold;
+ text-shadow: 0 1px 1px #eeeeee;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#b7b7b7));
+ /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient(#e0e0e0, #b7b7b7);
+ /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient(#e0e0e0, #b7b7b7);
+ /* FF3.6 */
+ background-image: -ms-linear-gradient(#e0e0e0, #b7b7b7);
+ /* IE10 */
+ background-image: -o-linear-gradient(#e0e0e0, #b7b7b7);
+ /* Opera 11.10+ */
+ background-image: linear-gradient(#e0e0e0, #b7b7b7); }
+ body.android .ui-bar-b .ui-link-inherit {
+ color: black; }
+ body.android .ui-bar-b .ui-link {
+ color: #7cc4e7;
+ font-weight: bold; }
+ body.android .ui-bar-b .ui-link:hover {
+ color: #2489ce; }
+ body.android .ui-bar-b .ui-link:active {
+ color: #2489ce; }
+ body.android .ui-bar-b .ui-link:visited {
+ color: #2489ce; }
+ body.android .ui-bar-b,
+ body.android .ui-bar-b input,
+ body.android .ui-bar-b select,
+ body.android .ui-bar-b textarea,
+ body.android .ui-bar-b button {
+ font-family: Helvetica, Arial, sans-serif; }
+ body.android .ui-body-b,
+ body.android .ui-dialog.ui-overlay-b {
+ border: 1px solid #b3b3b3;
+ color: #333333;
+ text-shadow: 0 1px 0 white;
+ background: #f0f0f0;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#dddddd));
+ /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient(#eeeeee, #dddddd);
+ /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient(#eeeeee, #dddddd);
+ /* FF3.6 */
+ background-image: -ms-linear-gradient(#eeeeee, #dddddd);
+ /* IE10 */
+ background-image: -o-linear-gradient(#eeeeee, #dddddd);
+ /* Opera 11.10+ */
+ background-image: linear-gradient(#eeeeee, #dddddd); }
+ body.android .ui-body-b,
+ body.android .ui-body-b input,
+ body.android .ui-body-b select,
+ body.android .ui-body-b textarea,
+ body.android .ui-body-b button {
+ font-family: Helvetica, Arial, sans-serif; }
+ body.android .ui-body-b .ui-link-inherit {
+ color: #333333; }
+ body.android .ui-body-b .ui-link {
+ color: #2489ce;
+ font-weight: bold; }
+ body.android .ui-body-b .ui-link:hover {
+ color: #2489ce; }
+ body.android .ui-body-b .ui-link:active {
+ color: #2489ce; }
+ body.android .ui-body-b .ui-link:visited {
+ color: #2489ce; }
+ body.android .ui-btn-up-b {
+ border: 1px solid #3eb8e5;
+ background: #a5d9ec;
+ font-weight: bold;
+ color: #333333;
+ text-shadow: 0 1px 1px #f6f6f6;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#a5d9ec), to(#a5d9ec));
+ /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient(#a5d9ec, #a5d9ec);
+ /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient(#a5d9ec, #a5d9ec);
+ /* FF3.6 */
+ background-image: -ms-linear-gradient(#a5d9ec, #a5d9ec);
+ /* IE10 */
+ background-image: -o-linear-gradient(#a5d9ec, #a5d9ec);
+ /* Opera 11.10+ */
+ background-image: linear-gradient(#a5d9ec, #a5d9ec); }
+ body.android .ui-btn-up-b a.ui-link-inherit {
+ color: #333333; }
+ body.android .ui-btn-hover-b {
+ border: 1px solid white;
+ background: #a5d9ec;
+ font-weight: bold;
+ color: #333333;
+ text-shadow: 0 1px 1px white;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#a5d9ec), to(#a5d9ec));
+ /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient(#a5d9ec, #a5d9ec);
+ /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient(#a5d9ec, #a5d9ec);
+ /* FF3.6 */
+ background-image: -ms-linear-gradient(#a5d9ec, #a5d9ec);
+ /* IE10 */
+ background-image: -o-linear-gradient(#a5d9ec, #a5d9ec);
+ /* Opera 11.10+ */
+ background-image: linear-gradient(#a5d9ec, #a5d9ec); }
+ body.android .ui-btn-hover-b a.ui-link-inherit {
+ color: #333333; }
+ body.android .ui-btn-down-b {
+ border: 1px solid #a5d9ec;
+ background: #4abce7;
+ font-weight: bold;
+ color: #333333;
+ text-shadow: 0 1px 1px white;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#4abce7), to(#4abce7));
+ /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient(#4abce7, #4abce7);
+ /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient(#4abce7, #4abce7);
+ /* FF3.6 */
+ background-image: -ms-linear-gradient(#4abce7, #4abce7);
+ /* IE10 */
+ background-image: -o-linear-gradient(#4abce7, #4abce7);
+ /* Opera 11.10+ */
+ background-image: linear-gradient(#4abce7, #4abce7); }
+ body.android .ui-btn-down-b a.ui-link-inherit {
+ color: #333333; }
+ body.android .ui-btn-up-b,
+ body.android .ui-btn-hover-b,
+ body.android .ui-btn-down-b {
+ font-family: Helvetica, Arial, sans-serif;
+ text-decoration: none; }
+ body.android .ui-bar-c {
+ border: 1px solid #d2d2d2;
+ background: #dddddd;
+ color: #3e3e3e;
+ font-weight: bold;
+ text-shadow: 0 1px 1px white;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#dddddd));
+ /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient(#dddddd, #dddddd);
+ /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient(#dddddd, #dddddd);
+ /* FF3.6 */
+ background-image: -ms-linear-gradient(#dddddd, #dddddd);
+ /* IE10 */
+ background-image: -o-linear-gradient(#dddddd, #dddddd);
+ /* Opera 11.10+ */
+ background-image: linear-gradient(#dddddd, #dddddd); }
+ body.android .ui-bar-c .ui-link-inherit {
+ color: #3e3e3e; }
+ body.android .ui-bar-c .ui-link {
+ color: #7cc4e7;
+ font-weight: bold; }
+ body.android .ui-bar-c .ui-link:hover {
+ color: #2489ce; }
+ body.android .ui-bar-c .ui-link:active {
+ color: #2489ce; }
+ body.android .ui-bar-c .ui-link:visited {
+ color: #2489ce; }
+ body.android .ui-bar-c,
+ body.android .ui-bar-c input,
+ body.android .ui-bar-c select,
+ body.android .ui-bar-c textarea,
+ body.android .ui-bar-c button {
+ font-family: Helvetica, Arial, sans-serif; }
+ body.android .ui-body-c,
+ body.android .ui-dialog.ui-overlay-c {
+ border: 1px solid #b3b3b3;
+ color: #333333;
+ text-shadow: 0 1px 0 white;
+ background: #f2f2f2;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f2f2f2));
+ /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient(#f2f2f2, #f2f2f2);
+ /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient(#f2f2f2, #f2f2f2);
+ /* FF3.6 */
+ background-image: -ms-linear-gradient(#f2f2f2, #f2f2f2);
+ /* IE10 */
+ background-image: -o-linear-gradient(#f2f2f2, #f2f2f2);
+ /* Opera 11.10+ */
+ background-image: linear-gradient(#f2f2f2, #f2f2f2); }
+ body.android .ui-body-c,
+ body.android .ui-body-c input,
+ body.android .ui-body-c select,
+ body.android .ui-body-c textarea,
+ body.android .ui-body-c button {
+ font-family: Helvetica, Arial, sans-serif; }
+ body.android .ui-body-c .ui-link-inherit {
+ color: #333333; }
+ body.android .ui-body-c .ui-link {
+ color: #2489ce;
+ font-weight: bold; }
+ body.android .ui-body-c .ui-link:hover {
+ color: #2489ce; }
+ body.android .ui-body-c .ui-link:active {
+ color: #2489ce; }
+ body.android .ui-body-c .ui-link:visited {
+ color: #2489ce; }
+ body.android .ui-btn-up-c {
+ border: 1px solid #cccccc;
+ background: #cecece;
+ font-weight: bold;
+ color: #333333;
+ text-shadow: 0 1px 1px #f6f6f6;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#cecece), to(#cecece));
+ /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient(#cecece, #cecece);
+ /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient(#cecece, #cecece);
+ /* FF3.6 */
+ background-image: -ms-linear-gradient(#cecece, #cecece);
+ /* IE10 */
+ background-image: -o-linear-gradient(#cecece, #cecece);
+ /* Opera 11.10+ */
+ background-image: linear-gradient(#cecece, #cecece); }
+ body.android .ui-btn-up-c a.ui-link-inherit {
+ color: #333333; }
+ body.android .ui-btn-hover-c {
+ border: 1px solid #3eb8e5;
+ background: #cecece;
+ font-weight: bold;
+ color: #333333;
+ text-shadow: 0 1px 1px white;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#cecece), to(#cecece));
+ /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient(#cecece, #cecece);
+ /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient(#cecece, #cecece);
+ /* FF3.6 */
+ background-image: -ms-linear-gradient(#cecece, #cecece);
+ /* IE10 */
+ background-image: -o-linear-gradient(#cecece, #cecece);
+ /* Opera 11.10+ */
+ background-image: linear-gradient(#cecece, #cecece); }
+ body.android .ui-btn-hover-c a.ui-link-inherit {
+ color: #333333; }
+ body.android .ui-btn-down-c {
+ border: 1px solid #a5d9ec;
+ background: #4abce7;
+ font-weight: bold;
+ color: #333333;
+ text-shadow: 0 1px 1px white;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#4abce7), to(#4abce7));
+ /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient(#4abce7, #4abce7);
+ /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient(#4abce7, #4abce7);
+ /* FF3.6 */
+ background-image: -ms-linear-gradient(#4abce7, #4abce7);
+ /* IE10 */
+ background-image: -o-linear-gradient(#4abce7, #4abce7);
+ /* Opera 11.10+ */
+ background-image: linear-gradient(#4abce7, #4abce7); }
+ body.android .ui-btn-down-c a.ui-link-inherit {
+ color: #333333; }
+ body.android .ui-btn-up-c,
+ body.android .ui-btn-hover-c,
+ body.android .ui-btn-down-c {
+ font-family: Helvetica, Arial, sans-serif;
+ text-decoration: none; }
+ body.android .ui-bar-d {
+ border: 1px solid #b3b3b3;
+ background: #222222;
+ color: #f5f5f5;
+ font-weight: bold;
+ text-shadow: 0 1px 1px #777777;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#222222), to(#222222));
+ /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient(#222222, #222222);
+ /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient(#222222, #222222);
+ /* FF3.6 */
+ background-image: -ms-linear-gradient(#222222, #222222);
+ /* IE10 */
+ background-image: -o-linear-gradient(#222222, #222222);
+ /* Opera 11.10+ */
+ background-image: linear-gradient(#222222, #222222); }
+ body.android .ui-bar-d .ui-link-inherit {
+ color: #f5f5f5; }
+ body.android .ui-bar-d .ui-link {
+ color: #7cc4e7;
+ font-weight: bold; }
+ body.android .ui-bar-d .ui-link:hover {
+ color: #2489ce; }
+ body.android .ui-bar-d .ui-link:active {
+ color: #2489ce; }
+ body.android .ui-bar-d .ui-link:visited {
+ color: #2489ce; }
+ body.android .ui-bar-d,
+ body.android .ui-bar-d input,
+ body.android .ui-bar-d select,
+ body.android .ui-bar-d textarea,
+ body.android .ui-bar-d button {
+ font-family: Helvetica, Arial, sans-serif; }
+ body.android .ui-body-d,
+ body.android .ui-dialog.ui-overlay-d {
+ border: 1px solid #b3b3b3;
+ color: white;
+ text-shadow: 0 1px 0 #636363;
+ background: #313131;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#313131), to(#313131));
+ /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient(#313131, #313131);
+ /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient(#313131, #313131);
+ /* FF3.6 */
+ background-image: -ms-linear-gradient(#313131, #313131);
+ /* IE10 */
+ background-image: -o-linear-gradient(#313131, #313131);
+ /* Opera 11.10+ */
+ background-image: linear-gradient(#313131, #313131); }
+ body.android .ui-body-d,
+ body.android .ui-body-d input,
+ body.android .ui-body-d select,
+ body.android .ui-body-d textarea,
+ body.android .ui-body-d button {
+ font-family: Helvetica, Arial, sans-serif; }
+ body.android .ui-body-d .ui-link-inherit {
+ color: white; }
+ body.android .ui-body-d .ui-link {
+ color: #65afe2;
+ font-weight: bold; }
+ body.android .ui-body-d .ui-link:hover {
+ color: #2489ce; }
+ body.android .ui-body-d .ui-link:active {
+ color: #2489ce; }
+ body.android .ui-body-d .ui-link:visited {
+ color: #2489ce; }
+ body.android .ui-btn-up-d {
+ border: 1px solid #cccccc;
+ background: #5b5b5b;
+ font-weight: bold;
+ color: #f2f2f2;
+ text-shadow: 0 1px 1px #383838;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#5b5b5b), to(#5b5b5b));
+ /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient(#5b5b5b, #5b5b5b);
+ /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient(#5b5b5b, #5b5b5b);
+ /* FF3.6 */
+ background-image: -ms-linear-gradient(#5b5b5b, #5b5b5b);
+ /* IE10 */
+ background-image: -o-linear-gradient(#5b5b5b, #5b5b5b);
+ /* Opera 11.10+ */
+ background-image: linear-gradient(#5b5b5b, #5b5b5b); }
+ body.android .ui-btn-up-d a.ui-link-inherit {
+ color: #f2f2f2; }
+ body.android .ui-btn-hover-d {
+ border: 1px solid #326679;
+ background: #5b5b5b;
+ font-weight: bold;
+ color: #f2f2f2;
+ text-shadow: 0 1px 1px #383838;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#5b5b5b), to(#5b5b5b));
+ /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient(#5b5b5b, #5b5b5b);
+ /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient(#5b5b5b, #5b5b5b);
+ /* FF3.6 */
+ background-image: -ms-linear-gradient(#5b5b5b, #5b5b5b);
+ /* IE10 */
+ background-image: -o-linear-gradient(#5b5b5b, #5b5b5b);
+ /* Opera 11.10+ */
+ background-image: linear-gradient(#5b5b5b, #5b5b5b); }
+ body.android .ui-btn-hover-d a.ui-link-inherit {
+ color: #f2f2f2; }
+ body.android .ui-btn-down-d {
+ border: 1px solid #326679;
+ background: #32a5cf;
+ font-weight: bold;
+ color: #f2f2f2;
+ text-shadow: 0 1px 1px #383838;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#32a5cf), to(#32a5cf));
+ /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient(#32a5cf, #32a5cf);
+ /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient(#32a5cf, #32a5cf);
+ /* FF3.6 */
+ background-image: -ms-linear-gradient(#32a5cf, #32a5cf);
+ /* IE10 */
+ background-image: -o-linear-gradient(#32a5cf, #32a5cf);
+ /* Opera 11.10+ */
+ background-image: linear-gradient(#32a5cf, #32a5cf); }
+ body.android .ui-btn-down-d a.ui-link-inherit {
+ color: #f2f2f2; }
+ body.android .ui-btn-up-d,
+ body.android .ui-btn-hover-d,
+ body.android .ui-btn-down-d {
+ font-family: Helvetica, Arial, sans-serif;
+ text-decoration: none; }
+ body.android a.ui-link-inherit {
+ text-decoration: none !important; }
+ body.android .ui-btn-active {
+ border: 1px solid #155678;
+ background: #387bbe;
+ font-weight: bold;
+ color: white;
+ cursor: pointer;
+ text-shadow: 0 -1px 1px #145072;
+ text-decoration: none;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#85bae4), to(#5393c5));
+ /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient(#85bae4, #5393c5);
+ /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient(#85bae4, #5393c5);
+ /* FF3.6 */
+ background-image: -ms-linear-gradient(#85bae4, #5393c5);
+ /* IE10 */
+ background-image: -o-linear-gradient(#85bae4, #5393c5);
+ /* Opera 11.10+ */
+ background-image: linear-gradient(#85bae4, #5393c5);
+ font-family: Helvetica, Arial, sans-serif; }
+ body.android .ui-btn-active a.ui-link-inherit {
+ color: white; }
+ body.android .ui-btn-inner {
+ border-top: 1px solid #fff;
+ border-color: rgba(255, 255, 255, 0.3); }
+ body.android .ui-corner-tl {
+ -moz-border-radius-topleft: 0.6em;
+ -webkit-border-top-left-radius: 0.6em;
+ border-top-left-radius: 0.6em; }
+ body.android .ui-corner-tr {
+ -moz-border-radius-topright: 0.6em;
+ -webkit-border-top-right-radius: 0.6em;
+ border-top-right-radius: 0.6em; }
+ body.android .ui-corner-bl {
+ -moz-border-radius-bottomleft: 0.6em;
+ -webkit-border-bottom-left-radius: 0.6em;
+ border-bottom-left-radius: 0.6em; }
+ body.android .ui-corner-br {
+ -moz-border-radius-bottomright: 0.6em;
+ -webkit-border-bottom-right-radius: 0.6em;
+ border-bottom-right-radius: 0.6em; }
+ body.android .ui-corner-top {
+ -moz-border-radius-topleft: 0.6em;
+ -webkit-border-top-left-radius: 0.6em;
+ border-top-left-radius: 0.6em;
+ -moz-border-radius-topright: 0.6em;
+ -webkit-border-top-right-radius: 0.6em;
+ border-top-right-radius: 0.6em; }
+ body.android .ui-corner-bottom {
+ -moz-border-radius-bottomleft: 0.6em;
+ -webkit-border-bottom-left-radius: 0.6em;
+ border-bottom-left-radius: 0.6em;
+ -moz-border-radius-bottomright: 0.6em;
+ -webkit-border-bottom-right-radius: 0.6em;
+ border-bottom-right-radius: 0.6em; }
+ body.android .ui-corner-right {
+ -moz-border-radius-topright: 0.6em;
+ -webkit-border-top-right-radius: 0.6em;
+ border-top-right-radius: 0.6em;
+ -moz-border-radius-bottomright: 0.6em;
+ -webkit-border-bottom-right-radius: 0.6em;
+ border-bottom-right-radius: 0.6em; }
+ body.android .ui-corner-left {
+ -moz-border-radius-topleft: 0.6em;
+ -webkit-border-top-left-radius: 0.6em;
+ border-top-left-radius: 0.6em;
+ -moz-border-radius-bottomleft: 0.6em;
+ -webkit-border-bottom-left-radius: 0.6em;
+ border-bottom-left-radius: 0.6em; }
+ body.android .ui-corner-all {
+ -moz-border-radius: 0.6em;
+ -webkit-border-radius: 0.6em;
+ border-radius: 0.6em; }
+ body.android .ui-corner-none {
+ -moz-border-radius: 0;
+ -webkit-border-radius: 0;
+ border-radius: 0; }
+ body.android .ui-disabled {
+ opacity: .3; }
+ body.android .ui-disabled,
+ body.android .ui-disabled a {
+ pointer-events: none;
+ cursor: default; }
+ body.android .ui-icon,
+ body.android .ui-icon-searchfield:after {
+ background: #666666;
+ background: rgba(0, 0, 0, 0.4);
+ background-image: url(images/icons-18-white.png);
+ background-repeat: no-repeat;
+ -moz-border-radius: 9px;
+ -webkit-border-radius: 9px;
+ border-radius: 9px; }
+ body.android .ui-icon-alt {
+ background: #fff;
+ background: rgba(255, 255, 255, 0.3);
+ background-image: url(images/icons-18-black.png);
+ background-repeat: no-repeat; }
+ @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) {
+ body.android .ui-icon-plus, body.android .ui-icon-minus, body.android .ui-icon-delete, body.android .ui-icon-arrow-r,
+ body.android .ui-icon-arrow-l, body.android .ui-icon-arrow-u, body.android .ui-icon-arrow-d, body.android .ui-icon-check,
+ body.android .ui-icon-gear, body.android .ui-icon-refresh, body.android .ui-icon-forward, body.android .ui-icon-back,
+ body.android .ui-icon-grid, body.android .ui-icon-star, body.android .ui-icon-alert, body.android .ui-icon-info, body.android .ui-icon-home, body.android .ui-icon-search, body.android .ui-icon-searchfield:after,
+ body.android .ui-icon-checkbox-off, body.android .ui-icon-checkbox-on, body.android .ui-icon-radio-off, body.android .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; }
+ body.android .ui-icon-alt {
+ background-image: url(images/icons-36-black.png); } }
+ body.android .ui-icon-plus {
+ background-position: 0 50%; }
+ body.android .ui-icon-minus {
+ background-position: -36px 50%; }
+ body.android .ui-icon-delete {
+ background-position: -72px 50%; }
+ body.android .ui-icon-arrow-r {
+ background-position: -108px 50%; }
+ body.android .ui-icon-arrow-l {
+ background-position: -144px 50%; }
+ body.android .ui-icon-arrow-u {
+ background-position: -180px 50%; }
+ body.android .ui-icon-arrow-d {
+ background-position: -216px 50%; }
+ body.android .ui-icon-check {
+ background-position: -252px 50%; }
+ body.android .ui-icon-gear {
+ background-position: -288px 50%; }
+ body.android .ui-icon-refresh {
+ background-position: -324px 50%; }
+ body.android .ui-icon-forward {
+ background-position: -360px 50%; }
+ body.android .ui-icon-back {
+ background-position: -396px 50%; }
+ body.android .ui-icon-grid {
+ background-position: -432px 50%; }
+ body.android .ui-icon-star {
+ background-position: -468px 50%; }
+ body.android .ui-icon-alert {
+ background-position: -504px 50%; }
+ body.android .ui-icon-info {
+ background-position: -540px 50%; }
+ body.android .ui-icon-home {
+ background-position: -576px 50%; }
+ body.android .ui-icon-search,
+ body.android .ui-icon-searchfield:after {
+ background-position: -612px 50%; }
+ body.android .ui-icon-checkbox-off {
+ background-position: -684px 50%; }
+ body.android .ui-icon-checkbox-on {
+ background-position: -648px 50%; }
+ body.android .ui-icon-radio-off {
+ background-position: -756px 50%; }
+ body.android .ui-icon-radio-on {
+ background-position: -720px 50%; }
+ body.android .ui-checkbox .ui-icon {
+ -moz-border-radius: 3px;
+ -webkit-border-radius: 3px;
+ border-radius: 3px; }
+ body.android .ui-icon-checkbox-off,
+ body.android .ui-icon-radio-off {
+ background-color: transparent; }
+ body.android .ui-checkbox-on .ui-icon,
+ body.android .ui-radio-on .ui-icon {
+ background-color: #387bbe;
+ /* NOTE: this hex should match the active state color. It's repeated here for cascade */ }
+ body.android .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; }
+ body.android .ui-btn-corner-tl {
+ -moz-border-radius-topleft: 1em;
+ -webkit-border-top-left-radius: 1em;
+ border-top-left-radius: 1em; }
+ body.android .ui-btn-corner-tr {
+ -moz-border-radius-topright: 1em;
+ -webkit-border-top-right-radius: 1em;
+ border-top-right-radius: 1em; }
+ body.android .ui-btn-corner-bl {
+ -moz-border-radius-bottomleft: 1em;
+ -webkit-border-bottom-left-radius: 1em;
+ border-bottom-left-radius: 1em; }
+ body.android .ui-btn-corner-br {
+ -moz-border-radius-bottomright: 1em;
+ -webkit-border-bottom-right-radius: 1em;
+ border-bottom-right-radius: 1em; }
+ body.android .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; }
+ body.android .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; }
+ body.android .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; }
+ body.android .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; }
+ body.android .ui-btn-corner-all {
+ -moz-border-radius: 1em;
+ -webkit-border-radius: 1em;
+ border-radius: 1em; }
+ body.android .ui-corner-tl,
+ body.android .ui-corner-tr,
+ body.android .ui-corner-bl,
+ body.android .ui-corner-br,
+ body.android .ui-corner-top,
+ body.android .ui-corner-bottom,
+ body.android .ui-corner-right,
+ body.android .ui-corner-left,
+ body.android .ui-corner-all,
+ body.android .ui-btn-corner-tl,
+ body.android .ui-btn-corner-tr,
+ body.android .ui-btn-corner-bl,
+ body.android .ui-btn-corner-br,
+ body.android .ui-btn-corner-top,
+ body.android .ui-btn-corner-bottom,
+ body.android .ui-btn-corner-right,
+ body.android .ui-btn-corner-left,
+ body.android .ui-btn-corner-all {
+ -webkit-background-clip: padding-box;
+ -moz-background-clip: padding;
+ background-clip: padding-box; }
+ body.android .ui-overlay {
+ background: #666;
+ opacity: .5;
+ filter: Alpha(Opacity=50);
+ position: absolute;
+ width: 100%;
+ height: 100%; }
+ body.android .ui-overlay-shadow {
+ -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.6);
+ -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.6);
+ box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.6); }
+ body.android .ui-shadow {
+ -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
+ -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
+ box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3); }
+ body.android .ui-bar-a .ui-shadow,
+ body.android .ui-bar-b .ui-shadow,
+ body.android .ui-bar-c .ui-shadow {
+ -moz-box-shadow: 0px 1px 0 rgba(255, 255, 255, 0.3);
+ -webkit-box-shadow: 0px 1px 0 rgba(255, 255, 255, 0.3);
+ box-shadow: 0px 1px 0 rgba(255, 255, 255, 0.3); }
+ body.android .ui-shadow-inset {
+ -moz-box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.2);
+ -webkit-box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.2);
+ box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.2); }
+ body.android .ui-icon-shadow {
+ -moz-box-shadow: 0px 1px 0 rgba(255, 255, 255, 0.4);
+ -webkit-box-shadow: 0px 1px 0 rgba(255, 255, 255, 0.4);
+ box-shadow: 0px 1px 0 rgba(255, 255, 255, 0.4); }
+ body.android .ui-focus {
+ -moz-box-shadow: 0px 0px 12px #387bbe;
+ -webkit-box-shadow: 0px 0px 12px #387bbe;
+ box-shadow: 0px 0px 12px #387bbe; }
+ body.android .ui-mobile-nosupport-boxshadow * {
+ -moz-box-shadow: none !important;
+ -webkit-box-shadow: none !important;
+ box-shadow: none !important; }
+ body.android .ui-mobile-nosupport-boxshadow .ui-focus {
+ outline-width: 2px; }
+ body.android .ui-btn-corner-all,
+ body.android .ui-corner-all,
+ body.android .ui-corner-top,
+ body.android .ui-corner-bottom {
+ -moz-border-radius: 0;
+ -webkit-border-radius: 0;
+ border-radius: 0;
+ -webkit-background-clip: none;
+ -moz-background-clip: none;
+ background-clip: none; }
View
1,016 themes/android-theme.scss
@@ -0,0 +1,1016 @@
+
+ /*
+* 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
+-----------------------------------------------------------------------------------------------------------*/
+body.android {
+.ui-bar-a {
+ border: 1px solid #B3B3B3 /*{a-bar-border}*/;
+ background: #222222 /*{a-bar-background-color}*/;
+ color: #F5F5F5 /*{a-bar-color}*/;
+ font-weight: bold;
+ text-shadow: 0 /*{a-bar-shadow-x}*/ 1px /*{a-bar-shadow-y}*/ 1px /*{a-bar-shadow-radius}*/ #777 /*{a-bar-shadow-color}*/;
+ background-image: -webkit-gradient(linear, left top, left bottom, from( #222222 /*{a-bar-background-start}*/), to( #222222 /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient( #222222 /*{a-bar-background-start}*/, #222222 /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient( #222222 /*{a-bar-background-start}*/, #222222 /*{a-bar-background-end}*/); /* FF3.6 */
+ background-image: -ms-linear-gradient( #222222 /*{a-bar-background-start}*/, #222222 /*{a-bar-background-end}*/); /* IE10 */
+ background-image: -o-linear-gradient( #222222 /*{a-bar-background-start}*/, #222222 /*{a-bar-background-end}*/); /* Opera 11.10+ */
+ background-image: linear-gradient( #222222 /*{a-bar-background-start}*/, #222222 /*{a-bar-background-end}*/);
+}
+
+.ui-bar-a .ui-link-inherit {
+ color: #F5F5F5 /*{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-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-body-a,
+.ui-dialog.ui-overlay-a {
+ border: 1px solid #B3B3B3 /*{a-body-border}*/;
+ color: #FFFFFF /*{a-body-color}*/;
+ text-shadow: 0 /*{a-body-shadow-x}*/ 1px /*{a-body-shadow-y}*/ 0 /*{a-body-shadow-radius}*/ #636363 /*{a-body-shadow-color}*/;
+ background: #313131 /*{a-body-background-color}*/;
+ background-image: -webkit-gradient(linear, left top, left bottom, from( #313131 /*{a-body-background-start}*/), to( #313131 /*{a-body-background-end}*/)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient( #313131 /*{a-body-background-start}*/, #313131 /*{a-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient( #313131 /*{a-body-background-start}*/, #313131 /*{a-body-background-end}*/); /* FF3.6 */
+ background-image: -ms-linear-gradient( #313131 /*{a-body-background-start}*/, #313131 /*{a-body-background-end}*/); /* IE10 */
+ background-image: -o-linear-gradient( #313131 /*{a-body-background-start}*/, #313131 /*{a-body-background-end}*/); /* Opera 11.10+ */
+ background-image: linear-gradient( #313131 /*{a-body-background-start}*/, #313131 /*{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: #FFFFFF /*{a-body-color}*/;
+}
+
+.ui-body-a .ui-link {
+ color: #65afe2 /*{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 #ccc /*{a-bup-border}*/;
+ background: #5B5B5B /*{a-bup-background-color}*/;
+ font-weight: bold;
+ color: #f2f2f2 /*{a-bup-color}*/;
+ text-shadow: 0 /*{a-bup-shadow-x}*/ 1px /*{a-bup-shadow-y}*/ 1px /*{a-bup-shadow-radius}*/ #383838 /*{a-bup-shadow-color}*/;
+ background-image: -webkit-gradient(linear, left top, left bottom, from( #5B5B5B /*{a-bup-background-start}*/), to( #5B5B5B /*{a-bup-background-end}*/)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient( #5B5B5B /*{a-bup-background-start}*/, #5B5B5B /*{a-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient( #5B5B5B /*{a-bup-background-start}*/, #5B5B5B /*{a-bup-background-end}*/); /* FF3.6 */
+ background-image: -ms-linear-gradient( #5B5B5B /*{a-bup-background-start}*/, #5B5B5B /*{a-bup-background-end}*/); /* IE10 */
+ background-image: -o-linear-gradient( #5B5B5B /*{a-bup-background-start}*/, #5B5B5B /*{a-bup-background-end}*/); /* Opera 11.10+ */
+ background-image: linear-gradient( #5B5B5B /*{a-bup-background-start}*/, #5B5B5B /*{a-bup-background-end}*/);
+}
+.ui-btn-up-a a.ui-link-inherit {
+ color: #f2f2f2 /*{a-bup-color}*/;
+}
+
+.ui-btn-hover-a {
+ border: 1px solid #326679 /*{a-bhover-border}*/;
+ background: #5B5B5B /*{a-bhover-background-color}*/;
+ font-weight: bold;
+ color: #f2f2f2 /*{a-bhover-color}*/;
+ text-shadow: 0 /*{a-bhover-shadow-x}*/ 1px /*{a-bhover-shadow-y}*/ 1px /*{a-bhover-shadow-radius}*/ #383838 /*{a-bhover-shadow-color}*/;
+ background-image: -webkit-gradient(linear, left top, left bottom, from( #5B5B5B /*{a-bhover-background-start}*/), to( #5B5B5B /*{a-bhover-background-end}*/)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient( #5B5B5B /*{a-bhover-background-start}*/, #5B5B5B /*{a-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient( #5B5B5B /*{a-bhover-background-start}*/, #5B5B5B /*{a-bhover-background-end}*/); /* FF3.6 */
+ background-image: -ms-linear-gradient( #5B5B5B /*{a-bhover-background-start}*/, #5B5B5B /*{a-bhover-background-end}*/); /* IE10 */
+ background-image: -o-linear-gradient( #5B5B5B /*{a-bhover-background-start}*/, #5B5B5B /*{a-bhover-background-end}*/); /* Opera 11.10+ */
+ background-image: linear-gradient( #5B5B5B /*{a-bhover-background-start}*/, #5B5B5B /*{a-bhover-background-end}*/);
+}
+.ui-btn-hover-a a.ui-link-inherit {
+ color: #f2f2f2 /*{a-bhover-color}*/;
+}
+.ui-btn-down-a {
+ border: 1px solid #326679 /*{a-bdown-border}*/;
+ background: #32A5CF /*{a-bdown-background-color}*/;
+ font-weight: bold;
+ color: #f2f2f2 /*{a-bdown-color}*/;
+ text-shadow: 0 /*{a-bdown-shadow-x}*/ 1px /*{a-bdown-shadow-y}*/ 1px /*{a-bdown-shadow-radius}*/ #383838 /*{a-bdown-shadow-color}*/;
+ background-image: -webkit-gradient(linear, left top, left bottom, from( #32A5CF /*{a-bdown-background-start}*/), to( #32A5CF /*{a-bdown-background-end}*/)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient( #32A5CF /*{a-bdown-background-start}*/, #32A5CF /*{a-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient( #32A5CF /*{a-bdown-background-start}*/, #32A5CF /*{a-bdown-background-end}*/); /* FF3.6 */
+ background-image: -ms-linear-gradient( #32A5CF /*{a-bdown-background-start}*/, #32A5CF /*{a-bdown-background-end}*/); /* IE10 */
+ background-image: -o-linear-gradient( #32A5CF /*{a-bdown-background-start}*/, #32A5CF /*{a-bdown-background-end}*/); /* Opera 11.10+ */
+ background-image: linear-gradient( #32A5CF /*{a-bdown-background-start}*/, #32A5CF /*{a-bdown-background-end}*/);
+}
+.ui-btn-down-a a.ui-link-inherit {
+ color: #f2f2f2 /*{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 #cccccc /*{b-bar-border}*/;
+ background: #cccccc /*{b-bar-background-color}*/;
+ color: #000000 /*{b-bar-color}*/;
+ font-weight: bold;
+ text-shadow: 0 /*{b-bar-shadow-x}*/ 1px /*{b-bar-shadow-y}*/ 1px /*{b-bar-shadow-radius}*/ #eeeeee /*{b-bar-shadow-color}*/;
+ background-image: -webkit-gradient(linear, left top, left bottom, from( #E0E0E0 /*{b-bar-background-start}*/), to( #B7B7B7 /*{b-bar-background-end}*/)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient( #E0E0E0 /*{b-bar-background-start}*/, #B7B7B7 /*{b-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient( #E0E0E0 /*{b-bar-background-start}*/, #B7B7B7 /*{b-bar-background-end}*/); /* FF3.6 */
+ background-image: -ms-linear-gradient( #E0E0E0 /*{b-bar-background-start}*/, #B7B7B7 /*{b-bar-background-end}*/); /* IE10 */
+ background-image: -o-linear-gradient( #E0E0E0 /*{b-bar-background-start}*/, #B7B7B7 /*{b-bar-background-end}*/); /* Opera 11.10+ */
+ background-image: linear-gradient( #E0E0E0 /*{b-bar-background-start}*/, #B7B7B7 /*{b-bar-background-end}*/);
+}
+
+.ui-bar-b .ui-link-inherit {
+ color: #000000 /*{b-bar-color}*/;
+}
+.ui-bar-b .ui-link {
+ color: #7cc4e7 /*{b-bar-link-color}*/;
+ font-weight: bold;
+}
+
+.ui-bar-b .ui-link:hover {
+ color: #2489CE /*{b-bar-link-hover}*/;
+}
+
+.ui-bar-b .ui-link:active {
+ color: #2489CE /*{b-bar-link-active}*/;
+}
+
+.ui-bar-b .ui-link:visited {
+ color: #2489CE /*{b-bar-link-visited}*/;
+}
+
+.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-body-b,
+.ui-dialog.ui-overlay-b {
+ border: 1px solid #B3B3B3 /*{b-body-border}*/;
+ 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}*/;
+ background: #f0f0f0 /*{b-body-background-color}*/;
+ background-image: -webkit-gradient(linear, left top, left bottom, from( #eee /*{b-body-background-start}*/), to( #ddd /*{b-body-background-end}*/)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient( #eee /*{b-body-background-start}*/, #ddd /*{b-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient( #eee /*{b-body-background-start}*/, #ddd /*{b-body-background-end}*/); /* FF3.6 */
+ background-image: -ms-linear-gradient( #eee /*{b-body-background-start}*/, #ddd /*{b-body-background-end}*/); /* IE10 */
+ background-image: -o-linear-gradient( #eee /*{b-body-background-start}*/, #ddd /*{b-body-background-end}*/); /* Opera 11.10+ */
+ background-image: linear-gradient( #eee /*{b-body-background-start}*/, #ddd /*{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 #3EB8E5 /*{b-bup-border}*/;
+ background: #A5D9EC /*{b-bup-background-color}*/;
+ font-weight: bold;
+ color: #333333 /*{b-bup-color}*/;
+ text-shadow: 0 /*{b-bup-shadow-x}*/ 1px /*{b-bup-shadow-y}*/ 1px /*{b-bup-shadow-radius}*/ #f6f6f6 /*{b-bup-shadow-color}*/;
+ background-image: -webkit-gradient(linear, left top, left bottom, from( #A5D9EC /*{b-bup-background-start}*/), to( #A5D9EC /*{b-bup-background-end}*/)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient( #A5D9EC /*{b-bup-background-start}*/, #A5D9EC /*{b-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient( #A5D9EC /*{b-bup-background-start}*/, #A5D9EC /*{b-bup-background-end}*/); /* FF3.6 */
+ background-image: -ms-linear-gradient( #A5D9EC /*{b-bup-background-start}*/, #A5D9EC /*{b-bup-background-end}*/); /* IE10 */
+ background-image: -o-linear-gradient( #A5D9EC /*{b-bup-background-start}*/, #A5D9EC /*{b-bup-background-end}*/); /* Opera 11.10+ */
+ background-image: linear-gradient( #A5D9EC /*{b-bup-background-start}*/, #A5D9EC /*{b-bup-background-end}*/);
+}
+.ui-btn-up-b a.ui-link-inherit {
+ color: #333333 /*{b-bup-color}*/;
+}
+
+.ui-btn-hover-b {
+ border: 1px solid #ffffff /*{b-bhover-border}*/;
+ background: #A5D9EC /*{b-bhover-background-color}*/;
+ font-weight: bold;
+ color: #333333 /*{b-bhover-color}*/;
+ text-shadow: 0 /*{b-bhover-shadow-x}*/ 1px /*{b-bhover-shadow-y}*/ 1px /*{b-bhover-shadow-radius}*/ #fff /*{b-bhover-shadow-color}*/;
+ background-image: -webkit-gradient(linear, left top, left bottom, from( #A5D9EC /*{b-bhover-background-start}*/), to( #A5D9EC /*{b-bhover-background-end}*/)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient( #A5D9EC /*{b-bhover-background-start}*/, #A5D9EC /*{b-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient( #A5D9EC /*{b-bhover-background-start}*/, #A5D9EC /*{b-bhover-background-end}*/); /* FF3.6 */
+ background-image: -ms-linear-gradient( #A5D9EC /*{b-bhover-background-start}*/, #A5D9EC /*{b-bhover-background-end}*/); /* IE10 */
+ background-image: -o-linear-gradient( #A5D9EC /*{b-bhover-background-start}*/, #A5D9EC /*{b-bhover-background-end}*/); /* Opera 11.10+ */
+ background-image: linear-gradient( #A5D9EC /*{b-bhover-background-start}*/, #A5D9EC /*{b-bhover-background-end}*/);
+}
+.ui-btn-hover-b a.ui-link-inherit {
+ color: #333333 /*{b-bhover-color}*/;
+}
+.ui-btn-down-b {
+ border: 1px solid #A5D9EC /*{b-bdown-border}*/;
+ background: #4ABCE7 /*{b-bdown-background-color}*/;
+ font-weight: bold;
+ color: #333333 /*{b-bdown-color}*/;
+ text-shadow: 0 /*{b-bdown-shadow-x}*/ 1px /*{b-bdown-shadow-y}*/ 1px /*{b-bdown-shadow-radius}*/ #ffffff /*{b-bdown-shadow-color}*/;
+ background-image: -webkit-gradient(linear, left top, left bottom, from( #4ABCE7 /*{b-bdown-background-start}*/), to( #4ABCE7 /*{b-bdown-background-end}*/)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient( #4ABCE7 /*{b-bdown-background-start}*/, #4ABCE7 /*{b-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient( #4ABCE7 /*{b-bdown-background-start}*/, #4ABCE7 /*{b-bdown-background-end}*/); /* FF3.6 */
+ background-image: -ms-linear-gradient( #4ABCE7 /*{b-bdown-background-start}*/, #4ABCE7 /*{b-bdown-background-end}*/); /* IE10 */
+ background-image: -o-linear-gradient( #4ABCE7 /*{b-bdown-background-start}*/, #4ABCE7 /*{b-bdown-background-end}*/); /* Opera 11.10+ */
+ background-image: linear-gradient( #4ABCE7 /*{b-bdown-background-start}*/, #4ABCE7 /*{b-bdown-background-end}*/);
+}
+.ui-btn-down-b a.ui-link-inherit {
+ color: #333333 /*{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 #D2D2D2 /*{c-bar-border}*/;
+ background: #DDDDDD /*{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( #DDDDDD /*{c-bar-background-start}*/), to( #DDDDDD /*{c-bar-background-end}*/)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient( #DDDDDD /*{c-bar-background-start}*/, #DDDDDD /*{c-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient( #DDDDDD /*{c-bar-background-start}*/, #DDDDDD /*{c-bar-background-end}*/); /* FF3.6 */
+ background-image: -ms-linear-gradient( #DDDDDD /*{c-bar-background-start}*/, #DDDDDD /*{c-bar-background-end}*/); /* IE10 */
+ background-image: -o-linear-gradient( #DDDDDD /*{c-bar-background-start}*/, #DDDDDD /*{c-bar-background-end}*/); /* Opera 11.10+ */
+ background-image: linear-gradient( #DDDDDD /*{c-bar-background-start}*/, #DDDDDD /*{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: #F2F2F2 /*{c-body-background-color}*/;
+ background-image: -webkit-gradient(linear, left top, left bottom, from( #F2F2F2 /*{c-body-background-start}*/), to( #F2F2F2 /*{c-body-background-end}*/)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient( #F2F2F2 /*{c-body-background-start}*/, #F2F2F2 /*{c-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient( #F2F2F2 /*{c-body-background-start}*/, #F2F2F2 /*{c-body-background-end}*/); /* FF3.6 */
+ background-image: -ms-linear-gradient( #F2F2F2 /*{c-body-background-start}*/, #F2F2F2 /*{c-body-background-end}*/); /* IE10 */
+ background-image: -o-linear-gradient( #F2F2F2 /*{c-body-background-start}*/, #F2F2F2 /*{c-body-background-end}*/); /* Opera 11.10+ */
+ background-image: linear-gradient( #F2F2F2 /*{c-body-background-start}*/, #F2F2F2 /*{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: #cecece /*{c-bup-background-color}*/;
+ font-weight: bold;
+ color: #333333 /*{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( #CECECE /*{c-bup-background-start}*/), to( #CECECE /*{c-bup-background-end}*/)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient( #CECECE /*{c-bup-background-start}*/, #CECECE /*{c-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient( #CECECE /*{c-bup-background-start}*/, #CECECE /*{c-bup-background-end}*/); /* FF3.6 */
+ background-image: -ms-linear-gradient( #CECECE /*{c-bup-background-start}*/, #CECECE /*{c-bup-background-end}*/); /* IE10 */
+ background-image: -o-linear-gradient( #CECECE /*{c-bup-background-start}*/, #CECECE /*{c-bup-background-end}*/); /* Opera 11.10+ */
+ background-image: linear-gradient( #CECECE /*{c-bup-background-start}*/, #CECECE /*{c-bup-background-end}*/);
+}
+.ui-btn-up-c a.ui-link-inherit {
+ color: #333333 /*{c-bup-color}*/;
+}
+
+.ui-btn-hover-c {
+ border: 1px solid #3EB8E5 /*{c-bhover-border}*/;
+ background: #cecece /*{c-bhover-background-color}*/;
+ font-weight: bold;
+ color: #333333 /*{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( #CECECE /*{c-bhover-background-start}*/), to( #CECECE /*{c-bhover-background-end}*/)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient( #CECECE /*{c-bhover-background-start}*/, #CECECE /*{c-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient( #CECECE /*{c-bhover-background-start}*/, #CECECE /*{c-bhover-background-end}*/); /* FF3.6 */
+ background-image: -ms-linear-gradient( #CECECE /*{c-bhover-background-start}*/, #CECECE /*{c-bhover-background-end}*/); /* IE10 */
+ background-image: -o-linear-gradient( #CECECE /*{c-bhover-background-start}*/, #CECECE /*{c-bhover-background-end}*/); /* Opera 11.10+ */
+ background-image: linear-gradient( #CECECE /*{c-bhover-background-start}*/, #CECECE /*{c-bhover-background-end}*/);
+}
+.ui-btn-hover-c a.ui-link-inherit {
+ color: #333333 /*{c-bhover-color}*/;
+}
+.ui-btn-down-c {
+ border: 1px solid #A5D9EC /*{c-bdown-border}*/;
+ background: #4ABCE7 /*{c-bdown-background-color}*/;
+ font-weight: bold;
+ color: #333333 /*{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( #4ABCE7 /*{c-bdown-background-start}*/), to( #4ABCE7 /*{c-bdown-background-end}*/)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient( #4ABCE7 /*{c-bdown-background-start}*/, #4ABCE7 /*{c-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient( #4ABCE7 /*{c-bdown-background-start}*/, #4ABCE7 /*{c-bdown-background-end}*/); /* FF3.6 */
+ background-image: -ms-linear-gradient( #4ABCE7 /*{c-bdown-background-start}*/, #4ABCE7 /*{c-bdown-background-end}*/); /* IE10 */
+ background-image: -o-linear-gradient( #4ABCE7 /*{c-bdown-background-start}*/, #4ABCE7 /*{c-bdown-background-end}*/); /* Opera 11.10+ */
+ background-image: linear-gradient( #4ABCE7 /*{c-bdown-background-start}*/, #4ABCE7 /*{c-bdown-background-end}*/);
+}
+.ui-btn-down-c a.ui-link-inherit {
+ color: #333333 /*{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 #B3B3B3 /*{d-bar-border}*/;
+ background: #222222 /*{d-bar-background-color}*/;
+ color: #F5F5F5 /*{d-bar-color}*/;
+ font-weight: bold;
+ text-shadow: 0 /*{d-bar-shadow-x}*/ 1px /*{d-bar-shadow-y}*/ 1px /*{d-bar-shadow-radius}*/ #777 /*{d-bar-shadow-color}*/;
+ background-image: -webkit-gradient(linear, left top, left bottom, from( #222222 /*{d-bar-background-start}*/), to( #222222 /*{d-bar-background-end}*/)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient( #222222 /*{d-bar-background-start}*/, #222222 /*{d-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient( #222222 /*{d-bar-background-start}*/, #222222 /*{d-bar-background-end}*/); /* FF3.6 */
+ background-image: -ms-linear-gradient( #222222 /*{d-bar-background-start}*/, #222222 /*{d-bar-background-end}*/); /* IE10 */
+ background-image: -o-linear-gradient( #222222 /*{d-bar-background-start}*/, #222222 /*{d-bar-background-end}*/); /* Opera 11.10+ */
+ background-image: linear-gradient( #222222 /*{d-bar-background-start}*/, #222222 /*{d-bar-background-end}*/);
+}
+
+.ui-bar-d .ui-link-inherit {
+ color: #F5F5F5 /*{d-bar-color}*/;
+}
+.ui-bar-d .ui-link {
+ color: #7cc4e7 /*{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-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-body-d,
+.ui-dialog.ui-overlay-d {
+ border: 1px solid #B3B3B3 /*{d-body-border}*/;
+ color: #FFFFFF /*{d-body-color}*/;
+ text-shadow: 0 /*{d-body-shadow-x}*/ 1px /*{d-body-shadow-y}*/ 0 /*{d-body-shadow-radius}*/ #636363 /*{d-body-shadow-color}*/;
+ background: #313131 /*{d-body-background-color}*/;
+ background-image: -webkit-gradient(linear, left top, left bottom, from( #313131 /*{d-body-background-start}*/), to( #313131 /*{d-body-background-end}*/)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient( #313131 /*{d-body-background-start}*/, #313131 /*{d-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient( #313131 /*{d-body-background-start}*/, #313131 /*{d-body-background-end}*/); /* FF3.6 */
+ background-image: -ms-linear-gradient( #313131 /*{d-body-background-start}*/, #313131 /*{d-body-background-end}*/); /* IE10 */
+ background-image: -o-linear-gradient( #313131 /*{d-body-background-start}*/, #313131 /*{d-body-background-end}*/); /* Opera 11.10+ */
+ background-image: linear-gradient( #313131 /*{d-body-background-start}*/, #313131 /*{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: #FFFFFF /*{d-body-color}*/;
+}
+
+.ui-body-d .ui-link {
+ color: #65afe2 /*{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: #5B5B5B /*{d-bup-background-color}*/;
+ font-weight: bold;
+ color: #f2f2f2 /*{d-bup-color}*/;
+ text-shadow: 0 /*{d-bup-shadow-x}*/ 1px /*{d-bup-shadow-y}*/ 1px /*{d-bup-shadow-radius}*/ #383838 /*{d-bup-shadow-color}*/;
+ background-image: -webkit-gradient(linear, left top, left bottom, from( #5B5B5B /*{d-bup-background-start}*/), to( #5B5B5B /*{d-bup-background-end}*/)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient( #5B5B5B /*{d-bup-background-start}*/, #5B5B5B /*{d-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient( #5B5B5B /*{d-bup-background-start}*/, #5B5B5B /*{d-bup-background-end}*/); /* FF3.6 */
+ background-image: -ms-linear-gradient( #5B5B5B /*{d-bup-background-start}*/, #5B5B5B /*{d-bup-background-end}*/); /* IE10 */
+ background-image: -o-linear-gradient( #5B5B5B /*{d-bup-background-start}*/, #5B5B5B /*{d-bup-background-end}*/); /* Opera 11.10+ */
+ background-image: linear-gradient( #5B5B5B /*{d-bup-background-start}*/, #5B5B5B /*{d-bup-background-end}*/);
+}
+.ui-btn-up-d a.ui-link-inherit {
+ color: #f2f2f2 /*{d-bup-color}*/;
+}
+
+.ui-btn-hover-d {
+ border: 1px solid #326679 /*{d-bhover-border}*/;
+ background: #5B5B5B /*{d-bhover-background-color}*/;
+ font-weight: bold;
+ color: #f2f2f2 /*{d-bhover-color}*/;
+ text-shadow: 0 /*{d-bhover-shadow-x}*/ 1px /*{d-bhover-shadow-y}*/ 1px /*{d-bhover-shadow-radius}*/ #383838 /*{d-bhover-shadow-color}*/;
+ background-image: -webkit-gradient(linear, left top, left bottom, from( #5B5B5B /*{d-bhover-background-start}*/), to( #5B5B5B /*{d-bhover-background-end}*/)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient( #5B5B5B /*{d-bhover-background-start}*/, #5B5B5B /*{d-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient( #5B5B5B /*{d-bhover-background-start}*/, #5B5B5B /*{d-bhover-background-end}*/); /* FF3.6 */
+ background-image: -ms-linear-gradient( #5B5B5B /*{d-bhover-background-start}*/, #5B5B5B /*{d-bhover-background-end}*/); /* IE10 */
+ background-image: -o-linear-gradient( #5B5B5B /*{d-bhover-background-start}*/, #5B5B5B /*{d-bhover-background-end}*/); /* Opera 11.10+ */
+ background-image: linear-gradient( #5B5B5B /*{d-bhover-background-start}*/, #5B5B5B /*{d-bhover-background-end}*/);
+}
+.ui-btn-hover-d a.ui-link-inherit {
+ color: #f2f2f2 /*{d-bhover-color}*/;
+}
+.ui-btn-down-d {
+ border: 1px solid #326679 /*{d-bdown-border}*/;
+ background: #32A5CF /*{d-bdown-background-color}*/;
+ font-weight: bold;
+ color: #f2f2f2 /*{d-bdown-color}*/;
+ text-shadow: 0 /*{d-bdown-shadow-x}*/ 1px /*{d-bdown-shadow-y}*/ 1px /*{d-bdown-shadow-radius}*/ #383838 /*{d-bdown-shadow-color}*/;
+ background-image: -webkit-gradient(linear, left top, left bottom, from( #32A5CF /*{d-bdown-background-start}*/), to( #32A5CF /*{d-bdown-background-end}*/)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient( #32A5CF /*{d-bdown-background-start}*/, #32A5CF /*{d-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient( #32A5CF /*{d-bdown-background-start}*/, #32A5CF /*{d-bdown-background-end}*/); /* FF3.6 */
+ background-image: -ms-linear-gradient( #32A5CF /*{d-bdown-background-start}*/, #32A5CF /*{d-bdown-background-end}*/); /* IE10 */
+ background-image: -o-linear-gradient( #32A5CF /*{d-bdown-background-start}*/, #32A5CF /*{d-bdown-background-end}*/); /* Opera 11.10+ */
+ background-image: linear-gradient( #32A5CF /*{d-bdown-background-start}*/, #32A5CF /*{d-bdown-background-end}*/);
+}
+.ui-btn-down-d a.ui-link-inherit {
+ color: #f2f2f2 /*{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;
+}
+
+
+
+/* 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: #387bbe /*{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;
+}
+
+/* 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: #387bbe /*{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) /*{global-icon-shadow}*/;
+ -webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/;
+ box-shadow: 0px 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/;
+}
+
+/* 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;
+}
+
+ /* custom -- no corders */
+ .ui-btn-corner-all,
+ .ui-corner-all,
+ .ui-corner-top,
+ .ui-corner-bottom {
+ -moz-border-radius: 0 /*{global-radii-buttons}*/;
+ -webkit-border-radius: 0 /*{global-radii-buttons}*/;
+ border-radius: 0 /*{global-radii-buttons}*/;
+ -webkit-background-clip: none;
+ -moz-background-clip: none;
+ background-clip: none;
+ }
+
+}
View
35 themes/android/jquery.mobile.body.css
@@ -1,35 +0,0 @@
-.android .ui-bar-a {
- border: 1px solid #2A2A2A;
- background: #9c9c9c;
- color: #ffffff;
- font-weight: bold;
- text-shadow: 0 0 2px #000000;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#9c9c9c), to(#828182)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(top, #9c9c9c, #828182); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(top, #9c9c9c, #828182); /* FF3.6 */
- background-image: -ms-linear-gradient(top, #9c9c9c, #828182); /* IE10 */
- background-image: -o-linear-gradient(top, #9c9c9c, #828182); /* Opera 11.10+ */
- background-image: linear-gradient(top, #9c9c9c, #828182);
- border-bottom: 1px solid #cecece;
-}
-
-.android .ui-page {
- background: #181818;
- color: #fff;
- text-shadow: 0 1px 0 black;
-}
-
-.android .ui-header {
- background: #9c9c9c;
-}
-
-.android .ui-title {
- color: #fff;
- text-shadow: 0 -1px 1px #254F7A;
-}
-
-/* hide on android */
-.android .hide-on-android {
- display: none;
-}
-
View
62 themes/android/jquery.mobile.button.css
@@ -1,62 +0,0 @@
-.android .ui-btn-corner-all {
- -moz-border-radius: 0;
- -webkit-border-radius: 0;
- border-radius: 0;
- font-weight: normal;
-}
-
-.android .ui-shadow {
- -moz-box-shadow: 0 0 0 0;
- -webkit-box-shadow: 0 0 0 0;
- box-shadow: 0 0 0 0;
-}
-
-/* theme C */
-.android .ui-btn-up-c {
- border: 1px solid #AAA;
-}
-
-.android .ui-btn-down-c {
- background: #ffae00;
-}
-
-/* list item */
-.android .ui-listview .ui-btn-up-c {
- border: 1px solid #222;
- background: #333333;
- font-weight: bold;
- color: #fff;
- text-shadow: 0 -1px 1px #000;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#555), to(#333)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(top, #555, #333); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(top, #555, #333); /* FF3.6 */
- background-image: -ms-linear-gradient(top, #555, #333); /* IE10 */
- background-image: -o-linear-gradient(top, #555, #333); /* Opera 11.10+ */
- background-image: linear-gradient(top, #555, #333);
-}
-.android .ui-listview .ui-btn-up-c a.ui-link-inherit {
- color: #fff;
-}
-.android .ui-listview .ui-btn-hover-c {
- border: 1px solid #000;
- background: #444444;
- font-weight: bold;
- color: #fff;
- text-shadow: 0 -1px 1px #000;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(#444)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient(top, #666, #444); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient(top, #666, #444); /* FF3.6 */
- background-image: -ms-linear-gradient(top, #666, #444); /* IE10 */
- background-image: -o-linear-gradient(top, #666, #444); /* Opera 11.10+ */
- background-image: linear-gradient(top, #666, #444);
-}
-.android .ui-listview .ui-btn-down-c {
- background: #ffae00;
-}
-.android .ui-listview .ui-btn-hover-c a.ui-link-inherit {
- color: #fff;
-}
-.android .ui-listview .ui-btn-down-c a.ui-link-inherit {
- color: #fff;
-}
-
Please sign in to comment.
Something went wrong with that request. Please try again.