jquery-ui.theme.css 8.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563
  1. @charset "UTF-8";
  2. /*
  3. * Customizable variables
  4. * Update these variable to create theme
  5. */
  6. /*
  7. * General
  8. */
  9. /*
  10. * Sidebar
  11. */
  12. /*
  13. * Top
  14. */
  15. /*
  16. * Content
  17. */
  18. /*
  19. * Buttons
  20. */
  21. /*
  22. * Inputs
  23. */
  24. /*
  25. * Messages
  26. */
  27. /*
  28. * Login
  29. */
  30. /*
  31. * jQuery UI
  32. */
  33. /*
  34. * Charts
  35. */
  36. /*
  37. * Default variable values
  38. * Create separate themes/theme/_variables.scss to override these variables
  39. */
  40. /*
  41. * General
  42. */
  43. /*
  44. * Sidebar
  45. */
  46. /*
  47. * Top
  48. */
  49. /*
  50. * Content
  51. */
  52. /*
  53. * Buttons
  54. */
  55. /*
  56. * Inputs
  57. */
  58. /*
  59. * Messages
  60. */
  61. /*
  62. * Login
  63. */
  64. /*
  65. * jQuery UI
  66. */
  67. /*
  68. * Charts
  69. */
  70. .hidden {
  71. display: none; }
  72. .clear-list {
  73. margin: 0;
  74. padding: 0;
  75. list-style: none; }
  76. .fl {
  77. float: left; }
  78. .fr {
  79. float: right; }
  80. .cf:before, .cf:after {
  81. content: "";
  82. display: table; }
  83. .cf:after {
  84. clear: both; }
  85. .p10 {
  86. padding: 10px;
  87. padding: 0.71429rem; }
  88. .p20 {
  89. padding: 20px;
  90. padding: 1.42857rem; }
  91. .p30 {
  92. padding: 30px;
  93. padding: 2.14286rem; }
  94. .p40 {
  95. padding: 40px;
  96. padding: 2.85714rem; }
  97. .p50 {
  98. padding: 50px;
  99. padding: 3.57143rem; }
  100. .p60 {
  101. padding: 60px;
  102. padding: 4.28571rem; }
  103. .p70 {
  104. padding: 70px;
  105. padding: 5rem; }
  106. .p80 {
  107. padding: 80px;
  108. padding: 5.71429rem; }
  109. .pt10 {
  110. padding-top: 10px;
  111. padding-top: 0.71429rem; }
  112. .pt20 {
  113. padding-top: 20px;
  114. padding-top: 1.42857rem; }
  115. .pt30 {
  116. padding-top: 30px;
  117. padding-top: 2.14286rem; }
  118. .pt40 {
  119. padding-top: 40px;
  120. padding-top: 2.85714rem; }
  121. .pt50 {
  122. padding-top: 50px;
  123. padding-top: 3.57143rem; }
  124. .pt60 {
  125. padding-top: 60px;
  126. padding-top: 4.28571rem; }
  127. .pt70 {
  128. padding-top: 70px;
  129. padding-top: 5rem; }
  130. .pt80 {
  131. padding-top: 80px;
  132. padding-top: 5.71429rem; }
  133. .pr10 {
  134. padding-right: 10px;
  135. padding-right: 0.71429rem; }
  136. .pr20 {
  137. padding-right: 20px;
  138. padding-right: 1.42857rem; }
  139. .pr30 {
  140. padding-right: 30px;
  141. padding-right: 2.14286rem; }
  142. .pr40 {
  143. padding-right: 40px;
  144. padding-right: 2.85714rem; }
  145. .pr50 {
  146. padding-right: 50px;
  147. padding-right: 3.57143rem; }
  148. .pr60 {
  149. padding-right: 60px;
  150. padding-right: 4.28571rem; }
  151. .pr70 {
  152. padding-right: 70px;
  153. padding-right: 5rem; }
  154. .pr80 {
  155. padding-right: 80px;
  156. padding-right: 5.71429rem; }
  157. .pb10 {
  158. padding-bottom: 10px;
  159. padding-bottom: 0.71429rem; }
  160. .pb20 {
  161. padding-bottom: 20px;
  162. padding-bottom: 1.42857rem; }
  163. .pb30 {
  164. padding-bottom: 30px;
  165. padding-bottom: 2.14286rem; }
  166. .pb40 {
  167. padding-bottom: 40px;
  168. padding-bottom: 2.85714rem; }
  169. .pb50 {
  170. padding-bottom: 50px;
  171. padding-bottom: 3.57143rem; }
  172. .pb60 {
  173. padding-bottom: 60px;
  174. padding-bottom: 4.28571rem; }
  175. .pb70 {
  176. padding-bottom: 70px;
  177. padding-bottom: 5rem; }
  178. .pb80 {
  179. padding-bottom: 80px;
  180. padding-bottom: 5.71429rem; }
  181. .pl10 {
  182. padding-left: 10px;
  183. padding-left: 0.71429rem; }
  184. .pl20 {
  185. padding-left: 20px;
  186. padding-left: 1.42857rem; }
  187. .pl30 {
  188. padding-left: 30px;
  189. padding-left: 2.14286rem; }
  190. .pl40 {
  191. padding-left: 40px;
  192. padding-left: 2.85714rem; }
  193. .pl50 {
  194. padding-left: 50px;
  195. padding-left: 3.57143rem; }
  196. .pl60 {
  197. padding-left: 60px;
  198. padding-left: 4.28571rem; }
  199. .pl70 {
  200. padding-left: 70px;
  201. padding-left: 5rem; }
  202. .pl80 {
  203. padding-left: 80px;
  204. padding-left: 5.71429rem; }
  205. .m10 {
  206. margin: 10px;
  207. margin: 0.71429rem; }
  208. .m20 {
  209. margin: 20px;
  210. margin: 1.42857rem; }
  211. .m30 {
  212. margin: 30px;
  213. margin: 2.14286rem; }
  214. .m40 {
  215. margin: 40px;
  216. margin: 2.85714rem; }
  217. .m50 {
  218. margin: 50px;
  219. margin: 3.57143rem; }
  220. .m60 {
  221. margin: 60px;
  222. margin: 4.28571rem; }
  223. .m70 {
  224. margin: 70px;
  225. margin: 5rem; }
  226. .m80 {
  227. margin: 80px;
  228. margin: 5.71429rem; }
  229. .mt10 {
  230. margin-top: 10px;
  231. margin-top: 0.71429rem; }
  232. .mt20 {
  233. margin-top: 20px;
  234. margin-top: 1.42857rem; }
  235. .mt30 {
  236. margin-top: 30px;
  237. margin-top: 2.14286rem; }
  238. .mt40 {
  239. margin-top: 40px;
  240. margin-top: 2.85714rem; }
  241. .mt50 {
  242. margin-top: 50px;
  243. margin-top: 3.57143rem; }
  244. .mt60 {
  245. margin-top: 60px;
  246. margin-top: 4.28571rem; }
  247. .mt70 {
  248. margin-top: 70px;
  249. margin-top: 5rem; }
  250. .mt80 {
  251. margin-top: 80px;
  252. margin-top: 5.71429rem; }
  253. .mr10 {
  254. margin-right: 10px;
  255. margin-right: 0.71429rem; }
  256. .mr20 {
  257. margin-right: 20px;
  258. margin-right: 1.42857rem; }
  259. .mr30 {
  260. margin-right: 30px;
  261. margin-right: 2.14286rem; }
  262. .mr40 {
  263. margin-right: 40px;
  264. margin-right: 2.85714rem; }
  265. .mr50 {
  266. margin-right: 50px;
  267. margin-right: 3.57143rem; }
  268. .mr60 {
  269. margin-right: 60px;
  270. margin-right: 4.28571rem; }
  271. .mr70 {
  272. margin-right: 70px;
  273. margin-right: 5rem; }
  274. .mr80 {
  275. margin-right: 80px;
  276. margin-right: 5.71429rem; }
  277. .mb10 {
  278. margin-bottom: 10px;
  279. margin-bottom: 0.71429rem; }
  280. .mb20 {
  281. margin-bottom: 20px;
  282. margin-bottom: 1.42857rem; }
  283. .mb30 {
  284. margin-bottom: 30px;
  285. margin-bottom: 2.14286rem; }
  286. .mb40 {
  287. margin-bottom: 40px;
  288. margin-bottom: 2.85714rem; }
  289. .mb50 {
  290. margin-bottom: 50px;
  291. margin-bottom: 3.57143rem; }
  292. .mb60 {
  293. margin-bottom: 60px;
  294. margin-bottom: 4.28571rem; }
  295. .mb70 {
  296. margin-bottom: 70px;
  297. margin-bottom: 5rem; }
  298. .mb80 {
  299. margin-bottom: 80px;
  300. margin-bottom: 5.71429rem; }
  301. .ml10 {
  302. margin-left: 10px;
  303. margin-left: 0.71429rem; }
  304. .ml20 {
  305. margin-left: 20px;
  306. margin-left: 1.42857rem; }
  307. .ml30 {
  308. margin-left: 30px;
  309. margin-left: 2.14286rem; }
  310. .ml40 {
  311. margin-left: 40px;
  312. margin-left: 2.85714rem; }
  313. .ml50 {
  314. margin-left: 50px;
  315. margin-left: 3.57143rem; }
  316. .ml60 {
  317. margin-left: 60px;
  318. margin-left: 4.28571rem; }
  319. .ml70 {
  320. margin-left: 70px;
  321. margin-left: 5rem; }
  322. .ml80 {
  323. margin-left: 80px;
  324. margin-left: 5.71429rem; }
  325. .pos_rel {
  326. position: relative; }
  327. .pos_abs {
  328. position: absolute; }
  329. .fill_width {
  330. width: 100% !important; }
  331. @-webkit-keyframes spin {
  332. 100% {
  333. -webkit-transform: rotate(360deg);
  334. transform: rotate(360deg); } }
  335. @keyframes spin {
  336. 100% {
  337. -webkit-transform: rotate(360deg);
  338. transform: rotate(360deg); } }
  339. .ui-widget-content {
  340. color: #62a29c;
  341. border-color: #f5f3f4; }
  342. .ui-widget.ui-widget-content, .ui-timepicker-table.ui-widget-content {
  343. background: #fff;
  344. box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  345. box-shadow: 0 0 0.71429rem 0 rgba(0, 0, 0, 0.5); }
  346. .ui-widget {
  347. font-family: inherit;
  348. font-size: inherit; }
  349. .ui-widget-header {
  350. border: 0;
  351. background: #3c706b;
  352. color: #fff;
  353. font-weight: bold; }
  354. .ui-widget-header a {
  355. color: #fff; }
  356. .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  357. border: 1px solid #eff6f5;
  358. border: 0.07143rem solid #eff6f5;
  359. background: #fff;
  360. font-weight: bold;
  361. color: #62a29c;
  362. border-radius: 3px;
  363. border-radius: 0.21429rem; }
  364. .ui-widget-header .ui-state-default {
  365. background: none;
  366. color: #fff;
  367. border: 0; }
  368. .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  369. border: 1px solid #7FB1DC;
  370. border: 0.07143rem solid #7FB1DC;
  371. background: #7FB1DC;
  372. font-weight: bold;
  373. color: #fff; }
  374. .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  375. border: 1px solid #44b78b;
  376. border: 0.07143rem solid #44b78b;
  377. background: #44b78b;
  378. font-weight: bold;
  379. color: #fff; }
  380. .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  381. border: 1px solid #7FB1DC;
  382. border: 0.07143rem solid #7FB1DC;
  383. background: #fff;
  384. color: #7FB1DC; }
  385. @media only screen and (max-width: 480px) {
  386. .ui-dialog {
  387. left: 10px !important;
  388. left: 0.71429rem !important;
  389. right: 10px !important;
  390. right: 0.71429rem !important;
  391. width: auto !important; } }
  392. .ui-dialog-buttonpane {
  393. background: #eff6f5;
  394. margin: .5em -0.2em -0.2em -0.2em; }
  395. .ui-dialog-buttonpane .ui-button {
  396. border: 0 !important;
  397. outline: 0; }
  398. .ui-icon {
  399. font-family: 'jet-icons';
  400. speak: none;
  401. font-style: normal;
  402. font-weight: normal;
  403. font-variant: normal;
  404. text-transform: none;
  405. line-height: 1;
  406. /* Better Font Rendering =========== */
  407. -webkit-font-smoothing: antialiased;
  408. -moz-osx-font-smoothing: grayscale;
  409. display: inline-block;
  410. font-size: 16px;
  411. font-size: 1.14286rem;
  412. font-weight: bold;
  413. background: none !important;
  414. text-indent: 0;
  415. overflow: visible; }
  416. .ui-icon-circle-triangle-e:before {
  417. content: ""; }
  418. .ui-icon-circle-triangle-w:before {
  419. content: ""; }
  420. .ui-icon-closethick:before {
  421. content: ""; }
  422. .ui-widget-overlay {
  423. background: #000;
  424. opacity: 0.5;
  425. filter: Alpha(Opacity=50); }
  426. .ui-tooltip {
  427. background: #000 !important;
  428. color: #fff;
  429. border: 0;
  430. box-shadow: none !important;
  431. opacity: 0.8;
  432. font-size: 13px;
  433. font-size: 0.92857rem;
  434. pointer-events: none; }
  435. .ui-datepicker table, .ui-timepicker table {
  436. margin: 0 0 .4em;
  437. background: transparent;
  438. border-radius: 0;
  439. box-shadow: none; }
  440. .ui-datepicker th, .ui-timepicker th {
  441. background: inherit;
  442. color: inherit;
  443. text-transform: inherit; }
  444. .ui-datepicker tbody tr, .ui-timepicker tbody tr {
  445. border-bottom: inherit; }
  446. .ui-datepicker table {
  447. margin: 0 0 .4em; }
  448. .ui-timepicker-table table {
  449. margin: .15em 0 0; }
  450. /*# sourceMappingURL=jquery-ui.theme.css.map */