bluerelax.css 25 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746
  1. /*!
  2. * jQuery Mobile 1.4.5
  3. * Git HEAD hash: 68e55e78b292634d3991c795f06f5e37a512decc <> Date: Fri Oct 31 2014 17:33:30 UTC
  4. * http://jquerymobile.com
  5. *
  6. * Copyright 2010, 2014 jQuery Foundation, Inc. and othercontributors
  7. * Released under the MIT license.
  8. * http://jquery.org/license
  9. *
  10. */
  11. /* Globals */
  12. /* Font
  13. -----------------------------------------------------------------------------------------------------------*/
  14. html {
  15. font-size: 100%;
  16. }
  17. body,
  18. input,
  19. select,
  20. textarea,
  21. button,
  22. .ui-btn {
  23. font-size: 1em;
  24. line-height: 1.3;
  25. font-family: sans-serif /*{global-font-family}*/;
  26. }
  27. legend,
  28. .ui-input-text input,
  29. .ui-input-search input {
  30. color: inherit;
  31. text-shadow: inherit;
  32. }
  33. /* Form labels (overrides font-weight bold in bars, and mini font-size) */
  34. .ui-mobile label,
  35. div.ui-controlgroup-label {
  36. font-weight: normal;
  37. font-size: 16px;
  38. }
  39. /* Separators
  40. -----------------------------------------------------------------------------------------------------------*/
  41. /* Field contain separator (< 28em) */
  42. .ui-field-contain {
  43. border-bottom-color: #828282;
  44. border-bottom-color: rgba(0,0,0,.15);
  45. border-bottom-width: 1px;
  46. border-bottom-style: solid;
  47. }
  48. /* Table opt-in classes: strokes between each row, and alternating row stripes */
  49. /* Classes table-stroke and table-stripe are deprecated in 1.4. */
  50. .table-stroke thead th,
  51. .table-stripe thead th,
  52. .table-stripe tbody tr:last-child {
  53. border-bottom: 1px solid #d6d6d6; /* non-RGBA fallback */
  54. border-bottom: 1px solid rgba(0,0,0,.1);
  55. }
  56. .table-stroke tbody th,
  57. .table-stroke tbody td {
  58. border-bottom: 1px solid #e6e6e6; /* non-RGBA fallback */
  59. border-bottom: 1px solid rgba(0,0,0,.05);
  60. }
  61. .table-stripe.table-stroke tbody tr:last-child th,
  62. .table-stripe.table-stroke tbody tr:last-child td {
  63. border-bottom: 0;
  64. }
  65. .table-stripe tbody tr:nth-child(odd) td,
  66. .table-stripe tbody tr:nth-child(odd) th {
  67. background-color: #eeeeee; /* non-RGBA fallback */
  68. background-color: rgba(0,0,0,.04);
  69. }
  70. /* Buttons
  71. -----------------------------------------------------------------------------------------------------------*/
  72. .ui-btn,
  73. label.ui-btn {
  74. font-weight: bold;
  75. border-width: 1px;
  76. border-style: solid;
  77. }
  78. .ui-btn {
  79. text-decoration: none !important;
  80. }
  81. .ui-btn-active {
  82. cursor: pointer;
  83. }
  84. /* Corner rounding
  85. -----------------------------------------------------------------------------------------------------------*/
  86. /* Class ui-btn-corner-all deprecated in 1.4 */
  87. .ui-corner-all {
  88. -webkit-border-radius: .6em /*{global-radii-blocks}*/;
  89. border-radius: .6em /*{global-radii-blocks}*/;
  90. }
  91. /* Buttons */
  92. .ui-btn-corner-all,
  93. .ui-btn.ui-corner-all,
  94. /* Slider track */
  95. .ui-slider-track.ui-corner-all,
  96. /* Flipswitch */
  97. .ui-flipswitch.ui-corner-all,
  98. /* Count bubble */
  99. .ui-li-count {
  100. -webkit-border-radius: .3125em /*{global-radii-buttons}*/;
  101. border-radius: .3125em /*{global-radii-buttons}*/;
  102. }
  103. /* Icon-only buttons */
  104. .ui-btn-icon-notext.ui-btn-corner-all,
  105. .ui-btn-icon-notext.ui-corner-all {
  106. -webkit-border-radius: 1em;
  107. border-radius: 1em;
  108. }
  109. /* Radius clip workaround for cleaning up corner trapping */
  110. .ui-btn-corner-all,
  111. .ui-corner-all {
  112. -webkit-background-clip: padding;
  113. background-clip: padding-box;
  114. }
  115. /* Popup arrow */
  116. .ui-popup.ui-corner-all > .ui-popup-arrow-guide {
  117. left: .6em /*{global-radii-blocks}*/;
  118. right: .6em /*{global-radii-blocks}*/;
  119. top: .6em /*{global-radii-blocks}*/;
  120. bottom: .6em /*{global-radii-blocks}*/;
  121. }
  122. /* Shadow
  123. -----------------------------------------------------------------------------------------------------------*/
  124. .ui-shadow {
  125. -webkit-box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
  126. -moz-box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
  127. box-shadow: 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
  128. }
  129. .ui-shadow-inset {
  130. -webkit-box-shadow: inset 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
  131. -moz-box-shadow: inset 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
  132. box-shadow: inset 0 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
  133. }
  134. .ui-overlay-shadow {
  135. -webkit-box-shadow: 0 0 12px rgba(0,0,0,.6);
  136. -moz-box-shadow: 0 0 12px rgba(0,0,0,.6);
  137. box-shadow: 0 0 12px rgba(0,0,0,.6);
  138. }
  139. /* Icons
  140. -----------------------------------------------------------------------------------------------------------*/
  141. .ui-btn-icon-left:after,
  142. .ui-btn-icon-right:after,
  143. .ui-btn-icon-top:after,
  144. .ui-btn-icon-bottom:after,
  145. .ui-btn-icon-notext:after {
  146. background-color: #666666 /*{global-icon-color}*/;
  147. background-color: rgba(0,0,0,.15) /*{global-icon-disc}*/;
  148. background-position: center center;
  149. background-repeat: no-repeat;
  150. -webkit-border-radius: 1em;
  151. border-radius: 1em;
  152. }
  153. /* Alt icons */
  154. .ui-alt-icon.ui-btn:after,
  155. .ui-alt-icon .ui-btn:after,
  156. html .ui-alt-icon.ui-checkbox-off:after,
  157. html .ui-alt-icon.ui-radio-off:after,
  158. html .ui-alt-icon .ui-checkbox-off:after,
  159. html .ui-alt-icon .ui-radio-off:after {
  160. background-color: #666666 /*{global-icon-color}*/;
  161. background-color: rgba(0,0,0,.15) /*{global-icon-disc}*/;
  162. }
  163. /* No disc */
  164. .ui-nodisc-icon.ui-btn:after,
  165. .ui-nodisc-icon .ui-btn:after {
  166. background-color: transparent;
  167. }
  168. /* Icon shadow */
  169. .ui-shadow-icon.ui-btn:after,
  170. .ui-shadow-icon .ui-btn:after {
  171. -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.3) /*{global-icon-shadow}*/;
  172. -moz-box-shadow: 0 1px 0 rgba(255,255,255,.3) /*{global-icon-shadow}*/;
  173. box-shadow: 0 1px 0 rgba(255,255,255,.3) /*{global-icon-shadow}*/;
  174. }
  175. /* Checkbox and radio */
  176. .ui-btn.ui-checkbox-off:after,
  177. .ui-btn.ui-checkbox-on:after,
  178. .ui-btn.ui-radio-off:after,
  179. .ui-btn.ui-radio-on:after {
  180. display: block;
  181. width: 18px;
  182. height: 18px;
  183. margin: -9px 2px 0 2px;
  184. }
  185. .ui-checkbox-off:after,
  186. .ui-btn.ui-radio-off:after {
  187. filter: Alpha(Opacity=30);
  188. opacity: .3;
  189. }
  190. .ui-btn.ui-checkbox-off:after,
  191. .ui-btn.ui-checkbox-on:after {
  192. -webkit-border-radius: .1875em;
  193. border-radius: .1875em;
  194. }
  195. .ui-btn.ui-checkbox-off:after {
  196. background-color: #666;
  197. background-color: rgba(0,0,0,.3);
  198. }
  199. .ui-radio .ui-btn.ui-radio-on:after {
  200. background-image: none;
  201. background-color: #fff;
  202. width: 8px;
  203. height: 8px;
  204. border-width: 5px;
  205. border-style: solid;
  206. }
  207. .ui-alt-icon.ui-btn.ui-radio-on:after,
  208. .ui-alt-icon .ui-btn.ui-radio-on:after {
  209. background-color: #000;
  210. }
  211. /* Loader */
  212. .ui-icon-loading {
  213. background: url("images/ajax-loader.gif");
  214. background-size: 2.875em 2.875em;
  215. }
  216. /* Swatches */
  217. /* A
  218. -----------------------------------------------------------------------------------------------------------*/
  219. /* Bar: Toolbars, dividers, slider track */
  220. .ui-bar-a,
  221. .ui-page-theme-a .ui-bar-inherit,
  222. html .ui-bar-a .ui-bar-inherit,
  223. html .ui-body-a .ui-bar-inherit,
  224. html body .ui-group-theme-a .ui-bar-inherit {
  225. background-color: #cccccc /*{a-bar-background-color}*/;
  226. border-color: #dddddd /*{a-bar-border}*/;
  227. color: #4d4d4d /*{a-bar-color}*/;
  228. text-shadow: 0 /*{a-bar-shadow-x}*/ 0px /*{a-bar-shadow-y}*/ 0 /*{a-bar-shadow-radius}*/ #eeeeee /*{a-bar-shadow-color}*/;
  229. font-weight: bold;
  230. }
  231. .ui-bar-a {
  232. border-width: 1px;
  233. border-style: solid;
  234. }
  235. /* Page and overlay */
  236. .ui-overlay-a,
  237. .ui-page-theme-a,
  238. .ui-page-theme-a .ui-panel-wrapper {
  239. background-color: #2e3192 /*{a-page-background-color}*/;
  240. border-color: #bbbbbb /*{a-page-border}*/;
  241. color: #333333 /*{a-page-color}*/;
  242. text-shadow: 0 /*{a-page-shadow-x}*/ 1px /*{a-page-shadow-y}*/ 0 /*{a-page-shadow-radius}*/ #f3f3f3 /*{a-page-shadow-color}*/;
  243. }
  244. /* Body: Read-only lists, text inputs, collapsible content */
  245. .ui-body-a,
  246. .ui-page-theme-a .ui-body-inherit,
  247. html .ui-bar-a .ui-body-inherit,
  248. html .ui-body-a .ui-body-inherit,
  249. html body .ui-group-theme-a .ui-body-inherit,
  250. html .ui-panel-page-container-a {
  251. background-color: #f3f3f3 /*{a-body-background-color}*/;
  252. border-color: #dddddd /*{a-body-border}*/;
  253. color: #333333 /*{a-body-color}*/;
  254. text-shadow: 0 /*{a-body-shadow-x}*/ 0px /*{a-body-shadow-y}*/ 0 /*{a-body-shadow-radius}*/ #f3f3f3 /*{a-body-shadow-color}*/;
  255. }
  256. .ui-body-a {
  257. border-width: 1px;
  258. border-style: solid;
  259. }
  260. /* Links */
  261. .ui-page-theme-a a,
  262. html .ui-bar-a a,
  263. html .ui-body-a a,
  264. html body .ui-group-theme-a a {
  265. color: #2e3192 /*{a-link-color}*/;
  266. font-weight: bold;
  267. }
  268. .ui-page-theme-a a:visited,
  269. html .ui-bar-a a:visited,
  270. html .ui-body-a a:visited,
  271. html body .ui-group-theme-a a:visited {
  272. color: #3388cc /*{a-link-visited}*/;
  273. }
  274. .ui-page-theme-a a:hover,
  275. html .ui-bar-a a:hover,
  276. html .ui-body-a a:hover,
  277. html body .ui-group-theme-a a:hover {
  278. color: #005599 /*{a-link-hover}*/;
  279. }
  280. .ui-page-theme-a a:active,
  281. html .ui-bar-a a:active,
  282. html .ui-body-a a:active,
  283. html body .ui-group-theme-a a:active {
  284. color: #005599 /*{a-link-active}*/;
  285. }
  286. /* Button up */
  287. .ui-page-theme-a .ui-btn,
  288. html .ui-bar-a .ui-btn,
  289. html .ui-body-a .ui-btn,
  290. html body .ui-group-theme-a .ui-btn,
  291. html head + body .ui-btn.ui-btn-a,
  292. /* Button visited */
  293. .ui-page-theme-a .ui-btn:visited,
  294. html .ui-bar-a .ui-btn:visited,
  295. html .ui-body-a .ui-btn:visited,
  296. html body .ui-group-theme-a .ui-btn:visited,
  297. html head + body .ui-btn.ui-btn-a:visited {
  298. background-color: #fff /*{a-bup-background-color}*/;
  299. border-color: #dddddd /*{a-bup-border}*/;
  300. color: #333333 /*{a-bup-color}*/;
  301. text-shadow: 0 /*{a-bup-shadow-x}*/ 1px /*{a-bup-shadow-y}*/ 0 /*{a-bup-shadow-radius}*/ #f3f3f3 /*{a-bup-shadow-color}*/;
  302. }
  303. /* Button hover */
  304. .ui-page-theme-a .ui-btn:hover,
  305. html .ui-bar-a .ui-btn:hover,
  306. html .ui-body-a .ui-btn:hover,
  307. html body .ui-group-theme-a .ui-btn:hover,
  308. html head + body .ui-btn.ui-btn-a:hover {
  309. background-color: #fff /*{a-bhover-background-color}*/;
  310. border-color: #dddddd /*{a-bhover-border}*/;
  311. color: #333333 /*{a-bhover-color}*/;
  312. text-shadow: 0 /*{a-bhover-shadow-x}*/ 1px /*{a-bhover-shadow-y}*/ 0 /*{a-bhover-shadow-radius}*/ #f3f3f3 /*{a-bhover-shadow-color}*/;
  313. }
  314. /* Button down */
  315. .ui-page-theme-a .ui-btn:active,
  316. html .ui-bar-a .ui-btn:active,
  317. html .ui-body-a .ui-btn:active,
  318. html body .ui-group-theme-a .ui-btn:active,
  319. html head + body .ui-btn.ui-btn-a:active {
  320. background-color: #fff /*{a-bdown-background-color}*/;
  321. border-color: #dddddd /*{a-bdown-border}*/;
  322. color: #333333 /*{a-bdown-color}*/;
  323. text-shadow: 0 /*{a-bdown-shadow-x}*/ 1px /*{a-bdown-shadow-y}*/ 0 /*{a-bdown-shadow-radius}*/ #f3f3f3 /*{a-bdown-shadow-color}*/;
  324. }
  325. /* Active button */
  326. .ui-page-theme-a .ui-btn.ui-btn-active,
  327. html .ui-bar-a .ui-btn.ui-btn-active,
  328. html .ui-body-a .ui-btn.ui-btn-active,
  329. html body .ui-group-theme-a .ui-btn.ui-btn-active,
  330. html head + body .ui-btn.ui-btn-a.ui-btn-active,
  331. /* Active checkbox icon */
  332. .ui-page-theme-a .ui-checkbox-on:after,
  333. html .ui-bar-a .ui-checkbox-on:after,
  334. html .ui-body-a .ui-checkbox-on:after,
  335. html body .ui-group-theme-a .ui-checkbox-on:after,
  336. .ui-btn.ui-checkbox-on.ui-btn-a:after,
  337. /* Active flipswitch background */
  338. .ui-page-theme-a .ui-flipswitch-active,
  339. html .ui-bar-a .ui-flipswitch-active,
  340. html .ui-body-a .ui-flipswitch-active,
  341. html body .ui-group-theme-a .ui-flipswitch-active,
  342. html body .ui-flipswitch.ui-bar-a.ui-flipswitch-active,
  343. /* Active slider track */
  344. .ui-page-theme-a .ui-slider-track .ui-btn-active,
  345. html .ui-bar-a .ui-slider-track .ui-btn-active,
  346. html .ui-body-a .ui-slider-track .ui-btn-active,
  347. html body .ui-group-theme-a .ui-slider-track .ui-btn-active,
  348. html body div.ui-slider-track.ui-body-a .ui-btn-active {
  349. background-color: #3388cc /*{a-active-background-color}*/;
  350. border-color: #3388cc /*{a-active-border}*/;
  351. color: #ffffff /*{a-active-color}*/;
  352. text-shadow: 0 /*{a-active-shadow-x}*/ 1px /*{a-active-shadow-y}*/ 0 /*{a-active-shadow-radius}*/ #005599 /*{a-active-shadow-color}*/;
  353. }
  354. /* Active radio button icon */
  355. .ui-page-theme-a .ui-radio-on:after,
  356. html .ui-bar-a .ui-radio-on:after,
  357. html .ui-body-a .ui-radio-on:after,
  358. html body .ui-group-theme-a .ui-radio-on:after,
  359. .ui-btn.ui-radio-on.ui-btn-a:after {
  360. border-color: #3388cc /*{a-active-background-color}*/;
  361. }
  362. /* Focus */
  363. .ui-page-theme-a .ui-btn:focus,
  364. html .ui-bar-a .ui-btn:focus,
  365. html .ui-body-a .ui-btn:focus,
  366. html body .ui-group-theme-a .ui-btn:focus,
  367. html head + body .ui-btn.ui-btn-a:focus,
  368. /* Focus buttons and text inputs with div wrap */
  369. .ui-page-theme-a .ui-focus,
  370. html .ui-bar-a .ui-focus,
  371. html .ui-body-a .ui-focus,
  372. html body .ui-group-theme-a .ui-focus,
  373. html head + body .ui-btn-a.ui-focus,
  374. html head + body .ui-body-a.ui-focus {
  375. -webkit-box-shadow: 0 0 12px #3388cc /*{a-active-background-color}*/;
  376. -moz-box-shadow: 0 0 12px #3388cc /*{a-active-background-color}*/;
  377. box-shadow: 0 0 12px #3388cc /*{a-active-background-color}*/;
  378. }
  379. /* B
  380. -----------------------------------------------------------------------------------------------------------*/
  381. /* Bar: Toolbars, dividers, slider track */
  382. .ui-bar-b,
  383. .ui-page-theme-b .ui-bar-inherit,
  384. html .ui-bar-b .ui-bar-inherit,
  385. html .ui-body-b .ui-bar-inherit,
  386. html body .ui-group-theme-b .ui-bar-inherit {
  387. background-color: #e9e9e9 /*{b-bar-background-color}*/;
  388. border-color: #dddddd /*{b-bar-border}*/;
  389. color: #333333 /*{b-bar-color}*/;
  390. text-shadow: 0 /*{b-bar-shadow-x}*/ 1px /*{b-bar-shadow-y}*/ 0 /*{b-bar-shadow-radius}*/ #eeeeee /*{b-bar-shadow-color}*/;
  391. font-weight: bold;
  392. }
  393. .ui-bar-b {
  394. border-width: 1px;
  395. border-style: solid;
  396. }
  397. /* Page and overlay */
  398. .ui-overlay-b,
  399. .ui-page-theme-b,
  400. .ui-page-theme-b .ui-panel-wrapper {
  401. background-color: #f9f9f9 /*{b-page-background-color}*/;
  402. border-color: #bbbbbb /*{b-page-border}*/;
  403. color: #333333 /*{b-page-color}*/;
  404. text-shadow: 0 /*{b-page-shadow-x}*/ 1px /*{b-page-shadow-y}*/ 0 /*{b-page-shadow-radius}*/ #f3f3f3 /*{b-page-shadow-color}*/;
  405. }
  406. /* Body: Read-only lists, text inputs, collapsible content */
  407. .ui-body-b,
  408. .ui-page-theme-b .ui-body-inherit,
  409. html .ui-bar-b .ui-body-inherit,
  410. html .ui-body-b .ui-body-inherit,
  411. html body .ui-group-theme-b .ui-body-inherit,
  412. html .ui-panel-page-container-b {
  413. background-color: #ffffff /*{b-body-background-color}*/;
  414. border-color: #dddddd /*{b-body-border}*/;
  415. color: #333333 /*{b-body-color}*/;
  416. text-shadow: 0 /*{b-body-shadow-x}*/ 1px /*{b-body-shadow-y}*/ 0 /*{b-body-shadow-radius}*/ #f3f3f3 /*{b-body-shadow-color}*/;
  417. }
  418. .ui-body-b {
  419. border-width: 1px;
  420. border-style: solid;
  421. }
  422. /* Links */
  423. .ui-page-theme-b a,
  424. html .ui-bar-b a,
  425. html .ui-body-b a,
  426. html body .ui-group-theme-b a {
  427. color: #3388cc /*{b-link-color}*/;
  428. font-weight: bold;
  429. }
  430. .ui-page-theme-b a:visited,
  431. html .ui-bar-b a:visited,
  432. html .ui-body-b a:visited,
  433. html body .ui-group-theme-b a:visited {
  434. color: #3388cc /*{b-link-visited}*/;
  435. }
  436. .ui-page-theme-b a:hover,
  437. html .ui-bar-b a:hover,
  438. html .ui-body-b a:hover,
  439. html body .ui-group-theme-b a:hover {
  440. color: #005599 /*{b-link-hover}*/;
  441. }
  442. .ui-page-theme-b a:active,
  443. html .ui-bar-b a:active,
  444. html .ui-body-b a:active,
  445. html body .ui-group-theme-b a:active {
  446. color: #005599 /*{b-link-active}*/;
  447. }
  448. /* Button up */
  449. .ui-page-theme-b .ui-btn,
  450. html .ui-bar-b .ui-btn,
  451. html .ui-body-b .ui-btn,
  452. html body .ui-group-theme-b .ui-btn,
  453. html head + body .ui-btn.ui-btn-b,
  454. /* Button visited */
  455. .ui-page-theme-b .ui-btn:visited,
  456. html .ui-bar-b .ui-btn:visited,
  457. html .ui-body-b .ui-btn:visited,
  458. html body .ui-group-theme-b .ui-btn:visited,
  459. html head + body .ui-btn.ui-btn-b:visited {
  460. background-color: #f6f6f6 /*{b-bup-background-color}*/;
  461. border-color: #dddddd /*{b-bup-border}*/;
  462. color: #333333 /*{b-bup-color}*/;
  463. text-shadow: 0 /*{b-bup-shadow-x}*/ 1px /*{b-bup-shadow-y}*/ 0 /*{b-bup-shadow-radius}*/ #f3f3f3 /*{b-bup-shadow-color}*/;
  464. }
  465. /* Button hover */
  466. .ui-page-theme-b .ui-btn:hover,
  467. html .ui-bar-b .ui-btn:hover,
  468. html .ui-body-b .ui-btn:hover,
  469. html body .ui-group-theme-b .ui-btn:hover,
  470. html head + body .ui-btn.ui-btn-b:hover {
  471. background-color: #ededed /*{b-bhover-background-color}*/;
  472. border-color: #dddddd /*{b-bhover-border}*/;
  473. color: #333333 /*{b-bhover-color}*/;
  474. text-shadow: 0 /*{b-bhover-shadow-x}*/ 1px /*{b-bhover-shadow-y}*/ 0 /*{b-bhover-shadow-radius}*/ #f3f3f3 /*{b-bhover-shadow-color}*/;
  475. }
  476. /* Button down */
  477. .ui-page-theme-b .ui-btn:active,
  478. html .ui-bar-b .ui-btn:active,
  479. html .ui-body-b .ui-btn:active,
  480. html body .ui-group-theme-b .ui-btn:active,
  481. html head + body .ui-btn.ui-btn-b:active {
  482. background-color: #e8e8e8 /*{b-bdown-background-color}*/;
  483. border-color: #dddddd /*{b-bdown-border}*/;
  484. color: #333333 /*{b-bdown-color}*/;
  485. text-shadow: 0 /*{b-bdown-shadow-x}*/ 1px /*{b-bdown-shadow-y}*/ 0 /*{b-bdown-shadow-radius}*/ #f3f3f3 /*{b-bdown-shadow-color}*/;
  486. }
  487. /* Active button */
  488. .ui-page-theme-b .ui-btn.ui-btn-active,
  489. html .ui-bar-b .ui-btn.ui-btn-active,
  490. html .ui-body-b .ui-btn.ui-btn-active,
  491. html body .ui-group-theme-b .ui-btn.ui-btn-active,
  492. html head + body .ui-btn.ui-btn-b.ui-btn-active,
  493. /* Active checkbox icon */
  494. .ui-page-theme-b .ui-checkbox-on:after,
  495. html .ui-bar-b .ui-checkbox-on:after,
  496. html .ui-body-b .ui-checkbox-on:after,
  497. html body .ui-group-theme-b .ui-checkbox-on:after,
  498. .ui-btn.ui-checkbox-on.ui-btn-b:after,
  499. /* Active flipswitch background */
  500. .ui-page-theme-b .ui-flipswitch-active,
  501. html .ui-bar-b .ui-flipswitch-active,
  502. html .ui-body-b .ui-flipswitch-active,
  503. html body .ui-group-theme-b .ui-flipswitch-active,
  504. html body .ui-flipswitch.ui-bar-b.ui-flipswitch-active,
  505. /* Active slider track */
  506. .ui-page-theme-b .ui-slider-track .ui-btn-active,
  507. html .ui-bar-b .ui-slider-track .ui-btn-active,
  508. html .ui-body-b .ui-slider-track .ui-btn-active,
  509. html body .ui-group-theme-b .ui-slider-track .ui-btn-active,
  510. html body div.ui-slider-track.ui-body-b .ui-btn-active {
  511. background-color: #3388cc /*{b-active-background-color}*/;
  512. border-color: #3388cc /*{b-active-border}*/;
  513. color: #ffffff /*{b-active-color}*/;
  514. text-shadow: 0 /*{b-active-shadow-x}*/ 1px /*{b-active-shadow-y}*/ 0 /*{b-active-shadow-radius}*/ #005599 /*{b-active-shadow-color}*/;
  515. }
  516. /* Active radio button icon */
  517. .ui-page-theme-b .ui-radio-on:after,
  518. html .ui-bar-b .ui-radio-on:after,
  519. html .ui-body-b .ui-radio-on:after,
  520. html body .ui-group-theme-b .ui-radio-on:after,
  521. .ui-btn.ui-radio-on.ui-btn-b:after {
  522. border-color: #3388cc /*{b-active-background-color}*/;
  523. }
  524. /* Focus */
  525. .ui-page-theme-b .ui-btn:focus,
  526. html .ui-bar-b .ui-btn:focus,
  527. html .ui-body-b .ui-btn:focus,
  528. html body .ui-group-theme-b .ui-btn:focus,
  529. html head + body .ui-btn.ui-btn-b:focus,
  530. /* Focus buttons and text inputs with div wrap */
  531. .ui-page-theme-b .ui-focus,
  532. html .ui-bar-b .ui-focus,
  533. html .ui-body-b .ui-focus,
  534. html body .ui-group-theme-b .ui-focus,
  535. html head + body .ui-btn-b.ui-focus,
  536. html head + body .ui-body-b.ui-focus {
  537. -webkit-box-shadow: 0 0 12px #3388cc /*{b-active-background-color}*/;
  538. -moz-box-shadow: 0 0 12px #3388cc /*{b-active-background-color}*/;
  539. box-shadow: 0 0 12px #3388cc /*{b-active-background-color}*/;
  540. }
  541. /* C
  542. -----------------------------------------------------------------------------------------------------------*/
  543. /* Bar: Toolbars, dividers, slider track */
  544. .ui-bar-c,
  545. .ui-page-theme-c .ui-bar-inherit,
  546. html .ui-bar-c .ui-bar-inherit,
  547. html .ui-body-c .ui-bar-inherit,
  548. html body .ui-group-theme-c .ui-bar-inherit {
  549. background-color: #e9e9e9 /*{c-bar-background-color}*/;
  550. border-color: #dddddd /*{c-bar-border}*/;
  551. color: #333333 /*{c-bar-color}*/;
  552. text-shadow: 0 /*{c-bar-shadow-x}*/ 1px /*{c-bar-shadow-y}*/ 0 /*{c-bar-shadow-radius}*/ #eeeeee /*{c-bar-shadow-color}*/;
  553. font-weight: bold;
  554. }
  555. .ui-bar-c {
  556. border-width: 1px;
  557. border-style: solid;
  558. }
  559. /* Page and overlay */
  560. .ui-overlay-c,
  561. .ui-page-theme-c,
  562. .ui-page-theme-c .ui-panel-wrapper {
  563. background-color: #f9f9f9 /*{c-page-background-color}*/;
  564. border-color: #bbbbbb /*{c-page-border}*/;
  565. color: #333333 /*{c-page-color}*/;
  566. text-shadow: 0 /*{c-page-shadow-x}*/ 1px /*{c-page-shadow-y}*/ 0 /*{c-page-shadow-radius}*/ #f3f3f3 /*{c-page-shadow-color}*/;
  567. }
  568. /* Body: Read-only lists, text inputs, collapsible content */
  569. .ui-body-c,
  570. .ui-page-theme-c .ui-body-inherit,
  571. html .ui-bar-c .ui-body-inherit,
  572. html .ui-body-c .ui-body-inherit,
  573. html body .ui-group-theme-c .ui-body-inherit,
  574. html .ui-panel-page-container-c {
  575. background-color: #ffffff /*{c-body-background-color}*/;
  576. border-color: #dddddd /*{c-body-border}*/;
  577. color: #333333 /*{c-body-color}*/;
  578. text-shadow: 0 /*{c-body-shadow-x}*/ 1px /*{c-body-shadow-y}*/ 0 /*{c-body-shadow-radius}*/ #f3f3f3 /*{c-body-shadow-color}*/;
  579. }
  580. .ui-body-c {
  581. border-width: 1px;
  582. border-style: solid;
  583. }
  584. /* Links */
  585. .ui-page-theme-c a,
  586. html .ui-bar-c a,
  587. html .ui-body-c a,
  588. html body .ui-group-theme-c a {
  589. color: #3388cc /*{c-link-color}*/;
  590. font-weight: bold;
  591. }
  592. .ui-page-theme-c a:visited,
  593. html .ui-bar-c a:visited,
  594. html .ui-body-c a:visited,
  595. html body .ui-group-theme-c a:visited {
  596. color: #3388cc /*{c-link-visited}*/;
  597. }
  598. .ui-page-theme-c a:hover,
  599. html .ui-bar-c a:hover,
  600. html .ui-body-c a:hover,
  601. html body .ui-group-theme-c a:hover {
  602. color: #005599 /*{c-link-hover}*/;
  603. }
  604. .ui-page-theme-c a:active,
  605. html .ui-bar-c a:active,
  606. html .ui-body-c a:active,
  607. html body .ui-group-theme-c a:active {
  608. color: #005599 /*{c-link-active}*/;
  609. }
  610. /* Button up */
  611. .ui-page-theme-c .ui-btn,
  612. html .ui-bar-c .ui-btn,
  613. html .ui-body-c .ui-btn,
  614. html body .ui-group-theme-c .ui-btn,
  615. html head + body .ui-btn.ui-btn-c,
  616. /* Button visited */
  617. .ui-page-theme-c .ui-btn:visited,
  618. html .ui-bar-c .ui-btn:visited,
  619. html .ui-body-c .ui-btn:visited,
  620. html body .ui-group-theme-c .ui-btn:visited,
  621. html head + body .ui-btn.ui-btn-c:visited {
  622. background-color: #f6f6f6 /*{c-bup-background-color}*/;
  623. border-color: #dddddd /*{c-bup-border}*/;
  624. color: #333333 /*{c-bup-color}*/;
  625. text-shadow: 0 /*{c-bup-shadow-x}*/ 1px /*{c-bup-shadow-y}*/ 0 /*{c-bup-shadow-radius}*/ #f3f3f3 /*{c-bup-shadow-color}*/;
  626. }
  627. /* Button hover */
  628. .ui-page-theme-c .ui-btn:hover,
  629. html .ui-bar-c .ui-btn:hover,
  630. html .ui-body-c .ui-btn:hover,
  631. html body .ui-group-theme-c .ui-btn:hover,
  632. html head + body .ui-btn.ui-btn-c:hover {
  633. background-color: #ededed /*{c-bhover-background-color}*/;
  634. border-color: #dddddd /*{c-bhover-border}*/;
  635. color: #333333 /*{c-bhover-color}*/;
  636. text-shadow: 0 /*{c-bhover-shadow-x}*/ 1px /*{c-bhover-shadow-y}*/ 0 /*{c-bhover-shadow-radius}*/ #f3f3f3 /*{c-bhover-shadow-color}*/;
  637. }
  638. /* Button down */
  639. .ui-page-theme-c .ui-btn:active,
  640. html .ui-bar-c .ui-btn:active,
  641. html .ui-body-c .ui-btn:active,
  642. html body .ui-group-theme-c .ui-btn:active,
  643. html head + body .ui-btn.ui-btn-c:active {
  644. background-color: #e8e8e8 /*{c-bdown-background-color}*/;
  645. border-color: #dddddd /*{c-bdown-border}*/;
  646. color: #333333 /*{c-bdown-color}*/;
  647. text-shadow: 0 /*{c-bdown-shadow-x}*/ 1px /*{c-bdown-shadow-y}*/ 0 /*{c-bdown-shadow-radius}*/ #f3f3f3 /*{c-bdown-shadow-color}*/;
  648. }
  649. /* Active button */
  650. .ui-page-theme-c .ui-btn.ui-btn-active,
  651. html .ui-bar-c .ui-btn.ui-btn-active,
  652. html .ui-body-c .ui-btn.ui-btn-active,
  653. html body .ui-group-theme-c .ui-btn.ui-btn-active,
  654. html head + body .ui-btn.ui-btn-c.ui-btn-active,
  655. /* Active checkbox icon */
  656. .ui-page-theme-c .ui-checkbox-on:after,
  657. html .ui-bar-c .ui-checkbox-on:after,
  658. html .ui-body-c .ui-checkbox-on:after,
  659. html body .ui-group-theme-c .ui-checkbox-on:after,
  660. .ui-btn.ui-checkbox-on.ui-btn-c:after,
  661. /* Active flipswitch background */
  662. .ui-page-theme-c .ui-flipswitch-active,
  663. html .ui-bar-c .ui-flipswitch-active,
  664. html .ui-body-c .ui-flipswitch-active,
  665. html body .ui-group-theme-c .ui-flipswitch-active,
  666. html body .ui-flipswitch.ui-bar-c.ui-flipswitch-active,
  667. /* Active slider track */
  668. .ui-page-theme-c .ui-slider-track .ui-btn-active,
  669. html .ui-bar-c .ui-slider-track .ui-btn-active,
  670. html .ui-body-c .ui-slider-track .ui-btn-active,
  671. html body .ui-group-theme-c .ui-slider-track .ui-btn-active,
  672. html body div.ui-slider-track.ui-body-c .ui-btn-active {
  673. background-color: #3388cc /*{c-active-background-color}*/;
  674. border-color: #3388cc /*{c-active-border}*/;
  675. color: #ffffff /*{c-active-color}*/;
  676. text-shadow: 0 /*{c-active-shadow-x}*/ 1px /*{c-active-shadow-y}*/ 0 /*{c-active-shadow-radius}*/ #005599 /*{c-active-shadow-color}*/;
  677. }
  678. /* Active radio button icon */
  679. .ui-page-theme-c .ui-radio-on:after,
  680. html .ui-bar-c .ui-radio-on:after,
  681. html .ui-body-c .ui-radio-on:after,
  682. html body .ui-group-theme-c .ui-radio-on:after,
  683. .ui-btn.ui-radio-on.ui-btn-c:after {
  684. border-color: #3388cc /*{c-active-background-color}*/;
  685. }
  686. /* Focus */
  687. .ui-page-theme-c .ui-btn:focus,
  688. html .ui-bar-c .ui-btn:focus,
  689. html .ui-body-c .ui-btn:focus,
  690. html body .ui-group-theme-c .ui-btn:focus,
  691. html head + body .ui-btn.ui-btn-c:focus,
  692. /* Focus buttons and text inputs with div wrap */
  693. .ui-page-theme-c .ui-focus,
  694. html .ui-bar-c .ui-focus,
  695. html .ui-body-c .ui-focus,
  696. html body .ui-group-theme-c .ui-focus,
  697. html head + body .ui-btn-c.ui-focus,
  698. html head + body .ui-body-c.ui-focus {
  699. -webkit-box-shadow: 0 0 12px #3388cc /*{c-active-background-color}*/;
  700. -moz-box-shadow: 0 0 12px #3388cc /*{c-active-background-color}*/;
  701. box-shadow: 0 0 12px #3388cc /*{c-active-background-color}*/;
  702. }
  703. /* Structure */
  704. /* Disabled
  705. -----------------------------------------------------------------------------------------------------------*/
  706. /* Class ui-disabled deprecated in 1.4. :disabled not supported by IE8 so we use [disabled] */
  707. .ui-disabled,
  708. .ui-state-disabled,
  709. button[disabled],
  710. .ui-select .ui-btn.ui-state-disabled {
  711. filter: Alpha(Opacity=30);
  712. opacity: .3;
  713. cursor: default !important;
  714. pointer-events: none;
  715. }
  716. /* Focus state outline
  717. -----------------------------------------------------------------------------------------------------------*/
  718. .ui-btn:focus,
  719. .ui-btn.ui-focus {
  720. outline: 0;
  721. }
  722. /* Unset box-shadow in browsers that don't do it right */
  723. .ui-noboxshadow .ui-shadow,
  724. .ui-noboxshadow .ui-shadow-inset,
  725. .ui-noboxshadow .ui-overlay-shadow,
  726. .ui-noboxshadow .ui-shadow-icon.ui-btn:after,
  727. .ui-noboxshadow .ui-shadow-icon .ui-btn:after,
  728. .ui-noboxshadow .ui-focus,
  729. .ui-noboxshadow .ui-btn:focus,
  730. .ui-noboxshadow input:focus,
  731. .ui-noboxshadow .ui-panel {
  732. -webkit-box-shadow: none !important;
  733. -moz-box-shadow: none !important;
  734. box-shadow: none !important;
  735. }
  736. .ui-noboxshadow .ui-btn:focus,
  737. .ui-noboxshadow .ui-focus {
  738. outline-width: 1px;
  739. outline-style: auto;
  740. }