Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

Merge pull request #10 from commadelimited/1.4-upgrade

Upgrading to jQuery Mobile 1.4
  • Loading branch information...
commit f074231de5531708ac3b40f10acb9b1cd291f98a 2 parents 47586d4 + b661dd1
@commadelimited authored
Showing with 1,260 additions and 1,180 deletions.
  1. +3 −2 buttons.html
  2. +3 −2 forms.html
  3. +3 −2 index.html
  4. +3 −2 listviews.html
  5. +3 −2 nav.html
  6. +1 −1  readme.md
  7. BIN  swatches-A-C.png
  8. BIN  swatches-d-f.png
  9. +1,035 −1,165 themes/Bootstrap.css
  10. +206 −4 themes/Bootstrap.min.css
  11. BIN  themes/images/ajax-loader.gif
  12. BIN  themes/images/ajax-loader.png
  13. BIN  themes/images/icons-18-black.png
  14. BIN  themes/images/icons-18-white.png
  15. BIN  themes/images/icons-36-black.png
  16. BIN  themes/images/icons-36-white.png
  17. BIN  themes/images/icons-png/action-black.png
  18. BIN  themes/images/icons-png/action-white.png
  19. BIN  themes/images/icons-png/alert-black.png
  20. BIN  themes/images/icons-png/alert-white.png
  21. BIN  themes/images/icons-png/arrow-d-black.png
  22. BIN  themes/images/icons-png/arrow-d-l-black.png
  23. BIN  themes/images/icons-png/arrow-d-l-white.png
  24. BIN  themes/images/icons-png/arrow-d-r-black.png
  25. BIN  themes/images/icons-png/arrow-d-r-white.png
  26. BIN  themes/images/icons-png/arrow-d-white.png
  27. BIN  themes/images/icons-png/arrow-l-black.png
  28. BIN  themes/images/icons-png/arrow-l-white.png
  29. BIN  themes/images/icons-png/arrow-r-black.png
  30. BIN  themes/images/icons-png/arrow-r-white.png
  31. BIN  themes/images/icons-png/arrow-u-black.png
  32. BIN  themes/images/icons-png/arrow-u-l-black.png
  33. BIN  themes/images/icons-png/arrow-u-l-white.png
  34. BIN  themes/images/icons-png/arrow-u-r-black.png
  35. BIN  themes/images/icons-png/arrow-u-r-white.png
  36. BIN  themes/images/icons-png/arrow-u-white.png
  37. BIN  themes/images/icons-png/audio-black.png
  38. BIN  themes/images/icons-png/audio-white.png
  39. BIN  themes/images/icons-png/back-black.png
  40. BIN  themes/images/icons-png/back-white.png
  41. BIN  themes/images/icons-png/bars-black.png
  42. BIN  themes/images/icons-png/bars-white.png
  43. BIN  themes/images/icons-png/bullets-black.png
  44. BIN  themes/images/icons-png/bullets-white.png
  45. BIN  themes/images/icons-png/calendar-black.png
  46. BIN  themes/images/icons-png/calendar-white.png
  47. BIN  themes/images/icons-png/camera-black.png
  48. BIN  themes/images/icons-png/camera-white.png
  49. BIN  themes/images/icons-png/carat-d-black.png
  50. BIN  themes/images/icons-png/carat-d-white.png
  51. BIN  themes/images/icons-png/carat-l-black.png
  52. BIN  themes/images/icons-png/carat-l-white.png
  53. BIN  themes/images/icons-png/carat-r-black.png
  54. BIN  themes/images/icons-png/carat-r-white.png
  55. BIN  themes/images/icons-png/carat-u-black.png
  56. BIN  themes/images/icons-png/carat-u-white.png
  57. BIN  themes/images/icons-png/check-black.png
  58. BIN  themes/images/icons-png/check-white.png
  59. BIN  themes/images/icons-png/clock-black.png
  60. BIN  themes/images/icons-png/clock-white.png
  61. BIN  themes/images/icons-png/cloud-black.png
  62. BIN  themes/images/icons-png/cloud-white.png
  63. BIN  themes/images/icons-png/comment-black.png
  64. BIN  themes/images/icons-png/comment-white.png
  65. BIN  themes/images/icons-png/delete-black.png
  66. BIN  themes/images/icons-png/delete-white.png
  67. BIN  themes/images/icons-png/edit-black.png
  68. BIN  themes/images/icons-png/edit-white.png
  69. BIN  themes/images/icons-png/eye-black.png
  70. BIN  themes/images/icons-png/eye-white.png
  71. BIN  themes/images/icons-png/forbidden-black.png
  72. BIN  themes/images/icons-png/forbidden-white.png
  73. BIN  themes/images/icons-png/forward-black.png
  74. BIN  themes/images/icons-png/forward-white.png
  75. BIN  themes/images/icons-png/gear-black.png
  76. BIN  themes/images/icons-png/gear-white.png
  77. BIN  themes/images/icons-png/grid-black.png
  78. BIN  themes/images/icons-png/grid-white.png
  79. BIN  themes/images/icons-png/heart-black.png
  80. BIN  themes/images/icons-png/heart-white.png
  81. BIN  themes/images/icons-png/home-black.png
  82. BIN  themes/images/icons-png/home-white.png
  83. BIN  themes/images/icons-png/info-black.png
  84. BIN  themes/images/icons-png/info-white.png
  85. BIN  themes/images/icons-png/location-black.png
  86. BIN  themes/images/icons-png/location-white.png
  87. BIN  themes/images/icons-png/lock-black.png
  88. BIN  themes/images/icons-png/lock-white.png
  89. BIN  themes/images/icons-png/mail-black.png
  90. BIN  themes/images/icons-png/mail-white.png
  91. BIN  themes/images/icons-png/minus-black.png
  92. BIN  themes/images/icons-png/minus-white.png
  93. BIN  themes/images/icons-png/navigation-black.png
  94. BIN  themes/images/icons-png/navigation-white.png
  95. BIN  themes/images/icons-png/phone-black.png
  96. BIN  themes/images/icons-png/phone-white.png
  97. BIN  themes/images/icons-png/plus-black.png
  98. BIN  themes/images/icons-png/plus-white.png
  99. BIN  themes/images/icons-png/power-black.png
  100. BIN  themes/images/icons-png/power-white.png
  101. BIN  themes/images/icons-png/recycle-black.png
  102. BIN  themes/images/icons-png/recycle-white.png
  103. BIN  themes/images/icons-png/refresh-black.png
  104. BIN  themes/images/icons-png/refresh-white.png
  105. BIN  themes/images/icons-png/search-black.png
  106. BIN  themes/images/icons-png/search-white.png
  107. BIN  themes/images/icons-png/shop-black.png
  108. BIN  themes/images/icons-png/shop-white.png
  109. BIN  themes/images/icons-png/star-black.png
  110. BIN  themes/images/icons-png/star-white.png
  111. BIN  themes/images/icons-png/tag-black.png
  112. BIN  themes/images/icons-png/tag-white.png
  113. BIN  themes/images/icons-png/user-black.png
  114. BIN  themes/images/icons-png/user-white.png
  115. BIN  themes/images/icons-png/video-black.png
  116. BIN  themes/images/icons-png/video-white.png
  117. +3 −0  themes/jquery.mobile.icons.min.css
