Mapo.css 42 KB

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