Permalink
Browse files

Rebuilt the whole app - All methods apart of the TR object - Renamed …

…a lot of files
  • Loading branch information...
1 parent 3b15eee commit 34ed509a0db2c3cc204ac90dea8032de234965a6 @tybenz tybenz committed Mar 27, 2012
View
5 readme.txt → README.md
@@ -1,3 +1,5 @@
+##README
+
This is the new repo for the jQuery Mobile ThemeRoller tool.
Notes on PHP configs for hosted version of jQm ThemeRoller:
@@ -10,8 +12,7 @@ Notes on PHP configs for hosted version of jQm ThemeRoller:
-License
-==================
+##License
ThemeRoller code may used under the terms of either the MIT License or the GNU General Public License (GPL) Version 2. The MIT License is recommended for most projects. It is simple and easy to understand and it places almost no restrictions on what you can do with a jQuery project.
View
154 css/default.css
@@ -17,7 +17,7 @@
background: #e9eaeb /*{a-bar-background-color}*/;
color: #3E3E3E /*{a-bar-color}*/;
font-weight: bold;
- text-shadow: 0 /*{a-bar-shadow-x}*/ 1px /*{a-bar-shadow-y}*/ 1px /*{a-bar-shadow-radius}*/ #fff /*{a-bar-shadow-color}*/;
+ text-shadow: 0 /*{a-bar-shadow-x}*/ 1px /*{a-bar-shadow-y}*/ 1px /*{a-bar-shadow-radius}*/ #ffffff /*{a-bar-shadow-color}*/;
background-image: -webkit-gradient(linear, left top, left bottom, from( #f0f0f0 /*{a-bar-background-start}*/), to( #e9eaeb /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient( #f0f0f0 /*{a-bar-background-start}*/, #e9eaeb /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
background-image: -moz-linear-gradient( #f0f0f0 /*{a-bar-background-start}*/, #e9eaeb /*{a-bar-background-end}*/); /* FF3.6 */
@@ -57,14 +57,14 @@
.ui-dialog.ui-overlay-a {
border: 1px solid #B3B3B3 /*{a-body-border}*/;
color: #333333 /*{a-body-color}*/;
- text-shadow: 0 /*{a-body-shadow-x}*/ 1px /*{a-body-shadow-y}*/ 0 /*{a-body-shadow-radius}*/ #fff /*{a-body-shadow-color}*/;
+ text-shadow: 0 /*{a-body-shadow-x}*/ 1px /*{a-body-shadow-y}*/ 0 /*{a-body-shadow-radius}*/ #ffffff /*{a-body-shadow-color}*/;
background: #f0f0f0 /*{a-body-background-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #eee /*{a-body-background-start}*/), to( #ddd /*{a-body-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #eee /*{a-body-background-start}*/, #ddd /*{a-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #eee /*{a-body-background-start}*/, #ddd /*{a-body-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #eee /*{a-body-background-start}*/, #ddd /*{a-body-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #eee /*{a-body-background-start}*/, #ddd /*{a-body-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #eee /*{a-body-background-start}*/, #ddd /*{a-body-background-end}*/);
+ background-image: -webkit-gradient(linear, left top, left bottom, from( #eeeeee /*{a-body-background-start}*/), to( #dddddd /*{a-body-background-end}*/)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient( #eeeeee /*{a-body-background-start}*/, #dddddd /*{a-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient( #eeeeee /*{a-body-background-start}*/, #dddddd /*{a-body-background-end}*/); /* FF3.6 */
+ background-image: -ms-linear-gradient( #eeeeee /*{a-body-background-start}*/, #dddddd /*{a-body-background-end}*/); /* IE10 */
+ background-image: -o-linear-gradient( #eeeeee /*{a-body-background-start}*/, #dddddd /*{a-body-background-end}*/); /* Opera 11.10+ */
+ background-image: linear-gradient( #eeeeee /*{a-body-background-start}*/, #dddddd /*{a-body-background-end}*/);
}
.ui-body-a,
.ui-body-a input,
@@ -96,17 +96,17 @@
}
.ui-btn-up-a {
- border: 1px solid #ccc /*{a-bup-border}*/;
- background: #eee /*{a-bup-background-color}*/;
+ border: 1px solid #cccccc /*{a-bup-border}*/;
+ background: #eeeeee /*{a-bup-background-color}*/;
font-weight: bold;
- color: #444 /*{a-bup-color}*/;
+ color: #444444 /*{a-bup-color}*/;
text-shadow: 0 /*{a-bup-shadow-x}*/ 1px /*{a-bup-shadow-y}*/ 1px /*{a-bup-shadow-radius}*/ #f6f6f6 /*{a-bup-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #fdfdfd /*{a-bup-background-start}*/), to( #eee /*{a-bup-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #fdfdfd /*{a-bup-background-start}*/, #eee /*{a-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #fdfdfd /*{a-bup-background-start}*/, #eee /*{a-bup-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #fdfdfd /*{a-bup-background-start}*/, #eee /*{a-bup-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #fdfdfd /*{a-bup-background-start}*/, #eee /*{a-bup-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #fdfdfd /*{a-bup-background-start}*/, #eee /*{a-bup-background-end}*/);
+ background-image: -webkit-gradient(linear, left top, left bottom, from( #fdfdfd /*{a-bup-background-start}*/), to( #eeeeee /*{a-bup-background-end}*/)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient( #fdfdfd /*{a-bup-background-start}*/, #eeeeee /*{a-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient( #fdfdfd /*{a-bup-background-start}*/, #eeeeee /*{a-bup-background-end}*/); /* FF3.6 */
+ background-image: -ms-linear-gradient( #fdfdfd /*{a-bup-background-start}*/, #eeeeee /*{a-bup-background-end}*/); /* IE10 */
+ background-image: -o-linear-gradient( #fdfdfd /*{a-bup-background-start}*/, #eeeeee /*{a-bup-background-end}*/); /* Opera 11.10+ */
+ background-image: linear-gradient( #fdfdfd /*{a-bup-background-start}*/, #eeeeee /*{a-bup-background-end}*/);
}
.ui-btn-up-a a.ui-link-inherit {
color: #2F3E46 /*{a-bup-color}*/;
@@ -117,7 +117,7 @@
background: #dadada /*{a-bhover-background-color}*/;
font-weight: bold;
color: #101010 /*{a-bhover-color}*/;
- text-shadow: 0 /*{a-bhover-shadow-x}*/ 1px /*{a-bhover-shadow-y}*/ 1px /*{a-bhover-shadow-radius}*/ #fff /*{a-bhover-shadow-color}*/;
+ text-shadow: 0 /*{a-bhover-shadow-x}*/ 1px /*{a-bhover-shadow-y}*/ 1px /*{a-bhover-shadow-radius}*/ #ffffff /*{a-bhover-shadow-color}*/;
background-image: -webkit-gradient(linear, left top, left bottom, from( #ededed /*{a-bhover-background-start}*/), to( #dadada /*{a-bhover-background-end}*/)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient( #ededed /*{a-bhover-background-start}*/, #dadada /*{a-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
background-image: -moz-linear-gradient( #ededed /*{a-bhover-background-start}*/, #dadada /*{a-bhover-background-end}*/); /* FF3.6 */
@@ -134,12 +134,12 @@
font-weight: bold;
color: #111111 /*{a-bdown-color}*/;
text-shadow: 0 /*{a-bdown-shadow-x}*/ 1px /*{a-bdown-shadow-y}*/ 1px /*{a-bdown-shadow-radius}*/ #ffffff /*{a-bdown-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #eee /*{a-bdown-background-start}*/), to( #fdfdfd /*{a-bdown-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #eee /*{a-bdown-background-start}*/, #fdfdfd /*{a-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #eee /*{a-bdown-background-start}*/, #fdfdfd /*{a-bdown-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #eee /*{a-bdown-background-start}*/, #fdfdfd /*{a-bdown-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #eee /*{a-bdown-background-start}*/, #fdfdfd /*{a-bdown-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #eee /*{a-bdown-background-start}*/, #fdfdfd /*{a-bdown-background-end}*/);
+ background-image: -webkit-gradient(linear, left top, left bottom, from( #eeeeee /*{a-bdown-background-start}*/), to( #fdfdfd /*{a-bdown-background-end}*/)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient( #eeeeee /*{a-bdown-background-start}*/, #fdfdfd /*{a-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient( #eeeeee /*{a-bdown-background-start}*/, #fdfdfd /*{a-bdown-background-end}*/); /* FF3.6 */
+ background-image: -ms-linear-gradient( #eeeeee /*{a-bdown-background-start}*/, #fdfdfd /*{a-bdown-background-end}*/); /* IE10 */
+ background-image: -o-linear-gradient( #eeeeee /*{a-bdown-background-start}*/, #fdfdfd /*{a-bdown-background-end}*/); /* Opera 11.10+ */
+ background-image: linear-gradient( #eeeeee /*{a-bdown-background-start}*/, #fdfdfd /*{a-bdown-background-end}*/);
}
.ui-btn-down-a a.ui-link-inherit {
color: #2F3E46 /*{a-bdown-color}*/;
@@ -159,7 +159,7 @@
background: #e9eaeb /*{b-bar-background-color}*/;
color: #3E3E3E /*{b-bar-color}*/;
font-weight: bold;
- text-shadow: 0 /*{b-bar-shadow-x}*/ 1px /*{b-bar-shadow-y}*/ 1px /*{b-bar-shadow-radius}*/ #fff /*{b-bar-shadow-color}*/;
+ text-shadow: 0 /*{b-bar-shadow-x}*/ 1px /*{b-bar-shadow-y}*/ 1px /*{b-bar-shadow-radius}*/ #ffffff /*{b-bar-shadow-color}*/;
background-image: -webkit-gradient(linear, left top, left bottom, from( #f0f0f0 /*{b-bar-background-start}*/), to( #e9eaeb /*{b-bar-background-end}*/)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient( #f0f0f0 /*{b-bar-background-start}*/, #e9eaeb /*{b-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
background-image: -moz-linear-gradient( #f0f0f0 /*{b-bar-background-start}*/, #e9eaeb /*{b-bar-background-end}*/); /* FF3.6 */
@@ -199,14 +199,14 @@
.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}*/;
+ text-shadow: 0 /*{b-body-shadow-x}*/ 1px /*{b-body-shadow-y}*/ 0 /*{b-body-shadow-radius}*/ #ffffff /*{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}*/);
+ background-image: -webkit-gradient(linear, left top, left bottom, from( #eeeeee /*{b-body-background-start}*/), to( #dddddd /*{b-body-background-end}*/)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient( #eeeeee /*{b-body-background-start}*/, #dddddd /*{b-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient( #eeeeee /*{b-body-background-start}*/, #dddddd /*{b-body-background-end}*/); /* FF3.6 */
+ background-image: -ms-linear-gradient( #eeeeee /*{b-body-background-start}*/, #dddddd /*{b-body-background-end}*/); /* IE10 */
+ background-image: -o-linear-gradient( #eeeeee /*{b-body-background-start}*/, #dddddd /*{b-body-background-end}*/); /* Opera 11.10+ */
+ background-image: linear-gradient( #eeeeee /*{b-body-background-start}*/, #dddddd /*{b-body-background-end}*/);
}
.ui-body-b,
.ui-body-b input,
@@ -238,17 +238,17 @@
}
.ui-btn-up-b {
- border: 1px solid #ccc /*{b-bup-border}*/;
- background: #eee /*{b-bup-background-color}*/;
+ border: 1px solid #cccccc /*{b-bup-border}*/;
+ background: #eeeeee /*{b-bup-background-color}*/;
font-weight: bold;
- color: #444 /*{b-bup-color}*/;
+ color: #444444 /*{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( #fdfdfd /*{b-bup-background-start}*/), to( #eee /*{b-bup-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #fdfdfd /*{b-bup-background-start}*/, #eee /*{b-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #fdfdfd /*{b-bup-background-start}*/, #eee /*{b-bup-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #fdfdfd /*{b-bup-background-start}*/, #eee /*{b-bup-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #fdfdfd /*{b-bup-background-start}*/, #eee /*{b-bup-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #fdfdfd /*{b-bup-background-start}*/, #eee /*{b-bup-background-end}*/);
+ background-image: -webkit-gradient(linear, left top, left bottom, from( #fdfdfd /*{b-bup-background-start}*/), to( #eeeeee /*{b-bup-background-end}*/)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient( #fdfdfd /*{b-bup-background-start}*/, #eeeeee /*{b-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient( #fdfdfd /*{b-bup-background-start}*/, #eeeeee /*{b-bup-background-end}*/); /* FF3.6 */
+ background-image: -ms-linear-gradient( #fdfdfd /*{b-bup-background-start}*/, #eeeeee /*{b-bup-background-end}*/); /* IE10 */
+ background-image: -o-linear-gradient( #fdfdfd /*{b-bup-background-start}*/, #eeeeee /*{b-bup-background-end}*/); /* Opera 11.10+ */
+ background-image: linear-gradient( #fdfdfd /*{b-bup-background-start}*/, #eeeeee /*{b-bup-background-end}*/);
}
.ui-btn-up-b a.ui-link-inherit {
color: #2F3E46 /*{b-bup-color}*/;
@@ -259,7 +259,7 @@
background: #dadada /*{b-bhover-background-color}*/;
font-weight: bold;
color: #101010 /*{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}*/;
+ text-shadow: 0 /*{b-bhover-shadow-x}*/ 1px /*{b-bhover-shadow-y}*/ 1px /*{b-bhover-shadow-radius}*/ #ffffff /*{b-bhover-shadow-color}*/;
background-image: -webkit-gradient(linear, left top, left bottom, from( #ededed /*{b-bhover-background-start}*/), to( #dadada /*{b-bhover-background-end}*/)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient( #ededed /*{b-bhover-background-start}*/, #dadada /*{b-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
background-image: -moz-linear-gradient( #ededed /*{b-bhover-background-start}*/, #dadada /*{b-bhover-background-end}*/); /* FF3.6 */
@@ -276,12 +276,12 @@
font-weight: bold;
color: #111111 /*{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( #eee /*{b-bdown-background-start}*/), to( #fdfdfd /*{b-bdown-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #eee /*{b-bdown-background-start}*/, #fdfdfd /*{b-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #eee /*{b-bdown-background-start}*/, #fdfdfd /*{b-bdown-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #eee /*{b-bdown-background-start}*/, #fdfdfd /*{b-bdown-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #eee /*{b-bdown-background-start}*/, #fdfdfd /*{b-bdown-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #eee /*{b-bdown-background-start}*/, #fdfdfd /*{b-bdown-background-end}*/);
+ background-image: -webkit-gradient(linear, left top, left bottom, from( #eeeeee /*{b-bdown-background-start}*/), to( #fdfdfd /*{b-bdown-background-end}*/)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient( #eeeeee /*{b-bdown-background-start}*/, #fdfdfd /*{b-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient( #eeeeee /*{b-bdown-background-start}*/, #fdfdfd /*{b-bdown-background-end}*/); /* FF3.6 */
+ background-image: -ms-linear-gradient( #eeeeee /*{b-bdown-background-start}*/, #fdfdfd /*{b-bdown-background-end}*/); /* IE10 */
+ background-image: -o-linear-gradient( #eeeeee /*{b-bdown-background-start}*/, #fdfdfd /*{b-bdown-background-end}*/); /* Opera 11.10+ */
+ background-image: linear-gradient( #eeeeee /*{b-bdown-background-start}*/, #fdfdfd /*{b-bdown-background-end}*/);
}
.ui-btn-down-b a.ui-link-inherit {
color: #2F3E46 /*{b-bdown-color}*/;
@@ -302,7 +302,7 @@
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}*/;
+ text-shadow: 0 /*{c-bar-shadow-x}*/ 1px /*{c-bar-shadow-y}*/ 1px /*{c-bar-shadow-radius}*/ #ffffff /*{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 */
@@ -342,14 +342,14 @@
.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}*/;
+ text-shadow: 0 /*{c-body-shadow-x}*/ 1px /*{c-body-shadow-y}*/ 0 /*{c-body-shadow-radius}*/ #ffffff /*{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}*/);
+ background-image: -webkit-gradient(linear, left top, left bottom, from( #eeeeee /*{c-body-background-start}*/), to( #dddddd /*{c-body-background-end}*/)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient( #eeeeee /*{c-body-background-start}*/, #dddddd /*{c-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient( #eeeeee /*{c-body-background-start}*/, #dddddd /*{c-body-background-end}*/); /* FF3.6 */
+ background-image: -ms-linear-gradient( #eeeeee /*{c-body-background-start}*/, #dddddd /*{c-body-background-end}*/); /* IE10 */
+ background-image: -o-linear-gradient( #eeeeee /*{c-body-background-start}*/, #dddddd /*{c-body-background-end}*/); /* Opera 11.10+ */
+ background-image: linear-gradient( #eeeeee /*{c-body-background-start}*/, #dddddd /*{c-body-background-end}*/);
}
.ui-body-c,
.ui-body-c input,
@@ -381,17 +381,17 @@
}
.ui-btn-up-c {
- border: 1px solid #ccc /*{c-bup-border}*/;
- background: #eee /*{c-bup-background-color}*/;
+ border: 1px solid #cccccc /*{c-bup-border}*/;
+ background: #eeeeee /*{c-bup-background-color}*/;
font-weight: bold;
- color: #444 /*{c-bup-color}*/;
+ color: #444444 /*{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}*/);
+ background-image: -webkit-gradient(linear, left top, left bottom, from( #fdfdfd /*{c-bup-background-start}*/), to( #eeeeee /*{c-bup-background-end}*/)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient( #fdfdfd /*{c-bup-background-start}*/, #eeeeee /*{c-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient( #fdfdfd /*{c-bup-background-start}*/, #eeeeee /*{c-bup-background-end}*/); /* FF3.6 */
+ background-image: -ms-linear-gradient( #fdfdfd /*{c-bup-background-start}*/, #eeeeee /*{c-bup-background-end}*/); /* IE10 */
+ background-image: -o-linear-gradient( #fdfdfd /*{c-bup-background-start}*/, #eeeeee /*{c-bup-background-end}*/); /* Opera 11.10+ */
+ background-image: linear-gradient( #fdfdfd /*{c-bup-background-start}*/, #eeeeee /*{c-bup-background-end}*/);
}
.ui-btn-up-c a.ui-link-inherit {
color: #2F3E46 /*{c-bup-color}*/;
@@ -402,7 +402,7 @@
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}*/;
+ text-shadow: 0 /*{c-bhover-shadow-x}*/ 1px /*{c-bhover-shadow-y}*/ 1px /*{c-bhover-shadow-radius}*/ #ffffff /*{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 */
@@ -419,12 +419,12 @@
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}*/);
+ background-image: -webkit-gradient(linear, left top, left bottom, from( #eeeeee /*{c-bdown-background-start}*/), to( #fdfdfd /*{c-bdown-background-end}*/)); /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient( #eeeeee /*{c-bdown-background-start}*/, #fdfdfd /*{c-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
+ background-image: -moz-linear-gradient( #eeeeee /*{c-bdown-background-start}*/, #fdfdfd /*{c-bdown-background-end}*/); /* FF3.6 */
+ background-image: -ms-linear-gradient( #eeeeee /*{c-bdown-background-start}*/, #fdfdfd /*{c-bdown-background-end}*/); /* IE10 */
+ background-image: -o-linear-gradient( #eeeeee /*{c-bdown-background-start}*/, #fdfdfd /*{c-bdown-background-end}*/); /* Opera 11.10+ */
+ background-image: linear-gradient( #eeeeee /*{c-bdown-background-start}*/, #fdfdfd /*{c-bdown-background-end}*/);
}
.ui-btn-down-c a.ui-link-inherit {
color: #2F3E46 /*{c-bdown-color}*/;
@@ -454,7 +454,7 @@ a.ui-link-inherit {
border: 1px solid #155678 /*{global-active-border}*/;
background: #4596ce /*{global-active-background-color}*/;
font-weight: bold;
- color: #fff /*{global-active-color}*/;
+ color: #ffffff /*{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;
@@ -467,15 +467,15 @@ a.ui-link-inherit {
font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
}
.ui-btn-active a.ui-link-inherit {
- color: #fff /*{global-active-color}*/;
+ color: #ffffff /*{global-active-color}*/;
}
/* button inner top highlight
-----------------------------------------------------------------------------------------------------------*/
.ui-btn-inner {
- border-top: 1px solid #fff;
+ border-top: 1px solid #ffffff;
border-color: rgba(255,255,255,.3);
}
@@ -562,7 +562,7 @@ a.ui-link-inherit {
.ui-icon,
.ui-icon-searchfield:after {
- background: #666 /*{global-icon-color}*/;
+ background: #666666 /*{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;
@@ -576,7 +576,7 @@ a.ui-link-inherit {
-----------------------------------------------------------------------------------------------------------*/
.ui-icon-alt {
- background: #fff;
+ background: #ffffff;
background: rgba(255,255,255,.3);
background-image: url(images/icons-18-black.png);
background-repeat: no-repeat;
View
1,133 css/default_theme.css
@@ -1,1133 +0,0 @@
-/*
-* 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( #111111 /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111111 /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111111 /*{a-bar-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111111 /*{a-bar-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111111 /*{a-bar-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111111 /*{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: #ffffff /*{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: #ffffff /*{a-body-color}*/;
- text-shadow: 0 /*{a-body-shadow-x}*/ 1px /*{a-body-shadow-y}*/ 0 /*{a-body-shadow-radius}*/ #000000 /*{a-body-shadow-color}*/;
- font-weight: normal;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #666666 /*{a-body-background-start}*/), to( #222222 /*{a-body-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #666666 /*{a-body-background-start}*/, #222222 /*{a-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #666666 /*{a-body-background-start}*/, #222222 /*{a-body-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #666666 /*{a-body-background-start}*/, #222222 /*{a-body-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #666666 /*{a-body-background-start}*/, #222222 /*{a-body-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #666666 /*{a-body-background-start}*/, #222222 /*{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: #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 #222222 /*{a-bup-border}*/;
- background: #333333 /*{a-bup-background-color}*/;
- font-weight: bold;
- color: #ffffff /*{a-bup-color}*/;
- text-shadow: 0 /*{a-bup-shadow-x}*/ -1px /*{a-bup-shadow-y}*/ 1px /*{a-bup-shadow-radius}*/ #000000 /*{a-bup-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #555555 /*{a-bup-background-start}*/), to( #333333 /*{a-bup-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #555555 /*{a-bup-background-start}*/, #333333 /*{a-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #555555 /*{a-bup-background-start}*/, #333333 /*{a-bup-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #555555 /*{a-bup-background-start}*/, #333333 /*{a-bup-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #555555 /*{a-bup-background-start}*/, #333333 /*{a-bup-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #555555 /*{a-bup-background-start}*/, #333333 /*{a-bup-background-end}*/);
-}
-.ui-btn-up-a a.ui-link-inherit {
- color: #ffffff /*{a-bup-color}*/;
-}
-.ui-btn-hover-a {
- border: 1px solid #000000 /*{a-bhover-border}*/;
- background: #444444 /*{a-bhover-background-color}*/;
- font-weight: bold;
- color: #ffffff /*{a-bhover-color}*/;
- text-shadow: 0 /*{a-bhover-shadow-x}*/ -1px /*{a-bhover-shadow-y}*/ 1px /*{a-bhover-shadow-radius}*/ #000000 /*{a-bhover-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #666666 /*{a-bhover-background-start}*/), to( #444444 /*{a-bhover-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #666666 /*{a-bhover-background-start}*/, #444444 /*{a-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #666666 /*{a-bhover-background-start}*/, #444444 /*{a-bhover-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #666666 /*{a-bhover-background-start}*/, #444444 /*{a-bhover-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #666666 /*{a-bhover-background-start}*/, #444444 /*{a-bhover-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #666666 /*{a-bhover-background-start}*/, #444444 /*{a-bhover-background-end}*/);
-}
-.ui-btn-hover-a a.ui-link-inherit {
- color: #ffffff /*{a-bhover-color}*/;
-}
-.ui-btn-down-a {
- border: 1px solid #000000 /*{a-bdown-border}*/;
- background: #3d3d3d /*{a-bdown-background-color}*/;
- font-weight: bold;
- color: #ffffff /*{a-bdown-color}*/;
- text-shadow: 0 /*{a-bdown-shadow-x}*/ -1px /*{a-bdown-shadow-y}*/ 1px /*{a-bdown-shadow-radius}*/ #000000 /*{a-bdown-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #333333 /*{a-bdown-background-start}*/), to( #5a5a5a /*{a-bdown-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #333333 /*{a-bdown-background-start}*/, #5a5a5a /*{a-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #333333 /*{a-bdown-background-start}*/, #5a5a5a /*{a-bdown-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #333333 /*{a-bdown-background-start}*/, #5a5a5a /*{a-bdown-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #333333 /*{a-bdown-background-start}*/, #5a5a5a /*{a-bdown-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #333333 /*{a-bdown-background-start}*/, #5a5a5a /*{a-bdown-background-end}*/);
-}
-.ui-btn-down-a a.ui-link-inherit {
- color: #ffffff /*{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: #ffffff /*{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: #ffffff /*{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}*/ #ffffff /*{b-body-shadow-color}*/;
- font-weight: normal;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #e6e6e6 /*{b-body-background-start}*/), to( #cccccc /*{b-body-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #e6e6e6 /*{b-body-background-start}*/, #cccccc /*{b-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #e6e6e6 /*{b-body-background-start}*/, #cccccc /*{b-body-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #e6e6e6 /*{b-body-background-start}*/, #cccccc /*{b-body-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #e6e6e6 /*{b-body-background-start}*/, #cccccc /*{b-body-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #e6e6e6 /*{b-body-background-start}*/, #cccccc /*{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: #ffffff /*{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: #ffffff /*{b-bup-color}*/;
-}
-.ui-btn-hover-b {
- border: 1px solid #00516e /*{b-bhover-border}*/;
- background: #4b88b6 /*{b-bhover-background-color}*/;
- font-weight: bold;
- color: #ffffff /*{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: #ffffff /*{b-bhover-color}*/;
-}
-.ui-btn-down-b {
- border: 1px solid #225377 /*{b-bdown-border}*/;
- background: #4e89c5 /*{b-bdown-background-color}*/;
- font-weight: bold;
- color: #ffffff /*{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: #ffffff /*{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}*/ #ffffff /*{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}*/ #ffffff /*{c-body-shadow-color}*/;
- background: #f0f0f0 /*{c-body-background-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #eeeeee /*{c-body-background-start}*/), to( #dddddd /*{c-body-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #eeeeee /*{c-body-background-start}*/, #dddddd /*{c-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #eeeeee /*{c-body-background-start}*/, #dddddd /*{c-body-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #eeeeee /*{c-body-background-start}*/, #dddddd /*{c-body-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #eeeeee /*{c-body-background-start}*/, #dddddd /*{c-body-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #eeeeee /*{c-body-background-start}*/, #dddddd /*{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 #cccccc /*{c-bup-border}*/;
- background: #eeeeee /*{c-bup-background-color}*/;
- font-weight: bold;
- color: #444444 /*{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( #eeeeee /*{c-bup-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #fdfdfd /*{c-bup-background-start}*/, #eeeeee /*{c-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #fdfdfd /*{c-bup-background-start}*/, #eeeeee /*{c-bup-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #fdfdfd /*{c-bup-background-start}*/, #eeeeee /*{c-bup-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #fdfdfd /*{c-bup-background-start}*/, #eeeeee /*{c-bup-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #fdfdfd /*{c-bup-background-start}*/, #eeeeee /*{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}*/ #ffffff /*{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( #eeeeee /*{c-bdown-background-start}*/), to( #fdfdfd /*{c-bdown-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #eeeeee /*{c-bdown-background-start}*/, #fdfdfd /*{c-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #eeeeee /*{c-bdown-background-start}*/, #fdfdfd /*{c-bdown-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #eeeeee /*{c-bdown-background-start}*/, #fdfdfd /*{c-bdown-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #eeeeee /*{c-bdown-background-start}*/, #fdfdfd /*{c-bdown-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #eeeeee /*{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 #cccccc /*{d-bar-border}*/;
- background: #bbbbbb /*{d-bar-background-color}*/;
- color: #333333 /*{d-bar-color}*/;
- text-shadow: 0 /*{d-bar-shadow-x}*/ 1px /*{d-bar-shadow-y}*/ 0 /*{d-bar-shadow-radius}*/ #eeeeee /*{d-bar-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #dddddd /*{d-bar-background-start}*/), to( #bbbbbb /*{d-bar-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #dddddd /*{d-bar-background-start}*/, #bbbbbb /*{d-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #dddddd /*{d-bar-background-start}*/, #bbbbbb /*{d-bar-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #dddddd /*{d-bar-background-start}*/, #bbbbbb /*{d-bar-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #dddddd /*{d-bar-background-start}*/, #bbbbbb /*{d-bar-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #dddddd /*{d-bar-background-start}*/, #bbbbbb /*{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 #cccccc /*{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}*/ #ffffff /*{d-body-shadow-color}*/;
- background: #ffffff /*{d-body-background-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #fff), to( #ffffff /*{d-body-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #ffffff /*{d-body-background-start}*/, #ffffff /*{d-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #ffffff /*{d-body-background-start}*/, #ffffff /*{d-body-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #ffffff /*{d-body-background-start}*/, #ffffff /*{d-body-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #ffffff /*{d-body-background-start}*/, #ffffff /*{d-body-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #ffffff /*{d-body-background-start}*/, #ffffff /*{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 #cccccc /*{d-bup-border}*/;
- background: #ffffff /*{d-bup-background-color}*/;
- font-weight: bold;
- color: #444444 /*{d-bup-color}*/;
- text-shadow: 0 /*{d-bup-shadow-x}*/ 1px /*{d-bup-shadow-y}*/ 1px /*{d-bup-shadow-radius}*/ #ffffff /*{d-bup-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #fff), to( #ffffff /*{d-bup-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #ffffff /*{d-bup-background-start}*/, #ffffff /*{d-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #ffffff /*{d-bup-background-start}*/, #ffffff /*{d-bup-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #ffffff /*{d-bup-background-start}*/, #ffffff /*{d-bup-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #ffffff /*{d-bup-background-start}*/, #ffffff /*{d-bup-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #ffffff /*{d-bup-background-start}*/, #ffffff /*{d-bup-background-end}*/);
-}
-.ui-btn-up-d a.ui-link-inherit {
- color: #333333 /*{d-bup-color}*/;
-}
-.ui-btn-hover-d {
- border: 1px solid #aaaaaa /*{d-bhover-border}*/;
- background: #eeeeee /*{d-bhover-background-color}*/;
- font-weight: bold;
- color: #222222 /*{d-bhover-color}*/;
- cursor: pointer;
- text-shadow: 0 /*{d-bhover-shadow-x}*/ 1px /*{d-bhover-shadow-y}*/ 1px /*{d-bhover-shadow-radius}*/ #ffffff /*{d-bhover-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #fdfdfd), to( #eeeeee /*{d-bhover-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #fdfdfd /*{d-bhover-background-start}*/, #eeeeee /*{d-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #fdfdfd /*{d-bhover-background-start}*/, #eeeeee /*{d-bhover-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #fdfdfd /*{d-bhover-background-start}*/, #eeeeee /*{d-bhover-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #fdfdfd /*{d-bhover-background-start}*/, #eeeeee /*{d-bhover-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #fdfdfd /*{d-bhover-background-start}*/, #eeeeee /*{d-bhover-background-end}*/);
-}
-.ui-btn-hover-d a.ui-link-inherit {
- color: #222222 /*{d-bhover-color}*/;
-}
-.ui-btn-down-d {
- border: 1px solid #aaaaaa /*{d-bdown-border}*/;
- background: #ffffff /*{d-bdown-background-color}*/;
- font-weight: bold;
- color: #111111 /*{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( #eeeeee /*{d-bdown-background-start}*/), to( #ffffff /*{d-bdown-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #eeeeee /*{d-bdown-background-start}*/, #ffffff /*{d-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #eeeeee /*{d-bdown-background-start}*/, #ffffff /*{d-bdown-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #eeeeee /*{d-bdown-background-start}*/, #ffffff /*{d-bdown-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #eeeeee /*{d-bdown-background-start}*/, #ffffff /*{d-bdown-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #eeeeee /*{d-bdown-background-start}*/, #ffffff /*{d-bdown-background-end}*/);
-}
-.ui-btn-down-d a.ui-link-inherit {
- color: #111111 /*{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: #333333 /*{e-bar-color}*/;
- text-shadow: 0 /*{e-bar-shadow-x}*/ 1px /*{e-bar-shadow-y}*/ 0 /*{e-bar-shadow-radius}*/ #ffffff /*{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}*/ #ffffff /*{e-body-shadow-color}*/;
- background: #faeb9e /*{e-body-background-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff /*{e-body-background-start}*/), to( #faeb9e /*{e-body-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #ffffff /*{e-body-background-start}*/, #faeb9e /*{e-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #ffffff /*{e-body-background-start}*/, #faeb9e /*{e-body-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #ffffff /*{e-body-background-start}*/, #faeb9e /*{e-body-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #ffffff /*{e-body-background-start}*/, #faeb9e /*{e-body-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #ffffff /*{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: #333333 /*{e-bup-color}*/;
- text-shadow: 0 /*{e-bup-shadow-x}*/ 1px /*{e-bup-shadow-y}*/ 0 /*{e-bup-shadow-radius}*/ #ffffff /*{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: #333333 /*{e-bup-color}*/;
-}
-.ui-btn-hover-e {
- border: 1px solid #e79952 /*{e-bhover-border}*/;
- background: #fbe26f /*{e-bhover-background-color}*/;
- font-weight: bold;
- color: #111111 /*{e-bhover-color}*/;
- text-shadow: 0 /*{e-bhover-shadow-x}*/ 1px /*{e-bhover-shadow-y}*/ 1px /*{e-bhover-shadow-radius}*/ #ffffff /*{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: #333333 /*{e-bhover-color}*/;
-}
-.ui-btn-down-e {
- border: 1px solid #F7C942 /*{e-bdown-border}*/;
- background: #fceda7 /*{e-bdown-background-color}*/;
- font-weight: bold;
- color: #111111 /*{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: #333333 /*{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: #ffffff /*{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: #ffffff /*{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: #666666 /*{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) /*{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;
-}
View
0 css/farbtastic.css 100755 → 100644
File mode changed.
View
0 css/jquery-ui.css 100755 → 100644
File mode changed.
View
0 css/layout.css 100755 → 100644
File mode changed.
View
59 css/panel.css
@@ -0,0 +1,59 @@
+#interface{position: relative;left: -9999px;}
+
+img{border: none;}
+
+/*Colorpicker*/
+#colorpicker{z-index: 3; display: none; position: relative; background-color: #333; width: 196px; height: 197px; border-radius: 5px; border: 1px solid white;}
+#colorpicker #picker-colors{position: relative;top: -170px;left: 200px;width: 20px;height: 140px;background-color: #444; padding: 5px;}
+#picker-colors .color-drag{width: 18px;height: 18px;float: none;margin: 6px 0;}
+
+/*ThemeRoller Mobile*/
+#style{display: none;}
+.sub #page h2{text-align: left; width: 100%; margin: auto; margin-top: 20px}
+
+#tr_panel .more{color: #000; margin-left: 5px; font-family: courier, mono-space; border: 1px solid #000; padding: 2px 5px 0 5px; font-weight: bold; text-decoration: none;}
+#tr_panel .start-end{margin-top: 5px; display: none;}
+#tr_panel{float: left; width: 320px; height: 600px; background: #DDD; border-right: 1px solid #777;}
+#tr_panel #tr_header{ height: 40px; background: #333; padding: 16px 10px 10px;}
+#tr_panel #tr_logo{width: 165px; color: #7f7}
+#tr_panel #tr_logo img{width: inherit;}
+#tr_panel #tr_download{height: 16px; position: relative; left: 179px; bottom: 35px;}
+#tr_panel #tr_download img{height: inherit;}
+#tr_panel #tr_header #separator{height: 1px; width: 123px; background-color: #777; position: relative; left: 178px; bottom: 37px}
+#tr_panel #tr_links{position: relative; left: 184px; bottom: 33px;}
+#tr_panel #tr_links a{text-decoration: none; color: #ccc; font-size: 11px; margin: 0 5px}
+#tr_panel label{margin: 0 5px; position: relative; padding-top: 2px;}
+#tr_panel label.first{width: 85px; margin: 0 5px; text-align: right; float: left; display: block; position: static;}
+#tr_panel .clear{clear: both;}
+#tr_panel .ui-accordion .ui-accordion-content{padding: 7px;}
+#tr_panel .ui-accordion .ui-accordion-header a{color: #000; font-weight: normal}
+#tr_panel input[data-type=text-shadow]{width: 30px; float: left; margin-right: 5px;}
+#tr_panel input[data-type=text-shadow].colorwell{width: 53px;}
+#tr_panel input[data-type=radius]{width: 35px;}
+#tr_panel .colorwell{width: 53px;}
+#tr_panel .colorwell.hover{border: 2px solid #0dd}
+#tr_panel .slider{display: inline-block; zoom: 1; *display: inline; width: 80px; position: relative; top: 1px; margin-left: 10px;}
+#tr_panel .separator{margin: 5px; border-bottom: 2px solid #EEEEEE;}
+#tr_panel input[data-type=font-family]{width: 170px;}
+#tr_panel input[data-type=icon_set]{width: 80px}
+#tr_panel input#with_disc{width: 90px}
+#tr_panel input#icon_opacity{width: 25px}
+#tr_panel input#box-shadow-opacity{width: 30px;}
+#tr_panel input#box-shadow-size{width: 30px;}
+#tr_panel .end-label{position: relative; top: -3px;}
+#tr_panel .start-end.links{margin-top: 0}
+
+#tr_panel h1 a{float: right; font-size: 10px;}
+
+#tr_panel .ui-tabs {font-family:"Segoe ui", verdana, arial, sans-serif; font-weight: normal; position: relative; padding: .2em; zoom: 1; padding: 0; margin: 0; border: 0;} /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
+#tr_panel .ui-tabs .ui-widget-header{background: #777; padding: 0; border: 0;}
+#tr_panel .ui-tabs h1{color: #F1A704; background: white; height: 20px; font-size: 12px; margin: 0; padding: 5px;}
+#tr_panel .ui-tabs .ui-tabs-nav { margin: 0; padding: 0; border: 0px 0px 0px 0px; padding-bottom: 1px}
+#tr_panel .ui-tabs .ui-tabs-nav li {line-height: inherit; background: #666; border: 1px solid #333; list-style: none; float: left; margin: 0 1px 0 0; position: relative; top: 1px; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
+#tr_panel .ui-tabs .ui-tabs-nav li a { font-weight: normal; color: #fff; font-size: 11px; float: left; padding: .5em 1em; text-decoration: none; text-shadow: 0px 1px 1px #000}
+#tr_panel .ui-tabs .ui-tabs-nav li.ui-tabs-selected { background: #FFFFFF; margin-bottom: 0; padding-bottom: 1px; }
+#tr_panel .ui-tabs .ui-tabs-nav li.ui-tabs-selected>a{text-shadow: none;}
+#tr_panel .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; color: #000; }
+#tr_panel .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
+#tr_panel div.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 0; background: none;}
+#tr_panel .ui-tabs .ui-tabs-hide { display: none !important; }
View
86 css/tr.css
@@ -1,86 +0,0 @@
-/*demo page css*/
-
-#interface{
- position: relative;
- left: -9999px;
-}
-
-img{border: none;}
-
-/*Colorpicker*/
-#colorpicker{z-index: 3; display: none; position: relative; background-color: #333; width: 196px; height: 197px; border-radius: 5px; border: 1px solid white;}
-#colorpicker #picker-colors{
- position: relative;
- top: -170px;
- left: 200px;
- width: 20px;
- height: 140px;
- background-color: #444;
- padding: 5px;
-}
-
-#picker-colors .color-drag{
- width: 18px;
- height: 18px;
- float: none;
- margin: 6px 0;
-}
-
-
-/*ThemeRoller Mobile*/
-#style{display: none;}
-.sub #page h2{text-align: left; width: 100%; margin: auto; margin-top: 20px}
-
-#themeroller_mobile .more{color: #000; margin-left: 5px; font-family: courier, mono-space; border: 1px solid #000; padding: 2px 5px 0 5px; font-weight: bold; text-decoration: none;}
-#themeroller_mobile .start-end{margin-top: 5px; display: none;}
-#themeroller_mobile{float: left; width: 320px; height: 600px; background: #DDD; border-right: 1px solid #777;}
-#themeroller_mobile #themeroller_header{ height: 40px; background: #333; padding: 16px 10px 10px;}
-#themeroller_mobile #themeroller_logo{width: 165px; color: #7f7}
-#themeroller_mobile #themeroller_logo img{width: inherit;}
-#themeroller_mobile #themeroller_download{height: 16px; position: relative; left: 179px; bottom: 35px;}
-#themeroller_mobile #themeroller_download img{height: inherit;}
-#themeroller_mobile #themeroller_header #separator{height: 1px; width: 123px; background-color: #777; position: relative; left: 178px; bottom: 37px}
-#themeroller_mobile #tr_links{position: relative; left: 184px; bottom: 33px;}
-#themeroller_mobile #tr_links a{text-decoration: none; color: #ccc; font-size: 11px; margin: 0 5px}
-#themeroller_mobile label{margin: 0 5px; position: relative; padding-top: 2px;}
-#themeroller_mobile label.first{width: 85px; margin: 0 5px; text-align: right; float: left; display: block; position: static;}
-#themeroller_mobile .clear{clear: both;}
-#themeroller_mobile .ui-accordion .ui-accordion-content{padding: 7px;}
-#themeroller_mobile .ui-accordion .ui-accordion-header a{color: #000; font-weight: normal}
-#themeroller_mobile input[data-type=text-shadow]{width: 30px; float: left; margin-right: 5px;}
-#themeroller_mobile input[data-type=text-shadow].colorwell{width: 53px;}
-#themeroller_mobile input[data-type=radius]{width: 35px;}
-#themeroller_mobile .colorwell{width: 53px;}
-#themeroller_mobile .colorwell.hover{border: 2px solid #0dd}
-#themeroller_mobile .slider{display: inline-block; zoom: 1; *display: inline; width: 80px; position: relative; top: 1px; margin-left: 10px;}
-#themeroller_mobile .separator{margin: 5px; border-bottom: 2px solid #EEEEEE;}
-#themeroller_mobile input[data-type=font-family]{width: 170px;}
-#themeroller_mobile input[data-type=icon_set]{width: 80px}
-#themeroller_mobile input#with_disc{width: 90px}
-#themeroller_mobile input#icon_opacity{width: 25px}
-#themeroller_mobile input#box-shadow-opacity{width: 30px;}
-#themeroller_mobile input#box-shadow-size{width: 30px;}
-#themeroller_mobile .end-label{position: relative; top: -3px;}
-#themeroller_mobile .start-end.links{margin-top: 0}
-
-
-#themeroller_mobile h1 a{float: right; font-size: 10px;}
-
-
-#themeroller_mobile .ui-tabs {font-family:"Segoe ui", verdana, arial, sans-serif; font-weight: normal; position: relative; padding: .2em; zoom: 1; padding: 0; margin: 0; border: 0;} /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
-#themeroller_mobile .ui-tabs .ui-widget-header{background: #777; padding: 0; border: 0;}
-#themeroller_mobile .ui-tabs h1{color: #F1A704; background: white; height: 20px; font-size: 12px; margin: 0; padding: 5px;}
-#themeroller_mobile .ui-tabs .ui-tabs-nav { margin: 0; padding: 0; border: 0px 0px 0px 0px; padding-bottom: 1px}
-#themeroller_mobile .ui-tabs .ui-tabs-nav li {line-height: inherit; background: #666; border: 1px solid #333; list-style: none; float: left; margin: 0 1px 0 0; position: relative; top: 1px; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
-#themeroller_mobile .ui-tabs .ui-tabs-nav li a { font-weight: normal; color: #fff; font-size: 11px; float: left; padding: .5em 1em; text-decoration: none; text-shadow: 0px 1px 1px #000}
-#themeroller_mobile .ui-tabs .ui-tabs-nav li.ui-tabs-selected { background: #FFFFFF; margin-bottom: 0; padding-bottom: 1px; }
-#themeroller_mobile .ui-tabs .ui-tabs-nav li.ui-tabs-selected>a{text-shadow: none;}
-#themeroller_mobile .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; color: #000; }
-#themeroller_mobile .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
-#themeroller_mobile div.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 0; background: none;}
-#themeroller_mobile .ui-tabs .ui-tabs-hide { display: none !important; }
-
-
-.highlight {
- color: #FD9F24;
-}
View
1 css/user_themes/readme.txt
@@ -1 +0,0 @@
-Folder to host shared CSS files
View
2 generated_zips/readme.txt
@@ -1,2 +0,0 @@
-Where zips are stored to be served to the browser
-
View
BIN images/ajax-loader-white.gif
Deleted file not rendered
View
1,008 index.php
@@ -10,108 +10,105 @@
<meta charset="UTF-8" />
<title>ThemeRoller | jQuery Mobile</title>
-
+
<link rel="canonical" href="index.php" />
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" />
<link rel="stylesheet" type="text/css" href="css/layout.css" media="all" />
<link rel="stylesheet" type="text/css" href="css/jquery-ui.css" />
<link rel="stylesheet" type="text/css" href="css/farbtastic.css" />
- <link rel="stylesheet" type="text/css" href="css/tr.css" />
+ <link rel="stylesheet" type="text/css" href="css/panel.css" />
<script src="js/jquery.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/jquery-ui-tabs-paging.js"></script>
- <script src="js/jquery.color.js"></script>
+ <script src="js/jquery-color.js"></script>
<script src="js/farbtastic.js"></script>
<script src="js/app.js"></script>
- <script src="js/tr.js"></script>
+ <script src="js/ui.js"></script>
<script src="js/kuler.js"></script>
</head>
<body>
<div id="load-mask">
<div id="load-screen">
- <div id="load-spinner">
-
- </div>
+ <div id="load-spinner"></div>
</div>
</div>
+
<div id="interface">
- <div id="welcome" class="dialog" title=" ">
- <h1><strong>Welcome</strong> to ThemeRoller for jQuery Mobile</h1>
- <p>
- You can create up to 26 theme "swatches" lettered from A-Z,
- each with a unique color scheme that can be mixed and
- matched for unlimited possibilities.
- </p>
- <p>
- <strong>To start,</strong> either drag a QuickSwatch color onto an element in the preview
- or use the inspector panel on the left to get crafty.
- We <strong>strongly</strong> recommend building themes with at least 3 swatches (A-C).
- </p>
-
- <div class="buttonpane">
- <div class="separator"></div>
- <img src="images/target_big.png" alt=" "/>
- <div id="colors">
- <div class="color-drag disabled" style="background-color: #C1272D"></div>
- <div class="color-drag disabled" style="background-color: #ED1C24"></div>
- <div class="color-drag disabled" style="background-color: #F7931E"></div>
- <div class="color-drag disabled" style="background-color: #FFCC33"></div>
- <div class="color-drag disabled" style="background-color: #FCEE21"></div>
- <div class="color-drag disabled" style="background-color: #D9E021"></div>
- <div class="color-drag disabled" style="background-color: #8CC63F"></div>
- <div class="color-drag disabled" style="background-color: #009245"></div>
- <div class="color-drag disabled" style="background-color: #006837"></div>
- <div class="color-drag disabled" style="background-color: #00A99D"></div>
- <div class="color-drag disabled" style="background-color: #33CCCC"></div>
- <div class="color-drag disabled" style="background-color: #33CCFF"></div>
+ <div id="welcome" class="dialog" title=" ">
+ <h1><strong>Welcome</strong> to ThemeRoller for jQuery Mobile</h1>
+ <p>
+ You can create up to 26 theme "swatches" lettered from A-Z,
+ each with a unique color scheme that can be mixed and
+ matched for unlimited possibilities.
+ </p>
+ <p>
+ <strong>To start,</strong> either drag a QuickSwatch color onto an element in the preview
+ or use the inspector panel on the left to get crafty.
+ We <strong>strongly</strong> recommend building themes with at least 3 swatches (A-C).
+ </p>
+
+ <div class="buttonpane">
+ <div class="separator"></div>
+ <img src="images/target_big.png" alt=" "/>
+ <div id="colors">
+ <div class="color-drag disabled" style="background-color: #C1272D"></div>
+ <div class="color-drag disabled" style="background-color: #ED1C24"></div>
+ <div class="color-drag disabled" style="background-color: #F7931E"></div>
+ <div class="color-drag disabled" style="background-color: #FFCC33"></div>
+ <div class="color-drag disabled" style="background-color: #FCEE21"></div>
+ <div class="color-drag disabled" style="background-color: #D9E021"></div>
+ <div class="color-drag disabled" style="background-color: #8CC63F"></div>
+ <div class="color-drag disabled" style="background-color: #009245"></div>
+ <div class="color-drag disabled" style="background-color: #006837"></div>
+ <div class="color-drag disabled" style="background-color: #00A99D"></div>
+ <div class="color-drag disabled" style="background-color: #33CCCC"></div>
+ <div class="color-drag disabled" style="background-color: #33CCFF"></div>
+ </div>
</div>
</div>
- </div>
-
- <div id="importing" class="dialog" title=" ">
- <h1><img src="images/ajax-loader-white.gif" alt=" " /><strong>Importing...</strong></h1>
- <div class="buttonpane">
- <img src="images/target_big.png" alt=" "/>
- <p>
- Please give us a moment to update the panel with
- the appropriate values.
- </p>
+ <div id="importing" class="dialog" title=" ">
+ <h1><img src="images/ajax-loader-white.gif" alt=" " /><strong>Importing...</strong></h1>
+ <div class="buttonpane">
+
+ <img src="images/target_big.png" alt=" "/>
+ <p>
+ Please give us a moment to update the panel with
+ the appropriate values.
+ </p>
+ </div>
</div>
- </div>
-
-
- <div id="upload" class="dialog" title=" ">
- <h1><strong>Import</strong> Theme<span href="#" id="import-default">Import Default Theme</span></h1>
- <textarea id="load-css"></textarea>
- <div class="buttonpane">
-
- <img src="images/target_big.png" alt=" "/>
+
+ <div id="upload" class="dialog" title=" ">
+ <h1><strong>Import</strong> Theme<span href="#" id="import-default">Import Default Theme</span></h1>
+ <textarea id="load-css"></textarea>
+ <div class="buttonpane">
+
+ <img src="images/target_big.png" alt=" "/>
+ <p>
+ Copy and paste the contents of any uncompressed
+ jQuery Mobile theme file to load it in for editing.
+ </p>
+ </div>
+ </div>
+
+ <div id="download" class="dialog" title=" ">
+ <h1><strong>Download</strong> Theme<input value="" /><label for="theme-name">Theme Name</label></h1>
<p>
- Copy and paste the contents of any uncompressed
- jQuery Mobile theme file to load it in for editing.
+ This will generate a Zip file that contains both a compressed (for production) and uncompressed (for editing)
+ version of the theme.
</p>
- </div>
- </div>
-
-
- <div id="download" class="dialog" title=" ">
- <h1><strong>Download</strong> Theme<input value="" /><label for="theme-name">Theme Name</label></h1>
- <p>
- This will generate a Zip file that contains both a compressed (for production) and uncompressed (for editing)
- version of the theme.
- </p>
- <p><strong>To use your theme</strong>, add it to the head of your page before the jquery.mobile.structure file, like this:</p>
- <pre>
- <code>
+ <p><strong>To use your theme</strong>, add it to the head of your page before the jquery.mobile.structure file, like this:</p>
+ <pre>
+ <code>
&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
-
+
&lt;title&gt;jQuery Mobile page&lt;/title&gt;
&lt;meta charset="utf-8" /&gt;
&lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
@@ -121,479 +118,480 @@
&lt;script src="http://code.jquery.com/mobile/<?php echo $JQM_VERSION; ?>/jquery.mobile-<?php echo $JQM_VERSION; ?>.min.js"&gt;&lt;/script&gt;
&lt;/head&gt;
- </code>
- </pre>
- <div class="buttonpane">
- <div class="separator"></div>
- <img src="images/target_big.png" alt=" "/>
- <p>
- Tip: To edit your theme later, use the import feature to paste in the uncompressed theme file
- </p>
- </div>
- </div>
- <div id="share" class="dialog" title=" ">
- <h1><strong>Share</strong> Theme</h1>
- <p>
- Use this link to share a copy of your theme. People can download
- or edit a copy of the theme, but your version won’t be changed.
- </p>
- <input type="text" value="" />
- <div class="buttonpane">
- <div class="separator"></div>
- <img src="images/target_big.png" alt=" "/>
- <p>
- Important note: We can only store this theme URL on the server for 30 days, then it will be deleted.
- Download a theme to keep a copy safe that you can import later.
- </p>
+ </code>
+ </pre>
+ <div class="buttonpane">
+ <div class="separator"></div>
+ <img src="images/target_big.png" alt=" "/>
+ <p>
+ Tip: To edit your theme later, use the import feature to paste in the uncompressed theme file
+ </p>
+ </div>
</div>
- </div>
-
- <div id="help" class="dialog" title=" ">
- <h1 id="help-top"><strong>ThemeRoller Mobile Help</strong></h1>
-
- <p>The ThemeRoller Mobile tool makes it easy to create custom-designed themes for your mobile site or app. Just pick colors, then share your theme URL, or download the theme and drop it into your site.</p>
- <ul>
- <li><a href="#theme-intro">Theme basics</a></li>
- <li><a href="#getting-started">Getting started</a></li>
- <li><a href="#downloading">Downloading themes</a></li>
- <li><a href="#importing">Importing themes</a></li>
- <li><a href="#sharing">Sharing themes</a></li>
- <li><a href="#supported">Supported browsers</a></li>
- </ul>
-
- <h3 id="theme-intro">Theme basics <a href="#help-top" class="help-top">^ Top</a></h3>
- <p>A jQuery Mobile theme contains a both global settings for things like rounded corner radius and active (on) state, and up to to 26 "swatches" lettered from A-Z, each with a unique color scheme that can be mixed and matched for unlimited possibilities. Each swatch sets the colors, textures and font settings for the primary elements: toolbar, content block and button. Buttons have 3 interaction states: normal, hover, pressed. We recommend building themes with at least 3 swatches (A-C).</p>
-
- <h3 id="getting-started">Getting Started <a href="#help-top" class="help-top">^ Top</a></h3>
- <p>The ThemeRoller interface has 3 major zones: the left column contains the inspector panel, along the top is the QuickSwatch/Kuler bar, and below this is the preview window. </p>
- <p>Use the <strong>inspector pane</strong> to set global theme settings on the first tab and tweak the individual style options for each swatch. Above the tabs, there are links to download, share, or import a theme.</p>
- <p>In the <strong>QuickSwatch bar</strong>, you can turn the inspector feature on to automatically expand the relevant inspector section when you click on an element in the preview pane. Drag and drop a color from the QuickSwatch panel onto an element in the preview pane and the tool with automatically calculate text color and shadow, borders, gradients and even button states. The sliders make it easy to adjust the lightness and saturation of the colors. Click the Adobe Kuler Swatches to load pre-made color palettes from Adobe's popular color palette sharing site.</p>
- <p>The <strong>preview pane</strong> shows a sample of common jQuery Mobile widgets that live update each time you make a change to the theme so you can quickly test and tweak the theme.</p>
-
- <h3 id="downloading">Downloading themes <a href="#help-top" class="help-top">^ Top</a></h3>
- <p>Once you have created your final theme, click the <strong>Download Theme</strong> link at the top of the inspector panel. In the download dialog, give your theme a name and press the <strong>Download Zip</strong> button. This will generate a zip file that contains both the compressed (production-ready) and uncompressed (editable) theme files and a simple test page (index.html) to show that everything worked (whew) and instructions on how to add the theme to your site. It's pretty simple: link your custom theme in the head of the page followed by the jQuery Mobile structure theme and you're ready to go. </p>
-
- <h3 id="importing">Importing themes <a href="#help-top" class="help-top">^ Top</a></h3>
- <p>The import feature is primarily designed to make it easy to either edit a theme you've downloaded or to generate a updated version of a theme for a new release of the library. When you download a theme, be sure keep the uncompressed version of the theme CSS file because this is used in the import process. To import a theme, click the <strong>Import</strong> link and paste the entire contents of the uncompressed theme file (select all > copy > paste) into the text input in the dialog, and the system will parse the theme into an editable format for sharing and downloading.</p>
-
- <h3 id="Sharing">Sharing themes <a href="#help-top" class="help-top">^ Top</a></h3>
- <p>To generate a theme URL that can be shared with others, click the <strong>Share</strong> link and copy the URL. Post it on Twitter and become a famous theme artist. Anyone that opens the shared URL can edit or download the theme, but theor activity won't affect your original theme. Note that due to the high volume of traffic, we can only store your theme on the server for 30 days so shared links have an expiration date. Be sure to download a copy of your theme for safekeeping.</p>
-
- <h3 id="supported">Supported browsers <a href="#help-top" class="help-top">^ Top</a></h3>
- <p>This is a beta version of a developer tool so we're committing to supporting the <strong>latest</strong> versions of popular desktop browsers: Chrome, Firefox, Safari. Even though the tool works in IE9, it doesn't support CSS gradients so we don't recommend recommend using this browser to create themes. If you're running into issues, maybe try a different browser or <a href="https://github.com/jquery/web-jquery-mobile-theme-roller/issues" target="new"><strong>log an issue</strong></a> in the tracker.</p>
-
- <div class="buttonpane">
- <div class="separator"></div>
- <img src="images/target_big.png" alt=" "/>
+ <div id="share" class="dialog" title=" ">
+ <h1><strong>Share</strong> Theme</h1>
<p>
- &nbsp;&nbsp;
+ Use this link to share a copy of your theme. People can download
+ or edit a copy of the theme, but your version won’t be changed.
</p>
+ <input type="text" value="" />
+ <div class="buttonpane">
+ <div class="separator"></div>
+ <img src="images/target_big.png" alt=" "/>
+ <p>
+ Important note: We can only store this theme URL on the server for 30 days, then it will be deleted.
+ Download a theme to keep a copy safe that you can import later.
+ </p>
+ </div>
</div>
- </div>
-
-
- <div id="colorpicker"></div>
- <div id="themeroller_mobile">
- <div id="themeroller_header">
- <div id="themeroller_logo"><img src="images/themeroller_logo.png" alt=" "/></div>
- <a href="#" id="themeroller_download"><img src="images/themeroller_download.png" alt=" "/></a>
- <div id="separator"></div>
- <span id="tr_links"><a href="#" id="tr_help">Help</a><a href="#" id="themeroller_upload">Import</a><a href="#" id="generate_url">Share</a></span>
- </div>
-
- <div id="tabs">
+
+ <div id="help" class="dialog" title=" ">
+ <h1 id="help-top"><strong>ThemeRoller Mobile Help</strong></h1>
+
+ <p>The ThemeRoller Mobile tool makes it easy to create custom-designed themes for your mobile site or app. Just pick colors, then share your theme URL, or download the theme and drop it into your site.</p>
<ul>
- <li><a href="#tab1">Global</a></li>
- <li><a href="#tab2">A</a></li>
- <li><a href="#tab3">B</a></li>
- <li><a href="#tab4">C</a></li>
- <li><a href="#tab5">+</a></li>
+ <li><a href="#theme-intro">Theme basics</a></li>
+ <li><a href="#getting-started">Getting started</a></li>
+ <li><a href="#downloading">Downloading themes</a></li>
+ <li><a href="#importing">Importing themes</a></li>
+ <li><a href="#sharing">Sharing themes</a></li>
+ <li><a href="#supported">Supported browsers</a></li>
</ul>
- <div id="tab1">
- <h1>Theme Settings</h1>
-
- <div class="accordion" data-form="ui-btn-active">
- <div>
- <h3><a href="#">Font Family</a></h3>
- <form>
- <label class="first">FONT</label><input data-type="font-family" data-name="global-font-family" value="Helvetica, Arial, sans-serif"/><br class="clear"/>
- </form>
+
+ <h3 id="theme-intro">Theme basics <a href="#help-top" class="help-top">^ Top</a></h3>
+ <p>A jQuery Mobile theme contains a both global settings for things like rounded corner radius and active (on) state, and up to to 26 "swatches" lettered from A-Z, each with a unique color scheme that can be mixed and matched for unlimited possibilities. Each swatch sets the colors, textures and font settings for the primary elements: toolbar, content block and button. Buttons have 3 interaction states: normal, hover, pressed. We recommend building themes with at least 3 swatches (A-C).</p>
+
+ <h3 id="getting-started">Getting Started <a href="#help-top" class="help-top">^ Top</a></h3>
+ <p>The ThemeRoller interface has 3 major zones: the left column contains the inspector panel, along the top is the QuickSwatch/Kuler bar, and below this is the preview window. </p>
+ <p>Use the <strong>inspector pane</strong> to set global theme settings on the first tab and tweak the individual style options for each swatch. Above the tabs, there are links to download, share, or import a theme.</p>
+ <p>In the <strong>QuickSwatch bar</strong>, you can turn the inspector feature on to automatically expand the relevant inspector section when you click on an element in the preview pane. Drag and drop a color from the QuickSwatch panel onto an element in the preview pane and the tool with automatically calculate text color and shadow, borders, gradients and even button states. The sliders make it easy to adjust the lightness and saturation of the colors. Click the Adobe Kuler Swatches to load pre-made color palettes from Adobe's popular color palette sharing site.</p>
+ <p>The <strong>preview pane</strong> shows a sample of common jQuery Mobile widgets that live update each time you make a change to the theme so you can quickly test and tweak the theme.</p>
+
+ <h3 id="downloading">Downloading themes <a href="#help-top" class="help-top">^ Top</a></h3>
+ <p>Once you have created your final theme, click the <strong>Download Theme</strong> link at the top of the inspector panel. In the download dialog, give your theme a name and press the <strong>Download Zip</strong> button. This will generate a zip file that contains both the compressed (production-ready) and uncompressed (editable) theme files and a simple test page (index.html) to show that everything worked (whew) and instructions on how to add the theme to your site. It's pretty simple: link your custom theme in the head of the page followed by the jQuery Mobile structure theme and you're ready to go. </p>
+
+ <h3 id="importing">Importing themes <a href="#help-top" class="help-top">^ Top</a></h3>
+ <p>The import feature is primarily designed to make it easy to either edit a theme you've downloaded or to generate a updated version of a theme for a new release of the library. When you download a theme, be sure keep the uncompressed version of the theme CSS file because this is used in the import process. To import a theme, click the <strong>Import</strong> link and paste the entire contents of the uncompressed theme file (select all > copy > paste) into the text input in the dialog, and the system will parse the theme into an editable format for sharing and downloading.</p>
+
+ <h3 id="Sharing">Sharing themes <a href="#help-top" class="help-top">^ Top</a></h3>
+ <p>To generate a theme URL that can be shared with others, click the <strong>Share</strong> link and copy the URL. Post it on Twitter and become a famous theme artist. Anyone that opens the shared URL can edit or download the theme, but theor activity won't affect your original theme. Note that due to the high volume of traffic, we can only store your theme on the server for 30 days so shared links have an expiration date. Be sure to download a copy of your theme for safekeeping.</p>
+
+ <h3 id="supported">Supported browsers <a href="#help-top" class="help-top">^ Top</a></h3>
+ <p>This is a beta version of a developer tool so we're committing to supporting the <strong>latest</strong> versions of popular desktop browsers: Chrome, Firefox, Safari. Even though the tool works in IE9, it doesn't support CSS gradients so we don't recommend recommend using this browser to create themes. If you're running into issues, maybe try a different browser or <a href="https://github.com/jquery/web-jquery-mobile-theme-roller/issues" target="new"><strong>log an issue</strong></a> in the tracker.</p>
+
+ <div class="buttonpane">
+ <div class="separator"></div>
+ <img src="images/target_big.png" alt=" "/>
+ <p>
+ &nbsp;&nbsp;
+ </p>
+ </div>
+ </div>
+
+ <div id="colorpicker"></div>
+ <div id="tr_panel">
+ <div id="tr_header">
+ <div id="tr_logo"><img src="images/themeroller_logo.png" alt=" "/></div>
+ <a href="#" id="tr_download"><img src="images/themeroller_download.png" alt=" "/></a>
+ <div id="separator"></div>
+ <span id="tr_links"><a href="#" id="tr_help">Help</a><a href="#" id="tr_upload">Import</a><a href="#" id="generate_url">Share</a></span>
+ </div>
+
+ <div id="tabs">
+ <ul>
+ <li><a href="#tab1">Global</a></li>
+ <li><a href="#tab2">A</a></li>
+ <li><a href="#tab3">B</a></li>
+ <li><a href="#tab4">C</a></li>
+ <li><a href="#tab5">+</a></li>
+ </ul>
+ <div id="tab1">
+ <h1>Theme Settings</h1>
+
+ <div class="accordion" data-form="ui-btn-active">
+ <div>
+ <h3><a href="#">Font Family</a></h3>
+ <form>
+ <label class="first">FONT</label><input data-type="font-family" data-name="global-font-family" value="Helvetica, Arial, sans-serif"/><br class="clear"/>
+ </form>
+ </div>
</div>
- </div>
- <div class="accordion" data-form="ui-btn-active">
- <div>
-