View
5 buttons.html
@@ -5,9 +5,10 @@
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>jQuery Mobile Bootstrap Theme</title>
<link rel="stylesheet" href="themes/Bootstrap.css">
- <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile.structure-1.2.0.min.css" />
+ <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.0/jquery.mobile.structure-1.4.0.min.css" />
+ <link rel="stylesheet" href="themes/jquery.mobile.icons.min.css" />
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
- <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
+ <script src="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.js"></script>
</head>
<body>
<div data-role="page" data-theme="a">
View
5 forms.html
@@ -5,9 +5,10 @@
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>jQuery Mobile Bootstrap Theme</title>
<link rel="stylesheet" href="themes/Bootstrap.css">
- <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile.structure-1.2.0.min.css" />
+ <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.0/jquery.mobile.structure-1.4.0.min.css" />
+ <link rel="stylesheet" href="themes/jquery.mobile.icons.min.css" />
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
- <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
+ <script src="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.js"></script>
</head>
<body>
<div data-role="page" data-theme="a">
View
5 index.html
@@ -5,9 +5,10 @@
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>jQuery Mobile Bootstrap Theme</title>
<link rel="stylesheet" href="themes/Bootstrap.css">
- <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile.structure-1.2.0.min.css" />
+ <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.0/jquery.mobile.structure-1.4.0.min.css" />
+ <link rel="stylesheet" href="themes/jquery.mobile.icons.min.css" />
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
- <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
+ <script src="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.js"></script>
</head>
<body>
<div data-role="page" data-theme="a">
View
5 listviews.html
@@ -5,9 +5,10 @@
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>jQuery Mobile Bootstrap Theme</title>
<link rel="stylesheet" href="themes/Bootstrap.css">
- <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile.structure-1.2.0.min.css" />
+ <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.0/jquery.mobile.structure-1.4.0.min.css" />
+ <link rel="stylesheet" href="themes/jquery.mobile.icons.min.css" />
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
- <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
+ <script src="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.js"></script>
</head>
<body>
<div data-role="page" data-theme="a">
View
5 nav.html
@@ -5,9 +5,10 @@
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>jQuery Mobile Bootstrap Theme</title>
<link rel="stylesheet" href="themes/Bootstrap.css">
- <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile.structure-1.2.0.min.css" />
+ <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.0/jquery.mobile.structure-1.4.0.min.css" />
+ <link rel="stylesheet" href="themes/jquery.mobile.icons.min.css" />
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
- <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
+ <script src="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.js"></script>
</head>
<body>
<div data-role="page" data-theme="a">
View
2  readme.md
@@ -8,7 +8,7 @@ This theme overrides the existing jQuery Mobile A - E swatches (and adds an F sw
Make your Bootstrap theme complete by using Font Awesome icons found in the [jQuery Mobile Icon Pack](https://github.com/commadelimited/jQuery-Mobile-Icon-Pack).
-**Updated for jQuery Mobile 1.2!
+**Updated for jQuery Mobile 1.4!
## Example
View
BIN  swatches-A-C.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  swatches-d-f.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
2,200 themes/Bootstrap.css
@@ -1,1364 +1,1234 @@
-/*
-* jQuery Mobile Framework Git Build: SHA1: c2d61e2e592c67519d9a9ed0ba796fa44787e136 <> Date: Tue Sep 25 10:38:12 2012 -0700
+/*!
+* jQuery Mobile 1.4.0
+* Git HEAD hash: f09aae0e035d6805e461a7be246d04a0dbc98f69 <> Date: Thu Dec 19 2013 17:34:22 UTC
* http://jquerymobile.com
*
-* Copyright 2012 jQuery Foundation and other contributors
+* Copyright 2010, 2013 jQuery Foundation, Inc. and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
*/
-/* Swatches */
-
-/* A
+/* Globals */
+/* Font
-----------------------------------------------------------------------------------------------------------*/
-
-.ui-bar-a {
- border: 1px solid #2A2A2A /*{a-bar-border}*/;
- background: #222222 /*{a-bar-background-color}*/;
- color: #ffffff /*{a-bar-color}*/;
- font-weight: bold;
- text-shadow: 0 /*{a-bar-shadow-x}*/ 0 /*{a-bar-shadow-y}*/ 0 /*{a-bar-shadow-radius}*/ #000000 /*{a-bar-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #333333 /*{a-bar-background-start}*/), to( #222222 /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #333333 /*{a-bar-background-start}*/, #222222 /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #333333 /*{a-bar-background-start}*/, #222222 /*{a-bar-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #333333 /*{a-bar-background-start}*/, #222222 /*{a-bar-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #333333 /*{a-bar-background-start}*/, #222222 /*{a-bar-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #333333 /*{a-bar-background-start}*/, #222222 /*{a-bar-background-end}*/);
-}
-.ui-bar-a .ui-link-inherit {
- color: #ffffff /*{a-bar-color}*/;
+html {
+ font-size: 100%;
+}
+body,
+input,
+select,
+textarea,
+button,
+.ui-btn {
+ font-size: 1em;
+ line-height: 1.3;
+ font-family: "Helvetica Neue",Helvetica,Arial,sans-serif /*{global-font-family}*/;
}
-
-.ui-bar-a a.ui-link {
- color: #7cc4e7 /*{a-bar-link-color}*/;
+legend,
+.ui-input-text input,
+.ui-input-search input {
+ color: inherit;
+ text-shadow: inherit;
+}
+/* Form labels (overrides font-weight bold in bars, and mini font-size) */
+.ui-mobile label,
+div.ui-controlgroup-label {
+ font-weight: normal;
+ font-size: 16px;
+}
+/* Separators
+-----------------------------------------------------------------------------------------------------------*/
+/* Field contain separator (< 28em) */
+.ui-field-contain {
+ border-bottom-color: #828282;
+ border-bottom-color: rgba(0,0,0,.15);
+ border-bottom-width: 1px;
+ border-bottom-style: solid;
+}
+/* Table opt-in classes: strokes between each row, and alternating row stripes */
+/* Classes table-stroke and table-stripe are deprecated in 1.4. */
+.table-stroke thead th,
+.table-stripe thead th,
+.table-stripe tbody tr:last-child {
+ border-bottom: 1px solid #d6d6d6; /* non-RGBA fallback */
+ border-bottom: 1px solid rgba(0,0,0,.1);
+}
+.table-stroke tbody th,
+.table-stroke tbody td {
+ border-bottom: 1px solid #e6e6e6; /* non-RGBA fallback */
+ border-bottom: 1px solid rgba(0,0,0,.05);
+}
+.table-stripe.table-stroke tbody tr:last-child th,
+.table-stripe.table-stroke tbody tr:last-child td {
+ border-bottom: 0;
+}
+.table-stripe tbody tr:nth-child(odd) td,
+.table-stripe tbody tr:nth-child(odd) th {
+ background-color: #eeeeee; /* non-RGBA fallback */
+ background-color: rgba(0,0,0,.04);
+}
+/* Buttons
+-----------------------------------------------------------------------------------------------------------*/
+.ui-btn,
+label.ui-btn {
font-weight: bold;
+ border-width: 1px;
+ border-style: solid;
}
-
-.ui-bar-a a.ui-link:visited {
- color: #2489CE /*{a-bar-link-visited}*/;
+.ui-btn:link {
+ text-decoration: none !important;
}
-
-.ui-bar-a a.ui-link:hover {
- color: #2489CE /*{a-bar-link-hover}*/;
+.ui-btn-active {
+ cursor: pointer;
}
-
-.ui-bar-a a.ui-link:active {
- color: #2489CE /*{a-bar-link-active}*/;
+/* Corner rounding
+-----------------------------------------------------------------------------------------------------------*/
+/* Class ui-btn-corner-all deprecated in 1.4 */
+.ui-corner-all {
+ -webkit-border-radius: .25em /*{global-radii-blocks}*/;
+ border-radius: .25em /*{global-radii-blocks}*/;
}
-
-.ui-bar-a,
-.ui-bar-a input,
-.ui-bar-a select,
-.ui-bar-a textarea,
-.ui-bar-a button {
- font-family: "Helvetica Neue",Helvetica,Arial,sans-serif /*{global-font-family}*/;
+/* Buttons */
+.ui-btn-corner-all,
+.ui-btn.ui-corner-all,
+/* Slider track */
+.ui-slider-track.ui-corner-all,
+/* Flipswitch */
+.ui-flipswitch.ui-corner-all,
+/* Count bubble */
+.ui-li-count {
+ -webkit-border-radius: .25em /*{global-radii-buttons}*/;
+ border-radius: .25em /*{global-radii-buttons}*/;
}
-.ui-body-a,
-.ui-overlay-a {
- border: 1px solid #cccccc /*{a-body-border}*/;
- color: #333333 /*{a-body-color}*/;
- text-shadow: 0 /*{a-body-shadow-x}*/ 0 /*{a-body-shadow-y}*/ 0 /*{a-body-shadow-radius}*/ #000000 /*{a-body-shadow-color}*/;
- background: #ffffff /*{a-body-background-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #FFFFFF /*{a-body-background-start}*/), to( #FFFFFF /*{a-body-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #FFFFFF /*{a-body-background-start}*/, #FFFFFF /*{a-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #FFFFFF /*{a-body-background-start}*/, #FFFFFF /*{a-body-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #FFFFFF /*{a-body-background-start}*/, #FFFFFF /*{a-body-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #FFFFFF /*{a-body-background-start}*/, #FFFFFF /*{a-body-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #FFFFFF /*{a-body-background-start}*/, #FFFFFF /*{a-body-background-end}*/);
-}
-.ui-overlay-a {
+/* Icon-only buttons */
+.ui-btn-icon-notext.ui-btn-corner-all,
+.ui-btn-icon-notext.ui-corner-all {
+ -webkit-border-radius: 1em;
+ border-radius: 1em;
+}
+/* Radius clip workaround for cleaning up corner trapping */
+.ui-btn-corner-all,
+.ui-corner-all {
+ -webkit-background-clip: padding;
+ background-clip: padding-box;
+}
+/* Popup arrow */
+.ui-popup.ui-corner-all > .ui-popup-arrow-guide {
+ left: .25em /*{global-radii-blocks}*/;
+ right: .25em /*{global-radii-blocks}*/;
+ top: .25em /*{global-radii-blocks}*/;
+ bottom: .25em /*{global-radii-blocks}*/;
+}
+/* Shadow
+-----------------------------------------------------------------------------------------------------------*/
+.ui-shadow {
+ -webkit-box-shadow: 0 1px 0 /*{global-box-shadow-size}*/ rgba(0,0,0,0) /*{global-box-shadow-color}*/;
+ -moz-box-shadow: 0 1px 0 /*{global-box-shadow-size}*/ rgba(0,0,0,0) /*{global-box-shadow-color}*/;
+ box-shadow: 0 1px 0 /*{global-box-shadow-size}*/ rgba(0,0,0,0) /*{global-box-shadow-color}*/;
+}
+.ui-shadow-inset {
+ -webkit-box-shadow: inset 0 1px 0 /*{global-box-shadow-size}*/ rgba(0,0,0,0) /*{global-box-shadow-color}*/;
+ -moz-box-shadow: inset 0 1px 0 /*{global-box-shadow-size}*/ rgba(0,0,0,0) /*{global-box-shadow-color}*/;
+ box-shadow: inset 0 1px 0 /*{global-box-shadow-size}*/ rgba(0,0,0,0) /*{global-box-shadow-color}*/;
+}
+.ui-overlay-shadow {
+ -webkit-box-shadow: 0 0 12px rgba(0,0,0,.6);
+ -moz-box-shadow: 0 0 12px rgba(0,0,0,.6);
+ box-shadow: 0 0 12px rgba(0,0,0,.6);
+}
+/* Icons
+-----------------------------------------------------------------------------------------------------------*/
+.ui-btn-icon-left:after,
+.ui-btn-icon-right:after,
+.ui-btn-icon-top:after,
+.ui-btn-icon-bottom:after,
+.ui-btn-icon-notext:after {
+ background-color: #666666 /*{global-icon-color}*/;
+ background-color: rgba(0,0,0,.4) /*{global-icon-disc}*/;
+ background-position: center center;
+ background-repeat: no-repeat;
+ -webkit-border-radius: 1em;
+ border-radius: 1em;
+}
+/* Alt icons */
+.ui-alt-icon.ui-btn:after,
+.ui-alt-icon .ui-btn:after,
+html .ui-alt-icon.ui-checkbox-off:after,
+html .ui-alt-icon.ui-radio-off:after,
+html .ui-alt-icon .ui-checkbox-off:after,
+html .ui-alt-icon .ui-radio-off:after {
+ background-color: #666666 /*{global-icon-color}*/;
+ background-color: rgba(0,0,0,.15);
+}
+/* No disc */
+.ui-nodisc-icon.ui-btn:after,
+.ui-nodisc-icon .ui-btn:after {
+ background-color: transparent;
+}
+/* Icon shadow */
+.ui-shadow-icon.ui-btn:after,
+.ui-shadow-icon .ui-btn:after {
+ -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/;
+ -moz-box-shadow: 0 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/;
+ box-shadow: 0 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/;
+}
+/* Checkbox and radio */
+.ui-btn.ui-checkbox-off:after,
+.ui-btn.ui-checkbox-on:after,
+.ui-btn.ui-radio-off:after,
+.ui-btn.ui-radio-on:after {
+ display: block;
+ width: 18px;
+ height: 18px;
+ margin: -9px 2px 0 2px;
+}
+.ui-checkbox-off:after,
+.ui-btn.ui-radio-off:after {
+ filter: Alpha(Opacity=30);
+ opacity: .3;
+}
+.ui-btn.ui-checkbox-off:after,
+.ui-btn.ui-checkbox-on:after {
+ -webkit-border-radius: .1875em;
+ border-radius: .1875em;
+}
+.ui-radio .ui-btn.ui-radio-on:after {
background-image: none;
- border-width: 0;
+ background-color: #fff;
+ width: 8px;
+ height: 8px;
+ border-width: 5px;
+ border-style: solid;
}
-.ui-body-a,
-.ui-body-a input,
-.ui-body-a select,
-.ui-body-a textarea,
-.ui-body-a button {
- font-family: "Helvetica Neue",Helvetica,Arial,sans-serif /*{global-font-family}*/;
+.ui-alt-icon.ui-btn.ui-radio-on:after,
+.ui-alt-icon .ui-btn.ui-radio-on:after {
+ background-color: #000;
}
-.ui-body-a .ui-link-inherit {
- color: #333333 /*{a-body-color}*/;
+/* Loader */
+.ui-icon-loading {
+ background: url(images/ajax-loader.gif);
+ background-size: 2.875em 2.875em;
}
-
-.ui-body-a .ui-link {
- color: #2489CE /*{a-body-link-color}*/;
+/* Swatches */
+/* A
+-----------------------------------------------------------------------------------------------------------*/
+/* Bar: Toolbars, dividers, slider track */
+.ui-bar-a,
+.ui-page-theme-a .ui-bar-inherit,
+html .ui-bar-a .ui-bar-inherit,
+html .ui-body-a .ui-bar-inherit,
+html body .ui-group-theme-a .ui-bar-inherit {
+ background: #222222 /*{a-bar-background-color}*/;
+ border-color: #2A2A2A /*{a-bar-border}*/;
+ color: #ffffff /*{a-bar-color}*/;
+ text-shadow: 0 /*{a-bar-shadow-x}*/ 0 /*{a-bar-shadow-y}*/ 0 /*{a-bar-shadow-radius}*/ #000000 /*{a-bar-shadow-color}*/;
font-weight: bold;
}
-
-.ui-body-a .ui-link:visited {
- color: #2489CE /*{a-body-link-visited}*/;
+.ui-bar-a {
+ border-width: 1px;
+ border-style: solid;
+}
+/* Page and overlay */
+.ui-overlay-a,
+.ui-page-theme-a,
+.ui-page-theme-a .ui-panel-wrapper {
+ background: #ffffff /*{a-page-background-color}*/;
+ border-color: #cccccc /*{a-page-border}*/;
+ color: #333333 /*{a-page-color}*/;
+ text-shadow: 0 /*{a-page-shadow-x}*/ 0 /*{a-page-shadow-y}*/ 0 /*{a-page-shadow-radius}*/ #000000 /*{a-page-shadow-color}*/;
+}
+/* Body: Read-only lists, text inputs, collapsible content */
+.ui-body-a,
+.ui-page-theme-a .ui-body-inherit,
+html .ui-bar-a .ui-body-inherit,
+html .ui-body-a .ui-body-inherit,
+html body .ui-group-theme-a .ui-body-inherit,
+html .ui-panel-page-container-a {
+ background: #ffffff /*{a-body-background-color}*/;
+ border-color: #cccccc /*{a-body-border}*/;
+ color: #333333 /*{a-body-color}*/;
+ text-shadow: 0 /*{a-body-shadow-x}*/ 0 /*{a-body-shadow-y}*/ 0 /*{a-body-shadow-radius}*/ #000000 /*{a-body-shadow-color}*/;
}
-
-.ui-body-a .ui-link:hover {
- color: #2489CE /*{a-body-link-hover}*/;
+.ui-body-a {
+ border-width: 1px;
+ border-style: solid;
}
-
-.ui-body-a .ui-link:active {
- color: #2489CE /*{a-body-link-active}*/;
+/* Links */
+.ui-page-theme-a a,
+html .ui-bar-a a,
+html .ui-body-a a,
+html body .ui-group-theme-a a {
+ color: #3388cc /*{a-link-color}*/;
+ font-weight: bold;
}
-
-.ui-btn-up-a {
- border: 1px solid #cccccc /*{a-bup-border}*/;
+.ui-page-theme-a a:visited,
+html .ui-bar-a a:visited,
+html .ui-body-a a:visited,
+html body .ui-group-theme-a a:visited {
+ color: #3388cc /*{a-link-visited}*/;
+}
+.ui-page-theme-a a:hover,
+html .ui-bar-a a:hover,
+html .ui-body-a a:hover,
+html body .ui-group-theme-a a:hover {
+ color: #005599 /*{a-link-hover}*/;
+}
+.ui-page-theme-a a:active,
+html .ui-bar-a a:active,
+html .ui-body-a a:active,
+html body .ui-group-theme-a a:active {
+ color: #005599 /*{a-link-active}*/;
+}
+/* Button up */
+.ui-page-theme-a .ui-btn,
+html .ui-bar-a .ui-btn,
+html .ui-body-a .ui-btn,
+html body .ui-group-theme-a .ui-btn,
+html head + body .ui-btn.ui-btn-a,
+/* Button visited */
+.ui-page-theme-a .ui-btn:visited,
+html .ui-bar-a .ui-btn:visited,
+html .ui-body-a .ui-btn:visited,
+html body .ui-group-theme-a .ui-btn:visited,
+html head + body .ui-btn.ui-btn-a:visited {
background: #E6E6E6 /*{a-bup-background-color}*/;
- font-weight: bold;
+ border-color: #cccccc /*{a-bup-border}*/;
color: #333333 /*{a-bup-color}*/;
text-shadow: undefined /*{a-bup-shadow-x}*/ undefined /*{a-bup-shadow-y}*/ undefined /*{a-bup-shadow-radius}*/ undefined /*{a-bup-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff /*{a-bup-background-start}*/), to( #E6E6E6 /*{a-bup-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #ffffff /*{a-bup-background-start}*/, #E6E6E6 /*{a-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #ffffff /*{a-bup-background-start}*/, #E6E6E6 /*{a-bup-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #ffffff /*{a-bup-background-start}*/, #E6E6E6 /*{a-bup-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #ffffff /*{a-bup-background-start}*/, #E6E6E6 /*{a-bup-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #ffffff /*{a-bup-background-start}*/, #E6E6E6 /*{a-bup-background-end}*/);
-}
-.ui-btn-up-a:visited,
-.ui-btn-up-a a.ui-link-inherit {
- color: #333333 /*{a-bup-color}*/;
}
-.ui-btn-hover-a {
- border: 1px solid #cccccc /*{a-bhover-border}*/;
+/* Button hover */
+.ui-page-theme-a .ui-btn:hover,
+html .ui-bar-a .ui-btn:hover,
+html .ui-body-a .ui-btn:hover,
+html body .ui-group-theme-a .ui-btn:hover,
+html head + body .ui-btn.ui-btn-a:hover {
background: #e6e6e6 /*{a-bhover-background-color}*/;
- font-weight: bold;
+ border-color: #cccccc /*{a-bhover-border}*/;
color: #333333 /*{a-bhover-color}*/;
text-shadow: undefined /*{a-bhover-shadow-x}*/ undefined /*{a-bhover-shadow-y}*/ undefined /*{a-bhover-shadow-radius}*/ undefined /*{a-bhover-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #E6E6E6 /*{a-bhover-background-start}*/), to( #E6E6E6 /*{a-bhover-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #E6E6E6 /*{a-bhover-background-start}*/, #E6E6E6 /*{a-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #E6E6E6 /*{a-bhover-background-start}*/, #E6E6E6 /*{a-bhover-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #E6E6E6 /*{a-bhover-background-start}*/, #E6E6E6 /*{a-bhover-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #E6E6E6 /*{a-bhover-background-start}*/, #E6E6E6 /*{a-bhover-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #E6E6E6 /*{a-bhover-background-start}*/, #E6E6E6 /*{a-bhover-background-end}*/);
-}
-.ui-btn-hover-a:visited,
-.ui-btn-hover-a:hover,
-.ui-btn-hover-a a.ui-link-inherit {
- color: #333333 /*{a-bhover-color}*/;
}
-.ui-btn-down-a {
- border: 1px solid #cccccc /*{a-bdown-border}*/;
+/* Button down */
+.ui-page-theme-a .ui-btn:active,
+html .ui-bar-a .ui-btn:active,
+html .ui-body-a .ui-btn:active,
+html body .ui-group-theme-a .ui-btn:active,
+html head + body .ui-btn.ui-btn-a:active {
background: #d6d6d6 /*{a-bdown-background-color}*/;
- font-weight: bold;
+ border-color: #cccccc /*{a-bdown-border}*/;
color: #333333 /*{a-bdown-color}*/;
text-shadow: undefined /*{a-bdown-shadow-x}*/ undefined /*{a-bdown-shadow-y}*/ undefined /*{a-bdown-shadow-radius}*/ undefined /*{a-bdown-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #D6D6D6 /*{a-bdown-background-start}*/), to( #D6D6D6 /*{a-bdown-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #D6D6D6 /*{a-bdown-background-start}*/, #D6D6D6 /*{a-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #D6D6D6 /*{a-bdown-background-start}*/, #D6D6D6 /*{a-bdown-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #D6D6D6 /*{a-bdown-background-start}*/, #D6D6D6 /*{a-bdown-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #D6D6D6 /*{a-bdown-background-start}*/, #D6D6D6 /*{a-bdown-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #D6D6D6 /*{a-bdown-background-start}*/, #D6D6D6 /*{a-bdown-background-end}*/);
-}
-.ui-btn-down-a:visited,
-.ui-btn-down-a:hover,
-.ui-btn-down-a a.ui-link-inherit {
- color: #333333 /*{a-bdown-color}*/;
}
-.ui-btn-up-a,
-.ui-btn-hover-a,
-.ui-btn-down-a {
- font-family: "Helvetica Neue",Helvetica,Arial,sans-serif /*{global-font-family}*/;
- text-decoration: none;
+/* Active button */
+.ui-page-theme-a .ui-btn.ui-btn-active,
+html .ui-bar-a .ui-btn.ui-btn-active,
+html .ui-body-a .ui-btn.ui-btn-active,
+html body .ui-group-theme-a .ui-btn.ui-btn-active,
+html head + body .ui-btn.ui-btn-a.ui-btn-active,
+/* Active checkbox icon */
+.ui-page-theme-a .ui-checkbox-on:after,
+html .ui-bar-a .ui-checkbox-on:after,
+html .ui-body-a .ui-checkbox-on:after,
+html body .ui-group-theme-a .ui-checkbox-on:after,
+.ui-btn.ui-checkbox-on.ui-btn-a:after,
+/* Active flipswitch background */
+.ui-page-theme-a .ui-flipswitch-active,
+html .ui-bar-a .ui-flipswitch-active,
+html .ui-body-a .ui-flipswitch-active,
+html body .ui-group-theme-a .ui-flipswitch-active,
+html body .ui-flipswitch.ui-bar-a.ui-flipswitch-active,
+/* Active slider track */
+.ui-page-theme-a .ui-slider-track .ui-btn-active,
+html .ui-bar-a .ui-slider-track .ui-btn-active,
+html .ui-body-a .ui-slider-track .ui-btn-active,
+html body .ui-group-theme-a .ui-slider-track .ui-btn-active,
+html body div.ui-slider-track.ui-body-a .ui-btn-active {
+ background-color: #3388cc /*{a-active-background-color}*/;
+ border-color: #1c4a70 /*{a-active-border}*/;
+ color: #ffffff /*{a-active-color}*/;
+ text-shadow: 0 /*{a-active-shadow-x}*/ 1px /*{a-active-shadow-y}*/ 0 /*{a-active-shadow-radius}*/ #005599 /*{a-active-shadow-color}*/;
+}
+/* Active radio button icon */
+.ui-page-theme-a .ui-radio-on:after,
+html .ui-bar-a .ui-radio-on:after,
+html .ui-body-a .ui-radio-on:after,
+html body .ui-group-theme-a .ui-radio-on:after,
+.ui-btn.ui-radio-on.ui-btn-a:after {
+ border-color: #3388cc /*{a-active-background-color}*/;
+}
+/* Focus */
+.ui-page-theme-a .ui-btn:focus,
+html .ui-bar-a .ui-btn:focus,
+html .ui-body-a .ui-btn:focus,
+html body .ui-group-theme-a .ui-btn:focus,
+html head + body .ui-btn.ui-btn-a:focus,
+/* Focus buttons and text inputs with div wrap */
+.ui-page-theme-a .ui-focus,
+html .ui-bar-a .ui-focus,
+html .ui-body-a .ui-focus,
+html body .ui-group-theme-a .ui-focus,
+html head + body .ui-btn-a.ui-focus,
+html head + body .ui-body-a.ui-focus {
+ -webkit-box-shadow: 0 0 12px #3388cc /*{a-active-background-color}*/;
+ -moz-box-shadow: 0 0 12px #3388cc /*{a-active-background-color}*/;
+ box-shadow: 0 0 12px #3388cc /*{a-active-background-color}*/;
}
-
-
/* B
-----------------------------------------------------------------------------------------------------------*/
-
-.ui-bar-b {
- border: 1px solid #cccccc /*{b-bar-border}*/;
+/* Bar: Toolbars, dividers, slider track */
+.ui-bar-b,
+.ui-page-theme-b .ui-bar-inherit,
+html .ui-bar-b .ui-bar-inherit,
+html .ui-body-b .ui-bar-inherit,
+html body .ui-group-theme-b .ui-bar-inherit {
background: #0044cc /*{b-bar-background-color}*/;
+ border-color: #cccccc /*{b-bar-border}*/;
color: #ffffff /*{b-bar-color}*/;
- font-weight: bold;
text-shadow: undefined /*{b-bar-shadow-x}*/ undefined /*{b-bar-shadow-y}*/ undefined /*{b-bar-shadow-radius}*/ undefined /*{b-bar-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #0088cc /*{b-bar-background-start}*/), to( #0044cc /*{b-bar-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #0088cc /*{b-bar-background-start}*/, #0044cc /*{b-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #0088cc /*{b-bar-background-start}*/, #0044cc /*{b-bar-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #0088cc /*{b-bar-background-start}*/, #0044cc /*{b-bar-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #0088cc /*{b-bar-background-start}*/, #0044cc /*{b-bar-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #0088cc /*{b-bar-background-start}*/, #0044cc /*{b-bar-background-end}*/);
-}
-.ui-bar-b .ui-link-inherit {
- color: #ffffff /*{b-bar-color}*/;
-}
-
-.ui-bar-b a.ui-link {
- color: #7cc4e7 /*{b-bar-link-color}*/;
font-weight: bold;
}
-
-.ui-bar-b a.ui-link:visited {
- color: #2489CE /*{b-bar-link-visited}*/;
-}
-
-.ui-bar-b a.ui-link:hover {
- color: #2489CE /*{b-bar-link-hover}*/;
-}
-
-.ui-bar-b a.ui-link:active {
- color: #2489CE /*{b-bar-link-active}*/;
-}
-
-.ui-bar-b,
-.ui-bar-b input,
-.ui-bar-b select,
-.ui-bar-b textarea,
-.ui-bar-b button {
- font-family: "Helvetica Neue",Helvetica,Arial,sans-serif /*{global-font-family}*/;
-}
+.ui-bar-b {
+ border-width: 1px;
+ border-style: solid;
+}
+/* Page and overlay */
+.ui-overlay-b,
+.ui-page-theme-b,
+.ui-page-theme-b .ui-panel-wrapper {
+ background: #ffffff /*{b-page-background-color}*/;
+ border-color: #cccccc /*{b-page-border}*/;
+ color: #333333 /*{b-page-color}*/;
+ text-shadow: 0 /*{b-page-shadow-x}*/ 0 /*{b-page-shadow-y}*/ 0 /*{b-page-shadow-radius}*/ #000000 /*{b-page-shadow-color}*/;
+}
+/* Body: Read-only lists, text inputs, collapsible content */
.ui-body-b,
-.ui-overlay-b {
- border: 1px solid #cccccc /*{b-body-border}*/;
+.ui-page-theme-b .ui-body-inherit,
+html .ui-bar-b .ui-body-inherit,
+html .ui-body-b .ui-body-inherit,
+html body .ui-group-theme-b .ui-body-inherit,
+html .ui-panel-page-container-b {
+ background: #ffffff /*{b-body-background-color}*/;
+ border-color: #cccccc /*{b-body-border}*/;
color: #333333 /*{b-body-color}*/;
text-shadow: 0 /*{b-body-shadow-x}*/ 0 /*{b-body-shadow-y}*/ 0 /*{b-body-shadow-radius}*/ #000000 /*{b-body-shadow-color}*/;
- background: #ffffff /*{b-body-background-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #FFFFFF /*{b-body-background-start}*/), to( #FFFFFF /*{b-body-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #FFFFFF /*{b-body-background-start}*/, #FFFFFF /*{b-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #FFFFFF /*{b-body-background-start}*/, #FFFFFF /*{b-body-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #FFFFFF /*{b-body-background-start}*/, #FFFFFF /*{b-body-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #FFFFFF /*{b-body-background-start}*/, #FFFFFF /*{b-body-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #FFFFFF /*{b-body-background-start}*/, #FFFFFF /*{b-body-background-end}*/);
-}
-.ui-overlay-b {
- background-image: none;
- border-width: 0;
-}
-.ui-body-b,
-.ui-body-b input,
-.ui-body-b select,
-.ui-body-b textarea,
-.ui-body-b button {
- font-family: "Helvetica Neue",Helvetica,Arial,sans-serif /*{global-font-family}*/;
}
-.ui-body-b .ui-link-inherit {
- color: #333333 /*{b-body-color}*/;
+.ui-body-b {
+ border-width: 1px;
+ border-style: solid;
}
-
-.ui-body-b .ui-link {
- color: #2489CE /*{b-body-link-color}*/;
+/* Links */
+.ui-page-theme-b a,
+html .ui-bar-b a,
+html .ui-body-b a,
+html body .ui-group-theme-b a {
+ color: #3388cc /*{b-link-color}*/;
font-weight: bold;
}
-
-.ui-body-b .ui-link:visited {
- color: #2489CE /*{b-body-link-visited}*/;
-}
-
-.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-btn-up-b {
- border: 1px solid #0056bc /*{b-bup-border}*/;
+.ui-page-theme-b a:visited,
+html .ui-bar-b a:visited,
+html .ui-body-b a:visited,
+html body .ui-group-theme-b a:visited {
+ color: #3388cc /*{b-link-visited}*/;
+}
+.ui-page-theme-b a:hover,
+html .ui-bar-b a:hover,
+html .ui-body-b a:hover,
+html body .ui-group-theme-b a:hover {
+ color: #005599 /*{b-link-hover}*/;
+}
+.ui-page-theme-b a:active,
+html .ui-bar-b a:active,
+html .ui-body-b a:active,
+html body .ui-group-theme-b a:active {
+ color: #005599 /*{b-link-active}*/;
+}
+/* Button up */
+.ui-page-theme-b .ui-btn,
+html .ui-bar-b .ui-btn,
+html .ui-body-b .ui-btn,
+html body .ui-group-theme-b .ui-btn,
+html head + body .ui-btn.ui-btn-b,
+/* Button visited */
+.ui-page-theme-b .ui-btn:visited,
+html .ui-bar-b .ui-btn:visited,
+html .ui-body-b .ui-btn:visited,
+html body .ui-group-theme-b .ui-btn:visited,
+html head + body .ui-btn.ui-btn-b:visited {
background: #0044cc /*{b-bup-background-color}*/;
- font-weight: bold;
+ border-color: #0056bc /*{b-bup-border}*/;
color: #ffffff /*{b-bup-color}*/;
text-shadow: 0 /*{b-bup-shadow-x}*/ 0 /*{b-bup-shadow-y}*/ 0 /*{b-bup-shadow-radius}*/ #ffffff /*{b-bup-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #0088cc /*{b-bup-background-start}*/), to( #0044cc /*{b-bup-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #0088cc /*{b-bup-background-start}*/, #0044cc /*{b-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #0088cc /*{b-bup-background-start}*/, #0044cc /*{b-bup-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #0088cc /*{b-bup-background-start}*/, #0044cc /*{b-bup-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #0088cc /*{b-bup-background-start}*/, #0044cc /*{b-bup-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #0088cc /*{b-bup-background-start}*/, #0044cc /*{b-bup-background-end}*/);
-}
-.ui-btn-up-b:visited,
-.ui-btn-up-b a.ui-link-inherit {
- color: #ffffff /*{b-bup-color}*/;
}
-.ui-btn-hover-b {
- border: 1px solid #0056bc /*{b-bhover-border}*/;
+/* Button hover */
+.ui-page-theme-b .ui-btn:hover,
+html .ui-bar-b .ui-btn:hover,
+html .ui-body-b .ui-btn:hover,
+html body .ui-group-theme-b .ui-btn:hover,
+html head + body .ui-btn.ui-btn-b:hover {
background: #0044CC /*{b-bhover-background-color}*/;
- font-weight: bold;
+ border-color: #0056bc /*{b-bhover-border}*/;
color: #ffffff /*{b-bhover-color}*/;
text-shadow: undefined /*{b-bhover-shadow-x}*/ undefined /*{b-bhover-shadow-y}*/ undefined /*{b-bhover-shadow-radius}*/ undefined /*{b-bhover-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #0044CC /*{b-bhover-background-start}*/), to( #0044CC /*{b-bhover-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #0044CC /*{b-bhover-background-start}*/, #0044CC /*{b-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #0044CC /*{b-bhover-background-start}*/, #0044CC /*{b-bhover-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #0044CC /*{b-bhover-background-start}*/, #0044CC /*{b-bhover-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #0044CC /*{b-bhover-background-start}*/, #0044CC /*{b-bhover-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #0044CC /*{b-bhover-background-start}*/, #0044CC /*{b-bhover-background-end}*/);
-}
-.ui-btn-hover-b:visited,
-.ui-btn-hover-b:hover,
-.ui-btn-hover-b a.ui-link-inherit {
- color: #ffffff /*{b-bhover-color}*/;
}
-.ui-btn-down-b {
- border: 1px solid #0056bc /*{b-bdown-border}*/;
+/* Button down */
+.ui-page-theme-b .ui-btn:active,
+html .ui-bar-b .ui-btn:active,
+html .ui-body-b .ui-btn:active,
+html body .ui-group-theme-b .ui-btn:active,
+html head + body .ui-btn.ui-btn-b:active {
background: #003AAD /*{b-bdown-background-color}*/;
- font-weight: bold;
+ border-color: #0056bc /*{b-bdown-border}*/;
color: #ffffff /*{b-bdown-color}*/;
text-shadow: undefined /*{b-bdown-shadow-x}*/ undefined /*{b-bdown-shadow-y}*/ undefined /*{b-bdown-shadow-radius}*/ undefined /*{b-bdown-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #003AAD /*{b-bdown-background-start}*/), to( #003AAD /*{b-bdown-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #003AAD /*{b-bdown-background-start}*/, #003AAD /*{b-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #003AAD /*{b-bdown-background-start}*/, #003AAD /*{b-bdown-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #003AAD /*{b-bdown-background-start}*/, #003AAD /*{b-bdown-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #003AAD /*{b-bdown-background-start}*/, #003AAD /*{b-bdown-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #003AAD /*{b-bdown-background-start}*/, #003AAD /*{b-bdown-background-end}*/);
-}
-.ui-btn-down-b:visited,
-.ui-btn-down-b:hover,
-.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 Neue",Helvetica,Arial,sans-serif /*{global-font-family}*/;
- text-decoration: none;
+/* Active button */
+.ui-page-theme-b .ui-btn.ui-btn-active,
+html .ui-bar-b .ui-btn.ui-btn-active,
+html .ui-body-b .ui-btn.ui-btn-active,
+html body .ui-group-theme-b .ui-btn.ui-btn-active,
+html head + body .ui-btn.ui-btn-b.ui-btn-active,
+/* Active checkbox icon */
+.ui-page-theme-b .ui-checkbox-on:after,
+html .ui-bar-b .ui-checkbox-on:after,
+html .ui-body-b .ui-checkbox-on:after,
+html body .ui-group-theme-b .ui-checkbox-on:after,
+.ui-btn.ui-checkbox-on.ui-btn-b:after,
+/* Active flipswitch background */
+.ui-page-theme-b .ui-flipswitch-active,
+html .ui-bar-b .ui-flipswitch-active,
+html .ui-body-b .ui-flipswitch-active,
+html body .ui-group-theme-b .ui-flipswitch-active,
+html body .ui-flipswitch.ui-bar-b.ui-flipswitch-active,
+/* Active slider track */
+.ui-page-theme-b .ui-slider-track .ui-btn-active,
+html .ui-bar-b .ui-slider-track .ui-btn-active,
+html .ui-body-b .ui-slider-track .ui-btn-active,
+html body .ui-group-theme-b .ui-slider-track .ui-btn-active,
+html body div.ui-slider-track.ui-body-b .ui-btn-active {
+ background-color: #3388cc /*{b-active-background-color}*/;
+ border-color: #1c4a70 /*{b-active-border}*/;
+ color: #ffffff /*{b-active-color}*/;
+ text-shadow: 0 /*{b-active-shadow-x}*/ 1px /*{b-active-shadow-y}*/ 0 /*{b-active-shadow-radius}*/ #005599 /*{b-active-shadow-color}*/;
+}
+/* Active radio button icon */
+.ui-page-theme-b .ui-radio-on:after,
+html .ui-bar-b .ui-radio-on:after,
+html .ui-body-b .ui-radio-on:after,
+html body .ui-group-theme-b .ui-radio-on:after,
+.ui-btn.ui-radio-on.ui-btn-b:after {
+ border-color: #3388cc /*{b-active-background-color}*/;
+}
+/* Focus */
+.ui-page-theme-b .ui-btn:focus,
+html .ui-bar-b .ui-btn:focus,
+html .ui-body-b .ui-btn:focus,
+html body .ui-group-theme-b .ui-btn:focus,
+html head + body .ui-btn.ui-btn-b:focus,
+/* Focus buttons and text inputs with div wrap */
+.ui-page-theme-b .ui-focus,
+html .ui-bar-b .ui-focus,
+html .ui-body-b .ui-focus,
+html body .ui-group-theme-b .ui-focus,
+html head + body .ui-btn-b.ui-focus,
+html head + body .ui-body-b.ui-focus {
+ -webkit-box-shadow: 0 0 12px #3388cc /*{b-active-background-color}*/;
+ -moz-box-shadow: 0 0 12px #3388cc /*{b-active-background-color}*/;
+ box-shadow: 0 0 12px #3388cc /*{b-active-background-color}*/;
}
-
-
/* C
-----------------------------------------------------------------------------------------------------------*/
-
-.ui-bar-c {
- border: 1px solid #2A2A2A /*{c-bar-border}*/;
+/* Bar: Toolbars, dividers, slider track */
+.ui-bar-c,
+.ui-page-theme-c .ui-bar-inherit,
+html .ui-bar-c .ui-bar-inherit,
+html .ui-body-c .ui-bar-inherit,
+html body .ui-group-theme-c .ui-bar-inherit {
background: #BD362F /*{c-bar-background-color}*/;
+ border-color: #2A2A2A /*{c-bar-border}*/;
color: #ffffff /*{c-bar-color}*/;
- font-weight: bold;
text-shadow: 0 /*{c-bar-shadow-x}*/ 0 /*{c-bar-shadow-y}*/ 0 /*{c-bar-shadow-radius}*/ #000000 /*{c-bar-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #EE5F5B /*{c-bar-background-start}*/), to( #BD362F /*{c-bar-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #EE5F5B /*{c-bar-background-start}*/, #BD362F /*{c-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #EE5F5B /*{c-bar-background-start}*/, #BD362F /*{c-bar-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #EE5F5B /*{c-bar-background-start}*/, #BD362F /*{c-bar-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #EE5F5B /*{c-bar-background-start}*/, #BD362F /*{c-bar-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #EE5F5B /*{c-bar-background-start}*/, #BD362F /*{c-bar-background-end}*/);
-}
-.ui-bar-c .ui-link-inherit {
- color: #ffffff /*{c-bar-color}*/;
-}
-
-.ui-bar-c a.ui-link {
- color: #7cc4e7 /*{c-bar-link-color}*/;
font-weight: bold;
}
-
-.ui-bar-c a.ui-link:visited {
- color: #2489CE /*{c-bar-link-visited}*/;
-}
-
-.ui-bar-c a.ui-link:hover {
- color: #2489CE /*{c-bar-link-hover}*/;
-}
-
-.ui-bar-c a.ui-link:active {
- color: #2489CE /*{c-bar-link-active}*/;
-}
-
-.ui-bar-c,
-.ui-bar-c input,
-.ui-bar-c select,
-.ui-bar-c textarea,
-.ui-bar-c button {
- font-family: "Helvetica Neue",Helvetica,Arial,sans-serif /*{global-font-family}*/;
-}
+.ui-bar-c {
+ border-width: 1px;
+ border-style: solid;
+}
+/* Page and overlay */
+.ui-overlay-c,
+.ui-page-theme-c,
+.ui-page-theme-c .ui-panel-wrapper {
+ background: #ffffff /*{c-page-background-color}*/;
+ border-color: #cccccc /*{c-page-border}*/;
+ color: #333333 /*{c-page-color}*/;
+ text-shadow: 0 /*{c-page-shadow-x}*/ 0 /*{c-page-shadow-y}*/ 0 /*{c-page-shadow-radius}*/ #000000 /*{c-page-shadow-color}*/;
+}
+/* Body: Read-only lists, text inputs, collapsible content */
.ui-body-c,
-.ui-overlay-c {
- border: 1px solid #cccccc /*{c-body-border}*/;
+.ui-page-theme-c .ui-body-inherit,
+html .ui-bar-c .ui-body-inherit,
+html .ui-body-c .ui-body-inherit,
+html body .ui-group-theme-c .ui-body-inherit,
+html .ui-panel-page-container-c {
+ background: #ffffff /*{c-body-background-color}*/;
+ border-color: #cccccc /*{c-body-border}*/;
color: #333333 /*{c-body-color}*/;
text-shadow: 0 /*{c-body-shadow-x}*/ 0 /*{c-body-shadow-y}*/ 0 /*{c-body-shadow-radius}*/ #000000 /*{c-body-shadow-color}*/;
- background: #ffffff /*{c-body-background-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #FFFFFF /*{c-body-background-start}*/), to( #FFFFFF /*{c-body-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #FFFFFF /*{c-body-background-start}*/, #FFFFFF /*{c-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #FFFFFF /*{c-body-background-start}*/, #FFFFFF /*{c-body-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #FFFFFF /*{c-body-background-start}*/, #FFFFFF /*{c-body-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #FFFFFF /*{c-body-background-start}*/, #FFFFFF /*{c-body-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #FFFFFF /*{c-body-background-start}*/, #FFFFFF /*{c-body-background-end}*/);
-}
-.ui-overlay-c {
- background-image: none;
- border-width: 0;
}
-.ui-body-c,
-.ui-body-c input,
-.ui-body-c select,
-.ui-body-c textarea,
-.ui-body-c button {
- font-family: "Helvetica Neue",Helvetica,Arial,sans-serif /*{global-font-family}*/;
-}
-.ui-body-c .ui-link-inherit {
- color: #333333 /*{c-body-color}*/;
+.ui-body-c {
+ border-width: 1px;
+ border-style: solid;
}
-
-.ui-body-c .ui-link {
- color: #2489CE /*{c-body-link-color}*/;
+/* Links */
+.ui-page-theme-c a,
+html .ui-bar-c a,
+html .ui-body-c a,
+html body .ui-group-theme-c a {
+ color: #3388cc /*{c-link-color}*/;
font-weight: bold;
}
-
-.ui-body-c .ui-link:visited {
- color: #2489CE /*{c-body-link-visited}*/;
-}
-
-.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-btn-up-c {
- border: 1px solid #d82c35 /*{c-bup-border}*/;
+.ui-page-theme-c a:visited,
+html .ui-bar-c a:visited,
+html .ui-body-c a:visited,
+html body .ui-group-theme-c a:visited {
+ color: #3388cc /*{c-link-visited}*/;
+}
+.ui-page-theme-c a:hover,
+html .ui-bar-c a:hover,
+html .ui-body-c a:hover,
+html body .ui-group-theme-c a:hover {
+ color: #005599 /*{c-link-hover}*/;
+}
+.ui-page-theme-c a:active,
+html .ui-bar-c a:active,
+html .ui-body-c a:active,
+html body .ui-group-theme-c a:active {
+ color: #005599 /*{c-link-active}*/;
+}
+/* Button up */
+.ui-page-theme-c .ui-btn,
+html .ui-bar-c .ui-btn,
+html .ui-body-c .ui-btn,
+html body .ui-group-theme-c .ui-btn,
+html head + body .ui-btn.ui-btn-c,
+/* Button visited */
+.ui-page-theme-c .ui-btn:visited,
+html .ui-bar-c .ui-btn:visited,
+html .ui-body-c .ui-btn:visited,
+html body .ui-group-theme-c .ui-btn:visited,
+html head + body .ui-btn.ui-btn-c:visited {
background: #BD362F /*{c-bup-background-color}*/;
- font-weight: bold;
+ border-color: #d82c35 /*{c-bup-border}*/;
color: #ffffff /*{c-bup-color}*/;
text-shadow: undefined /*{c-bup-shadow-x}*/ undefined /*{c-bup-shadow-y}*/ undefined /*{c-bup-shadow-radius}*/ undefined /*{c-bup-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #EE5F5B /*{c-bup-background-start}*/), to( #BD362F /*{c-bup-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #EE5F5B /*{c-bup-background-start}*/, #BD362F /*{c-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #EE5F5B /*{c-bup-background-start}*/, #BD362F /*{c-bup-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #EE5F5B /*{c-bup-background-start}*/, #BD362F /*{c-bup-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #EE5F5B /*{c-bup-background-start}*/, #BD362F /*{c-bup-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #EE5F5B /*{c-bup-background-start}*/, #BD362F /*{c-bup-background-end}*/);
-}
-.ui-btn-up-c:visited,
-.ui-btn-up-c a.ui-link-inherit {
- color: #ffffff /*{c-bup-color}*/;
}
-.ui-btn-hover-c {
- border: 1px solid #d82c35 /*{c-bhover-border}*/;
+/* Button hover */
+.ui-page-theme-c .ui-btn:hover,
+html .ui-bar-c .ui-btn:hover,
+html .ui-body-c .ui-btn:hover,
+html body .ui-group-theme-c .ui-btn:hover,
+html head + body .ui-btn.ui-btn-c:hover {
background: #DA4F49 /*{c-bhover-background-color}*/;
- font-weight: bold;
+ border-color: #d82c35 /*{c-bhover-border}*/;
color: #ffffff /*{c-bhover-color}*/;
text-shadow: undefined /*{c-bhover-shadow-x}*/ undefined /*{c-bhover-shadow-y}*/ undefined /*{c-bhover-shadow-radius}*/ undefined /*{c-bhover-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #DA4F49 /*{c-bhover-background-start}*/), to( #DA4F49 /*{c-bhover-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #DA4F49 /*{c-bhover-background-start}*/, #DA4F49 /*{c-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #DA4F49 /*{c-bhover-background-start}*/, #DA4F49 /*{c-bhover-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #DA4F49 /*{c-bhover-background-start}*/, #DA4F49 /*{c-bhover-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #DA4F49 /*{c-bhover-background-start}*/, #DA4F49 /*{c-bhover-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #DA4F49 /*{c-bhover-background-start}*/, #DA4F49 /*{c-bhover-background-end}*/);
-}
-.ui-btn-hover-c:visited,
-.ui-btn-hover-c:hover,
-.ui-btn-hover-c a.ui-link-inherit {
- color: #ffffff /*{c-bhover-color}*/;
}
-.ui-btn-down-c {
- border: 1px solid #d82c35 /*{c-bdown-border}*/;
+/* Button down */
+.ui-page-theme-c .ui-btn:active,
+html .ui-bar-c .ui-btn:active,
+html .ui-body-c .ui-btn:active,
+html body .ui-group-theme-c .ui-btn:active,
+html head + body .ui-btn.ui-btn-c:active {
background: #d2332d /*{c-bdown-background-color}*/;
- font-weight: bold;
+ border-color: #d82c35 /*{c-bdown-border}*/;
color: #ffffff /*{c-bdown-color}*/;
text-shadow: undefined /*{c-bdown-shadow-x}*/ undefined /*{c-bdown-shadow-y}*/ undefined /*{c-bdown-shadow-radius}*/ undefined /*{c-bdown-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #D2332D /*{c-bdown-background-start}*/), to( #D2332D /*{c-bdown-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #D2332D /*{c-bdown-background-start}*/, #D2332D /*{c-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #D2332D /*{c-bdown-background-start}*/, #D2332D /*{c-bdown-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #D2332D /*{c-bdown-background-start}*/, #D2332D /*{c-bdown-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #D2332D /*{c-bdown-background-start}*/, #D2332D /*{c-bdown-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #D2332D /*{c-bdown-background-start}*/, #D2332D /*{c-bdown-background-end}*/);
-}
-.ui-btn-down-c:visited,
-.ui-btn-down-c:hover,
-.ui-btn-down-c a.ui-link-inherit {
- color: #ffffff /*{c-bdown-color}*/;
}
-.ui-btn-up-c,
-.ui-btn-hover-c,
-.ui-btn-down-c {
- font-family: "Helvetica Neue",Helvetica,Arial,sans-serif /*{global-font-family}*/;
- text-decoration: none;
+/* Active button */
+.ui-page-theme-c .ui-btn.ui-btn-active,
+html .ui-bar-c .ui-btn.ui-btn-active,
+html .ui-body-c .ui-btn.ui-btn-active,
+html body .ui-group-theme-c .ui-btn.ui-btn-active,
+html head + body .ui-btn.ui-btn-c.ui-btn-active,
+/* Active checkbox icon */
+.ui-page-theme-c .ui-checkbox-on:after,
+html .ui-bar-c .ui-checkbox-on:after,
+html .ui-body-c .ui-checkbox-on:after,
+html body .ui-group-theme-c .ui-checkbox-on:after,
+.ui-btn.ui-checkbox-on.ui-btn-c:after,
+/* Active flipswitch background */
+.ui-page-theme-c .ui-flipswitch-active,
+html .ui-bar-c .ui-flipswitch-active,
+html .ui-body-c .ui-flipswitch-active,
+html body .ui-group-theme-c .ui-flipswitch-active,
+html body .ui-flipswitch.ui-bar-c.ui-flipswitch-active,
+/* Active slider track */
+.ui-page-theme-c .ui-slider-track .ui-btn-active,
+html .ui-bar-c .ui-slider-track .ui-btn-active,
+html .ui-body-c .ui-slider-track .ui-btn-active,
+html body .ui-group-theme-c .ui-slider-track .ui-btn-active,
+html body div.ui-slider-track.ui-body-c .ui-btn-active {
+ background-color: #3388cc /*{c-active-background-color}*/;
+ border-color: #1c4a70 /*{c-active-border}*/;
+ color: #ffffff /*{c-active-color}*/;
+ text-shadow: 0 /*{c-active-shadow-x}*/ 1px /*{c-active-shadow-y}*/ 0 /*{c-active-shadow-radius}*/ #005599 /*{c-active-shadow-color}*/;
+}
+/* Active radio button icon */
+.ui-page-theme-c .ui-radio-on:after,
+html .ui-bar-c .ui-radio-on:after,
+html .ui-body-c .ui-radio-on:after,
+html body .ui-group-theme-c .ui-radio-on:after,
+.ui-btn.ui-radio-on.ui-btn-c:after {
+ border-color: #3388cc /*{c-active-background-color}*/;
+}
+/* Focus */
+.ui-page-theme-c .ui-btn:focus,
+html .ui-bar-c .ui-btn:focus,
+html .ui-body-c .ui-btn:focus,
+html body .ui-group-theme-c .ui-btn:focus,
+html head + body .ui-btn.ui-btn-c:focus,
+/* Focus buttons and text inputs with div wrap */
+.ui-page-theme-c .ui-focus,
+html .ui-bar-c .ui-focus,
+html .ui-body-c .ui-focus,
+html body .ui-group-theme-c .ui-focus,
+html head + body .ui-btn-c.ui-focus,
+html head + body .ui-body-c.ui-focus {
+ -webkit-box-shadow: 0 0 12px #3388cc /*{c-active-background-color}*/;
+ -moz-box-shadow: 0 0 12px #3388cc /*{c-active-background-color}*/;
+ box-shadow: 0 0 12px #3388cc /*{c-active-background-color}*/;
}
-
-
/* D
-----------------------------------------------------------------------------------------------------------*/
-
-.ui-bar-d {
- border: 1px solid #2A2A2A /*{d-bar-border}*/;
+/* Bar: Toolbars, dividers, slider track */
+.ui-bar-d,
+.ui-page-theme-d .ui-bar-inherit,
+html .ui-bar-d .ui-bar-inherit,
+html .ui-body-d .ui-bar-inherit,
+html body .ui-group-theme-d .ui-bar-inherit {
background: #51A351 /*{d-bar-background-color}*/;
+ border-color: #2A2A2A /*{d-bar-border}*/;
color: #ffffff /*{d-bar-color}*/;
- font-weight: bold;
text-shadow: 0 /*{d-bar-shadow-x}*/ 0 /*{d-bar-shadow-y}*/ 0 /*{d-bar-shadow-radius}*/ #000000 /*{d-bar-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #62C462 /*{d-bar-background-start}*/), to( #51A351 /*{d-bar-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #62C462 /*{d-bar-background-start}*/, #51A351 /*{d-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #62C462 /*{d-bar-background-start}*/, #51A351 /*{d-bar-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #62C462 /*{d-bar-background-start}*/, #51A351 /*{d-bar-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #62C462 /*{d-bar-background-start}*/, #51A351 /*{d-bar-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #62C462 /*{d-bar-background-start}*/, #51A351 /*{d-bar-background-end}*/);
-}
-.ui-bar-d .ui-link-inherit {
- color: #ffffff /*{d-bar-color}*/;
-}
-
-.ui-bar-d a.ui-link {
- color: #7cc4e7 /*{d-bar-link-color}*/;
font-weight: bold;
}
-
-.ui-bar-d a.ui-link:visited {
- color: #2489CE /*{d-bar-link-visited}*/;
-}
-
-.ui-bar-d a.ui-link:hover {
- color: #2489CE /*{d-bar-link-hover}*/;
-}
-
-.ui-bar-d a.ui-link:active {
- color: #2489CE /*{d-bar-link-active}*/;
-}
-
-.ui-bar-d,
-.ui-bar-d input,
-.ui-bar-d select,
-.ui-bar-d textarea,
-.ui-bar-d button {
- font-family: "Helvetica Neue",Helvetica,Arial,sans-serif /*{global-font-family}*/;
-}
+.ui-bar-d {
+ border-width: 1px;
+ border-style: solid;
+}
+/* Page and overlay */
+.ui-overlay-d,
+.ui-page-theme-d,
+.ui-page-theme-d .ui-panel-wrapper {
+ background: #FFFFFF /*{d-page-background-color}*/;
+ border-color: #cccccc /*{d-page-border}*/;
+ color: #333333 /*{d-page-color}*/;
+ text-shadow: 0 /*{d-page-shadow-x}*/ 0 /*{d-page-shadow-y}*/ 0 /*{d-page-shadow-radius}*/ #000000 /*{d-page-shadow-color}*/;
+}
+/* Body: Read-only lists, text inputs, collapsible content */
.ui-body-d,
-.ui-overlay-d {
- border: 1px solid #cccccc /*{d-body-border}*/;
+.ui-page-theme-d .ui-body-inherit,
+html .ui-bar-d .ui-body-inherit,
+html .ui-body-d .ui-body-inherit,
+html body .ui-group-theme-d .ui-body-inherit,
+html .ui-panel-page-container-d {
+ background: #FFFFFF /*{d-body-background-color}*/;
+ border-color: #cccccc /*{d-body-border}*/;
color: #333333 /*{d-body-color}*/;
text-shadow: 0 /*{d-body-shadow-x}*/ 0 /*{d-body-shadow-y}*/ 0 /*{d-body-shadow-radius}*/ #000000 /*{d-body-shadow-color}*/;
- background: #FFFFFF /*{d-body-background-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #FFFFFF /*{d-body-background-start}*/), 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-overlay-d {
- background-image: none;
- border-width: 0;
-}
-.ui-body-d,
-.ui-body-d input,
-.ui-body-d select,
-.ui-body-d textarea,
-.ui-body-d button {
- font-family: "Helvetica Neue",Helvetica,Arial,sans-serif /*{global-font-family}*/;
}
-.ui-body-d .ui-link-inherit {
- color: #333333 /*{d-body-color}*/;
+.ui-body-d {
+ border-width: 1px;
+ border-style: solid;
}
-
-.ui-body-d .ui-link {
- color: #2489CE /*{d-body-link-color}*/;
+/* Links */
+.ui-page-theme-d a,
+html .ui-bar-d a,
+html .ui-body-d a,
+html body .ui-group-theme-d a {
+ color: #3388cc /*{d-link-color}*/;
font-weight: bold;
}
-
-.ui-body-d .ui-link:visited {
- color: #2489CE /*{d-body-link-visited}*/;
-}
-
-.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-btn-up-d {
- border: 1px solid #00a84c /*{d-bup-border}*/;
+.ui-page-theme-d a:visited,
+html .ui-bar-d a:visited,
+html .ui-body-d a:visited,
+html body .ui-group-theme-d a:visited {
+ color: #3388cc /*{d-link-visited}*/;
+}
+.ui-page-theme-d a:hover,
+html .ui-bar-d a:hover,
+html .ui-body-d a:hover,
+html body .ui-group-theme-d a:hover {
+ color: #005599 /*{d-link-hover}*/;
+}
+.ui-page-theme-d a:active,
+html .ui-bar-d a:active,
+html .ui-body-d a:active,
+html body .ui-group-theme-d a:active {
+ color: #005599 /*{d-link-active}*/;
+}
+/* Button up */
+.ui-page-theme-d .ui-btn,
+html .ui-bar-d .ui-btn,
+html .ui-body-d .ui-btn,
+html body .ui-group-theme-d .ui-btn,
+html head + body .ui-btn.ui-btn-d,
+/* Button visited */
+.ui-page-theme-d .ui-btn:visited,
+html .ui-bar-d .ui-btn:visited,
+html .ui-body-d .ui-btn:visited,
+html body .ui-group-theme-d .ui-btn:visited,
+html head + body .ui-btn.ui-btn-d:visited {
background: #51A351 /*{d-bup-background-color}*/;
- font-weight: bold;
+ border-color: #00a84c /*{d-bup-border}*/;
color: #ffffff /*{d-bup-color}*/;
text-shadow: undefined /*{d-bup-shadow-x}*/ undefined /*{d-bup-shadow-y}*/ undefined /*{d-bup-shadow-radius}*/ undefined /*{d-bup-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #62C462 /*{d-bup-background-start}*/), to( #51A351 /*{d-bup-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #62C462 /*{d-bup-background-start}*/, #51A351 /*{d-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #62C462 /*{d-bup-background-start}*/, #51A351 /*{d-bup-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #62C462 /*{d-bup-background-start}*/, #51A351 /*{d-bup-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #62C462 /*{d-bup-background-start}*/, #51A351 /*{d-bup-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #62C462 /*{d-bup-background-start}*/, #51A351 /*{d-bup-background-end}*/);
-}
-.ui-btn-up-d:visited,
-.ui-btn-up-d a.ui-link-inherit {
- color: #ffffff /*{d-bup-color}*/;
}
-.ui-btn-hover-d {
- border: 1px solid #00a84c /*{d-bhover-border}*/;
+/* Button hover */
+.ui-page-theme-d .ui-btn:hover,
+html .ui-bar-d .ui-btn:hover,
+html .ui-body-d .ui-btn:hover,
+html body .ui-group-theme-d .ui-btn:hover,
+html head + body .ui-btn.ui-btn-d:hover {
background: #5BB75B /*{d-bhover-background-color}*/;
- font-weight: bold;
+ border-color: #00a84c /*{d-bhover-border}*/;
color: #ffffff /*{d-bhover-color}*/;
text-shadow: undefined /*{d-bhover-shadow-x}*/ undefined /*{d-bhover-shadow-y}*/ undefined /*{d-bhover-shadow-radius}*/ undefined /*{d-bhover-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #5BB75B /*{d-bhover-background-start}*/), to( #5BB75B /*{d-bhover-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #5BB75B /*{d-bhover-background-start}*/, #5BB75B /*{d-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #5BB75B /*{d-bhover-background-start}*/, #5BB75B /*{d-bhover-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #5BB75B /*{d-bhover-background-start}*/, #5BB75B /*{d-bhover-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #5BB75B /*{d-bhover-background-start}*/, #5BB75B /*{d-bhover-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #5BB75B /*{d-bhover-background-start}*/, #5BB75B /*{d-bhover-background-end}*/);
-}
-.ui-btn-hover-d:visited,
-.ui-btn-hover-d:hover,
-.ui-btn-hover-d a.ui-link-inherit {
- color: #ffffff /*{d-bhover-color}*/;
}
-.ui-btn-down-d {
- border: 1px solid #00a84c /*{d-bdown-border}*/;
+/* Button down */
+.ui-page-theme-d .ui-btn:active,
+html .ui-bar-d .ui-btn:active,
+html .ui-body-d .ui-btn:active,
+html body .ui-group-theme-d .ui-btn:active,
+html head + body .ui-btn.ui-btn-d:active {
background: #51a451 /*{d-bdown-background-color}*/;
- font-weight: bold;
+ border-color: #00a84c /*{d-bdown-border}*/;
color: #ffffff /*{d-bdown-color}*/;
text-shadow: undefined /*{d-bdown-shadow-x}*/ undefined /*{d-bdown-shadow-y}*/ undefined /*{d-bdown-shadow-radius}*/ undefined /*{d-bdown-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #51A451 /*{d-bdown-background-start}*/), to( #51A451 /*{d-bdown-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #51A451 /*{d-bdown-background-start}*/, #51A451 /*{d-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #51A451 /*{d-bdown-background-start}*/, #51A451 /*{d-bdown-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #51A451 /*{d-bdown-background-start}*/, #51A451 /*{d-bdown-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #51A451 /*{d-bdown-background-start}*/, #51A451 /*{d-bdown-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #51A451 /*{d-bdown-background-start}*/, #51A451 /*{d-bdown-background-end}*/);
-}
-.ui-btn-down-d:visited,
-.ui-btn-down-d:hover,
-.ui-btn-down-d a.ui-link-inherit {
- color: #ffffff /*{d-bdown-color}*/;
}
-.ui-btn-up-d,
-.ui-btn-hover-d,
-.ui-btn-down-d {
- font-family: "Helvetica Neue",Helvetica,Arial,sans-serif /*{global-font-family}*/;
- text-decoration: none;
+/* Active button */
+.ui-page-theme-d .ui-btn.ui-btn-active,
+html .ui-bar-d .ui-btn.ui-btn-active,
+html .ui-body-d .ui-btn.ui-btn-active,
+html body .ui-group-theme-d .ui-btn.ui-btn-active,
+html head + body .ui-btn.ui-btn-d.ui-btn-active,
+/* Active checkbox icon */
+.ui-page-theme-d .ui-checkbox-on:after,
+html .ui-bar-d .ui-checkbox-on:after,
+html .ui-body-d .ui-checkbox-on:after,
+html body .ui-group-theme-d .ui-checkbox-on:after,
+.ui-btn.ui-checkbox-on.ui-btn-d:after,
+/* Active flipswitch background */
+.ui-page-theme-d .ui-flipswitch-active,
+html .ui-bar-d .ui-flipswitch-active,
+html .ui-body-d .ui-flipswitch-active,
+html body .ui-group-theme-d .ui-flipswitch-active,
+html body .ui-flipswitch.ui-bar-d.ui-flipswitch-active,
+/* Active slider track */
+.ui-page-theme-d .ui-slider-track .ui-btn-active,
+html .ui-bar-d .ui-slider-track .ui-btn-active,
+html .ui-body-d .ui-slider-track .ui-btn-active,
+html body .ui-group-theme-d .ui-slider-track .ui-btn-active,
+html body div.ui-slider-track.ui-body-d .ui-btn-active {
+ background-color: #3388cc /*{d-active-background-color}*/;
+ border-color: #1c4a70 /*{d-active-border}*/;
+ color: #ffffff /*{d-active-color}*/;
+ text-shadow: 0 /*{d-active-shadow-x}*/ 1px /*{d-active-shadow-y}*/ 0 /*{d-active-shadow-radius}*/ #005599 /*{d-active-shadow-color}*/;
+}
+/* Active radio button icon */
+.ui-page-theme-d .ui-radio-on:after,
+html .ui-bar-d .ui-radio-on:after,
+html .ui-body-d .ui-radio-on:after,
+html body .ui-group-theme-d .ui-radio-on:after,
+.ui-btn.ui-radio-on.ui-btn-d:after {
+ border-color: #3388cc /*{d-active-background-color}*/;
+}
+/* Focus */
+.ui-page-theme-d .ui-btn:focus,
+html .ui-bar-d .ui-btn:focus,
+html .ui-body-d .ui-btn:focus,
+html body .ui-group-theme-d .ui-btn:focus,
+html head + body .ui-btn.ui-btn-d:focus,
+/* Focus buttons and text inputs with div wrap */
+.ui-page-theme-d .ui-focus,
+html .ui-bar-d .ui-focus,
+html .ui-body-d .ui-focus,
+html body .ui-group-theme-d .ui-focus,
+html head + body .ui-btn-d.ui-focus,
+html head + body .ui-body-d.ui-focus {
+ -webkit-box-shadow: 0 0 12px #3388cc /*{d-active-background-color}*/;
+ -moz-box-shadow: 0 0 12px #3388cc /*{d-active-background-color}*/;
+ box-shadow: 0 0 12px #3388cc /*{d-active-background-color}*/;
}
-
-
/* E
-----------------------------------------------------------------------------------------------------------*/
-
-.ui-bar-e {
- border: 1px solid #2A2A2A /*{e-bar-border}*/;
+/* Bar: Toolbars, dividers, slider track */
+.ui-bar-e,
+.ui-page-theme-e .ui-bar-inherit,
+html .ui-bar-e .ui-bar-inherit,
+html .ui-body-e .ui-bar-inherit,
+html body .ui-group-theme-e .ui-bar-inherit {
background: #2F96B4 /*{e-bar-background-color}*/;
+ border-color: #2A2A2A /*{e-bar-border}*/;
color: #ffffff /*{e-bar-color}*/;
- font-weight: bold;
text-shadow: 0 /*{e-bar-shadow-x}*/ 0 /*{e-bar-shadow-y}*/ 0 /*{e-bar-shadow-radius}*/ #000000 /*{e-bar-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #5BC0DE /*{e-bar-background-start}*/), to( #2F96B4 /*{e-bar-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #5BC0DE /*{e-bar-background-start}*/, #2F96B4 /*{e-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #5BC0DE /*{e-bar-background-start}*/, #2F96B4 /*{e-bar-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #5BC0DE /*{e-bar-background-start}*/, #2F96B4 /*{e-bar-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #5BC0DE /*{e-bar-background-start}*/, #2F96B4 /*{e-bar-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #5BC0DE /*{e-bar-background-start}*/, #2F96B4 /*{e-bar-background-end}*/);
-}
-.ui-bar-e .ui-link-inherit {
- color: #ffffff /*{e-bar-color}*/;
-}
-
-.ui-bar-e a.ui-link {
- color: #7cc4e7 /*{e-bar-link-color}*/;
font-weight: bold;
}
-
-.ui-bar-e a.ui-link:visited {
- color: #2489CE /*{e-bar-link-visited}*/;
-}
-
-.ui-bar-e a.ui-link:hover {
- color: #2489CE /*{e-bar-link-hover}*/;
-}
-
-.ui-bar-e a.ui-link:active {
- color: #2489CE /*{e-bar-link-active}*/;
-}
-
-.ui-bar-e,
-.ui-bar-e input,
-.ui-bar-e select,
-.ui-bar-e textarea,
-.ui-bar-e button {
- font-family: "Helvetica Neue",Helvetica,Arial,sans-serif /*{global-font-family}*/;
-}
+.ui-bar-e {
+ border-width: 1px;
+ border-style: solid;
+}
+/* Page and overlay */
+.ui-overlay-e,
+.ui-page-theme-e,
+.ui-page-theme-e .ui-panel-wrapper {
+ background: #ffffff /*{e-page-background-color}*/;
+ border-color: #cccccc /*{e-page-border}*/;
+ color: #333333 /*{e-page-color}*/;
+ text-shadow: 0 /*{e-page-shadow-x}*/ 0 /*{e-page-shadow-y}*/ 0 /*{e-page-shadow-radius}*/ #000000 /*{e-page-shadow-color}*/;
+}
+/* Body: Read-only lists, text inputs, collapsible content */
.ui-body-e,
-.ui-overlay-e {
- border: 1px solid #cccccc /*{e-body-border}*/;
+.ui-page-theme-e .ui-body-inherit,
+html .ui-bar-e .ui-body-inherit,
+html .ui-body-e .ui-body-inherit,
+html body .ui-group-theme-e .ui-body-inherit,
+html .ui-panel-page-container-e {
+ background: #ffffff /*{e-body-background-color}*/;
+ border-color: #cccccc /*{e-body-border}*/;
color: #333333 /*{e-body-color}*/;
text-shadow: 0 /*{e-body-shadow-x}*/ 0 /*{e-body-shadow-y}*/ 0 /*{e-body-shadow-radius}*/ #000000 /*{e-body-shadow-color}*/;
- background: #ffffff /*{e-body-background-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #FFFFFF /*{e-body-background-start}*/), to( #FFFFFF /*{e-body-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #FFFFFF /*{e-body-background-start}*/, #FFFFFF /*{e-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #FFFFFF /*{e-body-background-start}*/, #FFFFFF /*{e-body-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #FFFFFF /*{e-body-background-start}*/, #FFFFFF /*{e-body-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #FFFFFF /*{e-body-background-start}*/, #FFFFFF /*{e-body-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #FFFFFF /*{e-body-background-start}*/, #FFFFFF /*{e-body-background-end}*/);
-}
-.ui-overlay-e {
- background-image: none;
- border-width: 0;
}
-.ui-body-e,
-.ui-body-e input,
-.ui-body-e select,
-.ui-body-e textarea,
-.ui-body-e button {
- font-family: "Helvetica Neue",Helvetica,Arial,sans-serif /*{global-font-family}*/;
+.ui-body-e {
+ border-width: 1px;
+ border-style: solid;
}
-.ui-body-e .ui-link-inherit {
- color: #333333 /*{e-body-color}*/;
-}
-
-.ui-body-e .ui-link {
- color: #2489CE /*{e-body-link-color}*/;
+/* Links */
+.ui-page-theme-e a,
+html .ui-bar-e a,
+html .ui-body-e a,
+html body .ui-group-theme-e a {
+ color: #3388cc /*{e-link-color}*/;
font-weight: bold;
}
-
-.ui-body-e .ui-link:visited {
- color: #2489CE /*{e-body-link-visited}*/;
-}
-
-.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-btn-up-e {
- border: 1px solid #009bb7 /*{e-bup-border}*/;
+.ui-page-theme-e a:visited,
+html .ui-bar-e a:visited,
+html .ui-body-e a:visited,
+html body .ui-group-theme-e a:visited {
+ color: #3388cc /*{e-link-visited}*/;
+}
+.ui-page-theme-e a:hover,
+html .ui-bar-e a:hover,
+html .ui-body-e a:hover,
+html body .ui-group-theme-e a:hover {
+ color: #005599 /*{e-link-hover}*/;
+}
+.ui-page-theme-e a:active,
+html .ui-bar-e a:active,
+html .ui-body-e a:active,
+html body .ui-group-theme-e a:active {
+ color: #005599 /*{e-link-active}*/;
+}
+/* Button up */
+.ui-page-theme-e .ui-btn,
+html .ui-bar-e .ui-btn,
+html .ui-body-e .ui-btn,
+html body .ui-group-theme-e .ui-btn,
+html head + body .ui-btn.ui-btn-e,
+/* Button visited */
+.ui-page-theme-e .ui-btn:visited,
+html .ui-bar-e .ui-btn:visited,
+html .ui-body-e .ui-btn:visited,
+html body .ui-group-theme-e .ui-btn:visited,
+html head + body .ui-btn.ui-btn-e:visited {
background: #2F96B4 /*{e-bup-background-color}*/;
- font-weight: bold;
+ border-color: #009bb7 /*{e-bup-border}*/;
color: #ffffff /*{e-bup-color}*/;
text-shadow: 0 /*{e-bup-shadow-x}*/ 0 /*{e-bup-shadow-y}*/ 0 /*{e-bup-shadow-radius}*/ #ffffff /*{e-bup-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #5BC0DE /*{e-bup-background-start}*/), to( #2F96B4 /*{e-bup-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #5BC0DE /*{e-bup-background-start}*/, #2F96B4 /*{e-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #5BC0DE /*{e-bup-background-start}*/, #2F96B4 /*{e-bup-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #5BC0DE /*{e-bup-background-start}*/, #2F96B4 /*{e-bup-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #5BC0DE /*{e-bup-background-start}*/, #2F96B4 /*{e-bup-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #5BC0DE /*{e-bup-background-start}*/, #2F96B4 /*{e-bup-background-end}*/);
-}
-.ui-btn-up-e:visited,
-.ui-btn-up-e a.ui-link-inherit {
- color: #ffffff /*{e-bup-color}*/;
}
-.ui-btn-hover-e {
- border: 1px solid #009bb7 /*{e-bhover-border}*/;
+/* Button hover */
+.ui-page-theme-e .ui-btn:hover,
+html .ui-bar-e .ui-btn:hover,
+html .ui-body-e .ui-btn:hover,
+html body .ui-group-theme-e .ui-btn:hover,
+html head + body .ui-btn.ui-btn-e:hover {
background: #49AFCD /*{e-bhover-background-color}*/;
- font-weight: bold;
+ border-color: #009bb7 /*{e-bhover-border}*/;
color: #ffffff /*{e-bhover-color}*/;
text-shadow: undefined /*{e-bhover-shadow-x}*/ undefined /*{e-bhover-shadow-y}*/ undefined /*{e-bhover-shadow-radius}*/ undefined /*{e-bhover-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #49AFCD /*{e-bhover-background-start}*/), to( #49AFCD /*{e-bhover-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #49AFCD /*{e-bhover-background-start}*/, #49AFCD /*{e-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #49AFCD /*{e-bhover-background-start}*/, #49AFCD /*{e-bhover-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #49AFCD /*{e-bhover-background-start}*/, #49AFCD /*{e-bhover-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #49AFCD /*{e-bhover-background-start}*/, #49AFCD /*{e-bhover-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #49AFCD /*{e-bhover-background-start}*/, #49AFCD /*{e-bhover-background-end}*/);
-}
-.ui-btn-hover-e:visited,
-.ui-btn-hover-e:hover,
-.ui-btn-hover-e a.ui-link-inherit {
- color: #ffffff /*{e-bhover-color}*/;
}
-.ui-btn-down-e {
- border: 1px solid #009bb7 /*{e-bdown-border}*/;
+/* Button down */
+.ui-page-theme-e .ui-btn:active,
+html .ui-bar-e .ui-btn:active,
+html .ui-body-e .ui-btn:active,
+html body .ui-group-theme-e .ui-btn:active,
+html head + body .ui-btn.ui-btn-e:active {
background: #2e90ad /*{e-bdown-background-color}*/;
- font-weight: bold;
+ border-color: #009bb7 /*{e-bdown-border}*/;
color: #ffffff /*{e-bdown-color}*/;
text-shadow: undefined /*{e-bdown-shadow-x}*/ undefined /*{e-bdown-shadow-y}*/ undefined /*{e-bdown-shadow-radius}*/ undefined /*{e-bdown-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #2E90AD /*{e-bdown-background-start}*/), to( #2E90AD /*{e-bdown-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #2E90AD /*{e-bdown-background-start}*/, #2E90AD /*{e-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #2E90AD /*{e-bdown-background-start}*/, #2E90AD /*{e-bdown-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #2E90AD /*{e-bdown-background-start}*/, #2E90AD /*{e-bdown-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #2E90AD /*{e-bdown-background-start}*/, #2E90AD /*{e-bdown-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #2E90AD /*{e-bdown-background-start}*/, #2E90AD /*{e-bdown-background-end}*/);
-}
-.ui-btn-down-e:visited,
-.ui-btn-down-e:hover,
-.ui-btn-down-e a.ui-link-inherit {
- color: #ffffff /*{e-bdown-color}*/;
}
-.ui-btn-up-e,
-.ui-btn-hover-e,
-.ui-btn-down-e {
- font-family: "Helvetica Neue",Helvetica,Arial,sans-serif /*{global-font-family}*/;
- text-decoration: none;
+/* Active button */
+.ui-page-theme-e .ui-btn.ui-btn-active,
+html .ui-bar-e .ui-btn.ui-btn-active,
+html .ui-body-e .ui-btn.ui-btn-active,
+html body .ui-group-theme-e .ui-btn.ui-btn-active,
+html head + body .ui-btn.ui-btn-e.ui-btn-active,
+/* Active checkbox icon */
+.ui-page-theme-e .ui-checkbox-on:after,
+html .ui-bar-e .ui-checkbox-on:after,
+html .ui-body-e .ui-checkbox-on:after,
+html body .ui-group-theme-e .ui-checkbox-on:after,
+.ui-btn.ui-checkbox-on.ui-btn-e:after,
+/* Active flipswitch background */
+.ui-page-theme-e .ui-flipswitch-active,
+html .ui-bar-e .ui-flipswitch-active,
+html .ui-body-e .ui-flipswitch-active,
+html body .ui-group-theme-e .ui-flipswitch-active,
+html body .ui-flipswitch.ui-bar-e.ui-flipswitch-active,
+/* Active slider track */
+.ui-page-theme-e .ui-slider-track .ui-btn-active,
+html .ui-bar-e .ui-slider-track .ui-btn-active,
+html .ui-body-e .ui-slider-track .ui-btn-active,
+html body .ui-group-theme-e .ui-slider-track .ui-btn-active,
+html body div.ui-slider-track.ui-body-e .ui-btn-active {
+ background-color: #3388cc /*{e-active-background-color}*/;
+ border-color: #1c4a70 /*{e-active-border}*/;
+ color: #ffffff /*{e-active-color}*/;
+ text-shadow: 0 /*{e-active-shadow-x}*/ 1px /*{e-active-shadow-y}*/ 0 /*{e-active-shadow-radius}*/ #005599 /*{e-active-shadow-color}*/;
+}
+/* Active radio button icon */
+.ui-page-theme-e .ui-radio-on:after,
+html .ui-bar-e .ui-radio-on:after,
+html .ui-body-e .ui-radio-on:after,
+html body .ui-group-theme-e .ui-radio-on:after,
+.ui-btn.ui-radio-on.ui-btn-e:after {
+ border-color: #3388cc /*{e-active-background-color}*/;
+}
+/* Focus */
+.ui-page-theme-e .ui-btn:focus,
+html .ui-bar-e .ui-btn:focus,
+html .ui-body-e .ui-btn:focus,
+html body .ui-group-theme-e .ui-btn:focus,
+html head + body .ui-btn.ui-btn-e:focus,
+/* Focus buttons and text inputs with div wrap */
+.ui-page-theme-e .ui-focus,
+html .ui-bar-e .ui-focus,
+html .ui-body-e .ui-focus,
+html body .ui-group-theme-e .ui-focus,
+html head + body .ui-btn-e.ui-focus,
+html head + body .ui-body-e.ui-focus {
+ -webkit-box-shadow: 0 0 12px #3388cc /*{e-active-background-color}*/;
+ -moz-box-shadow: 0 0 12px #3388cc /*{e-active-background-color}*/;
+ box-shadow: 0 0 12px #3388cc /*{e-active-background-color}*/;
}
-
-
/* F
-----------------------------------------------------------------------------------------------------------*/
-
-.ui-bar-f {
- border: 1px solid #2A2A2A /*{f-bar-border}*/;
+/* Bar: Toolbars, dividers, slider track */
+.ui-bar-f,
+.ui-page-theme-f .ui-bar-inherit,
+html .ui-bar-f .ui-bar-inherit,
+html .ui-body-f .ui-bar-inherit,
+html body .ui-group-theme-f .ui-bar-inherit {
background: #F89406 /*{f-bar-background-color}*/;
+ border-color: #2A2A2A /*{f-bar-border}*/;
color: #ffffff /*{f-bar-color}*/;
- font-weight: bold;
text-shadow: 0 /*{f-bar-shadow-x}*/ 0 /*{f-bar-shadow-y}*/ 0 /*{f-bar-shadow-radius}*/ #000000 /*{f-bar-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #FBB450 /*{f-bar-background-start}*/), to( #F89406 /*{f-bar-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #FBB450 /*{f-bar-background-start}*/, #F89406 /*{f-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #FBB450 /*{f-bar-background-start}*/, #F89406 /*{f-bar-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #FBB450 /*{f-bar-background-start}*/, #F89406 /*{f-bar-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #FBB450 /*{f-bar-background-start}*/, #F89406 /*{f-bar-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #FBB450 /*{f-bar-background-start}*/, #F89406 /*{f-bar-background-end}*/);
-}
-.ui-bar-f .ui-link-inherit {
- color: #ffffff /*{f-bar-color}*/;
-}
-
-.ui-bar-f a.ui-link {
- color: #7cc4e7 /*{f-bar-link-color}*/;
font-weight: bold;
}
-
-.ui-bar-f a.ui-link:visited {
- color: #2489CE /*{f-bar-link-visited}*/;
-}
-
-.ui-bar-f a.ui-link:hover {
- color: #2489CE /*{f-bar-link-hover}*/;
-}
-
-.ui-bar-f a.ui-link:active {
- color: #2489CE /*{f-bar-link-active}*/;
-}
-
-.ui-bar-f,
-.ui-bar-f input,
-.ui-bar-f select,
-.ui-bar-f textarea,
-.ui-bar-f button {
- font-family: "Helvetica Neue",Helvetica,Arial,sans-serif /*{global-font-family}*/;
-}
+.ui-bar-f {
+ border-width: 1px;
+ border-style: solid;
+}
+/* Page and overlay */
+.ui-overlay-f,
+.ui-page-theme-f,
+.ui-page-theme-f .ui-panel-wrapper {
+ background: #ffffff /*{f-page-background-color}*/;
+ border-color: #cccccc /*{f-page-border}*/;
+ color: #333333 /*{f-page-color}*/;
+ text-shadow: 0 /*{f-page-shadow-x}*/ 0 /*{f-page-shadow-y}*/ 0 /*{f-page-shadow-radius}*/ #000000 /*{f-page-shadow-color}*/;
+}
+/* Body: Read-only lists, text inputs, collapsible content */
.ui-body-f,
-.ui-overlay-f {
- border: 1px solid #cccccc /*{f-body-border}*/;
+.ui-page-theme-f .ui-body-inherit,
+html .ui-bar-f .ui-body-inherit,
+html .ui-body-f .ui-body-inherit,
+html body .ui-group-theme-f .ui-body-inherit,
+html .ui-panel-page-container-f {
+ background: #ffffff /*{f-body-background-color}*/;
+ border-color: #cccccc /*{f-body-border}*/;
color: #333333 /*{f-body-color}*/;
text-shadow: 0 /*{f-body-shadow-x}*/ 0 /*{f-body-shadow-y}*/ 0 /*{f-body-shadow-radius}*/ #000000 /*{f-body-shadow-color}*/;
- background: #ffffff /*{f-body-background-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #FFFFFF /*{f-body-background-start}*/), to( #FFFFFF /*{f-body-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #FFFFFF /*{f-body-background-start}*/, #FFFFFF /*{f-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #FFFFFF /*{f-body-background-start}*/, #FFFFFF /*{f-body-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #FFFFFF /*{f-body-background-start}*/, #FFFFFF /*{f-body-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #FFFFFF /*{f-body-background-start}*/, #FFFFFF /*{f-body-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #FFFFFF /*{f-body-background-start}*/, #FFFFFF /*{f-body-background-end}*/);
-}
-.ui-overlay-f {
- background-image: none;
- border-width: 0;
}
-.ui-body-f,
-.ui-body-f input,
-.ui-body-f select,
-.ui-body-f textarea,
-.ui-body-f button {
- font-family: "Helvetica Neue",Helvetica,Arial,sans-serif /*{global-font-family}*/;
-}
-.ui-body-f .ui-link-inherit {
- color: #333333 /*{f-body-color}*/;
+.ui-body-f {
+ border-width: 1px;
+ border-style: solid;
}
-
-.ui-body-f .ui-link {
- color: #2489CE /*{f-body-link-color}*/;
+/* Links */
+.ui-page-theme-f a,
+html .ui-bar-f a,
+html .ui-body-f a,
+html body .ui-group-theme-f a {
+ color: #3388cc /*{f-link-color}*/;
font-weight: bold;
}
-
-.ui-body-f .ui-link:visited {
- color: #2489CE /*{f-body-link-visited}*/;
-}
-
-.ui-body-f .ui-link:hover {
- color: #2489CE /*{f-body-link-hover}*/;
-}
-
-.ui-body-f .ui-link:active {
- color: #2489CE /*{f-body-link-active}*/;
-}
-
-.ui-btn-up-f {
- border: 1px solid #f28f00 /*{f-bup-border}*/;
+.ui-page-theme-f a:visited,
+html .ui-bar-f a:visited,
+html .ui-body-f a:visited,
+html body .ui-group-theme-f a:visited {
+ color: #3388cc /*{f-link-visited}*/;
+}
+.ui-page-theme-f a:hover,
+html .ui-bar-f a:hover,
+html .ui-body-f a:hover,
+html body .ui-group-theme-f a:hover {
+ color: #005599 /*{f-link-hover}*/;
+}
+.ui-page-theme-f a:active,
+html .ui-bar-f a:active,
+html .ui-body-f a:active,
+html body .ui-group-theme-f a:active {
+ color: #005599 /*{f-link-active}*/;
+}
+/* Button up */
+.ui-page-theme-f .ui-btn,
+html .ui-bar-f .ui-btn,
+html .ui-body-f .ui-btn,
+html body .ui-group-theme-f .ui-btn,
+html head + body .ui-btn.ui-btn-f,
+/* Button visited */
+.ui-page-theme-f .ui-btn:visited,
+html .ui-bar-f .ui-btn:visited,
+html .ui-body-f .ui-btn:visited,
+html body .ui-group-theme-f .ui-btn:visited,
+html head + body .ui-btn.ui-btn-f:visited {
background: #F89406 /*{f-bup-background-color}*/;
- font-weight: bold;
+ border-color: #f28f00 /*{f-bup-border}*/;
color: #ffffff /*{f-bup-color}*/;
text-shadow: undefined /*{f-bup-shadow-x}*/ undefined /*{f-bup-shadow-y}*/ undefined /*{f-bup-shadow-radius}*/ undefined /*{f-bup-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #FBB450 /*{f-bup-background-start}*/), to( #F89406 /*{f-bup-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #FBB450 /*{f-bup-background-start}*/, #F89406 /*{f-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #FBB450 /*{f-bup-background-start}*/, #F89406 /*{f-bup-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #FBB450 /*{f-bup-background-start}*/, #F89406 /*{f-bup-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #FBB450 /*{f-bup-background-start}*/, #F89406 /*{f-bup-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #FBB450 /*{f-bup-background-start}*/, #F89406 /*{f-bup-background-end}*/);
-}
-.ui-btn-up-f:visited,
-.ui-btn-up-f a.ui-link-inherit {
- color: #ffffff /*{f-bup-color}*/;
}
-.ui-btn-hover-f {
- border: 1px solid #f28f00 /*{f-bhover-border}*/;
+/* Button hover */
+.ui-page-theme-f .ui-btn:hover,
+html .ui-bar-f .ui-btn:hover,
+html .ui-body-f .ui-btn:hover,
+html body .ui-group-theme-f .ui-btn:hover,
+html head + body .ui-btn.ui-btn-f:hover {
background: #FAA732 /*{f-bhover-background-color}*/;
- font-weight: bold;
+ border-color: #f28f00 /*{f-bhover-border}*/;
color: #ffffff /*{f-bhover-color}*/;
text-shadow: undefined /*{f-bhover-shadow-x}*/ undefined /*{f-bhover-shadow-y}*/ undefined /*{f-bhover-shadow-radius}*/ undefined /*{f-bhover-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #FAA732 /*{f-bhover-background-start}*/), to( #FAA732 /*{f-bhover-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #FAA732 /*{f-bhover-background-start}*/, #FAA732 /*{f-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #FAA732 /*{f-bhover-background-start}*/, #FAA732 /*{f-bhover-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #FAA732 /*{f-bhover-background-start}*/, #FAA732 /*{f-bhover-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #FAA732 /*{f-bhover-background-start}*/, #FAA732 /*{f-bhover-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #FAA732 /*{f-bhover-background-start}*/, #FAA732 /*{f-bhover-background-end}*/);
-}
-.ui-btn-hover-f:visited,
-.ui-btn-hover-f:hover,
-.ui-btn-hover-f a.ui-link-inherit {
- color: #ffffff /*{f-bhover-color}*/;
}
-.ui-btn-down-f {
- border: 1px solid #f28f00 /*{f-bdown-border}*/;
+/* Button down */
+.ui-page-theme-f .ui-btn:active,
+html .ui-bar-f .ui-btn:active,
+html .ui-body-f .ui-btn:active,
+html body .ui-group-theme-f .ui-btn:active,
+html head + body .ui-btn.ui-btn-f:active {
background: #f99406 /*{f-bdown-background-color}*/;
- font-weight: bold;
+ border-color: #f28f00 /*{f-bdown-border}*/;
color: #ffffff /*{f-bdown-color}*/;
text-shadow: undefined /*{f-bdown-shadow-x}*/ undefined /*{f-bdown-shadow-y}*/ undefined /*{f-bdown-shadow-radius}*/ undefined /*{f-bdown-shadow-color}*/;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #F99406 /*{f-bdown-background-start}*/), to( #F99406 /*{f-bdown-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #F99406 /*{f-bdown-background-start}*/, #F99406 /*{f-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #F99406 /*{f-bdown-background-start}*/, #F99406 /*{f-bdown-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #F99406 /*{f-bdown-background-start}*/, #F99406 /*{f-bdown-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #F99406 /*{f-bdown-background-start}*/, #F99406 /*{f-bdown-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #F99406 /*{f-bdown-background-start}*/, #F99406 /*{f-bdown-background-end}*/);
-}
-.ui-btn-down-f:visited,
-.ui-btn-down-f:hover,
-.ui-btn-down-f a.ui-link-inherit {
- color: #ffffff /*{f-bdown-color}*/;
}
-.ui-btn-up-f,
-.ui-btn-hover-f,
-.ui-btn-down-f {
- font-family: "Helvetica Neue",Helvetica,Arial,sans-serif /*{global-font-family}*/;
- text-decoration: none;
+/* Active button */
+.ui-page-theme-f .ui-btn.ui-btn-active,
+html .ui-bar-f .ui-btn.ui-btn-active,
+html .ui-body-f .ui-btn.ui-btn-active,
+html body .ui-group-theme-f .ui-btn.ui-btn-active,
+html head + body .ui-btn.ui-btn-f.ui-btn-active,
+/* Active checkbox icon */
+.ui-page-theme-f .ui-checkbox-on:after,
+html .ui-bar-f .ui-checkbox-on:after,
+html .ui-body-f .ui-checkbox-on:after,
+html body .ui-group-theme-f .ui-checkbox-on:after,
+.ui-btn.ui-checkbox-on.ui-btn-f:after,
+/* Active flipswitch background */
+.ui-page-theme-f .ui-flipswitch-active,
+html .ui-bar-f .ui-flipswitch-active,
+html .ui-body-f .ui-flipswitch-active,
+html body .ui-group-theme-f .ui-flipswitch-active,
+html body .ui-flipswitch.ui-bar-f.ui-flipswitch-active,
+/* Active slider track */
+.ui-page-theme-f .ui-slider-track .ui-btn-active,
+html .ui-bar-f .ui-slider-track .ui-btn-active,
+html .ui-body-f .ui-slider-track .ui-btn-active,
+html body .ui-group-theme-f .ui-slider-track .ui-btn-active,
+html body div.ui-slider-track.ui-body-f .ui-btn-active {
+ background-color: #3388cc /*{f-active-background-color}*/;
+ border-color: #1c4a70 /*{f-active-border}*/;
+ color: #ffffff /*{f-active-color}*/;
+ text-shadow: 0 /*{f-active-shadow-x}*/ 1px /*{f-active-shadow-y}*/ 0 /*{f-active-shadow-radius}*/ #005599 /*{f-active-shadow-color}*/;
+}
+/* Active radio button icon */
+.ui-page-theme-f .ui-radio-on:after,
+html .ui-bar-f .ui-radio-on:after,
+html .ui-body-f .ui-radio-on:after,
+html body .ui-group-theme-f .ui-radio-on:after,
+.ui-btn.ui-radio-on.ui-btn-f:after {
+ border-color: #3388cc /*{f-active-background-color}*/;
+}
+/* Focus */
+.ui-page-theme-f .ui-btn:focus,
+html .ui-bar-f .ui-btn:focus,
+html .ui-body-f .ui-btn:focus,
+html body .ui-group-theme-f .ui-btn:focus,
+html head + body .ui-btn.ui-btn-f:focus,
+/* Focus buttons and text inputs with div wrap */
+.ui-page-theme-f .ui-focus,
+html .ui-bar-f .ui-focus,
+html .ui-body-f .ui-focus,
+html body .ui-group-theme-f .ui-focus,
+html head + body .ui-btn-f.ui-focus,
+html head + body .ui-body-f.ui-focus {
+ -webkit-box-shadow: 0 0 12px #3388cc /*{f-active-background-color}*/;
+ -moz-box-shadow: 0 0 12px #3388cc /*{f-active-background-color}*/;
+ box-shadow: 0 0 12px #3388cc /*{f-active-background-color}*/;
}
-
-
/* 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: #8f8f8f /*{global-active-background-color}*/;
- font-weight: bold;
- color: #ffffff /*{global-active-color}*/;
- cursor: pointer;
- text-shadow: undefined /*{global-active-shadow-x}*/ undefined /*{global-active-shadow-y}*/ undefined /*{global-active-shadow-radius}*/ undefined /*{global-active-shadow-color}*/;
- text-decoration: none;
- background-image: -webkit-gradient(linear, left top, left bottom, from( #8F8F8F /*{global-active-background-start}*/), to( #8F8F8F /*{global-active-background-end}*/)); /* Saf4+, Chrome */
- background-image: -webkit-linear-gradient( #8F8F8F /*{global-active-background-start}*/, #8F8F8F /*{global-active-background-end}*/); /* Chrome 10+, Saf5.1+ */
- background-image: -moz-linear-gradient( #8F8F8F /*{global-active-background-start}*/, #8F8F8F /*{global-active-background-end}*/); /* FF3.6 */
- background-image: -ms-linear-gradient( #8F8F8F /*{global-active-background-start}*/, #8F8F8F /*{global-active-background-end}*/); /* IE10 */
- background-image: -o-linear-gradient( #8F8F8F /*{global-active-background-start}*/, #8F8F8F /*{global-active-background-end}*/); /* Opera 11.10+ */
- background-image: linear-gradient( #8F8F8F /*{global-active-background-start}*/, #8F8F8F /*{global-active-background-end}*/);
- font-family: "Helvetica Neue",Helvetica,Arial,sans-serif /*{global-font-family}*/;
-}
-.ui-btn-active:visited,
-.ui-btn-active:hover,
-.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: .25em /*{global-radii-blocks}*/;
- -webkit-border-top-left-radius: .25em /*{global-radii-blocks}*/;
- border-top-left-radius: .25em /*{global-radii-blocks}*/;
-}
-.ui-corner-tr {
- -moz-border-radius-topright: .25em /*{global-radii-blocks}*/;
- -webkit-border-top-right-radius: .25em /*{global-radii-blocks}*/;
- border-top-right-radius: .25em /*{global-radii-blocks}*/;
-}
-.ui-corner-bl {
- -moz-border-radius-bottomleft: .25em /*{global-radii-blocks}*/;
- -webkit-border-bottom-left-radius: .25em /*{global-radii-blocks}*/;
- border-bottom-left-radius: .25em /*{global-radii-blocks}*/;
-}
-.ui-corner-br {
- -moz-border-radius-bottomright: .25em /*{global-radii-blocks}*/;
- -webkit-border-bottom-right-radius: .25em /*{global-radii-blocks}*/;
- border-bottom-right-radius: .25em /*{global-radii-blocks}*/;
-}
-