theme_default.css 61 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440
  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. }* {
  1891. font-size: 13px;
  1892. }
  1893. body {
  1894. background: #e0e0e0;
  1895. color: #6B6B6B;
  1896. }
  1897. fieldset td {
  1898. white-space: nowrap;
  1899. }
  1900. #folders {
  1901. margin: 5px 5px 0 5px;
  1902. }
  1903. #files {
  1904. margin-right: 5px;
  1905. }
  1906. /* SHARED DECLARATIONS */
  1907. #toolbar a:hover,
  1908. #toolbar a.hover,
  1909. span.current,
  1910. span.regular:hover,
  1911. span.context,
  1912. #clipboard div:hover,
  1913. div.file:hover,
  1914. #files div.selected,
  1915. #files div.selected:hover,
  1916. tr.selected > td,
  1917. tr.selected:hover > td,
  1918. #menu .list div a:hover {
  1919. color: #fff;
  1920. text-shadow:
  1921. 1px 0 rgba(0,0,0,.2),
  1922. -1px 0 rgba(0,0,0,.2),
  1923. 0 -1px rgba(0,0,0,.2),
  1924. 0 1px rgba(0,0,0,.2),
  1925. 1px 1px rgba(0,0,0,.2),
  1926. -1px -1px rgba(0,0,0,.2),
  1927. 1px -1px rgba(0,0,0,.2),
  1928. -1px 1px rgba(0,0,0,.2);
  1929. }
  1930. #files,
  1931. #folders,
  1932. #toolbar a.selected {
  1933. border: 1px solid #6B6B6B;
  1934. box-shadow: inset 0 0 4px #6B6B6B;
  1935. border-radius: 4px;
  1936. background: #fff;
  1937. background: -webkit-linear-gradient(top, #f0f0f0, #fff);
  1938. background: -moz-linear-gradient(top, #f0f0f0, #fff);
  1939. background: -ms-linear-gradient(top, #f0f0f0, #fff);
  1940. background: -o-linear-gradient(top, #f0f0f0, #fff);
  1941. background: linear-gradient(to bottom, #f0f0f0, #fff);
  1942. }
  1943. /* TOOLBAR */
  1944. #toolbar {
  1945. padding: 5px 0;
  1946. }
  1947. #toolbar a {
  1948. color: #6b6b6b;
  1949. margin-right: 5px;
  1950. border: 1px solid transparent;
  1951. outline: none;
  1952. display: block;
  1953. float: left;
  1954. border-radius: 4px;
  1955. transition: .3s;
  1956. padding:0;
  1957. background: #E0E0E0;
  1958. }
  1959. #toolbar a > span {
  1960. padding: 6px 10px 6px 26px;
  1961. diaplay: block;
  1962. float:left;
  1963. background: no-repeat 6px center;
  1964. }
  1965. #toolbar a:hover,
  1966. #toolbar a.hover {
  1967. border-color: #1b79b8;
  1968. background: #1b79b8;
  1969. background: -webkit-linear-gradient(top, #59b5f2, #1b79b8);
  1970. background: -moz-linear-gradient(top, #59b5f2, #1b79b8);
  1971. background: -ms-linear-gradient(top, #59b5f2, #1b79b8);
  1972. background: -o-linear-gradient(top, #59b5f2, #1b79b8);
  1973. background: linear-gradient(to bottom, #59b5f2, #1b79b8);
  1974. box-shadow: inset 0 0 7px #fff, inset 0 0 3px #fff;
  1975. }
  1976. #toolbar a:hover,
  1977. #toolbar a.hover {
  1978. transition: .3s;
  1979. }
  1980. #toolbar a[href="kcact:upload"] span {
  1981. background-image: url(img/icons/upload.png);
  1982. }
  1983. #toolbar a[href="kcact:refresh"] span {
  1984. background-image: url(img/icons/refresh.png);
  1985. }
  1986. #toolbar a[href="kcact:settings"] span {
  1987. background-image: url(img/icons/settings.png);
  1988. }
  1989. #toolbar a[href="kcact:about"] span {
  1990. background-image: url(img/icons/about.png);
  1991. }
  1992. #toolbar a[href="kcact:maximize"] span {
  1993. background-image: url(img/icons/maximize.png);
  1994. }
  1995. /* SETTINGS BAR */
  1996. #settings label {
  1997. cursor: pointer;
  1998. }
  1999. #settings fieldset {
  2000. margin-right:5px;
  2001. margin-bottom: 6px;
  2002. margin-top:-5px;
  2003. padding:6px;
  2004. }
  2005. #settings fieldset:hover {
  2006. border-color: #1b79b8;
  2007. box-shadow: inset 0 0 4px #1b79b8;
  2008. background: #dfeef8;
  2009. background: -webkit-linear-gradient(top, #dfeef8, #fff);
  2010. background: -moz-linear-gradient(top, #dfeef8, #fff);
  2011. background: -ms-linear-gradient(top, #dfeef8, #fff);
  2012. background: -o-linear-gradient(top, #dfeef8, #fff);
  2013. background: linear-gradient(to bottom, #dfeef8, #fff);
  2014. }
  2015. #settings fieldset:hover legend,
  2016. #settings fieldset:hover label {
  2017. color: #215b82;
  2018. }
  2019. /* FOLDERS */
  2020. div.folder {
  2021. padding-top: 2px;
  2022. margin-top: 4px;
  2023. white-space: nowrap;
  2024. }
  2025. div.folder a {
  2026. text-decoration: none;
  2027. cursor: default;
  2028. outline: none;
  2029. color: #6b6b6b;
  2030. }
  2031. span.folder {
  2032. padding: 2px 3px 2px 23px;
  2033. outline: none;
  2034. background: no-repeat 3px center;
  2035. cursor: pointer;
  2036. border-radius: 3px;
  2037. border: 1px solid transparent;
  2038. }
  2039. span.brace {
  2040. width: 16px;
  2041. height: 16px;
  2042. outline: none;
  2043. }
  2044. span.current {
  2045. transition: .3s;
  2046. background-image: url(img/tree/folder.png);
  2047. background-color: #3b98d6;
  2048. border-color: #3b98d6;
  2049. box-shadow: inset 0 0 7px #fff, inset 0 0 3px #fff;
  2050. }
  2051. span.regular {
  2052. transition: .3s;
  2053. background-image: url(img/tree/folder.png);
  2054. background-color: transparent;
  2055. }
  2056. span.regular:hover, span.context, #clipboard div:hover {
  2057. transition: .3s;
  2058. background-color: #c6c6c6;
  2059. border-color: #c6c6c6;
  2060. box-shadow: inset 0 0 7px #fff, inset 0 0 3px #fff;
  2061. }
  2062. span.opened {
  2063. background-image: url(img/tree/minus.png);
  2064. }
  2065. span.closed {
  2066. background-image: url(img/tree/plus.png);
  2067. }
  2068. span.denied {
  2069. background-image: url(img/tree/denied.png);
  2070. }
  2071. /* FILES */
  2072. div.file {
  2073. padding: 4px;
  2074. margin: 3px;
  2075. border: 1px solid transparent;
  2076. border-radius: 4px;
  2077. }
  2078. div.file:hover {
  2079. border-color: #aaa;
  2080. box-shadow: inset 0 0 7px #fff, inset 0 0 3px #fff;
  2081. background: #c6c6c6;
  2082. background: -webkit-linear-gradient(top, #e7e7e7, #c6c6c6);
  2083. background: -moz-linear-gradient(top, #e7e7e7, #c6c6c6);
  2084. background: -ms-linear-gradient(top, #e7e7e7, #c6c6c6);
  2085. background: -o-linear-gradient(top, #e7e7e7, #c6c6c6);
  2086. background: linear-gradient(to bottom, #e7e7e7, #c6c6c6);
  2087. }
  2088. div.file .name {
  2089. margin-top: 4px;
  2090. font-weight: bold;
  2091. height: 16px;
  2092. overflow: hidden;
  2093. padding-bottom: 2px;
  2094. }
  2095. div.file .time {
  2096. font-size: 10px;
  2097. }
  2098. div.file .size {
  2099. font-size: 10px;
  2100. }
  2101. #files div.selected,
  2102. #files div.selected:hover {
  2103. border-color: #3b98d6;
  2104. background: #3b98d6;
  2105. background: -webkit-linear-gradient(top, #7dc2f2, #3b98d6);
  2106. background: -moz-linear-gradient(top, #7dc2f2, #3b98d6);
  2107. background: -ms-linear-gradient(top, #7dc2f2, #3b98d6);
  2108. background: -o-linear-gradient(top, #7dc2f2, #3b98d6);
  2109. background: linear-gradient(to bottom, #7dc2f2, #3b98d6);
  2110. box-shadow: inset 0 0 7px #fff, inset 0 0 3px #fff;
  2111. }
  2112. tr.file > td {
  2113. padding: 3px 4px;
  2114. }
  2115. tr.file:hover > td {
  2116. background-color: #ddebf8;
  2117. transition: none;
  2118. }
  2119. tr.selected > td,
  2120. tr.selected:hover > td {
  2121. transition: .3s;
  2122. background-color: #5b9bda;
  2123. }
  2124. tr.file td.name {
  2125. background-position: 2px center;
  2126. padding-left: 22px;
  2127. }
  2128. a.denied {
  2129. color: #666;
  2130. opacity: 0.5;
  2131. filter: alpha(opacity:50);
  2132. cursor: default;
  2133. }
  2134. a.denied:hover {
  2135. background-color: #e4e3e2;
  2136. border-color: transparent;
  2137. box-shadow: none;
  2138. }
  2139. /* FILE MENU */
  2140. #menu .ui-menu a span {
  2141. background: left center no-repeat;
  2142. padding-left: 20px;
  2143. white-space: nowrap;
  2144. }
  2145. #menu a[href="kcact:refresh"] span {
  2146. background-image: url(img/icons/refresh.png);
  2147. }
  2148. #menu a[href="kcact:mkdir"] span {
  2149. background-image: url(img/icons/folder-new.png);
  2150. }
  2151. #menu a[href="kcact:mvdir"] span, #menu a[href="kcact:mv"] span {
  2152. background-image: url(img/icons/rename.png);
  2153. }
  2154. #menu a[href="kcact:rmdir"] span, #menu a[href="kcact:rm"] span, #menu a[href="kcact:rmcbd"] span {
  2155. background-image: url(img/icons/delete.png);
  2156. }
  2157. #menu a[href="kcact:clpbrdadd"] span {
  2158. background-image: url(img/icons/clipboard-add.png);
  2159. }
  2160. #menu a[href="kcact:pick"] span, #menu a[href="kcact:pick_thumb"] span {
  2161. background-image: url(img/icons/select.png);
  2162. }
  2163. #menu a[href="kcact:download"] span {
  2164. background-image: url(img/icons/download.png);
  2165. }
  2166. #menu a[href="kcact:view"] span {
  2167. background-image: url(img/icons/view.png);
  2168. }
  2169. #menu a[href="kcact:cpcbd"] span {
  2170. background-image: url(img/icons/copy.png);
  2171. }
  2172. #menu a[href="kcact:mvcbd"] span {
  2173. background-image: url(img/icons/move.png);
  2174. }
  2175. #menu a[href="kcact:clrcbd"] span {
  2176. background-image: url(img/icons/clipboard-clear.png);
  2177. }
  2178. /* CLIPBOARD */
  2179. #clipboard {
  2180. margin-left:-3px;
  2181. padding: 2px;
  2182. }
  2183. #clipboard div {
  2184. background: url(img/icons/clipboard.png) no-repeat center center;
  2185. border: 1px solid transparent;
  2186. padding: 2px;
  2187. cursor: pointer;
  2188. border-radius: 4px;
  2189. }
  2190. #clipboard.selected div, #clipboard.selected div:hover {
  2191. background-color: #3b98d6;
  2192. border-color: #3b98d6;
  2193. box-shadow: inset 0 0 7px #fff, inset 0 0 3px #fff;
  2194. }
  2195. #menu .list a, #menu .list a.ui-state-focus {
  2196. margin: -1px 0 0 -1px;
  2197. padding: 6px 10px;
  2198. border: 1px solid transparent;
  2199. background: none;
  2200. border-radius: 0;
  2201. text-shadow: none;
  2202. box-shadow: none;
  2203. color: #6b6b6b;
  2204. }
  2205. #menu .list a.first, #menu .list a.first.ui-state-focus {
  2206. border-radius: 4px 4px 0 0;
  2207. }
  2208. #menu .list a:hover {
  2209. border-color: #1b79b8;
  2210. background: #1b79b8;
  2211. background: -webkit-linear-gradient(top, #1b79b8, #59b5f2);
  2212. background: -moz-linear-gradient(top, #1b79b8, #59b5f2);
  2213. background: -ms-linear-gradient(top, #1b79b8, #59b5f2);
  2214. background: -o-linear-gradient(top, #1b79b8, #59b5f2);
  2215. background: linear-gradient(to bottom, #1b79b8, #59b5f2);
  2216. box-shadow: inset 0 0 7px #fff, inset 0 0 3px #fff;
  2217. }
  2218. #menu .list {
  2219. overflow:hidden;
  2220. max-height: 1px;
  2221. margin-bottom: -1px;
  2222. padding-bottom:1px;
  2223. }
  2224. #menu li.div-files {
  2225. margin: 0 0 1px 0;
  2226. }
  2227. /* ABOUT DIALOG */
  2228. .about {
  2229. text-align: center;
  2230. }
  2231. .about div.head {
  2232. font-weight: bold;
  2233. font-size: 12px;
  2234. padding: 3px 0 8px 0;
  2235. }
  2236. .about div.head a {
  2237. background: url(img/kcf_logo.png) no-repeat left center;
  2238. padding: 0 0 0 27px;
  2239. font-size: 17px;
  2240. outline: none;
  2241. }
  2242. .about a {
  2243. text-decoration: none;
  2244. color: #0055ff;
  2245. }
  2246. .about a:hover {
  2247. text-decoration: underline;
  2248. }
  2249. #checkver {
  2250. margin: 5px 0 10px 0;
  2251. }
  2252. #loading, #checkver > span.loading {
  2253. background: url(img/loading.gif);
  2254. border: 1px solid #3687e2;
  2255. box-shadow: 0 0 3px #3687e2, inset 0 0 4px #fff, inset 0 0 5px #fff;
  2256. padding: 6px 10px;
  2257. border-radius: 4px;
  2258. }
  2259. #checkver a {
  2260. font-weight: normal;
  2261. padding: 3px 3px 3px 20px;
  2262. background: url(img/icons/download.png) no-repeat left center;
  2263. }
  2264. /* IMAGE VIEWER */
  2265. .ui-dialog-content.kcfImageViewer {
  2266. background: #000;
  2267. cursor: pointer;
  2268. }
  2269. .kcfImageViewer .img {
  2270. background: url(img/bg_transparent.png);
  2271. }
  2272. /* MISC */
  2273. #loading {
  2274. margin-right: 5px;
  2275. }
  2276. #loadingDirs {
  2277. padding: 5px 0 1px 24px;
  2278. }
  2279. #files.drag {
  2280. background: #ddebf8;
  2281. }
  2282. /* FIX FIELDSET BORDER RADIUS BUG ON IE */
  2283. body.msie fieldset,
  2284. body.trident.rv fieldset {
  2285. border-radius: 0;
  2286. }