01.ui.css 51 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016
  1. /*
  2. This CSS code is generated from http://ui.sunhater.com
  3. (c)2014 Pavel Tzonkov, sunhater.com. All rights reserved.
  4. */
  5. /*** jQueryUI */
  6. /** Base */
  7. .ui-helper-hidden {
  8. display: none;
  9. }
  10. .ui-helper-hidden-accessible {
  11. border: 0;
  12. clip: rect(0 0 0 0);
  13. height: 1px;
  14. margin: -1px;
  15. overflow: hidden;
  16. padding: 0;
  17. position: absolute;
  18. width: 1px;
  19. }
  20. .ui-helper-reset {
  21. margin: 0;
  22. padding: 0;
  23. border: 0;
  24. outline: 0;
  25. line-height: 1.3;
  26. text-decoration: none;
  27. font-size: 100%;
  28. list-style: none;
  29. }
  30. .ui-helper-clearfix:before,
  31. .ui-helper-clearfix:after {
  32. content: "";
  33. display: table;
  34. border-collapse: collapse;
  35. }
  36. .ui-helper-clearfix:after {
  37. clear: both;
  38. }
  39. .ui-helper-clearfix {
  40. min-height: 0; /* support: IE7 */
  41. }
  42. .ui-helper-zfix {
  43. width: 100%;
  44. height: 100%;
  45. top: 0;
  46. left: 0;
  47. position: absolute;
  48. opacity: 0;
  49. filter:alpha(opacity=0);
  50. }
  51. .ui-front {
  52. z-index: 100;
  53. }
  54. .ui-widget .ui-widget,
  55. .ui-widget input,
  56. .ui-widget select,
  57. .ui-widget textarea,
  58. .ui-widget button {
  59. font-size: 1em;
  60. }
  61. .ui-widget-content {
  62. border: 1px solid #888;
  63. background: #fff;
  64. color: #6B6B6B;
  65. }
  66. .ui-widget-content a {
  67. color: #6B6B6B;
  68. }
  69. .ui-widget-header {
  70. border: 1px solid #1b79b8;
  71. color: #fff;
  72. font-weight: bold;
  73. background: #1b79b8;
  74. background: -webkit-linear-gradient(top, #1b79b8, #59b5f2);
  75. background: -moz-linear-gradient(top, #1b79b8, #59b5f2);
  76. background: -ms-linear-gradient(top, #1b79b8, #59b5f2);
  77. background: -o-linear-gradient(top, #1b79b8, #59b5f2);
  78. background: linear-gradient(to bottom, #1b79b8, #59b5f2);
  79. }
  80. .ui-widget-header a {
  81. color: #fff;
  82. }
  83. /* Interaction states
  84. ----------------------------------*/
  85. .ui-state-default,
  86. .ui-widget-content .ui-state-default,
  87. .ui-widget-header .ui-state-default,
  88. .ui-widget.ui-state-disabled {
  89. transition: .2s;
  90. border: 1px solid #6b6b6b;
  91. background: #6b6b6b;
  92. background: -webkit-linear-gradient(top, #ababab, #6b6b6b);
  93. background: -moz-linear-gradient(top, #ababab, #6b6b6b);
  94. background: -ms-linear-gradient(top, #ababab, #6b6b6b);
  95. background: -o-linear-gradient(top, #ababab, #6b6b6b);
  96. background: linear-gradient(to bottom, #ababab, #6b6b6b);
  97. font-weight: bold;
  98. color: #fff;
  99. }
  100. .ui-state-hover,
  101. .ui-widget-content .ui-state-hover,
  102. .ui-widget-header .ui-state-hover,
  103. .ui-state-focus,
  104. .ui-widget-content .ui-state-focus,
  105. .ui-widget-header .ui-state-focus {
  106. transition: .2s;
  107. border: 1px solid #6b6b6b;
  108. background: #6b6b6b;
  109. background: -webkit-linear-gradient(top, #6b6b6b, #ababab);
  110. background: -moz-linear-gradient(top, #6b6b6b, #ababab);
  111. background: -ms-linear-gradient(top, #6b6b6b, #ababab);
  112. background: -o-linear-gradient(top, #6b6b6b, #ababab);
  113. background: linear-gradient(to bottom, #6b6b6b, #ababab);
  114. font-weight: bold;
  115. color: #fff;
  116. }
  117. .ui-state-active,
  118. .ui-widget-content .ui-state-active,
  119. .ui-widget-header .ui-state-active,
  120. .ui-menu .ui-state-focus {
  121. transition: .2s;
  122. border: 1px solid #1b79b8;
  123. background: #1b79b8;
  124. background: -webkit-linear-gradient(top, #1b79b8, #59b5f2);
  125. background: -moz-linear-gradient(top, #1b79b8, #59b5f2);
  126. background: -ms-linear-gradient(top, #1b79b8, #59b5f2);
  127. background: -o-linear-gradient(top, #1b79b8, #59b5f2);
  128. background: linear-gradient(to bottom, #1b79b8, #59b5f2);
  129. font-weight: bold;
  130. color: #fff;
  131. }
  132. .ui-state-default a,
  133. .ui-state-default a:link,
  134. .ui-state-default a:visited,
  135. .ui-state-hover a,
  136. .ui-state-hover a:hover,
  137. .ui-state-hover a:link,
  138. .ui-state-hover a:visited,
  139. .ui-state-active a,
  140. .ui-state-active a:link,
  141. .ui-state-active a:visited {
  142. transition: .2s;
  143. color: #fff;
  144. text-decoration: none;
  145. }
  146. .ui-menu .ui-state-active {
  147. transition: .2s;
  148. border-color: #6b6b6b;
  149. background: #6b6b6b;
  150. background: -webkit-linear-gradient(top, #6b6b6b, #ababab);
  151. background: -moz-linear-gradient(top, #6b6b6b, #ababab);
  152. background: -ms-linear-gradient(top, #6b6b6b, #ababab);
  153. background: -o-linear-gradient(top, #6b6b6b, #ababab);
  154. background: linear-gradient(to bottom, #6b6b6b, #ababab);
  155. }
  156. /* Interaction Cues
  157. ----------------------------------*/
  158. .ui-state-highlight,
  159. .ui-widget-content .ui-state-highlight,
  160. .ui-widget-header .ui-state-highlight {
  161. border: 1px solid #d5bc2c;
  162. box-shadow: inset 0 0 5px #d5bc2c;
  163. background: #fff6bf;
  164. color: #6b6b6b;
  165. }
  166. .ui-state-error,
  167. .ui-widget-content .ui-state-error,
  168. .ui-widget-header .ui-state-error {
  169. border: 1px solid #cf7f7f;
  170. box-shadow: inset 0 0 5px #cf7f7f;
  171. background: #fac4c4;
  172. color: #6b6b6b;
  173. }
  174. .ui-state-error a,
  175. .ui-widget-content .ui-state-error a,
  176. .ui-widget-header .ui-state-error a,
  177. .ui-state-highlight a,
  178. .ui-widget-content .ui-state-highlight a,
  179. .ui-widget-header .ui-state-highlight a,
  180. .ui-state-error-text,
  181. .ui-widget-content .ui-state-error-text,
  182. .ui-widget-header .ui-state-error-text {
  183. color: #6b6b6b;
  184. }
  185. .ui-priority-primary,
  186. .ui-widget-content .ui-priority-primary,
  187. .ui-widget-header .ui-priority-primary {
  188. font-weight: bold;
  189. }
  190. .ui-priority-secondary,
  191. .ui-widget-content .ui-priority-secondary,
  192. .ui-widget-header .ui-priority-secondary {
  193. opacity: .5;
  194. filter:alpha(opacity=50);
  195. font-weight: normal;
  196. }
  197. .ui-state-disabled,
  198. .ui-widget-content .ui-state-disabled,
  199. .ui-widget-header .ui-state-disabled {
  200. opacity: .50;
  201. filter:alpha(opacity=50);
  202. background-image: none;
  203. }
  204. .ui-state-disabled .ui-icon {
  205. filter:alpha(opacity=50); /* For IE8 - See #6059 */
  206. }
  207. /* Interaction Cues
  208. ----------------------------------*/
  209. .ui-state-disabled {
  210. cursor: default !important;
  211. }
  212. /* Misc visuals
  213. ----------------------------------*/
  214. /* Overlays */
  215. .ui-widget-overlay {
  216. position: fixed;
  217. top: 0;
  218. left: 0;
  219. width: 100%;
  220. height: 100%;
  221. }
  222. .ui-resizable {
  223. position: relative;
  224. }
  225. .ui-resizable-handle {
  226. position: absolute;
  227. font-size: 0.1px;
  228. display: block;
  229. }
  230. .ui-resizable-disabled .ui-resizable-handle,
  231. .ui-resizable-autohide .ui-resizable-handle {
  232. display: none;
  233. }
  234. .ui-resizable-n {
  235. cursor: n-resize;
  236. height: 7px;
  237. width: 100%;
  238. top: -5px;
  239. left: 0;
  240. }
  241. .ui-resizable-s {
  242. cursor: s-resize;
  243. height: 7px;
  244. width: 100%;
  245. bottom: -5px;
  246. left: 0;
  247. }
  248. .ui-resizable-e {
  249. cursor: e-resize;
  250. width: 7px;
  251. right: -5px;
  252. top: 0;
  253. height: 100%;
  254. }
  255. .ui-resizable-w {
  256. cursor: w-resize;
  257. width: 7px;
  258. left: -5px;
  259. top: 0;
  260. height: 100%;
  261. }
  262. .ui-resizable-se {
  263. cursor: se-resize;
  264. width: 12px;
  265. height: 12px;
  266. right: 1px;
  267. bottom: 1px;
  268. }
  269. .ui-resizable-sw {
  270. cursor: sw-resize;
  271. width: 9px;
  272. height: 9px;
  273. left: -5px;
  274. bottom: -5px;
  275. }
  276. .ui-resizable-nw {
  277. cursor: nw-resize;
  278. width: 9px;
  279. height: 9px;
  280. left: -5px;
  281. top: -5px;
  282. }
  283. .ui-resizable-ne {
  284. cursor: ne-resize;
  285. width: 9px;
  286. height: 9px;
  287. right: -5px;
  288. top: -5px;
  289. }
  290. .ui-selectable-helper {
  291. position: absolute;
  292. z-index: 100;
  293. border: 1px dotted black;
  294. }
  295. /** Accordion */
  296. .ui-accordion .ui-accordion-header {
  297. display: block;
  298. cursor: pointer;
  299. position: relative;
  300. margin-top: 2px;
  301. padding: 6px;
  302. min-height: 0; /* support: IE7 */
  303. }
  304. .ui-accordion .ui-accordion-icons,
  305. .ui-accordion .ui-accordion-icons .ui-accordion-icons {
  306. padding-left: 24px;
  307. }
  308. .ui-accordion .ui-accordion-noicons {
  309. padding-left: 5px;
  310. }
  311. .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  312. position: absolute;
  313. left: 5px;
  314. top: 50%;
  315. margin-top: -8px;
  316. }
  317. .ui-accordion .ui-accordion-content {
  318. padding: 1em;
  319. border-top: 0;
  320. overflow: auto;
  321. }
  322. /** Autocomplete */
  323. .ui-autocomplete {
  324. position: absolute;
  325. top: 0;
  326. left: 0;
  327. cursor: pointer;
  328. }
  329. /** Button */
  330. .ui-button {
  331. display: inline-block;
  332. position: relative;
  333. padding: 0;
  334. line-height: normal;
  335. cursor: pointer;
  336. vertical-align: middle;
  337. text-align: center;
  338. overflow: visible; /* removes extra width in IE */
  339. }
  340. .ui-button,
  341. .ui-button:link,
  342. .ui-button:visited,
  343. .ui-button:hover,
  344. .ui-button:active {
  345. text-decoration: none;
  346. }
  347. /* to make room for the icon, a width needs to be set here */
  348. .ui-button-icon-only {
  349. width: 36px;
  350. }
  351. .ui-button-icons-only {
  352. width: 50px;
  353. }
  354. /* button text element */
  355. .ui-button .ui-button-text {
  356. display: block;
  357. line-height: normal;
  358. }
  359. .ui-button-text-only .ui-button-text {
  360. padding: 6px 10px;
  361. }
  362. .ui-button-icon-only .ui-button-text,
  363. .ui-button-icons-only .ui-button-text {
  364. padding: 6px;
  365. text-indent: -9999999px;
  366. }
  367. .ui-button-text-icon-primary .ui-button-text,
  368. .ui-button-text-icons .ui-button-text {
  369. padding: 6px 10px 6px 28px;
  370. }
  371. .ui-button-text-icon-secondary .ui-button-text,
  372. .ui-button-text-icons .ui-button-text {
  373. padding: 6px 28px 6px 10px;
  374. }
  375. .ui-button-text-icons .ui-button-text {
  376. padding-left: 28px;
  377. padding-right: 28px;
  378. }
  379. /* no icon support for input elements, provide padding by default */
  380. input.ui-button {
  381. padding: 6px 10px;
  382. }
  383. /* button icon element(s) */
  384. .ui-button-icon-only .ui-icon,
  385. .ui-button-text-icon-primary .ui-icon,
  386. .ui-button-text-icon-secondary .ui-icon,
  387. .ui-button-text-icons .ui-icon,
  388. .ui-button-icons-only .ui-icon {
  389. position: absolute;
  390. top: 50%;
  391. margin-top: -8px;
  392. }
  393. .ui-button-icon-only .ui-icon {
  394. left: 50%;
  395. margin-left: -8px;
  396. }
  397. .ui-button-text-icon-primary .ui-button-icon-primary,
  398. .ui-button-text-icons .ui-button-icon-primary,
  399. .ui-button-icons-only .ui-button-icon-primary {
  400. left: 7px;
  401. }
  402. .ui-button-text-icon-secondary .ui-button-icon-secondary,
  403. .ui-button-text-icons .ui-button-icon-secondary,
  404. .ui-button-icons-only .ui-button-icon-secondary {
  405. right: 7px;
  406. }
  407. /* workarounds */
  408. /* reset extra padding in Firefox, see h5bp.com/l */
  409. input.ui-button::-moz-focus-inner,
  410. button.ui-button::-moz-focus-inner {
  411. border: 0;
  412. padding: 0;
  413. }
  414. /** Button set */
  415. .ui-buttonset {
  416. margin:0;
  417. overflow:auto;
  418. }
  419. .ui-buttonset .ui-button {
  420. margin: 0;
  421. float:left;
  422. }
  423. /** Date picker */
  424. .ui-datepicker {
  425. width: 19em;
  426. width: 19em;
  427. display: none;
  428. padding: 10px;
  429. }
  430. .ui-datepicker .ui-datepicker-header {
  431. position: relative;
  432. padding: 2px 0;
  433. }
  434. .ui-datepicker .ui-datepicker-prev,
  435. .ui-datepicker .ui-datepicker-next {
  436. position: absolute;
  437. top: 4px;
  438. width: 20px;
  439. height: 20px;
  440. }
  441. .ui-datepicker .ui-datepicker-prev-hover,
  442. .ui-datepicker .ui-datepicker-next-hover {
  443. top: 3px;
  444. }
  445. .ui-datepicker .ui-datepicker-prev {
  446. left: 4px;
  447. }
  448. .ui-datepicker .ui-datepicker-next {
  449. right: 4px;
  450. }
  451. .ui-datepicker .ui-datepicker-prev-hover {
  452. left: 3px;
  453. }
  454. .ui-datepicker .ui-datepicker-next-hover {
  455. right: 3px;
  456. }
  457. .ui-datepicker .ui-datepicker-prev span,
  458. .ui-datepicker .ui-datepicker-next span {
  459. display: block;
  460. position: absolute;
  461. left: 50%;
  462. margin-left: -8px;
  463. top: 50%;
  464. margin-top: -8px;
  465. }
  466. .ui-datepicker .ui-datepicker-title {
  467. margin: 0 10px;
  468. padding: 4px 0;
  469. text-align: center;
  470. }
  471. .ui-datepicker .ui-datepicker-title select {
  472. font-size: 1em;
  473. margin:-2px 2px;
  474. padding:0;
  475. outline:0;
  476. }
  477. .ui-datepicker table {
  478. width: 100%;
  479. border-collapse: collapse;
  480. margin: 0;
  481. font-size: 1em;
  482. }
  483. .ui-datepicker th {
  484. padding: 3px;
  485. text-align: center;
  486. font-weight: bold;
  487. border: 0;
  488. }
  489. .ui-datepicker td {
  490. border: 0;
  491. padding: 1px;
  492. }
  493. .ui-datepicker td span,
  494. .ui-datepicker td a {
  495. display: block;
  496. padding: 2px 3px;
  497. text-align: right;
  498. text-decoration: none;
  499. }
  500. .ui-datepicker .ui-datepicker-buttonpane {
  501. background-image: none;
  502. margin: 10px -11px -11px -11px;
  503. padding: 10px;
  504. border: 1px solid #1b79b8;
  505. background: #e4f5ff;
  506. overflow: auto;
  507. }
  508. .ui-datepicker .ui-datepicker-buttonpane button {
  509. float: right;
  510. cursor: pointer;
  511. width: auto;
  512. overflow: visible;
  513. margin: 0;
  514. padding: 6px 10px;
  515. font-weight: bold;
  516. opacity: 1;
  517. filter: alpha(opacity=100);
  518. }
  519. .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  520. float: left;
  521. }
  522. /* with multiple calendars */
  523. .ui-datepicker.ui-datepicker-multi {
  524. width: auto;
  525. padding:10px;
  526. }
  527. .ui-datepicker-multi .ui-datepicker-group {
  528. float: left;
  529. }
  530. .ui-datepicker-multi .ui-datepicker-group .ui-datepicker-header {
  531. margin:0;
  532. }
  533. .ui-datepicker-multi .ui-datepicker-group.ui-datepicker-group-last {
  534. margin-right:0;
  535. }
  536. .ui-datepicker-multi .ui-datepicker-group table {
  537. width: 95%;
  538. margin: 0 auto .4em;
  539. }
  540. .ui-datepicker-multi-2 .ui-datepicker-group {
  541. width: 50%;
  542. }
  543. .ui-datepicker-multi-3 .ui-datepicker-group {
  544. width: 33.3%;
  545. }
  546. .ui-datepicker-multi-4 .ui-datepicker-group {
  547. width: 25%;
  548. }
  549. .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
  550. .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  551. border-left-width: 0;
  552. }
  553. .ui-datepicker-multi .ui-datepicker-buttonpane {
  554. clear: left;
  555. }
  556. .ui-datepicker-row-break {
  557. clear: both;
  558. font-size: 0;
  559. width: 100px;
  560. }
  561. th.ui-datepicker-week-col {
  562. color: #215b82;
  563. }
  564. td.ui-datepicker-week-col {
  565. text-align:right;
  566. padding-right:7px;
  567. color: #215b82;
  568. }
  569. td.ui-datepicker-other-month a.ui-state-default {
  570. font-weight: bold;
  571. }
  572. th.ui-datepicker-week-end {
  573. color: #f44;
  574. }
  575. /* RTL support */
  576. .ui-datepicker-rtl {
  577. direction: rtl;
  578. }
  579. .ui-datepicker-rtl .ui-datepicker-prev {
  580. right: 2px;
  581. left: auto;
  582. }
  583. .ui-datepicker-rtl .ui-datepicker-next {
  584. left: 2px;
  585. right: auto;
  586. }
  587. .ui-datepicker-rtl .ui-datepicker-prev:hover {
  588. right: 1px;
  589. left: auto;
  590. }
  591. .ui-datepicker-rtl .ui-datepicker-next:hover {
  592. left: 1px;
  593. right: auto;
  594. }
  595. .ui-datepicker-rtl .ui-datepicker-buttonpane {
  596. clear: right;
  597. }
  598. .ui-datepicker-rtl .ui-datepicker-buttonpane button {
  599. float: left;
  600. }
  601. .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
  602. .ui-datepicker-rtl .ui-datepicker-group {
  603. float: right;
  604. }
  605. .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
  606. .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  607. border-right-width: 0;
  608. border-left-width: 1px;
  609. }
  610. /** Dialog */
  611. .ui-dialog {
  612. position: absolute;
  613. top: 0;
  614. left: 0;
  615. padding: 4px;
  616. outline: 0;
  617. box-shadow: 0 0 10px #000;
  618. }
  619. .ui-dialog .ui-dialog-titlebar {
  620. padding: 5px 10px;
  621. position: relative;
  622. }
  623. .ui-dialog .ui-dialog-title {
  624. float: left;
  625. margin: 0;
  626. padding: 1px 0;
  627. white-space: nowrap;
  628. width: 90%;
  629. overflow: hidden;
  630. text-overflow: ellipsis;
  631. }
  632. .ui-dialog .ui-dialog-titlebar-close {
  633. position: absolute;
  634. right: .3em;
  635. top: 50%;
  636. width: 21px;
  637. margin: -10px 0 0 0;
  638. padding: 1px;
  639. height: 20px;
  640. }
  641. .ui-dialog .ui-dialog-content {
  642. position: relative;
  643. border: 0;
  644. padding: 1em;
  645. margin: 0 -4px;
  646. background: none;
  647. overflow: auto;
  648. }
  649. .ui-dialog .ui-dialog-buttonpane {
  650. text-align: left;
  651. border-width: 1px 0 0 0;
  652. background-image: none;
  653. padding: 10px;
  654. }
  655. .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  656. float: right;
  657. }
  658. .ui-dialog .ui-dialog-buttonpane button {
  659. margin: 0 0 0 5px;
  660. cursor: pointer;
  661. }
  662. .ui-dialog .ui-resizable-se {
  663. width: 12px;
  664. height: 12px;
  665. right: -5px;
  666. bottom: -5px;
  667. background-position: 16px 16px;
  668. }
  669. .ui-draggable .ui-dialog-titlebar {
  670. cursor: move;
  671. }
  672. /** Menu */
  673. .ui-menu {
  674. list-style: none;
  675. padding: 0;
  676. margin: 0;
  677. display: block;
  678. outline: 0;
  679. }
  680. .ui-menu .ui-menu {
  681. margin-top: -3px;
  682. position: absolute;
  683. }
  684. .ui-menu .ui-menu-item {
  685. margin: 0;
  686. padding: 0;
  687. width: 100%;
  688. /* support: IE10, see #8844 */
  689. list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
  690. }
  691. .ui-menu .ui-menu-divider {
  692. margin: 1px 10px 1px 10px;
  693. height: 0;
  694. font-size: 0;
  695. line-height: 0;
  696. border-width: 1px 0 0 0;
  697. border-color: #bbb;
  698. }
  699. .ui-menu .ui-menu-item a {
  700. text-decoration: none;
  701. display: block;
  702. padding: 5px 10px;
  703. line-height: 1.5;
  704. min-height: 0; /* support: IE7 */
  705. font-weight: normal;
  706. border-radius:0;
  707. }
  708. .ui-menu .ui-menu-item a.ui-state-focus,
  709. .ui-menu .ui-menu-item a.ui-state-active {
  710. font-weight: normal;
  711. margin: -1px;
  712. transition: none;
  713. }
  714. .ui-menu .ui-state-disabled {
  715. font-weight: normal;
  716. line-height: 1.5;
  717. }
  718. .ui-menu .ui-state-disabled a {
  719. cursor: default;
  720. }
  721. .ui-menu.ui-corner-all.sh-menu {
  722. border-radius: 4px;
  723. }
  724. .ui-menu.ui-corner-all, .ui-menu.sh-menu.ui-autocomplete.ui-corner-all {
  725. border-radius: 0;
  726. }
  727. /* icon support */
  728. .ui-menu-icons {
  729. position: relative;
  730. }
  731. .ui-menu-icons .ui-menu-item a {
  732. position: relative;
  733. padding-left: 2em;
  734. }
  735. /* left-aligned */
  736. .ui-menu .ui-icon {
  737. position: absolute;
  738. top: .2em;
  739. left: .2em;
  740. }
  741. /* right-aligned */
  742. .ui-menu .ui-menu-icon {
  743. position: static;
  744. float: right;
  745. }
  746. /** Progress bar */
  747. .ui-progressbar {
  748. height: 2.1em;
  749. text-align: left;
  750. overflow: hidden;
  751. }
  752. .ui-progressbar .ui-progressbar-value {
  753. margin: -1px;
  754. height: 100%;
  755. }
  756. .ui-progressbar .ui-progressbar-overlay {
  757. height: 100%;
  758. filter: alpha(opacity=25);
  759. opacity: 0.25;
  760. }
  761. .ui-progressbar-indeterminate .ui-progressbar-value {
  762. background-image: none;
  763. }
  764. /** Slider */
  765. .ui-slider {
  766. position: relative;
  767. text-align: left;
  768. margin: 0 13px;
  769. border-radius:15px;
  770. }
  771. .ui-slider .ui-slider-handle {
  772. position: absolute;
  773. z-index: 2;
  774. width: 18px;
  775. height: 18px;
  776. border-radius: 9px;
  777. cursor: default;
  778. box-shadow: 0 0 3px #6b6b6b, inset 0 0 7px #fff, inset 0 0 3px #fff;
  779. }
  780. .ui-slider .ui-slider-handle.ui-state-active {
  781. box-shadow: 0 0 3px #1b79b8, inset 0 0 7px #fff, inset 0 0 3px #fff;
  782. }
  783. .ui-slider .ui-slider-range {
  784. position: absolute;
  785. z-index: 1;
  786. display: block;
  787. border: 0;
  788. background-position: 0 0;
  789. }
  790. /* For IE8 - See #6727 */
  791. .ui-slider.ui-state-disabled .ui-slider-handle,
  792. .ui-slider.ui-state-disabled .ui-slider-range {
  793. filter: inherit;
  794. }
  795. .ui-slider-horizontal {
  796. height: 10px;
  797. }
  798. .ui-slider-horizontal .ui-slider-handle {
  799. top: -5px;
  800. margin-left: -9px;
  801. }
  802. .ui-slider-horizontal .ui-slider-range {
  803. top: 0;
  804. height: 100%;
  805. }
  806. .ui-slider-horizontal .ui-slider-range-min {
  807. left: 0;
  808. }
  809. .ui-slider-horizontal .ui-slider-range-max {
  810. right: 0;
  811. }
  812. .ui-slider-vertical {
  813. width: 10px;
  814. height: 150px;
  815. }
  816. .ui-slider-vertical .ui-slider-handle {
  817. left: -5px;
  818. margin-left: 0;
  819. margin-bottom: -9px;
  820. }
  821. .ui-slider-vertical .ui-slider-range {
  822. left: -1px;
  823. width: 100%;
  824. }
  825. .ui-slider-vertical .ui-slider-range-min {
  826. bottom: 0;
  827. }
  828. .ui-slider-vertical .ui-slider-range-max {
  829. top: 0;
  830. }
  831. /** Spinner */
  832. .ui-spinner.ui-widget {
  833. position: relative;
  834. display: inline-block;
  835. overflow: hidden;
  836. padding: 0;
  837. vertical-align: middle;
  838. background: #fff;
  839. background: -webkit-linear-gradient(top, #f0f0f0, #fff);
  840. background: -moz-linear-gradient(top, #f0f0f0, #fff);
  841. background: -ms-linear-gradient(top, #f0f0f0, #fff);
  842. background: -o-linear-gradient(top, #f0f0f0, #fff);
  843. background: linear-gradient(to bottom, #f0f0f0, #fff);
  844. }
  845. .ui-spinner-input {
  846. border: none;
  847. color: inherit;
  848. padding: 0;
  849. margin: 6px 24px 6px 10px;
  850. vertical-align: middle;
  851. outline: 0;
  852. background: transparent;
  853. }
  854. .ui-spinner-input {
  855. color: #6b6b6b}
  856. .ui-spinner-input:focus {
  857. color: #000;
  858. }
  859. .ui-spinner-button {
  860. width: 16px;
  861. height: 50%;
  862. font-size: .5em;
  863. padding: 0;
  864. margin: 0;
  865. text-align: center;
  866. position: absolute;
  867. cursor: default;
  868. display: block;
  869. overflow: hidden;
  870. right: 0;
  871. }
  872. /* more specificity required here to overide default borders */
  873. .ui-spinner a.ui-spinner-button {
  874. border-top: none;
  875. border-bottom: none;
  876. border-right: none;
  877. }
  878. /* vertical centre icon */
  879. .ui-spinner .ui-icon {
  880. position: absolute;
  881. margin-top: -8px;
  882. top: 50%;
  883. left: 0;
  884. }
  885. .ui-spinner-up {
  886. top: 0;
  887. }
  888. .ui-spinner-down {
  889. bottom: 0;
  890. }
  891. /* TR overrides */
  892. .ui-spinner .ui-icon-triangle-1-s {
  893. /* need to fix icons sprite */
  894. background-position: -65px -16px;
  895. }
  896. /** Tabs */
  897. .ui-tabs {
  898. position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  899. }
  900. .ui-tabs .ui-tabs-nav {
  901. margin: 0;
  902. padding: 3px 3px 0 3px;
  903. }
  904. .ui-tabs .ui-tabs-nav li {
  905. list-style: none;
  906. float: left;
  907. position: relative;
  908. top: 0;
  909. margin: 1px 3px 0 0;
  910. border-bottom-width: 0;
  911. padding: 0;
  912. white-space: nowrap;
  913. }
  914. .ui-tabs .ui-tabs-nav li a {
  915. float: left;
  916. padding: 6px 10px;
  917. text-decoration: none;
  918. }
  919. .ui-tabs .ui-tabs-nav li.ui-tabs-active {
  920. margin-bottom: -1px;
  921. padding-bottom: 1px;
  922. }
  923. .ui-tabs .ui-tabs-nav li.ui-tabs-active a,
  924. .ui-tabs .ui-tabs-nav li.ui-state-disabled a,
  925. .ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
  926. cursor: text;
  927. }
  928. .ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
  929. .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
  930. cursor: pointer;
  931. }
  932. .ui-tabs .ui-tabs-panel {
  933. display: block;
  934. border-width: 0;
  935. padding: 1em;
  936. background: none;
  937. }
  938. /** Tooltip */
  939. body .ui-tooltip {
  940. padding: 6px 10px;
  941. position: absolute;
  942. z-index: 9999;
  943. max-width: 300px;
  944. color: #808080;
  945. border-color: #a5a5a5;
  946. box-shadow: inset 0 0 4px #a5a5a5, 0 0 4px #a5a5a5;
  947. background: -webkit-linear-gradient(top, #ddd, #fff);
  948. background: -moz-linear-gradient(top, #ddd, #fff);
  949. background: -ms-linear-gradient(top, #ddd, #fff);
  950. background: -o-linear-gradient(top, #ddd, #fff);
  951. background: linear-gradient(to bottom, #ddd, #fff);
  952. }
  953. /** Icons */
  954. /* states and images */
  955. .ui-icon {
  956. display: block;
  957. text-indent: -99999px;
  958. overflow: hidden;
  959. background-repeat: no-repeat;
  960. width: 16px;
  961. height: 16px;
  962. }
  963. .ui-icon,
  964. .ui-widget-content .ui-icon,
  965. .ui-state-highlight .ui-icon,
  966. .ui-state-error .ui-icon,
  967. .ui-state-error-text .ui-icon,
  968. .ui-icon.ui-icon-black {
  969. background-image: url(img/ui-icons_black.png);
  970. }
  971. .ui-widget-header .ui-icon,
  972. .ui-state-default .ui-icon,
  973. .ui-state-hover .ui-icon,
  974. .ui-state-focus .ui-icon,
  975. .ui-state-active .ui-icon,
  976. .ui-icon.ui-icon-white {
  977. background-image: url(img/ui-icons_white.png);
  978. }
  979. /* positioning */
  980. .ui-icon-blank { background-position: 16px 16px; }
  981. .ui-icon-carat-1-n { background-position: 0 0; }
  982. .ui-icon-carat-1-ne { background-position: -16px 0; }
  983. .ui-icon-carat-1-e { background-position: -32px 0; }
  984. .ui-icon-carat-1-se { background-position: -48px 0; }
  985. .ui-icon-carat-1-s { background-position: -64px 0; }
  986. .ui-icon-carat-1-sw { background-position: -80px 0; }
  987. .ui-icon-carat-1-w { background-position: -96px 0; }
  988. .ui-icon-carat-1-nw { background-position: -112px 0; }
  989. .ui-icon-carat-2-n-s { background-position: -128px 0; }
  990. .ui-icon-carat-2-e-w { background-position: -144px 0; }
  991. .ui-icon-triangle-1-n { background-position: 0 -16px; }
  992. .ui-icon-triangle-1-ne { background-position: -16px -16px; }
  993. .ui-icon-triangle-1-e { background-position: -32px -16px; }
  994. .ui-icon-triangle-1-se { background-position: -48px -16px; }
  995. .ui-icon-triangle-1-s { background-position: -64px -16px; }
  996. .ui-icon-triangle-1-sw { background-position: -80px -16px; }
  997. .ui-icon-triangle-1-w { background-position: -96px -16px; }
  998. .ui-icon-triangle-1-nw { background-position: -112px -16px; }
  999. .ui-icon-triangle-2-n-s { background-position: -128px -16px; }
  1000. .ui-icon-triangle-2-e-w { background-position: -144px -16px; }
  1001. .ui-icon-arrow-1-n { background-position: 0 -32px; }
  1002. .ui-icon-arrow-1-ne { background-position: -16px -32px; }
  1003. .ui-icon-arrow-1-e { background-position: -32px -32px; }
  1004. .ui-icon-arrow-1-se { background-position: -48px -32px; }
  1005. .ui-icon-arrow-1-s { background-position: -64px -32px; }
  1006. .ui-icon-arrow-1-sw { background-position: -80px -32px; }
  1007. .ui-icon-arrow-1-w { background-position: -96px -32px; }
  1008. .ui-icon-arrow-1-nw { background-position: -112px -32px; }
  1009. .ui-icon-arrow-2-n-s { background-position: -128px -32px; }
  1010. .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
  1011. .ui-icon-arrow-2-e-w { background-position: -160px -32px; }
  1012. .ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
  1013. .ui-icon-arrowstop-1-n { background-position: -192px -32px; }
  1014. .ui-icon-arrowstop-1-e { background-position: -208px -32px; }
  1015. .ui-icon-arrowstop-1-s { background-position: -224px -32px; }
  1016. .ui-icon-arrowstop-1-w { background-position: -240px -32px; }
  1017. .ui-icon-arrowthick-1-n { background-position: 0 -48px; }
  1018. .ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
  1019. .ui-icon-arrowthick-1-e { background-position: -32px -48px; }
  1020. .ui-icon-arrowthick-1-se { background-position: -48px -48px; }
  1021. .ui-icon-arrowthick-1-s { background-position: -64px -48px; }
  1022. .ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
  1023. .ui-icon-arrowthick-1-w { background-position: -96px -48px; }
  1024. .ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
  1025. .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
  1026. .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
  1027. .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
  1028. .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
  1029. .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
  1030. .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
  1031. .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
  1032. .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
  1033. .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
  1034. .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
  1035. .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
  1036. .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
  1037. .ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
  1038. .ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
  1039. .ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
  1040. .ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
  1041. .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
  1042. .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
  1043. .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
  1044. .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
  1045. .ui-icon-arrow-4 { background-position: 0 -80px; }
  1046. .ui-icon-arrow-4-diag { background-position: -16px -80px; }
  1047. .ui-icon-extlink { background-position: -32px -80px; }
  1048. .ui-icon-newwin { background-position: -48px -80px; }
  1049. .ui-icon-refresh { background-position: -64px -80px; }
  1050. .ui-icon-shuffle { background-position: -80px -80px; }
  1051. .ui-icon-transfer-e-w { background-position: -96px -80px; }
  1052. .ui-icon-transferthick-e-w { background-position: -112px -80px; }
  1053. .ui-icon-folder-collapsed { background-position: 0 -96px; }
  1054. .ui-icon-folder-open { background-position: -16px -96px; }
  1055. .ui-icon-document { background-position: -32px -96px; }
  1056. .ui-icon-document-b { background-position: -48px -96px; }
  1057. .ui-icon-note { background-position: -64px -96px; }
  1058. .ui-icon-mail-closed { background-position: -80px -96px; }
  1059. .ui-icon-mail-open { background-position: -96px -96px; }
  1060. .ui-icon-suitcase { background-position: -112px -96px; }
  1061. .ui-icon-comment { background-position: -128px -96px; }
  1062. .ui-icon-person { background-position: -144px -96px; }
  1063. .ui-icon-print { background-position: -160px -96px; }
  1064. .ui-icon-trash { background-position: -176px -96px; }
  1065. .ui-icon-locked { background-position: -192px -96px; }
  1066. .ui-icon-unlocked { background-position: -208px -96px; }
  1067. .ui-icon-bookmark { background-position: -224px -96px; }
  1068. .ui-icon-tag { background-position: -240px -96px; }
  1069. .ui-icon-home { background-position: 0 -112px; }
  1070. .ui-icon-flag { background-position: -16px -112px; }
  1071. .ui-icon-calendar { background-position: -32px -112px; }
  1072. .ui-icon-cart { background-position: -48px -112px; }
  1073. .ui-icon-pencil { background-position: -64px -112px; }
  1074. .ui-icon-clock { background-position: -80px -112px; }
  1075. .ui-icon-disk { background-position: -96px -112px; }
  1076. .ui-icon-calculator { background-position: -112px -112px; }
  1077. .ui-icon-zoomin { background-position: -128px -112px; }
  1078. .ui-icon-zoomout { background-position: -144px -112px; }
  1079. .ui-icon-search { background-position: -160px -112px; }
  1080. .ui-icon-wrench { background-position: -176px -112px; }
  1081. .ui-icon-gear { background-position: -192px -112px; }
  1082. .ui-icon-heart { background-position: -208px -112px; }
  1083. .ui-icon-star { background-position: -224px -112px; }
  1084. .ui-icon-link { background-position: -240px -112px; }
  1085. .ui-icon-cancel { background-position: 0 -128px; }
  1086. .ui-icon-plus { background-position: -16px -128px; }
  1087. .ui-icon-plusthick { background-position: -32px -128px; }
  1088. .ui-icon-minus { background-position: -48px -128px; }
  1089. .ui-icon-minusthick { background-position: -64px -128px; }
  1090. .ui-icon-close { background-position: -80px -128px; }
  1091. .ui-icon-closethick { background-position: -96px -128px; }
  1092. .ui-icon-key { background-position: -112px -128px; }
  1093. .ui-icon-lightbulb { background-position: -128px -128px; }
  1094. .ui-icon-scissors { background-position: -144px -128px; }
  1095. .ui-icon-clipboard { background-position: -160px -128px; }
  1096. .ui-icon-copy { background-position: -176px -128px; }
  1097. .ui-icon-contact { background-position: -192px -128px; }
  1098. .ui-icon-image { background-position: -208px -128px; }
  1099. .ui-icon-video { background-position: -224px -128px; }
  1100. .ui-icon-script { background-position: -240px -128px; }
  1101. .ui-icon-alert { background-position: 0 -144px; }
  1102. .ui-icon-info { background-position: -16px -144px; }
  1103. .ui-icon-notice { background-position: -32px -144px; }
  1104. .ui-icon-help { background-position: -48px -144px; }
  1105. .ui-icon-check { background-position: -64px -144px; }
  1106. .ui-icon-bullet { background-position: -80px -144px; }
  1107. .ui-icon-radio-on { background-position: -96px -144px; }
  1108. .ui-icon-radio-off { background-position: -112px -144px; }
  1109. .ui-icon-pin-w { background-position: -128px -144px; }
  1110. .ui-icon-pin-s { background-position: -144px -144px; }
  1111. .ui-icon-play { background-position: 0 -160px; }
  1112. .ui-icon-pause { background-position: -16px -160px; }
  1113. .ui-icon-seek-next { background-position: -32px -160px; }
  1114. .ui-icon-seek-prev { background-position: -48px -160px; }
  1115. .ui-icon-seek-end { background-position: -64px -160px; }
  1116. .ui-icon-seek-start { background-position: -80px -160px; }
  1117. /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
  1118. .ui-icon-seek-first { background-position: -80px -160px; }
  1119. .ui-icon-stop { background-position: -96px -160px; }
  1120. .ui-icon-eject { background-position: -112px -160px; }
  1121. .ui-icon-volume-off { background-position: -128px -160px; }
  1122. .ui-icon-volume-on { background-position: -144px -160px; }
  1123. .ui-icon-power { background-position: 0 -176px; }
  1124. .ui-icon-signal-diag { background-position: -16px -176px; }
  1125. .ui-icon-signal { background-position: -32px -176px; }
  1126. .ui-icon-battery-0 { background-position: -48px -176px; }
  1127. .ui-icon-battery-1 { background-position: -64px -176px; }
  1128. .ui-icon-battery-2 { background-position: -80px -176px; }
  1129. .ui-icon-battery-3 { background-position: -96px -176px; }
  1130. .ui-icon-circle-plus { background-position: 0 -192px; }
  1131. .ui-icon-circle-minus { background-position: -16px -192px; }
  1132. .ui-icon-circle-close { background-position: -32px -192px; }
  1133. .ui-icon-circle-triangle-e { background-position: -48px -192px; }
  1134. .ui-icon-circle-triangle-s { background-position: -64px -192px; }
  1135. .ui-icon-circle-triangle-w { background-position: -80px -192px; }
  1136. .ui-icon-circle-triangle-n { background-position: -96px -192px; }
  1137. .ui-icon-circle-arrow-e { background-position: -112px -192px; }
  1138. .ui-icon-circle-arrow-s { background-position: -128px -192px; }
  1139. .ui-icon-circle-arrow-w { background-position: -144px -192px; }
  1140. .ui-icon-circle-arrow-n { background-position: -160px -192px; }
  1141. .ui-icon-circle-zoomin { background-position: -176px -192px; }
  1142. .ui-icon-circle-zoomout { background-position: -192px -192px; }
  1143. .ui-icon-circle-check { background-position: -208px -192px; }
  1144. .ui-icon-circlesmall-plus { background-position: 0 -208px; }
  1145. .ui-icon-circlesmall-minus { background-position: -16px -208px; }
  1146. .ui-icon-circlesmall-close { background-position: -32px -208px; }
  1147. .ui-icon-squaresmall-plus { background-position: -48px -208px; }
  1148. .ui-icon-squaresmall-minus { background-position: -64px -208px; }
  1149. .ui-icon-squaresmall-close { background-position: -80px -208px; }
  1150. .ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
  1151. .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
  1152. .ui-icon-grip-solid-vertical { background-position: -32px -224px; }
  1153. .ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
  1154. .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
  1155. .ui-icon-grip-diagonal-se { background-position: -80px -224px; }
  1156. /** Misc */
  1157. /* Corner radius */
  1158. .ui-corner-all,
  1159. .ui-corner-top,
  1160. .ui-corner-left,
  1161. .ui-corner-tl,
  1162. .ui-menu .ui-menu-item.ui-menu-item-first a {
  1163. border-top-left-radius: 4px;
  1164. }
  1165. .ui-corner-all,
  1166. .ui-corner-top,
  1167. .ui-corner-right,
  1168. .ui-corner-tr,
  1169. .ui-menu .ui-menu-item.ui-menu-item-first a {
  1170. border-top-right-radius:4px;
  1171. }
  1172. .ui-corner-all,
  1173. .ui-corner-bottom,
  1174. .ui-corner-left,
  1175. .ui-corner-bl,
  1176. .ui-menu .ui-menu-item.ui-menu-item-last a,
  1177. .ui-dialog-buttonpane,
  1178. .ui-datepicker-multi .ui-datepicker-group-first .ui-datepicker-header,
  1179. .ui-datepicker .ui-datepicker-buttonpane {
  1180. border-bottom-left-radius: 4px;
  1181. }
  1182. .ui-corner-all,
  1183. .ui-corner-bottom,
  1184. .ui-corner-right,
  1185. .ui-corner-br,
  1186. .ui-menu .ui-menu-item.ui-menu-item-last a,
  1187. .ui-dialog-buttonpane,
  1188. .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
  1189. .ui-datepicker .ui-datepicker-buttonpane {
  1190. border-bottom-right-radius: 4px;
  1191. }
  1192. /* Overlays */
  1193. .ui-widget-overlay {
  1194. background: rgba(255,255,255,.5);
  1195. }
  1196. .ui-widget-shadow {
  1197. margin: -7px 0 0 -7px;
  1198. padding: 7px;
  1199. background: rgba(0,0,0,.3);
  1200. border-radius: 8px;
  1201. }
  1202. /* SunHater Fixes */
  1203. .ui-accordion-content-active, .ui-tabs, .ui-slider-range, .ui-datepicker, .ui-dialog {
  1204. border-color: #1b79b8;
  1205. }
  1206. .ui-slider .ui-slider-range {
  1207. border: 1px solid #1b79b8;
  1208. top: -1px
  1209. }
  1210. .ui-progressbar {
  1211. overflow:visible;
  1212. }
  1213. .ui-progressbar-value {
  1214. border: 1px solid #1b79b8;
  1215. margin-top: -1px
  1216. }
  1217. .ui-accordion-header,
  1218. .ui-tabs-nav,
  1219. .ui-button,
  1220. .ui-tabs li,
  1221. .ui-slider-handle,
  1222. .ui-slider-range,
  1223. .ui-datepicker-header,
  1224. .ui-datepicker-header a:hover,
  1225. .ui-datepicker-calendar .ui-state-default,
  1226. .ui-progressbar-value,
  1227. .ui-menu .ui-menu-item a.ui-state-focus,
  1228. .ui-menu .ui-menu-item a.ui-state-active,
  1229. .ui-dialog-titlebar,
  1230. .ui-dialog-titlebar-close.ui-state-default.ui-state-hover,
  1231. .ui-datepicker .ui-datepicker-buttonpane button {
  1232. box-shadow: inset 0 0 7px #fff, inset 0 0 3px #fff;
  1233. }
  1234. .ui-spinner,
  1235. .ui-menu {
  1236. box-shadow: inset 0 0 4px #6b6b6b;
  1237. }
  1238. .ui-accordion-content,
  1239. .ui-tabs,
  1240. .ui-dialog-content,
  1241. .ui-dialog-buttonpane,
  1242. .ui-datepicker,
  1243. .ui-datepicker .ui-datepicker-buttonpane {
  1244. box-shadow: inset 0 0 4px #1b79b8;
  1245. }
  1246. .ui-state-default,
  1247. .ui-state-focus,
  1248. .ui-state-active,
  1249. .ui-widget-header {
  1250. text-shadow:
  1251. 1px 0 rgba(0,0,0,.2),
  1252. -1px 0 rgba(0,0,0,.2),
  1253. 0 -1px rgba(0,0,0,.2),
  1254. 0 1px rgba(0,0,0,.2),
  1255. 1px 1px rgba(0,0,0,.2),
  1256. -1px -1px rgba(0,0,0,.2),
  1257. 1px -1px rgba(0,0,0,.2),
  1258. -1px 1px rgba(0,0,0,.2);
  1259. }
  1260. .ui-tabs .ui-state-active,
  1261. .ui-datepicker .ui-state-highlight {
  1262. text-shadow: none;
  1263. }
  1264. .ui-datepicker .ui-state-highlight {
  1265. color: #215b82;
  1266. border-color: #1b79b8;
  1267. box-shadow: inset 0 0 4px #1b79b8;
  1268. background: #fff;
  1269. background: -webkit-linear-gradient(top, #dfeef8, #fff);
  1270. background: -moz-linear-gradient(top, #dfeef8, #fff);
  1271. background: -ms-linear-gradient(top, #dfeef8, #fff);
  1272. background: -o-linear-gradient(top, #dfeef8, #fff);
  1273. background: linear-gradient(to bottom, #dfeef8, #fff);
  1274. }
  1275. .ui-progressbar, .ui-slider, .ui-menu {
  1276. box-shadow: inset 0 0 4px #6b6b6b;
  1277. background: #fff;
  1278. background: -webkit-linear-gradient(top, #f0f0f0, #fff);
  1279. background: -moz-linear-gradient(top, #f0f0f0, #fff);
  1280. background: -ms-linear-gradient(top, #f0f0f0, #fff);
  1281. background: -o-linear-gradient(top, #f0f0f0, #fff);
  1282. background: linear-gradient(to bottom, #f0f0f0, #fff);
  1283. }
  1284. .ui-slider, .ui-spinner, .ui-progressbar, .ui-menu {
  1285. border-color: #6b6b6b;
  1286. }
  1287. .ui-datepicker-calendar .ui-state-default {
  1288. border-radius: 3px;
  1289. }
  1290. .ui-tabs .ui-tabs-nav {
  1291. margin: -1px;
  1292. border-bottom-right-radius: 0;
  1293. border-bottom-left-radius: 0;
  1294. padding-left:3px;
  1295. }
  1296. .ui-tabs-active.ui-state-active {
  1297. background: #fff;
  1298. background: -webkit-linear-gradient(top, #ccc, #ddd, #eee, #fff, #fff, #fff);
  1299. background: -moz-linear-gradient(top, #ccc, #ddd, #eee, #fff, #fff, #fff);
  1300. background: -ms-linear-gradient(top, #ccc, #ddd, #eee, #fff, #fff, #fff);
  1301. background: -o-linear-gradient(top, #ccc, #ddd, #eee, #fff, #fff, #fff);
  1302. background: linear-gradient(to bottom, #ccc, #ddd, #eee, #fff, #fff, #fff);
  1303. box-shadow: inset 0 0 5px #fff, inset 0 0 5px #fff, inset 0 0 5px #fff;
  1304. }
  1305. .ui-tabs-active.ui-state-active a {
  1306. color: #215b82;
  1307. }
  1308. .ui-state-default, .ui-state-default a {
  1309. outline: 0;
  1310. }
  1311. .ui-datepicker-header,
  1312. .ui-dialog-titlebar {
  1313. border-bottom-right-radius: 0;
  1314. border-bottom-left-radius: 0;
  1315. margin: -5px -5px 0 -5px;
  1316. }
  1317. .ui-datepicker-header {
  1318. margin: -11px -11px 5px -11px;
  1319. }
  1320. .ui-datepicker-header a:hover {
  1321. cursor: pointer;
  1322. }
  1323. .ui-dialog-titlebar-close.ui-state-default {
  1324. border-color: transparent;
  1325. background: none;
  1326. box-shadow: none;
  1327. }
  1328. .ui-dialog-titlebar-close.ui-state-default.ui-state-hover {
  1329. border-color: #6b6b6b;
  1330. background: #6b6b6b}
  1331. .ui-dialog-buttonpane {
  1332. background: #e4f5ff;
  1333. border-top-color: #1b79b8;
  1334. margin: 0 -4px -4px -4px;
  1335. padding: 0;
  1336. }
  1337. /*** Uniform */
  1338. /* Remove default webkit and possible mozilla .search styles.
  1339. * Keeping this as :active to remove browser styles */
  1340. div.checker input,
  1341. input[type="search"],
  1342. input[type="search"]:active {
  1343. -moz-appearance: none;
  1344. -webkit-appearance: none;
  1345. }
  1346. div.selector,
  1347. div.selector span,
  1348. div.checker span,
  1349. div.radio span,
  1350. div.uploader,
  1351. div.uploader
  1352. span.action,
  1353. div.button,
  1354. div.button span {
  1355. -webkit-font-smoothing: antialiased;
  1356. }
  1357. div.selector,
  1358. div.checker,
  1359. div.button,
  1360. div.radio,
  1361. div.uploader {
  1362. display: -moz-inline-box;
  1363. display: inline-block;
  1364. zoom: 1;
  1365. vertical-align: middle;
  1366. }
  1367. div.checker span,
  1368. div.checker input,
  1369. div.radio span,
  1370. div.radio input,
  1371. div.button span {
  1372. display: -moz-inline-box;
  1373. display: inline-block;
  1374. zoom: 1;
  1375. text-align: center;
  1376. }
  1377. div.selector select,
  1378. div.checker input,
  1379. div.button button,
  1380. div.button input,
  1381. div.button a,
  1382. div.radio input,
  1383. div.uploader input,
  1384. input.uniform-input,
  1385. select.uniform-multiselect,
  1386. textarea.uniform {
  1387. outline: 0;
  1388. }
  1389. div.selector,
  1390. div.selector *,
  1391. div.radio,
  1392. div.radio *,
  1393. div.checker,
  1394. div.checker *,
  1395. div.uploader,
  1396. div.uploader *,
  1397. div.button,
  1398. div.button * {
  1399. margin: 0;
  1400. padding: 0;
  1401. }
  1402. /* Select */
  1403. div.selector {
  1404. padding: 0 1.9em 0 0;
  1405. position: relative;
  1406. overflow: hidden;
  1407. border: 1px solid;
  1408. border-radius: 4px;
  1409. }
  1410. div.selector span {
  1411. text-overflow: ellipsis;
  1412. display: block;
  1413. overflow: hidden;
  1414. white-space: nowrap;
  1415. padding:6px 0 6px 10px;
  1416. cursor: pointer;
  1417. width: 100%;
  1418. border-right: 1px solid;
  1419. border-top-left-radius: 4px;
  1420. border-bottom-left-radius: 4px;
  1421. }
  1422. div.selector .ui-icon {
  1423. background: url(img/ui-icons_white.png) -65px -16px;
  1424. }
  1425. div.selector select {
  1426. opacity: 0;
  1427. filter: alpha(opacity=0);
  1428. border: 0;
  1429. background: none;
  1430. position: absolute;
  1431. height: 50px;
  1432. bottom: 0;
  1433. width: 100%;
  1434. cursor: pointer;
  1435. }
  1436. /* Checkbox */
  1437. div.checker {
  1438. position: relative;
  1439. border: 1px solid;
  1440. padding: 1px;
  1441. border-radius: 4px;
  1442. }
  1443. div.checker,
  1444. div.checker span,
  1445. div.checker input {
  1446. width: 15px;
  1447. height: 15px;
  1448. }
  1449. div.checker span.checked {
  1450. background: url(img/ui-icons_white.png) -64px -145px;
  1451. }
  1452. div.checker input {
  1453. opacity: 0;
  1454. filter: alpha(opacity=0);
  1455. border: 0;
  1456. background: none;
  1457. cursor: pointer;
  1458. }
  1459. /* Radio */
  1460. div.radio {
  1461. position: relative;
  1462. border: 1px solid;
  1463. padding: 1px;
  1464. border-radius: 9px;
  1465. }
  1466. div.radio,
  1467. div.radio span,
  1468. div.radio input {
  1469. width: 15px;
  1470. height: 15px;
  1471. }
  1472. div.radio span.checked {
  1473. background: url(img/ui-icons_white.png) -80px -145px;
  1474. }
  1475. div.radio input {
  1476. opacity: 0;
  1477. border: 0;
  1478. background: none;
  1479. cursor: pointer;
  1480. }
  1481. /* Upload */
  1482. div.uploader {
  1483. cursor: pointer;
  1484. position: relative;
  1485. overflow: hidden;
  1486. border-radius: 4px;
  1487. }
  1488. div.uploader span.action {
  1489. text-align: center;
  1490. float: left;
  1491. display: inline;
  1492. overflow: hidden;
  1493. cursor: pointer;
  1494. padding: 6px 10px;
  1495. border-top-right-radius: 4px;
  1496. border-bottom-right-radius: 4px;
  1497. }
  1498. div.uploader span.filename {
  1499. text-overflow: ellipsis;
  1500. display: block;
  1501. overflow: hidden;
  1502. white-space: nowrap;
  1503. float: left;
  1504. padding: 6px 10px;
  1505. border-right: 1px solid;
  1506. border-top-left-radius: 4px;
  1507. border-bottom-left-radius: 4px;
  1508. }
  1509. div.uploader input {
  1510. opacity: 0;
  1511. filter: alpha(opacity=0);
  1512. border: 0;
  1513. background: none;
  1514. position: absolute;
  1515. top: 0;
  1516. right: 0;
  1517. float: right;
  1518. cursor: pointer;
  1519. font-size: 100px;
  1520. }
  1521. div.uploader input::-webkit-file-upload-button {
  1522. cursor: pointer;
  1523. }
  1524. div.uploader.active span.filename,
  1525. div.uploader.focus span.filename {
  1526. border-right: 1px solid;
  1527. }
  1528. /* Button */
  1529. div.button {
  1530. cursor: pointer;
  1531. position: relative;
  1532. overflow: hidden;
  1533. border: 1px solid;
  1534. border-radius: 4px;
  1535. }
  1536. div.button a,
  1537. div.button button,
  1538. div.button input {
  1539. opacity: 0;
  1540. filter: alpha(opacity=0);
  1541. display: block;
  1542. left: 0;
  1543. top: 0;
  1544. position: absolute;
  1545. margin: 0;
  1546. padding: 0;
  1547. font-size: 1000px;
  1548. cursor: pointer;
  1549. }
  1550. div.button span {
  1551. padding: 0;
  1552. margin: 6px 10px;
  1553. }
  1554. /* Text fields */
  1555. input.uniform-input,
  1556. select.uniform-multiselect,
  1557. textarea.uniform {
  1558. margin: 0;
  1559. border: 1px solid;
  1560. border-radius: 4px;
  1561. }
  1562. input.uniform-input,
  1563. textarea.uniform {
  1564. padding: 6px 10px;
  1565. }
  1566. textarea.uniform {
  1567. overflow: auto;
  1568. }
  1569. select.uniform-multiselect {
  1570. padding: 5px;
  1571. }
  1572. /** Colorize elements */
  1573. div.uploader {
  1574. border: 1px solid #6b6b6b;
  1575. }
  1576. div.uploader.active,
  1577. div.uploader.focus {
  1578. border-color: #1b79b8;
  1579. }
  1580. /* Default - text fields */
  1581. input.uniform-input,
  1582. select.uniform-multiselect,
  1583. textarea.uniform,
  1584. div.uploader span.filename,
  1585. div.selector span {
  1586. border-color: #6b6b6b;
  1587. box-shadow: inset 0 0 4px #6b6b6b;
  1588. background: #fff;
  1589. background: -webkit-linear-gradient(top, #f0f0f0, #fff);
  1590. background: -moz-linear-gradient(top, #f0f0f0, #fff);
  1591. background: -ms-linear-gradient(top, #f0f0f0, #fff);
  1592. background: -o-linear-gradient(top, #f0f0f0, #fff);
  1593. background: linear-gradient(to bottom, #f0f0f0, #fff);
  1594. color: #6b6b6b;
  1595. }
  1596. select.uniform-multiselect option {
  1597. color: #6b6b6b;
  1598. }
  1599. select.uniform-multiselect.focus option {
  1600. color: #000;
  1601. }
  1602. /* Focus - text fields */
  1603. input.uniform-input.focus,
  1604. select.uniform-multiselect.focus,
  1605. textarea.uniform.focus,
  1606. div.uploader.active span.filename,
  1607. div.uploader.focus span.filename,
  1608. div.selector.active span,
  1609. div.selector.focus span {
  1610. border-color: #1b79b8;
  1611. box-shadow: inset 0 0 4px #1b79b8;
  1612. color: #000;
  1613. background: #fff;
  1614. background: -webkit-linear-gradient(top, #dfeef8, #fff);
  1615. background: -moz-linear-gradient(top, #dfeef8, #fff);
  1616. background: -ms-linear-gradient(top, #dfeef8, #fff);
  1617. background: -o-linear-gradient(top, #dfeef8, #fff);
  1618. background: linear-gradient(to bottom, #dfeef8, #fff);
  1619. }
  1620. /* Read-only - text fields */
  1621. input.uniform-input[readonly],
  1622. textarea.uniform[readonly],
  1623. input.uniform-input[readonly]:focus,
  1624. textarea.uniform[readonly]:focus {
  1625. color: #808080;
  1626. border-color: #a5a5a5;
  1627. box-shadow: inset 0 0 4px #a5a5a5;
  1628. background: -webkit-linear-gradient(top, #ddd, #fff);
  1629. background: -moz-linear-gradient(top, #ddd, #fff);
  1630. background: -ms-linear-gradient(top, #ddd, #fff);
  1631. background: -o-linear-gradient(top, #ddd, #fff);
  1632. background: linear-gradient(to bottom, #ddd, #fff);
  1633. }
  1634. /* Default - buttons */
  1635. div.selector,
  1636. div.button,
  1637. div.uploader span.action,
  1638. div.radio,
  1639. div.checker {
  1640. border-color: #6b6b6b;
  1641. background: #6b6b6b;
  1642. background: -webkit-linear-gradient(top, #ababab, #6b6b6b);
  1643. background: -moz-linear-gradient(top, #ababab, #6b6b6b);
  1644. background: -ms-linear-gradient(top, #ababab, #6b6b6b);
  1645. background: -o-linear-gradient(top, #ababab, #6b6b6b);
  1646. background: linear-gradient(to bottom, #ababab, #6b6b6b);
  1647. box-shadow: inset 0 0 7px #fff, inset 0 0 3px #fff;
  1648. }
  1649. /* Hover - buttons */
  1650. div.selector.hover,
  1651. div.button.hover,
  1652. div.uploader.hover span.action,
  1653. div.radio.hover,
  1654. div.checker.hover {
  1655. border-color: #6b6b6b;
  1656. background: #6b6b6b;
  1657. background: -webkit-linear-gradient(top, #6b6b6b, #ababab);
  1658. background: -moz-linear-gradient(top, #6b6b6b, #ababab);
  1659. background: -ms-linear-gradient(top, #6b6b6b, #ababab);
  1660. background: -o-linear-gradient(top, #6b6b6b, #ababab);
  1661. background: linear-gradient(to bottom, #6b6b6b, #ababab);
  1662. }
  1663. /* Focus - buttons */
  1664. div.selector.focus,
  1665. div.button.focus,
  1666. div.uploader.focus span.action,
  1667. div.radio.focus,
  1668. div.checker.focus {
  1669. border-color: #1b79b8;
  1670. background: #1b79b8;
  1671. background: -webkit-linear-gradient(top, #59b5f2, #1b79b8);
  1672. background: -moz-linear-gradient(top, #59b5f2, #1b79b8);
  1673. background: -ms-linear-gradient(top, #59b5f2, #1b79b8);
  1674. background: -o-linear-gradient(top, #59b5f2, #1b79b8);
  1675. background: linear-gradient(to bottom, #59b5f2, #1b79b8);
  1676. }
  1677. /* Active - buttons */
  1678. div.button.active,
  1679. div.button.active.hover,
  1680. div.button.focus.hover,
  1681. div.uploader.active span.action,
  1682. div.uploader.active.hover span.action,
  1683. div.uploader.focus.hover span.action,
  1684. div.radio.active,
  1685. div.radio.active.hover,
  1686. div.radio.focus.hover,
  1687. div.checker.active,
  1688. div.checker.active.hover,
  1689. div.checker.focus.hover,
  1690. div.selector.active,
  1691. div.selector.active.hover {
  1692. border-color: #1b79b8;
  1693. background: #1b79b8;
  1694. background: -webkit-linear-gradient(top, #1b79b8, #59b5f2);
  1695. background: -moz-linear-gradient(top, #1b79b8, #59b5f2);
  1696. background: -ms-linear-gradient(top, #1b79b8, #59b5f2);
  1697. background: -o-linear-gradient(top, #1b79b8, #59b5f2);
  1698. background: linear-gradient(to bottom, #1b79b8, #59b5f2);
  1699. }
  1700. /* Disabled */
  1701. input.uniform-input[disabled],
  1702. select.uniform-multiselect[disabled],
  1703. textarea.uniform[disabled],
  1704. div.button.disabled,
  1705. div.uploader.disabled,
  1706. div.radio.disabled,
  1707. div.checker.disabled,
  1708. div.selector.disabled,
  1709. div.selector.disabled.active{
  1710. opacity: .5;
  1711. filter: alpha(opacity=50);
  1712. cursor: default;
  1713. }
  1714. div.selector.disabled select,
  1715. div.uploader.disabled input,
  1716. div.button.disabled input,
  1717. div.button.disabled button,
  1718. div.button.disabled a,
  1719. div.radio.disabled input,
  1720. div.checker.disabled input {
  1721. cursor: default;
  1722. }
  1723. /* Buttons text */
  1724. div.button span,
  1725. div.uploader span.action {
  1726. font-weight: bold;
  1727. color: #fff;
  1728. text-shadow:
  1729. 1px 0 rgba(0,0,0,.2),
  1730. -1px 0 rgba(0,0,0,.2),
  1731. 0 -1px rgba(0,0,0,.2),
  1732. 0 1px rgba(0,0,0,.2),
  1733. 1px 1px rgba(0,0,0,.2),
  1734. -1px -1px rgba(0,0,0,.2),
  1735. 1px -1px rgba(0,0,0,.2),
  1736. -1px 1px rgba(0,0,0,.2);
  1737. }
  1738. /* Placeholder colors */
  1739. input.uniform-input::-webkit-input-placeholder,
  1740. textarea.uniform::-webkit-input-placeholder {
  1741. color: #ababab;
  1742. }
  1743. input.uniform-input:-moz-placeholder,
  1744. textarea.uniform::-moz-placeholder {
  1745. color: #6b6b6b;
  1746. }
  1747. input.uniform-input::-moz-placeholder,
  1748. textarea.uniform::-moz-placeholder {
  1749. color: #6b6b6b;
  1750. }
  1751. input.uniform-input:-ms-input-placeholder,
  1752. textarea.uniform:-ms-input-placeholder{
  1753. color: #ababab;
  1754. }
  1755. input.uniform-input:focus::-webkit-input-placeholder,
  1756. textarea.uniform:focus::-webkit-input-placeholder{
  1757. color: #59b5f2;
  1758. }
  1759. input.uniform-input:focus:-moz-placeholder,
  1760. textarea.uniform:focus:-moz-placeholder {
  1761. color: #1b79b8;
  1762. }
  1763. input.uniform-input:focus::-moz-placeholder,
  1764. textarea.uniform:focus::-moz-placeholder {
  1765. color: #1b79b8;
  1766. }
  1767. input.uniform-input:focus:-ms-input-placeholder,
  1768. textarea.uniform:focus:-ms-input-placeholder {
  1769. color: #59b5f2;
  1770. }
  1771. /** sh-uniform elements (a shUniform patch must be applied) */
  1772. fieldset.sh-uniform {
  1773. border: 1px solid #6B6B6B;
  1774. box-shadow: inset 0 0 4px #6B6B6B;
  1775. border-radius: 4px;
  1776. background: #fff;
  1777. background: -webkit-linear-gradient(top, #f0f0f0, #fff);
  1778. background: -moz-linear-gradient(top, #f0f0f0, #fff);
  1779. background: -ms-linear-gradient(top, #f0f0f0, #fff);
  1780. background: -o-linear-gradient(top, #f0f0f0, #fff);
  1781. background: linear-gradient(to bottom, #f0f0f0, #fff);
  1782. margin: 0 10px 10px 0;
  1783. padding: 10px;
  1784. }
  1785. fieldset.sh-uniform legend {
  1786. font-weight: bold;
  1787. color: #6B6B6B;
  1788. text-shadow:
  1789. 1px 0 rgba(255,255,255,.5),
  1790. -1px 0 rgba(255,255,255,.5),
  1791. 0 -1px rgba(255,255,255,.5),
  1792. 0 1px rgba(255,255,255,.5),
  1793. 1px 1px rgba(255,255,255,.5),
  1794. -1px -1px rgba(255,255,255,.5),
  1795. 1px -1px rgba(255,255,255,.5),
  1796. -1px 1px rgba(255,255,255,.5),
  1797. 0 0 5px #fff;
  1798. }
  1799. label.sh-uniform {
  1800. color: #6b6b6b;
  1801. }
  1802. /*** shCheckset */
  1803. .shcs {
  1804. margin: 0;
  1805. }
  1806. .shcs > div {
  1807. border: 1px solid;
  1808. border-top: 0;
  1809. padding: 5px;
  1810. border-bottom-left-radius: 4px;
  1811. border-bottom-right-radius: 4px;
  1812. }
  1813. .shcs > input, .shcs > input:focus, .shcs > input:hover {
  1814. border-bottom-left-radius: 0;
  1815. border-bottom-right-radius: 0;
  1816. margin:0;
  1817. }
  1818. .shcs label {
  1819. padding: 2px 5px 2px 2px;
  1820. border: 1px solid transparent;
  1821. border-radius: 4px;
  1822. color: #6b6b6b;
  1823. }
  1824. .shcs > div, .shcs label:hover {
  1825. border-color: #6b6b6b;
  1826. box-shadow: inset 0 0 4px #6b6b6b;
  1827. background: #fff;
  1828. background: -webkit-linear-gradient(top, #f0f0f0, #fff);
  1829. background: -moz-linear-gradient(top, #f0f0f0, #fff);
  1830. background: -ms-linear-gradient(top, #f0f0f0, #fff);
  1831. background: -o-linear-gradient(top, #f0f0f0, #fff);
  1832. background: linear-gradient(to bottom, #f0f0f0, #fff);
  1833. }
  1834. .shcs label:hover {
  1835. color: #6b6b6b;
  1836. cursor: pointer;
  1837. }
  1838. .shcs > div.focus, .shcs label.checked {
  1839. border-color: #1b79b8;
  1840. box-shadow: inset 0 0 4px #1b79b8;
  1841. color: #000;
  1842. background: #fff;
  1843. background: -webkit-linear-gradient(top, #dfeef8, #fff);
  1844. background: -moz-linear-gradient(top, #dfeef8, #fff);
  1845. background: -ms-linear-gradient(top, #dfeef8, #fff);
  1846. background: -o-linear-gradient(top, #dfeef8, #fff);
  1847. background: linear-gradient(to bottom, #dfeef8, #fff);
  1848. }
  1849. .shcs label.checked div.checker {
  1850. border-color: #1b79b8;
  1851. background: #1b79b8;
  1852. background: -webkit-linear-gradient(top, #59b5f2, #1b79b8);
  1853. background: -moz-linear-gradient(top, #59b5f2, #1b79b8);
  1854. background: -ms-linear-gradient(top, #59b5f2, #1b79b8);
  1855. background: -o-linear-gradient(top, #59b5f2, #1b79b8);
  1856. background: linear-gradient(to bottom, #59b5f2, #1b79b8);
  1857. }
  1858. .shcs label.checked div.checker.hover {
  1859. border-color: #1b79b8;
  1860. background: #1b79b8;
  1861. background: -webkit-linear-gradient(top, #1b79b8, #59b5f2);
  1862. background: -moz-linear-gradient(top, #1b79b8, #59b5f2);
  1863. background: -ms-linear-gradient(top, #1b79b8, #59b5f2);
  1864. background: -o-linear-gradient(top, #1b79b8, #59b5f2);
  1865. background: linear-gradient(to bottom, #1b79b8, #59b5f2);
  1866. }
  1867. .shcs div.checker.focus {
  1868. border-color: #6b6b6b;
  1869. background: #6b6b6b;
  1870. background: -webkit-linear-gradient(top, #ababab, #6b6b6b);
  1871. background: -moz-linear-gradient(top, #ababab, #6b6b6b);
  1872. background: -ms-linear-gradient(top, #ababab, #6b6b6b);
  1873. background: -o-linear-gradient(top, #ababab, #6b6b6b);
  1874. background: linear-gradient(to bottom, #ababab, #6b6b6b);
  1875. box-shadow: inset 0 0 7px #fff, inset 0 0 3px #fff;
  1876. }
  1877. .shcs div.checker.focus.hover {
  1878. border-color: #6b6b6b;
  1879. background: #6b6b6b;
  1880. background: -webkit-linear-gradient(top, #6b6b6b, #ababab);
  1881. background: -moz-linear-gradient(top, #6b6b6b, #ababab);
  1882. background: -ms-linear-gradient(top, #6b6b6b, #ababab);
  1883. background: -o-linear-gradient(top, #6b6b6b, #ababab);
  1884. background: linear-gradient(to bottom, #6b6b6b, #ababab);
  1885. }
  1886. .shcs label > span {
  1887. position:relative;
  1888. margin-left:5px;
  1889. top:1px;
  1890. }