jquery.mobile.theme-1.3.2.css 48 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069
  1. /*!
  2. * jQuery Mobile 1.3.2
  3. * Git HEAD hash: 528cf0e96940644ea644096bfeb913ed920ffaef <> Date: Fri Jul 19 2013 22:17:57 UTC
  4. * http://jquerymobile.com
  5. *
  6. * Copyright 2010, 2013 jQuery Foundation, Inc. and other contributors
  7. * Released under the MIT license.
  8. * http://jquery.org/license
  9. *
  10. */
  11. /* Swatches */
  12. /* A
  13. -----------------------------------------------------------------------------------------------------------*/
  14. .ui-bar-a {
  15. border: 1px solid #333 /*{a-bar-border}*/;
  16. background: #111 /*{a-bar-background-color}*/;
  17. color: #fff /*{a-bar-color}*/;
  18. font-weight: bold;
  19. text-shadow: 0 /*{a-bar-shadow-x}*/ -1px /*{a-bar-shadow-y}*/ 0 /*{a-bar-shadow-radius}*/ #000 /*{a-bar-shadow-color}*/;
  20. background-image: -webkit-gradient(linear, left top, left bottom, from( #3c3c3c /*{a-bar-background-start}*/), to( #111 /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
  21. background-image: -webkit-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
  22. background-image: -moz-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* FF3.6 */
  23. background-image: -ms-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* IE10 */
  24. background-image: -o-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* Opera 11.10+ */
  25. background-image: linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/);
  26. }
  27. .ui-bar-a,
  28. .ui-bar-a input,
  29. .ui-bar-a select,
  30. .ui-bar-a textarea,
  31. .ui-bar-a button {
  32. font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  33. }
  34. .ui-bar-a .ui-link-inherit {
  35. color: #fff /*{a-bar-color}*/;
  36. }
  37. .ui-bar-a a.ui-link {
  38. color: #7cc4e7 /*{a-bar-link-color}*/;
  39. font-weight: bold;
  40. }
  41. .ui-bar-a a.ui-link:visited {
  42. color: #2489ce /*{a-bar-link-visited}*/;
  43. }
  44. .ui-bar-a a.ui-link:hover {
  45. color: #2489ce /*{a-bar-link-hover}*/;
  46. }
  47. .ui-bar-a a.ui-link:active {
  48. color: #2489ce /*{a-bar-link-active}*/;
  49. }
  50. .ui-body-a,
  51. .ui-overlay-a {
  52. border: 1px solid #444 /*{a-body-border}*/;
  53. background: #222 /*{a-body-background-color}*/;
  54. color: #fff /*{a-body-color}*/;
  55. text-shadow: 0 /*{a-body-shadow-x}*/ 1px /*{a-body-shadow-y}*/ 0 /*{a-body-shadow-radius}*/ #111 /*{a-body-shadow-color}*/;
  56. font-weight: normal;
  57. background-image: -webkit-gradient(linear, left top, left bottom, from( #444 /*{a-body-background-start}*/), to( #222 /*{a-body-background-end}*/)); /* Saf4+, Chrome */
  58. background-image: -webkit-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
  59. background-image: -moz-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* FF3.6 */
  60. background-image: -ms-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* IE10 */
  61. background-image: -o-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* Opera 11.10+ */
  62. background-image: linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/);
  63. }
  64. .ui-overlay-a {
  65. background-image: none;
  66. border-width: 0;
  67. }
  68. .ui-body-a,
  69. .ui-body-a input,
  70. .ui-body-a select,
  71. .ui-body-a textarea,
  72. .ui-body-a button {
  73. font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  74. }
  75. .ui-body-a .ui-link-inherit {
  76. color: #fff /*{a-body-color}*/;
  77. }
  78. .ui-body-a .ui-link {
  79. color: #2489ce /*{a-body-link-color}*/;
  80. font-weight: bold;
  81. }
  82. .ui-body-a .ui-link:visited {
  83. color: #2489ce /*{a-body-link-visited}*/;
  84. }
  85. .ui-body-a .ui-link:hover {
  86. color: #2489ce /*{a-body-link-hover}*/;
  87. }
  88. .ui-body-a .ui-link:active {
  89. color: #2489ce /*{a-body-link-active}*/;
  90. }
  91. .ui-btn-up-a {
  92. border: 1px solid #111 /*{a-bup-border}*/;
  93. background: #333 /*{a-bup-background-color}*/;
  94. font-weight: bold;
  95. color: #fff /*{a-bup-color}*/;
  96. text-shadow: 0 /*{a-bup-shadow-x}*/ 1px /*{a-bup-shadow-y}*/ 0 /*{a-bup-shadow-radius}*/ #111 /*{a-bup-shadow-color}*/;
  97. background-image: -webkit-gradient(linear, left top, left bottom, from( #444 /*{a-bup-background-start}*/), to( #2d2d2d /*{a-bup-background-end}*/)); /* Saf4+, Chrome */
  98. background-image: -webkit-linear-gradient( #444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
  99. background-image: -moz-linear-gradient( #444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/); /* FF3.6 */
  100. background-image: -ms-linear-gradient( #444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/); /* IE10 */
  101. background-image: -o-linear-gradient( #444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/); /* Opera 11.10+ */
  102. background-image: linear-gradient( #444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/);
  103. }
  104. .ui-btn-up-a:visited,
  105. .ui-btn-up-a a.ui-link-inherit {
  106. color: #fff /*{a-bup-color}*/;
  107. }
  108. .ui-btn-hover-a {
  109. border: 1px solid #000 /*{a-bhover-border}*/;
  110. background: #444 /*{a-bhover-background-color}*/;
  111. font-weight: bold;
  112. color: #fff /*{a-bhover-color}*/;
  113. text-shadow: 0 /*{a-bhover-shadow-x}*/ 1px /*{a-bhover-shadow-y}*/ 0 /*{a-bhover-shadow-radius}*/ #111 /*{a-bhover-shadow-color}*/;
  114. background-image: -webkit-gradient(linear, left top, left bottom, from( #555 /*{a-bhover-background-start}*/), to( #383838 /*{a-bhover-background-end}*/)); /* Saf4+, Chrome */
  115. background-image: -webkit-linear-gradient( #555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
  116. background-image: -moz-linear-gradient( #555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/); /* FF3.6 */
  117. background-image: -ms-linear-gradient( #555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/); /* IE10 */
  118. background-image: -o-linear-gradient( #555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/); /* Opera 11.10+ */
  119. background-image: linear-gradient( #555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/);
  120. }
  121. .ui-btn-hover-a:visited,
  122. .ui-btn-hover-a:hover,
  123. .ui-btn-hover-a a.ui-link-inherit {
  124. color: #fff /*{a-bhover-color}*/;
  125. }
  126. .ui-btn-down-a {
  127. border: 1px solid #000 /*{a-bdown-border}*/;
  128. background: #222 /*{a-bdown-background-color}*/;
  129. font-weight: bold;
  130. color: #fff /*{a-bdown-color}*/;
  131. text-shadow: 0 /*{a-bdown-shadow-x}*/ 1px /*{a-bdown-shadow-y}*/ 0 /*{a-bdown-shadow-radius}*/ #111 /*{a-bdown-shadow-color}*/;
  132. background-image: -webkit-gradient(linear, left top, left bottom, from( #202020 /*{a-bdown-background-start}*/), to( #2c2c2c /*{a-bdown-background-end}*/)); /* Saf4+, Chrome */
  133. background-image: -webkit-linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
  134. background-image: -moz-linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/); /* FF3.6 */
  135. background-image: -ms-linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/); /* IE10 */
  136. background-image: -o-linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/); /* Opera 11.10+ */
  137. background-image: linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/);
  138. }
  139. .ui-btn-down-a:visited,
  140. .ui-btn-down-a:hover,
  141. .ui-btn-down-a a.ui-link-inherit {
  142. color: #fff /*{a-bdown-color}*/;
  143. }
  144. .ui-btn-up-a,
  145. .ui-btn-hover-a,
  146. .ui-btn-down-a {
  147. font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  148. text-decoration: none;
  149. }
  150. /* B
  151. -----------------------------------------------------------------------------------------------------------*/
  152. .ui-bar-b {
  153. border: 1px solid #456f9a /*{b-bar-border}*/;
  154. background: #5e87b0 /*{b-bar-background-color}*/;
  155. color: #fff /*{b-bar-color}*/;
  156. font-weight: bold;
  157. text-shadow: 0 /*{b-bar-shadow-x}*/ 1px /*{b-bar-shadow-y}*/ 0 /*{b-bar-shadow-radius}*/ #3e6790 /*{b-bar-shadow-color}*/;
  158. background-image: -webkit-gradient(linear, left top, left bottom, from( #6facd5 /*{b-bar-background-start}*/), to( #497bae /*{b-bar-background-end}*/)); /* Saf4+, Chrome */
  159. background-image: -webkit-linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
  160. background-image: -moz-linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/); /* FF3.6 */
  161. background-image: -ms-linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/); /* IE10 */
  162. background-image: -o-linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/); /* Opera 11.10+ */
  163. background-image: linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/);
  164. }
  165. .ui-bar-b,
  166. .ui-bar-b input,
  167. .ui-bar-b select,
  168. .ui-bar-b textarea,
  169. .ui-bar-b button {
  170. font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  171. }
  172. .ui-bar-b .ui-link-inherit {
  173. color: #fff /*{b-bar-color}*/;
  174. }
  175. .ui-bar-b a.ui-link {
  176. color: #ddf0f8 /*{b-bar-link-color}*/;
  177. font-weight: bold;
  178. }
  179. .ui-bar-b a.ui-link:visited {
  180. color: #ddf0f8 /*{b-bar-link-visited}*/;
  181. }
  182. .ui-bar-b a.ui-link:hover {
  183. color: #ddf0f8 /*{b-bar-link-hover}*/;
  184. }
  185. .ui-bar-b a.ui-link:active {
  186. color: #ddf0f8 /*{b-bar-link-active}*/;
  187. }
  188. .ui-body-b,
  189. .ui-overlay-b {
  190. border: 1px solid #999 /*{b-body-border}*/;
  191. background: #f3f3f3 /*{b-body-background-color}*/;
  192. color: #222 /*{b-body-color}*/;
  193. text-shadow: 0 /*{b-body-shadow-x}*/ 1px /*{b-body-shadow-y}*/ 0 /*{b-body-shadow-radius}*/ #fff /*{b-body-shadow-color}*/;
  194. font-weight: normal;
  195. background-image: -webkit-gradient(linear, left top, left bottom, from( #ddd /*{b-body-background-start}*/), to( #ccc /*{b-body-background-end}*/)); /* Saf4+, Chrome */
  196. background-image: -webkit-linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
  197. background-image: -moz-linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* FF3.6 */
  198. background-image: -ms-linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* IE10 */
  199. background-image: -o-linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* Opera 11.10+ */
  200. background-image: linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/);
  201. }
  202. .ui-overlay-b {
  203. background-image: none;
  204. border-width: 0;
  205. }
  206. .ui-body-b,
  207. .ui-body-b input,
  208. .ui-body-b select,
  209. .ui-body-b textarea,
  210. .ui-body-b button {
  211. font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  212. }
  213. .ui-body-b .ui-link-inherit {
  214. color: #333 /*{b-body-color}*/;
  215. }
  216. .ui-body-b .ui-link {
  217. color: #2489ce /*{b-body-link-color}*/;
  218. font-weight: bold;
  219. }
  220. .ui-body-b .ui-link:visited {
  221. color: #2489ce /*{b-body-link-visited}*/;
  222. }
  223. .ui-body-b .ui-link:hover {
  224. color: #2489ce /*{b-body-link-hover}*/;
  225. }
  226. .ui-body-b .ui-link:active {
  227. color: #2489ce /*{b-body-link-active}*/;
  228. }
  229. .ui-btn-up-b {
  230. border: 1px solid #044062 /*{b-bup-border}*/;
  231. background: #396b9e /*{b-bup-background-color}*/;
  232. font-weight: bold;
  233. color: #fff /*{b-bup-color}*/;
  234. text-shadow: 0 /*{b-bup-shadow-x}*/ 1px /*{b-bup-shadow-y}*/ 0 /*{b-bup-shadow-radius}*/ #194b7e /*{b-bup-shadow-color}*/;
  235. background-image: -webkit-gradient(linear, left top, left bottom, from( #5f9cc5 /*{b-bup-background-start}*/), to( #396b9e /*{b-bup-background-end}*/)); /* Saf4+, Chrome */
  236. background-image: -webkit-linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
  237. background-image: -moz-linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* FF3.6 */
  238. background-image: -ms-linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* IE10 */
  239. background-image: -o-linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* Opera 11.10+ */
  240. background-image: linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/);
  241. }
  242. .ui-btn-up-b:visited,
  243. .ui-btn-up-b a.ui-link-inherit {
  244. color: #fff /*{b-bup-color}*/;
  245. }
  246. .ui-btn-hover-b {
  247. border: 1px solid #00415e /*{b-bhover-border}*/;
  248. background: #4b88b6 /*{b-bhover-background-color}*/;
  249. font-weight: bold;
  250. color: #fff /*{b-bhover-color}*/;
  251. text-shadow: 0 /*{b-bhover-shadow-x}*/ 1px /*{b-bhover-shadow-y}*/ 0 /*{b-bhover-shadow-radius}*/ #194b7e /*{b-bhover-shadow-color}*/;
  252. background-image: -webkit-gradient(linear, left top, left bottom, from( #6facd5 /*{b-bhover-background-start}*/), to( #4272a4 /*{b-bhover-background-end}*/)); /* Saf4+, Chrome */
  253. background-image: -webkit-linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
  254. background-image: -moz-linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/); /* FF3.6 */
  255. background-image: -ms-linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/); /* IE10 */
  256. background-image: -o-linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/); /* Opera 11.10+ */
  257. background-image: linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/);
  258. }
  259. .ui-btn-hover-b:visited,
  260. .ui-btn-hover-b:hover,
  261. .ui-btn-hover-b a.ui-link-inherit {
  262. color: #fff /*{b-bhover-color}*/;
  263. }
  264. .ui-btn-down-b {
  265. border: 1px solid #225377 /*{b-bdown-border}*/;
  266. background: #4e89c5 /*{b-bdown-background-color}*/;
  267. font-weight: bold;
  268. color: #fff /*{b-bdown-color}*/;
  269. text-shadow: 0 /*{b-bdown-shadow-x}*/ 1px /*{b-bdown-shadow-y}*/ 0 /*{b-bdown-shadow-radius}*/ #194b7e /*{b-bdown-shadow-color}*/;
  270. background-image: -webkit-gradient(linear, left top, left bottom, from( #295b8e /*{b-bdown-background-start}*/), to( #3e79b5 /*{b-bdown-background-end}*/)); /* Saf4+, Chrome */
  271. background-image: -webkit-linear-gradient( #295b8e /*{b-bdown-background-start}*/, #3e79b5 /*{b-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
  272. background-image: -moz-linear-gradient( #295b8e /*{b-bdown-background-start}*/, #3e79b5 /*{b-bdown-background-end}*/); /* FF3.6 */
  273. background-image: -ms-linear-gradient( #295b8e /*{b-bdown-background-start}*/, #3e79b5 /*{b-bdown-background-end}*/); /* IE10 */
  274. background-image: -o-linear-gradient( #295b8e /*{b-bdown-background-start}*/, #3e79b5 /*{b-bdown-background-end}*/); /* Opera 11.10+ */
  275. background-image: linear-gradient( #295b8e /*{b-bdown-background-start}*/, #3e79b5 /*{b-bdown-background-end}*/);
  276. }
  277. .ui-btn-down-b:visited,
  278. .ui-btn-down-b:hover,
  279. .ui-btn-down-b a.ui-link-inherit {
  280. color: #fff /*{b-bdown-color}*/;
  281. }
  282. .ui-btn-up-b,
  283. .ui-btn-hover-b,
  284. .ui-btn-down-b {
  285. font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  286. text-decoration: none;
  287. }
  288. /* C
  289. -----------------------------------------------------------------------------------------------------------*/
  290. .ui-bar-c {
  291. border: 1px solid #b3b3b3 /*{c-bar-border}*/;
  292. background: #eee /*{c-bar-background-color}*/;
  293. color: #3e3e3e /*{c-bar-color}*/;
  294. font-weight: bold;
  295. text-shadow: 0 /*{c-bar-shadow-x}*/ 1px /*{c-bar-shadow-y}*/ 0 /*{c-bar-shadow-radius}*/ #fff /*{c-bar-shadow-color}*/;
  296. background-image: -webkit-gradient(linear, left top, left bottom, from( #f0f0f0 /*{c-bar-background-start}*/), to( #ddd /*{c-bar-background-end}*/)); /* Saf4+, Chrome */
  297. background-image: -webkit-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #ddd /*{c-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
  298. background-image: -moz-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #ddd /*{c-bar-background-end}*/); /* FF3.6 */
  299. background-image: -ms-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #ddd /*{c-bar-background-end}*/); /* IE10 */
  300. background-image: -o-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #ddd /*{c-bar-background-end}*/); /* Opera 11.10+ */
  301. background-image: linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #ddd /*{c-bar-background-end}*/);
  302. }
  303. .ui-bar-c .ui-link-inherit {
  304. color: #3e3e3e /*{c-bar-color}*/;
  305. }
  306. .ui-bar-c a.ui-link {
  307. color: #7cc4e7 /*{c-bar-link-color}*/;
  308. font-weight: bold;
  309. }
  310. .ui-bar-c a.ui-link:visited {
  311. color: #2489ce /*{c-bar-link-visited}*/;
  312. }
  313. .ui-bar-c a.ui-link:hover {
  314. color: #2489ce /*{c-bar-link-hover}*/;
  315. }
  316. .ui-bar-c a.ui-link:active {
  317. color: #2489ce /*{c-bar-link-active}*/;
  318. }
  319. .ui-bar-c,
  320. .ui-bar-c input,
  321. .ui-bar-c select,
  322. .ui-bar-c textarea,
  323. .ui-bar-c button {
  324. font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  325. }
  326. .ui-body-c,
  327. .ui-overlay-c {
  328. border: 1px solid #aaa /*{c-body-border}*/;
  329. color: #333 /*{c-body-color}*/;
  330. text-shadow: 0 /*{c-body-shadow-x}*/ 1px /*{c-body-shadow-y}*/ 0 /*{c-body-shadow-radius}*/ #fff /*{c-body-shadow-color}*/;
  331. background: #f9f9f9 /*{c-body-background-color}*/;
  332. background-image: -webkit-gradient(linear, left top, left bottom, from( #f9f9f9 /*{c-body-background-start}*/), to( #eee /*{c-body-background-end}*/)); /* Saf4+, Chrome */
  333. background-image: -webkit-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eee /*{c-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
  334. background-image: -moz-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eee /*{c-body-background-end}*/); /* FF3.6 */
  335. background-image: -ms-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eee /*{c-body-background-end}*/); /* IE10 */
  336. background-image: -o-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eee /*{c-body-background-end}*/); /* Opera 11.10+ */
  337. background-image: linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eee /*{c-body-background-end}*/);
  338. }
  339. .ui-overlay-c {
  340. background-image: none;
  341. border-width: 0;
  342. }
  343. .ui-body-c,
  344. .ui-body-c input,
  345. .ui-body-c select,
  346. .ui-body-c textarea,
  347. .ui-body-c button {
  348. font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  349. }
  350. .ui-body-c .ui-link-inherit {
  351. color: #333 /*{c-body-color}*/;
  352. }
  353. .ui-body-c .ui-link {
  354. color: #2489ce /*{c-body-link-color}*/;
  355. font-weight: bold;
  356. }
  357. .ui-body-c .ui-link:visited {
  358. color: #2489ce /*{c-body-link-visited}*/;
  359. }
  360. .ui-body-c .ui-link:hover {
  361. color: #2489ce /*{c-body-link-hover}*/;
  362. }
  363. .ui-body-c .ui-link:active {
  364. color: #2489ce /*{c-body-link-active}*/;
  365. }
  366. .ui-btn-up-c {
  367. border: 1px solid #ccc /*{c-bup-border}*/;
  368. background: #eee /*{c-bup-background-color}*/;
  369. font-weight: bold;
  370. color: #222 /*{c-bup-color}*/;
  371. text-shadow: 0 /*{c-bup-shadow-x}*/ 1px /*{c-bup-shadow-y}*/ 0 /*{c-bup-shadow-radius}*/ #fff /*{c-bup-shadow-color}*/;
  372. background-image: -webkit-gradient(linear, left top, left bottom, from( #fff /*{c-bup-background-start}*/), to( #f1f1f1 /*{c-bup-background-end}*/)); /* Saf4+, Chrome */
  373. background-image: -webkit-linear-gradient( #fff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
  374. background-image: -moz-linear-gradient( #fff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* FF3.6 */
  375. background-image: -ms-linear-gradient( #fff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* IE10 */
  376. background-image: -o-linear-gradient( #fff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* Opera 11.10+ */
  377. background-image: linear-gradient( #fff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/);
  378. }
  379. .ui-btn-up-c:visited,
  380. .ui-btn-up-c a.ui-link-inherit {
  381. color: #2f3e46 /*{c-bup-color}*/;
  382. }
  383. .ui-btn-hover-c {
  384. border: 1px solid #bbb /*{c-bhover-border}*/;
  385. background: #dfdfdf /*{c-bhover-background-color}*/;
  386. font-weight: bold;
  387. color: #222 /*{c-bhover-color}*/;
  388. text-shadow: 0 /*{c-bhover-shadow-x}*/ 1px /*{c-bhover-shadow-y}*/ 0 /*{c-bhover-shadow-radius}*/ #fff /*{c-bhover-shadow-color}*/;
  389. background-image: -webkit-gradient(linear, left top, left bottom, from( #f6f6f6 /*{c-bhover-background-start}*/), to( #e0e0e0 /*{c-bhover-background-end}*/)); /* Saf4+, Chrome */
  390. background-image: -webkit-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
  391. background-image: -moz-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* FF3.6 */
  392. background-image: -ms-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* IE10 */
  393. background-image: -o-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* Opera 11.10+ */
  394. background-image: linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/);
  395. }
  396. .ui-btn-hover-c:visited,
  397. .ui-btn-hover-c:hover,
  398. .ui-btn-hover-c a.ui-link-inherit {
  399. color: #2f3e46 /*{c-bhover-color}*/;
  400. }
  401. .ui-btn-down-c {
  402. border: 1px solid #bbb /*{c-bdown-border}*/;
  403. background: #d6d6d6 /*{c-bdown-background-color}*/;
  404. font-weight: bold;
  405. color: #222 /*{c-bdown-color}*/;
  406. text-shadow: 0 /*{c-bdown-shadow-x}*/ 1px /*{c-bdown-shadow-y}*/ 0 /*{c-bdown-shadow-radius}*/ #fff /*{c-bdown-shadow-color}*/;
  407. background-image: -webkit-gradient(linear, left top, left bottom, from( #d0d0d0 /*{c-bdown-background-start}*/), to( #dfdfdf /*{c-bdown-background-end}*/)); /* Saf4+, Chrome */
  408. background-image: -webkit-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
  409. background-image: -moz-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* FF3.6 */
  410. background-image: -ms-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* IE10 */
  411. background-image: -o-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* Opera 11.10+ */
  412. background-image: linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/);
  413. }
  414. .ui-btn-down-c:visited,
  415. .ui-btn-down-c:hover,
  416. .ui-btn-down-c a.ui-link-inherit {
  417. color: #2f3e46 /*{c-bdown-color}*/;
  418. }
  419. .ui-btn-up-c,
  420. .ui-btn-hover-c,
  421. .ui-btn-down-c {
  422. font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  423. text-decoration: none;
  424. }
  425. /* D
  426. -----------------------------------------------------------------------------------------------------------*/
  427. .ui-bar-d {
  428. border: 1px solid #bbb /*{d-bar-border}*/;
  429. background: #bbb /*{d-bar-background-color}*/;
  430. color: #333 /*{d-bar-color}*/;
  431. font-weight: bold;
  432. text-shadow: 0 /*{d-bar-shadow-x}*/ 1px /*{d-bar-shadow-y}*/ 0 /*{d-bar-shadow-radius}*/ #eee /*{d-bar-shadow-color}*/;
  433. background-image: -webkit-gradient(linear, left top, left bottom, from( #ddd /*{d-bar-background-start}*/), to( #bbb /*{d-bar-background-end}*/)); /* Saf4+, Chrome */
  434. background-image: -webkit-linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
  435. background-image: -moz-linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* FF3.6 */
  436. background-image: -ms-linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* IE10 */
  437. background-image: -o-linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* Opera 11.10+ */
  438. background-image: linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/);
  439. }
  440. .ui-bar-d,
  441. .ui-bar-d input,
  442. .ui-bar-d select,
  443. .ui-bar-d textarea,
  444. .ui-bar-d button {
  445. font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  446. }
  447. .ui-bar-d .ui-link-inherit {
  448. color: #333 /*{d-bar-color}*/;
  449. }
  450. .ui-bar-d a.ui-link {
  451. color: #2489ce /*{d-bar-link-color}*/;
  452. font-weight: bold;
  453. }
  454. .ui-bar-d a.ui-link:visited {
  455. color: #2489ce /*{d-bar-link-visited}*/;
  456. }
  457. .ui-bar-d a.ui-link:hover {
  458. color: #2489ce /*{d-bar-link-hover}*/;
  459. }
  460. .ui-bar-d a.ui-link:active {
  461. color: #2489ce /*{d-bar-link-active}*/;
  462. }
  463. .ui-body-d,
  464. .ui-overlay-d {
  465. border: 1px solid #bbb /*{d-body-border}*/;
  466. color: #333 /*{d-body-color}*/;
  467. text-shadow: 0 /*{d-body-shadow-x}*/ 1px /*{d-body-shadow-y}*/ 0 /*{d-body-shadow-radius}*/ #fff /*{d-body-shadow-color}*/;
  468. background: #fff /*{d-body-background-color}*/;
  469. background-image: -webkit-gradient(linear, left top, left bottom, from( #fff /*{d-body-background-start}*/), to( #fff /*{d-body-background-end}*/)); /* Saf4+, Chrome */
  470. background-image: -webkit-linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
  471. background-image: -moz-linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* FF3.6 */
  472. background-image: -ms-linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* IE10 */
  473. background-image: -o-linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* Opera 11.10+ */
  474. background-image: linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/);
  475. }
  476. .ui-overlay-d {
  477. background-image: none;
  478. border-width: 0;
  479. }
  480. .ui-body-d,
  481. .ui-body-d input,
  482. .ui-body-d select,
  483. .ui-body-d textarea,
  484. .ui-body-d button {
  485. font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  486. }
  487. .ui-body-d .ui-link-inherit {
  488. color: #333 /*{d-body-color}*/;
  489. }
  490. .ui-body-d .ui-link {
  491. color: #2489ce /*{d-body-link-color}*/;
  492. font-weight: bold;
  493. }
  494. .ui-body-d .ui-link:visited {
  495. color: #2489ce /*{d-body-link-visited}*/;
  496. }
  497. .ui-body-d .ui-link:hover {
  498. color: #2489ce /*{d-body-link-hover}*/;
  499. }
  500. .ui-body-d .ui-link:active {
  501. color: #2489ce /*{d-body-link-active}*/;
  502. }
  503. .ui-btn-up-d {
  504. border: 1px solid #bbb /*{d-bup-border}*/;
  505. background: #fff /*{d-bup-background-color}*/;
  506. font-weight: bold;
  507. color: #333 /*{d-bup-color}*/;
  508. text-shadow: 0 /*{d-bup-shadow-x}*/ 1px /*{d-bup-shadow-y}*/ 0 /*{d-bup-shadow-radius}*/ #fff /*{d-bup-shadow-color}*/;
  509. background-image: -webkit-gradient(linear, left top, left bottom, from( #fafafa /*{d-bup-background-start}*/), to( #f6f6f6 /*{d-bup-background-end}*/)); /* Saf4+, Chrome */
  510. background-image: -webkit-linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
  511. background-image: -moz-linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/); /* FF3.6 */
  512. background-image: -ms-linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/); /* IE10 */
  513. background-image: -o-linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/); /* Opera 11.10+ */
  514. background-image: linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/);
  515. }
  516. .ui-btn-up-d:visited,
  517. .ui-btn-up-d a.ui-link-inherit {
  518. color: #333 /*{d-bup-color}*/;
  519. }
  520. .ui-btn-hover-d {
  521. border: 1px solid #aaa /*{d-bhover-border}*/;
  522. background: #eee /*{d-bhover-background-color}*/;
  523. font-weight: bold;
  524. color: #333 /*{d-bhover-color}*/;
  525. cursor: pointer;
  526. text-shadow: 0 /*{d-bhover-shadow-x}*/ 1px /*{d-bhover-shadow-y}*/ 0 /*{d-bhover-shadow-radius}*/ #fff /*{d-bhover-shadow-color}*/;
  527. background-image: -webkit-gradient(linear, left top, left bottom, from( #eee /*{d-bhover-background-start}*/), to( #fff /*{d-bhover-background-end}*/)); /* Saf4+, Chrome */
  528. background-image: -webkit-linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
  529. background-image: -moz-linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/); /* FF3.6 */
  530. background-image: -ms-linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/); /* IE10 */
  531. background-image: -o-linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/); /* Opera 11.10+ */
  532. background-image: linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/);
  533. }
  534. .ui-btn-hover-d:visited,
  535. .ui-btn-hover-d:hover,
  536. .ui-btn-hover-d a.ui-link-inherit {
  537. color: #333 /*{d-bhover-color}*/;
  538. }
  539. .ui-btn-down-d {
  540. border: 1px solid #aaa /*{d-bdown-border}*/;
  541. background: #eee /*{d-bdown-background-color}*/;
  542. font-weight: bold;
  543. color: #333 /*{d-bdown-color}*/;
  544. text-shadow: 0 /*{d-bdown-shadow-x}*/ 1px /*{d-bdown-shadow-y}*/ 0 /*{d-bdown-shadow-radius}*/ #fff /*{d-bdown-shadow-color}*/;
  545. background-image: -webkit-gradient(linear, left top, left bottom, from( #e5e5e5 /*{d-bdown-background-start}*/), to( #f2f2f2 /*{d-bdown-background-end}*/)); /* Saf4+, Chrome */
  546. background-image: -webkit-linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
  547. background-image: -moz-linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/); /* FF3.6 */
  548. background-image: -ms-linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/); /* IE10 */
  549. background-image: -o-linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/); /* Opera 11.10+ */
  550. background-image: linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/);
  551. }
  552. .ui-btn-down-d:visited,
  553. .ui-btn-down-d:hover,
  554. .ui-btn-down-d a.ui-link-inherit {
  555. color: #333 /*{d-bdown-color}*/;
  556. }
  557. .ui-btn-up-d,
  558. .ui-btn-hover-d,
  559. .ui-btn-down-d {
  560. font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  561. text-decoration: none;
  562. }
  563. /* E
  564. -----------------------------------------------------------------------------------------------------------*/
  565. .ui-bar-e {
  566. border: 1px solid #f7c942 /*{e-bar-border}*/;
  567. background: #fadb4e /*{e-bar-background-color}*/;
  568. color: #333 /*{e-bar-color}*/;
  569. font-weight: bold;
  570. text-shadow: 0 /*{e-bar-shadow-x}*/ 1px /*{e-bar-shadow-y}*/ 0 /*{e-bar-shadow-radius}*/ #fff /*{e-bar-shadow-color}*/;
  571. background-image: -webkit-gradient(linear, left top, left bottom, from( #fceda7 /*{e-bar-background-start}*/), to( #fbef7e /*{e-bar-background-end}*/)); /* Saf4+, Chrome */
  572. background-image: -webkit-linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
  573. background-image: -moz-linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/); /* FF3.6 */
  574. background-image: -ms-linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/); /* IE10 */
  575. background-image: -o-linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/); /* Opera 11.10+ */
  576. background-image: linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/);
  577. }
  578. .ui-bar-e,
  579. .ui-bar-e input,
  580. .ui-bar-e select,
  581. .ui-bar-e textarea,
  582. .ui-bar-e button {
  583. font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  584. }
  585. .ui-bar-e .ui-link-inherit {
  586. color: #333 /*{e-bar-color}*/;
  587. }
  588. .ui-bar-e a.ui-link {
  589. color: #2489ce /*{e-bar-link-color}*/;
  590. font-weight: bold;
  591. }
  592. .ui-bar-e a.ui-link:visited {
  593. color: #2489ce /*{e-bar-link-visited}*/;
  594. }
  595. .ui-bar-e a.ui-link:hover {
  596. color: #2489ce /*{e-bar-link-hover}*/;
  597. }
  598. .ui-bar-e a.ui-link:active {
  599. color: #2489ce /*{e-bar-link-active}*/;
  600. }
  601. .ui-body-e,
  602. .ui-overlay-e {
  603. border: 1px solid #f7c942 /*{e-body-border}*/;
  604. color: #222 /*{e-body-color}*/;
  605. text-shadow: 0 /*{e-body-shadow-x}*/ 1px /*{e-body-shadow-y}*/ 0 /*{e-body-shadow-radius}*/ #fff /*{e-body-shadow-color}*/;
  606. background: #fff9df /*{e-body-background-color}*/;
  607. background-image: -webkit-gradient(linear, left top, left bottom, from( #fffadf /*{e-body-background-start}*/), to( #fff3a5 /*{e-body-background-end}*/)); /* Saf4+, Chrome */
  608. background-image: -webkit-linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
  609. background-image: -moz-linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/); /* FF3.6 */
  610. background-image: -ms-linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/); /* IE10 */
  611. background-image: -o-linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/); /* Opera 11.10+ */
  612. background-image: linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/);
  613. }
  614. .ui-overlay-e {
  615. background-image: none;
  616. border-width: 0;
  617. }
  618. .ui-body-e,
  619. .ui-body-e input,
  620. .ui-body-e select,
  621. .ui-body-e textarea,
  622. .ui-body-e button {
  623. font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  624. }
  625. .ui-body-e .ui-link-inherit {
  626. color: #222 /*{e-body-color}*/;
  627. }
  628. .ui-body-e .ui-link {
  629. color: #2489ce /*{e-body-link-color}*/;
  630. font-weight: bold;
  631. }
  632. .ui-body-e .ui-link:visited {
  633. color: #2489ce /*{e-body-link-visited}*/;
  634. }
  635. .ui-body-e .ui-link:hover {
  636. color: #2489ce /*{e-body-link-hover}*/;
  637. }
  638. .ui-body-e .ui-link:active {
  639. color: #2489ce /*{e-body-link-active}*/;
  640. }
  641. .ui-btn-up-e {
  642. border: 1px solid #f4c63f /*{e-bup-border}*/;
  643. background: #fadb4e /*{e-bup-background-color}*/;
  644. font-weight: bold;
  645. color: #222 /*{e-bup-color}*/;
  646. text-shadow: 0 /*{e-bup-shadow-x}*/ 1px /*{e-bup-shadow-y}*/ 0 /*{e-bup-shadow-radius}*/ #fff /*{e-bup-shadow-color}*/;
  647. background-image: -webkit-gradient(linear, left top, left bottom, from( #ffefaa /*{e-bup-background-start}*/), to( #ffe155 /*{e-bup-background-end}*/)); /* Saf4+, Chrome */
  648. background-image: -webkit-linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
  649. background-image: -moz-linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/); /* FF3.6 */
  650. background-image: -ms-linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/); /* IE10 */
  651. background-image: -o-linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/); /* Opera 11.10+ */
  652. background-image: linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/);
  653. }
  654. .ui-btn-up-e:visited,
  655. .ui-btn-up-e a.ui-link-inherit {
  656. color: #222 /*{e-bup-color}*/;
  657. }
  658. .ui-btn-hover-e {
  659. border: 1px solid #f2c43d /*{e-bhover-border}*/;
  660. background: #fbe26f /*{e-bhover-background-color}*/;
  661. font-weight: bold;
  662. color: #111 /*{e-bhover-color}*/;
  663. text-shadow: 0 /*{e-bhover-shadow-x}*/ 1px /*{e-bhover-shadow-y}*/ 0 /*{e-bhover-shadow-radius}*/ #fff /*{e-bhover-shadow-color}*/;
  664. background-image: -webkit-gradient(linear, left top, left bottom, from( #fff5ba /*{e-bhover-background-start}*/), to( #fbdd52 /*{e-bhover-background-end}*/)); /* Saf4+, Chrome */
  665. background-image: -webkit-linear-gradient( #fff5ba /*{e-bhover-background-start}*/, #fbdd52 /*{e-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
  666. background-image: -moz-linear-gradient( #fff5ba /*{e-bhover-background-start}*/, #fbdd52 /*{e-bhover-background-end}*/); /* FF3.6 */
  667. background-image: -ms-linear-gradient( #fff5ba /*{e-bhover-background-start}*/, #fbdd52 /*{e-bhover-background-end}*/); /* IE10 */
  668. background-image: -o-linear-gradient( #fff5ba /*{e-bhover-background-start}*/, #fbdd52 /*{e-bhover-background-end}*/); /* Opera 11.10+ */
  669. background-image: linear-gradient( #fff5ba /*{e-bhover-background-start}*/, #fbdd52 /*{e-bhover-background-end}*/);
  670. }
  671. .ui-btn-hover-e:visited,
  672. .ui-btn-hover-e:hover,
  673. .ui-btn-hover-e a.ui-link-inherit {
  674. color: #333 /*{e-bhover-color}*/;
  675. }
  676. .ui-btn-down-e {
  677. border: 1px solid #f2c43d /*{e-bdown-border}*/;
  678. background: #fceda7 /*{e-bdown-background-color}*/;
  679. font-weight: bold;
  680. color: #111 /*{e-bdown-color}*/;
  681. text-shadow: 0 /*{e-bdown-shadow-x}*/ 1px /*{e-bdown-shadow-y}*/ 0 /*{e-bdown-shadow-radius}*/ #fff /*{e-bdown-shadow-color}*/;
  682. background-image: -webkit-gradient(linear, left top, left bottom, from( #f8d94c /*{e-bdown-background-start}*/), to( #fadb4e /*{e-bdown-background-end}*/)); /* Saf4+, Chrome */
  683. background-image: -webkit-linear-gradient( #f8d94c /*{e-bdown-background-start}*/, #fadb4e /*{e-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
  684. background-image: -moz-linear-gradient( #f8d94c /*{e-bdown-background-start}*/, #fadb4e /*{e-bdown-background-end}*/); /* FF3.6 */
  685. background-image: -ms-linear-gradient( #f8d94c /*{e-bdown-background-start}*/, #fadb4e /*{e-bdown-background-end}*/); /* IE10 */
  686. background-image: -o-linear-gradient( #f8d94c /*{e-bdown-background-start}*/, #fadb4e /*{e-bdown-background-end}*/); /* Opera 11.10+ */
  687. background-image: linear-gradient( #f8d94c /*{e-bdown-background-start}*/, #fadb4e /*{e-bdown-background-end}*/);
  688. }
  689. .ui-btn-down-e:visited,
  690. .ui-btn-down-e:hover,
  691. .ui-btn-down-e a.ui-link-inherit {
  692. color: #333 /*{e-bdown-color}*/;
  693. }
  694. .ui-btn-up-e,
  695. .ui-btn-hover-e,
  696. .ui-btn-down-e {
  697. font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  698. text-decoration: none;
  699. }
  700. /* Structure */
  701. /* links within "buttons"
  702. -----------------------------------------------------------------------------------------------------------*/
  703. a.ui-link-inherit {
  704. text-decoration: none !important;
  705. }
  706. /* Active class used as the "on" state across all themes
  707. -----------------------------------------------------------------------------------------------------------*/
  708. .ui-btn-active {
  709. border: 1px solid #2373a5 /*{global-active-border}*/;
  710. background: #5393c5 /*{global-active-background-color}*/;
  711. font-weight: bold;
  712. color: #fff /*{global-active-color}*/;
  713. cursor: pointer;
  714. text-shadow: 0 /*{global-active-shadow-x}*/ 1px /*{global-active-shadow-y}*/ 0 /*{global-active-shadow-radius}*/ #3373a5 /*{global-active-shadow-color}*/;
  715. text-decoration: none;
  716. background-image: -webkit-gradient(linear, left top, left bottom, from( #5393c5 /*{global-active-background-start}*/), to( #6facd5 /*{global-active-background-end}*/)); /* Saf4+, Chrome */
  717. background-image: -webkit-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* Chrome 10+, Saf5.1+ */
  718. background-image: -moz-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* FF3.6 */
  719. background-image: -ms-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* IE10 */
  720. background-image: -o-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* Opera 11.10+ */
  721. background-image: linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/);
  722. font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  723. }
  724. .ui-btn-active:visited,
  725. .ui-btn-active:hover,
  726. .ui-btn-active a.ui-link-inherit {
  727. color: #fff /*{global-active-color}*/;
  728. }
  729. /* button inner top highlight
  730. -----------------------------------------------------------------------------------------------------------*/
  731. .ui-btn-inner {
  732. border-top: 1px solid #fff;
  733. border-color: rgba(255,255,255,.3);
  734. }
  735. /* corner rounding classes
  736. -----------------------------------------------------------------------------------------------------------*/
  737. .ui-corner-all {
  738. -webkit-border-radius: .6em /*{global-radii-blocks}*/;
  739. border-radius: .6em /*{global-radii-blocks}*/;
  740. }
  741. /* Form field separator
  742. -----------------------------------------------------------------------------------------------------------*/
  743. .ui-br {
  744. border-color: rgb(130,130,130);
  745. border-color: rgba(130,130,130,.3);
  746. border-style: solid;
  747. }
  748. /* Interaction cues
  749. -----------------------------------------------------------------------------------------------------------*/
  750. .ui-disabled {
  751. filter: Alpha(Opacity=30);
  752. opacity: .3;
  753. zoom: 1;
  754. }
  755. .ui-disabled,
  756. .ui-disabled a {
  757. cursor: default !important;
  758. pointer-events: none;
  759. }
  760. /* Icons
  761. -----------------------------------------------------------------------------------------------------------*/
  762. .ui-icon,
  763. .ui-icon-searchfield:after {
  764. background: #666 /*{global-icon-color}*/;
  765. background: rgba(0,0,0,.4) /*{global-icon-disc}*/;
  766. background-image: url(images/icons-18-white.png) /*{global-icon-set}*/;
  767. background-repeat: no-repeat;
  768. -webkit-border-radius: 9px;
  769. border-radius: 9px;
  770. }
  771. /* Alt icon color
  772. -----------------------------------------------------------------------------------------------------------*/
  773. .ui-icon-alt .ui-icon,
  774. .ui-icon-alt .ui-icon-searchfield:after {
  775. background-color: #fff;
  776. background-color: rgba(255,255,255,.3);
  777. background-image: url(images/icons-18-black.png);
  778. background-repeat: no-repeat;
  779. }
  780. /* No disc
  781. -----------------------------------------------------------------------------------------------------------*/
  782. .ui-icon-nodisc .ui-icon,
  783. .ui-icon-nodisc .ui-icon-searchfield:after,
  784. .ui-icon-nodisc .ui-icon-alt .ui-icon,
  785. .ui-icon-nodisc .ui-icon-alt .ui-icon-searchfield:after {
  786. background-color: transparent;
  787. }
  788. /* Icon sprite
  789. -----------------------------------------------------------------------------------------------------------*/
  790. /* plus minus */
  791. .ui-icon-plus {
  792. background-position: -1px -1px;
  793. }
  794. .ui-icon-minus {
  795. background-position: -37px -1px;
  796. }
  797. /* delete/close */
  798. .ui-icon-delete {
  799. background-position: -73px -1px;
  800. }
  801. /* arrows */
  802. .ui-icon-arrow-r {
  803. background-position: -108px -1px;
  804. }
  805. .ui-icon-arrow-l {
  806. background-position: -144px -1px;
  807. }
  808. .ui-icon-arrow-u {
  809. background-position: -180px -1px;
  810. }
  811. .ui-icon-arrow-d {
  812. background-position: -216px -1px;
  813. }
  814. /* misc */
  815. .ui-icon-check {
  816. background-position: -252px -1px;
  817. }
  818. .ui-icon-gear {
  819. background-position: -288px -1px;
  820. }
  821. .ui-icon-refresh {
  822. background-position: -323px -1px;
  823. }
  824. .ui-icon-forward {
  825. background-position: -360px -1px;
  826. }
  827. .ui-icon-back {
  828. background-position: -396px -1px;
  829. }
  830. .ui-icon-grid {
  831. background-position: -432px -1px;
  832. }
  833. .ui-icon-star {
  834. background-position: -467px -1px;
  835. }
  836. .ui-icon-alert {
  837. background-position: -503px -1px;
  838. }
  839. .ui-icon-info {
  840. background-position: -539px -1px;
  841. }
  842. .ui-icon-home {
  843. background-position: -575px -1px;
  844. }
  845. /* search */
  846. .ui-icon-search,
  847. .ui-icon-searchfield:after {
  848. background-position: -611px -1px;
  849. }
  850. /* checkbox radio */
  851. .ui-icon-checkbox-on {
  852. background-position: -647px -1px;
  853. }
  854. .ui-icon-checkbox-off {
  855. background-position: -683px -1px;
  856. }
  857. .ui-icon-radio-on {
  858. background-position: -718px -1px;
  859. }
  860. .ui-icon-radio-off {
  861. background-position: -754px -1px;
  862. }
  863. /* menu edit */
  864. .ui-icon-bars {
  865. background-position: -788px -1px;
  866. }
  867. .ui-icon-edit {
  868. background-position: -824px -1px;
  869. }
  870. /* HD/"retina" sprite
  871. -----------------------------------------------------------------------------------------------------------*/
  872. @media only screen and (-webkit-min-device-pixel-ratio: 1.3),
  873. only screen and (min--moz-device-pixel-ratio: 1.3),
  874. only screen and (min-resolution: 200dpi) {
  875. .ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r,
  876. .ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check,
  877. .ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back,
  878. .ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-bars, .ui-icon-edit,
  879. .ui-icon-search, .ui-icon-searchfield:after,
  880. .ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on {
  881. background-image: url(images/icons-36-white.png);
  882. -moz-background-size: 864px 18px;
  883. -o-background-size: 864px 18px;
  884. -webkit-background-size: 864px 18px;
  885. background-size: 864px 18px;
  886. }
  887. .ui-icon-alt .ui-icon {
  888. background-image: url(images/icons-36-black.png);
  889. }
  890. .ui-icon-plus {
  891. background-position: 0 50%;
  892. }
  893. .ui-icon-minus {
  894. background-position: -36px 50%;
  895. }
  896. .ui-icon-delete {
  897. background-position: -72px 50%;
  898. }
  899. .ui-icon-arrow-r {
  900. background-position: -108px 50%;
  901. }
  902. .ui-icon-arrow-l {
  903. background-position: -144px 50%;
  904. }
  905. .ui-icon-arrow-u {
  906. background-position: -179px 50%;
  907. }
  908. .ui-icon-arrow-d {
  909. background-position: -215px 50%;
  910. }
  911. .ui-icon-check {
  912. background-position: -252px 50%;
  913. }
  914. .ui-icon-gear {
  915. background-position: -287px 50%;
  916. }
  917. .ui-icon-refresh {
  918. background-position: -323px 50%;
  919. }
  920. .ui-icon-forward {
  921. background-position: -360px 50%;
  922. }
  923. .ui-icon-back {
  924. background-position: -395px 50%;
  925. }
  926. .ui-icon-grid {
  927. background-position: -431px 50%;
  928. }
  929. .ui-icon-star {
  930. background-position: -467px 50%;
  931. }
  932. .ui-icon-alert {
  933. background-position: -503px 50%;
  934. }
  935. .ui-icon-info {
  936. background-position: -538px 50%;
  937. }
  938. .ui-icon-home {
  939. background-position: -575px 50%;
  940. }
  941. .ui-icon-search,
  942. .ui-icon-searchfield:after {
  943. background-position: -611px 50%;
  944. }
  945. .ui-icon-checkbox-on {
  946. background-position: -647px 50%;
  947. }
  948. .ui-icon-checkbox-off {
  949. background-position: -683px 50%;
  950. }
  951. .ui-icon-radio-on {
  952. background-position: -718px 50%;
  953. }
  954. .ui-icon-radio-off {
  955. background-position: -754px 50%;
  956. }
  957. .ui-icon-bars {
  958. background-position: -788px 50%;
  959. }.ui-icon-edit {
  960. background-position: -824px 50%;
  961. }
  962. }
  963. /* checks,radios */
  964. .ui-checkbox .ui-icon,
  965. .ui-selectmenu-list .ui-icon {
  966. -webkit-border-radius: 3px;
  967. border-radius: 3px;
  968. }
  969. .ui-icon-checkbox-off,
  970. .ui-icon-radio-off {
  971. background-color: transparent;
  972. }
  973. .ui-checkbox-on .ui-icon,
  974. .ui-radio-on .ui-icon {
  975. background-color: #4596ce /*{global-active-background-color}*/; /* NOTE: this hex should match the active state color. It's repeated here for cascade */
  976. }
  977. /* loading icon */
  978. .ui-icon-loading {
  979. background: url(images/ajax-loader.gif);
  980. background-size: 46px 46px;
  981. }
  982. /* Button corner class
  983. -----------------------------------------------------------------------------------------------------------*/
  984. .ui-btn-corner-all {
  985. -webkit-border-radius: 1em /*{global-radii-buttons}*/;
  986. border-radius: 1em /*{global-radii-buttons}*/;
  987. }
  988. /* radius clip workaround for cleaning up corner trapping */
  989. .ui-corner-all,
  990. .ui-btn-corner-all {
  991. -webkit-background-clip: padding;
  992. background-clip: padding-box;
  993. }
  994. /* Overlay / modal
  995. -----------------------------------------------------------------------------------------------------------*/
  996. .ui-overlay {
  997. background: #666;
  998. filter: Alpha(Opacity=50);
  999. opacity: .5;
  1000. position: absolute;
  1001. width: 100%;
  1002. height: 100%;
  1003. }
  1004. .ui-overlay-shadow {
  1005. -moz-box-shadow: 0 0 12px rgba(0,0,0,.6);
  1006. -webkit-box-shadow: 0 0 12px rgba(0,0,0,.6);
  1007. box-shadow: 0 0 12px rgba(0,0,0,.6);
  1008. }
  1009. .ui-shadow {
  1010. -moz-box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
  1011. -webkit-box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
  1012. box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/
  1013. }
  1014. .ui-bar-a .ui-shadow,
  1015. .ui-bar-b .ui-shadow ,
  1016. .ui-bar-c .ui-shadow {
  1017. -moz-box-shadow: 0 1px 0 rgba(255,255,255,.3);
  1018. -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.3);
  1019. box-shadow: 0 1px 0 rgba(255,255,255,.3);
  1020. }
  1021. .ui-shadow-inset {
  1022. -moz-box-shadow: inset 0 1px 4px rgba(0,0,0,.2);
  1023. -webkit-box-shadow: inset 0 1px 4px rgba(0,0,0,.2);
  1024. box-shadow: inset 0 1px 4px rgba(0,0,0,.2);
  1025. }
  1026. .ui-icon-shadow {
  1027. -moz-box-shadow: 0 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/;
  1028. -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/;
  1029. box-shadow: 0 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/;
  1030. }
  1031. /* Focus state - set here for specificity (note: these classes are added by JavaScript)
  1032. -----------------------------------------------------------------------------------------------------------*/
  1033. .ui-btn:focus, .ui-link-inherit:focus {
  1034. outline: 0;
  1035. }
  1036. .ui-btn.ui-focus {
  1037. z-index: 1;
  1038. }
  1039. .ui-focus,
  1040. .ui-btn:focus {
  1041. -moz-box-shadow: inset 0 0 3px #387bbe /*{global-active-background-color}*/, 0 0 9px #387bbe /*{global-active-background-color}*/;
  1042. -webkit-box-shadow: inset 0 0 3px #387bbe /*{global-active-background-color}*/, 0 0 9px #387bbe /*{global-active-background-color}*/;
  1043. box-shadow: inset 0 0 3px #387bbe /*{global-active-background-color}*/, 0 0 9px #387bbe /*{global-active-background-color}*/;
  1044. }
  1045. .ui-input-text.ui-focus,
  1046. .ui-input-search.ui-focus {
  1047. -moz-box-shadow: 0 0 12px #387bbe /*{global-active-background-color}*/;
  1048. -webkit-box-shadow: 0 0 12px #387bbe /*{global-active-background-color}*/;
  1049. box-shadow: 0 0 12px #387bbe /*{global-active-background-color}*/;
  1050. }
  1051. /* unset box shadow in browsers that don't do it right
  1052. -----------------------------------------------------------------------------------------------------------*/
  1053. .ui-mobile-nosupport-boxshadow * {
  1054. -moz-box-shadow: none !important;
  1055. -webkit-box-shadow: none !important;
  1056. box-shadow: none !important;
  1057. }
  1058. /* ...and bring back focus */
  1059. .ui-mobile-nosupport-boxshadow .ui-focus,
  1060. .ui-mobile-nosupport-boxshadow .ui-btn:focus,
  1061. .ui-mobile-nosupport-boxshadow .ui-link-inherit:focus {
  1062. outline-width: 1px;
  1063. outline-style: auto;
  1064. }