You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

jquery-ui-css.diff 18KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600
  1. --- jquery-ui-1.10.4.custom.orig.css 2014-06-17 00:47:00.000000000 +0200
  2. +++ jquery-ui-1.10.4.custom.css 2014-07-31 08:54:40.000000000 +0200
  3. @@ -238,6 +238,8 @@
  4. .ui-button-icons-only .ui-button-text {
  5. padding: .4em;
  6. text-indent: -9999999px;
  7. + width: 1px;
  8. + overflow: hidden;
  9. }
  10. .ui-button-text-icon-primary .ui-button-text,
  11. .ui-button-text-icons .ui-button-text {
  12. @@ -463,20 +465,29 @@
  13. border-left-width: 1px;
  14. }
  15. .ui-dialog {
  16. - overflow: hidden;
  17. position: absolute;
  18. top: 0;
  19. left: 0;
  20. - padding: .2em;
  21. + padding: 3px;
  22. + background: #fff;
  23. + border-radius: 6px !important;
  24. + border: 0 !important;
  25. outline: 0;
  26. + -webkit-box-shadow: #666 1px 1px 12px;
  27. + -moz-box-shadow: 1px 1px 12px #666;
  28. + box-shadow: 1px 1px 18px #666;
  29. }
  30. .ui-dialog .ui-dialog-titlebar {
  31. - padding: .4em 1em;
  32. + padding: 15px 1em 8px 1em;
  33. position: relative;
  34. + border: 0;
  35. + border-radius: 5px 5px 0 0;
  36. }
  37. .ui-dialog .ui-dialog-title {
  38. float: left;
  39. - margin: .1em 0;
  40. + margin: .1em 16px .1em 0;
  41. + font-size: 1.3em;
  42. + text-shadow: 1px 1px 1px #fff;
  43. white-space: nowrap;
  44. width: 90%;
  45. overflow: hidden;
  46. @@ -484,50 +495,84 @@
  47. }
  48. .ui-dialog .ui-dialog-titlebar-close {
  49. position: absolute;
  50. - right: .3em;
  51. - top: 50%;
  52. - width: 20px;
  53. - margin: -10px 0 0 0;
  54. - padding: 1px;
  55. - height: 20px;
  56. + right: -15px;
  57. + top: -15px;
  58. + width: 30px;
  59. + margin: 0;
  60. + padding: 0;
  61. + height: 30px;
  62. + z-index: 99999;
  63. + border-width: 0 !important;
  64. + background: none !important;
  65. + filter: none !important;
  66. + -webkit-box-shadow: none !important;
  67. + -moz-box-shadow: none !important;
  68. + -o-box-shadow: none !important;
  69. + box-shadow: none !important;
  70. +}
  71. +.ui-dialog .ui-dialog-titlebar-close.ui-state-focus {
  72. + outline: 2px solid #4fadd5;
  73. +}
  74. +.ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick {
  75. + top: 0;
  76. + left: 0;
  77. + margin: 0;
  78. + width: 30px;
  79. + height: 30px;
  80. + background: url("images/ui-dialog-close.png") 0 0 no-repeat;
  81. +}
  82. +.no-close .ui-dialog-titlebar-close {
  83. + display: none !important;
  84. }
  85. .ui-dialog .ui-dialog-content {
  86. position: relative;
  87. border: 0;
  88. - padding: .5em 1em;
  89. + padding: 1.5em 1em 0.5em 1em;
  90. background: none;
  91. overflow: auto;
  92. }
  93. +.ui-dialog .ui-widget-content {
  94. + border: 0;
  95. +}
  96. .ui-dialog .ui-dialog-buttonpane {
  97. text-align: left;
  98. border-width: 1px 0 0 0;
  99. background-image: none;
  100. - margin-top: .5em;
  101. - padding: .3em 1em .5em .4em;
  102. + border-color: #ddd;
  103. + border-style: solid;
  104. + margin: 0;
  105. + padding: .3em 1em .5em .8em;
  106. }
  107. .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  108. - float: right;
  109. + float: left;
  110. }
  111. .ui-dialog .ui-dialog-buttonpane button {
  112. margin: .5em .4em .5em 0;
  113. cursor: pointer;
  114. }
  115. .ui-dialog .ui-resizable-se {
  116. - width: 12px;
  117. - height: 12px;
  118. - right: -5px;
  119. - bottom: -5px;
  120. - background-position: 16px 16px;
  121. + width: 14px;
  122. + height: 14px;
  123. + right: 3px;
  124. + bottom: 3px;
  125. + background-position: -80px -224px;
  126. }
  127. .ui-draggable .ui-dialog-titlebar {
  128. cursor: move;
  129. }
  130. .ui-menu {
  131. list-style: none;
  132. - padding: 2px;
  133. + padding: 0;
  134. margin: 0;
  135. display: block;
  136. outline: none;
  137. + background: #444;
  138. + border: 1px solid #999;
  139. + border-radius: 4px !important;
  140. + -webkit-box-shadow: 0 2px 6px 0 #333;
  141. + -moz-box-shadow: 0 2px 6px 0 #333;
  142. + -o-box-shadow: 0 2px 6px 0 #333;
  143. + box-shadow: 0 2px 6px 0 #333;
  144. }
  145. .ui-menu .ui-menu {
  146. margin-top: -3px;
  147. @@ -539,6 +584,16 @@
  148. width: 100%;
  149. /* support: IE10, see #8844 */
  150. list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
  151. + color: #fff;
  152. + white-space: nowrap;
  153. + border-top: 1px solid #5a5a5a;
  154. + border-bottom: 1px solid #333;
  155. +}
  156. +.ui-menu .ui-menu-item:first-child {
  157. + border-top: 0;
  158. +}
  159. +.ui-menu .ui-menu-item:last-child {
  160. + border-bottom: 0;
  161. }
  162. .ui-menu .ui-menu-divider {
  163. margin: 5px -2px 5px -2px;
  164. @@ -550,15 +605,26 @@
  165. .ui-menu .ui-menu-item a {
  166. text-decoration: none;
  167. display: block;
  168. - padding: 2px .4em;
  169. + padding: 6px 10px 4px 10px;
  170. line-height: 1.5;
  171. min-height: 0; /* support: IE7 */
  172. font-weight: normal;
  173. + border: 0;
  174. + margin: 0;
  175. + border-radius: 0;
  176. + color: #fff;
  177. + background: #444;
  178. + text-shadow: 0px 1px 1px #333;
  179. }
  180. .ui-menu .ui-menu-item a.ui-state-focus,
  181. .ui-menu .ui-menu-item a.ui-state-active {
  182. font-weight: normal;
  183. - margin: -1px;
  184. + background: #00aad6;
  185. + background: -moz-linear-gradient(top, #00aad6 0%, #008fc9 100%);
  186. + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00aad6), color-stop(100%,#008fc9));
  187. + background: -o-linear-gradient(top, #00aad6 0%, #008fc9 100%);
  188. + background: -ms-linear-gradient(top, #00aad6 0%, #008fc9 100%);
  189. + background: linear-gradient(top, #00aad6 0%, #008fc9 100%);
  190. }
  191. .ui-menu .ui-state-disabled {
  192. @@ -626,7 +692,13 @@
  193. font-size: .7em;
  194. display: block;
  195. border: 0;
  196. - background-position: 0 0;
  197. + background: #019bc6;
  198. + background: -moz-linear-gradient(top, #019bc6 0%, #017cb4 100%);
  199. + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#019bc6), color-stop(100%,#017cb4));
  200. + background: -o-linear-gradient(top, #019bc6 0%, #017cb4 100%);
  201. + background: -ms-linear-gradient(top, #019bc6 0%, #017cb4 100%);
  202. + background: linear-gradient(top, #019bc6 0%, #017cb4 100%);
  203. + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#019bc6', endColorstr='#017cb4', GradientType=0);
  204. }
  205. /* For IE8 - See #6727 */
  206. @@ -732,23 +804,41 @@
  207. padding: .2em;
  208. }
  209. .ui-tabs .ui-tabs-nav {
  210. - margin: 0;
  211. - padding: .2em .2em 0;
  212. + margin: 0; padding: 0;
  213. + border: 0;
  214. + background: transparent;
  215. + filter: none;
  216. + height: 44px;
  217. }
  218. .ui-tabs .ui-tabs-nav li {
  219. list-style: none;
  220. - float: left;
  221. position: relative;
  222. + display: inline-block;
  223. top: 0;
  224. - margin: 1px .2em 0 0;
  225. - border-bottom-width: 0;
  226. - padding: 0;
  227. + margin: 0;
  228. + border: 0 !important;
  229. + padding: 0 1px 0 0;
  230. white-space: nowrap;
  231. + background: #f8f8f8;
  232. + background: -moz-linear-gradient(top, #f8f8f8 0%, #d3d3d3 50%, #f8f8f8 100%);
  233. + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(50%,#d3d3d3), color-stop(100%,#f8f8f8));
  234. + background: -webkit-linear-gradient(top, #f8f8f8 0%, #d3d3d3 50%, #f8f8f8 100%);
  235. + background: -o-linear-gradient(top, #f8f8f8 0%, #d3d3d3 50%, #f8f8f8 100%);
  236. + background: -ms-linear-gradient(top, #f8f8f8 0%, #d3d3d3 50%, #f8f8f8 100%);
  237. + background: linear-gradient(top, #f8f8f8 0%, #d3d3d3 50%, #f8f8f8 100%);
  238. + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#d3d3d3', GradientType=0);
  239. +}
  240. +.ui-tabs .ui-tabs-nav li:last-child {
  241. + background: none;
  242. }
  243. .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  244. - float: left;
  245. - padding: .5em 1em;
  246. + display: inline-block;
  247. + padding: 15px;
  248. text-decoration: none;
  249. + font-size: 12px;
  250. + color: #999;
  251. + background: #fafafa;
  252. + border-right: 1px solid #fafafa;
  253. }
  254. .ui-tabs .ui-tabs-nav li.ui-tabs-active {
  255. margin-bottom: -1px;
  256. @@ -759,14 +849,26 @@
  257. .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  258. cursor: text;
  259. }
  260. +.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  261. + outline: none;
  262. + color: #004458;
  263. + background: #efefef;
  264. + background: -moz-linear-gradient(top, #fafafa 40%, #e4e4e4 100%);
  265. + background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#fff), color-stop(100%,#e4e4e4));
  266. + background: -o-linear-gradient(top, #fafafa 40%, #e4e4e4 100%);
  267. + background: -ms-linear-gradient(top, #fafafa 40%, #e4e4e4 100%);
  268. + background: linear-gradient(top, #fafafa 40%, #e4e4e4 100%);
  269. + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e4e4e4', GradientType=0);
  270. +}
  271. .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  272. cursor: pointer;
  273. }
  274. .ui-tabs .ui-tabs-panel {
  275. display: block;
  276. border-width: 0;
  277. - padding: 1em 1.4em;
  278. - background: none;
  279. + padding: 0.5em 1em;
  280. + margin-top: 0.2em;
  281. + background: #efefef;
  282. }
  283. .ui-tooltip {
  284. padding: 8px;
  285. @@ -798,15 +900,21 @@
  286. }
  287. .ui-widget-content {
  288. border: 1px solid #aaaaaa;
  289. - background: #fafafa url("images/ui-bg_highlight-soft_75_fafafa_1x100.png") 50% top repeat-x;
  290. - color: 33333;
  291. + background: #fafafa;
  292. + color: #333333;
  293. }
  294. .ui-widget-content a {
  295. - color: 33333;
  296. + color: #0186ba;
  297. }
  298. .ui-widget-header {
  299. border: 1px solid #fafafa;
  300. - background: #e4e4e4 url("images/ui-bg_highlight-soft_90_e4e4e4_1x100.png") 50% 50% repeat-x;
  301. + background: #e4e4e4;
  302. + background: -moz-linear-gradient(top, #f2f2f2 0%, #e4e4e4 100%);
  303. + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#e4e4e4));
  304. + background: -o-linear-gradient(top, #f2f2f2 0%, #e4e4e4 100%);
  305. + background: -ms-linear-gradient(top, #f2f2f2 0%, #e4e4e4 100%);
  306. + background: linear-gradient(top, #f2f2f2 0%, #e4e4e4 100%);
  307. + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#e4e4e4', GradientType=0);
  308. color: #666666;
  309. font-weight: bold;
  310. }
  311. @@ -820,7 +928,7 @@
  312. .ui-widget-content .ui-state-default,
  313. .ui-widget-header .ui-state-default {
  314. border: 1px solid #cccccc;
  315. - background: #f8f8f8 url("images/ui-bg_highlight-hard_75_f8f8f8_1x100.png") 50% 50% repeat-x;
  316. + background: #f8f8f8;
  317. font-weight: bold;
  318. color: #666666;
  319. }
  320. @@ -837,7 +945,7 @@
  321. .ui-widget-content .ui-state-focus,
  322. .ui-widget-header .ui-state-focus {
  323. border: 1px solid #aaaaaa;
  324. - background: #eaeaea url("images/ui-bg_highlight-hard_75_eaeaea_1x100.png") 50% 50% repeat-x;
  325. + background: #eaeaea;
  326. font-weight: bold;
  327. color: #333333;
  328. }
  329. @@ -856,7 +964,7 @@
  330. .ui-widget-content .ui-state-active,
  331. .ui-widget-header .ui-state-active {
  332. border: 1px solid #aaaaaa;
  333. - background: #ffffff url("images/ui-bg_highlight-hard_65_ffffff_1x100.png") 50% 50% repeat-x;
  334. + background: #ffffff;
  335. font-weight: bold;
  336. color: #333333;
  337. }
  338. @@ -873,7 +981,7 @@
  339. .ui-widget-content .ui-state-highlight,
  340. .ui-widget-header .ui-state-highlight {
  341. border: 1px solid #a3a3a3;
  342. - background: #b0ccd7 url("images/ui-bg_highlight-hard_55_b0ccd7_1x100.png") 50% top repeat-x;
  343. + background: #b0ccd7;
  344. color: #004458;
  345. }
  346. .ui-state-highlight a,
  347. @@ -885,7 +993,7 @@
  348. .ui-widget-content .ui-state-error,
  349. .ui-widget-header .ui-state-error {
  350. border: 1px solid #d7211e;
  351. - background: #fef1ec url("images/ui-bg_flat_95_fef1ec_40x100.png") 50% 50% repeat-x;
  352. + background: #fef1ec;
  353. color: #d64040;
  354. }
  355. .ui-state-error a,
  356. @@ -1164,15 +1272,240 @@
  357. /* Overlays */
  358. .ui-widget-overlay {
  359. - background: #333333 url("images/ui-bg_flat_0_333333_40x100.png") 50% 50% repeat-x;
  360. + background: #333333;
  361. opacity: .5;
  362. filter: Alpha(Opacity=50);
  363. }
  364. .ui-widget-shadow {
  365. margin: -6px 0 0 -6px;
  366. padding: 6px;
  367. - background: #666666 url("images/ui-bg_flat_0_666666_40x100.png") 50% 50% repeat-x;
  368. + background: #666666;
  369. opacity: .2;
  370. filter: Alpha(Opacity=20);
  371. border-radius: 8px;
  372. }
  373. +
  374. +/* Roundcube button styling */
  375. +.ui-button.ui-state-default {
  376. + display: inline-block;
  377. + margin: 0 2px;
  378. + padding: 1px 2px;
  379. + text-shadow: 0px 1px 1px #fff;
  380. + border: 1px solid #c6c6c6;
  381. + border-radius: 4px;
  382. + background: #f7f7f7;
  383. + background: -moz-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
  384. + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e6e6e6));
  385. + background: -o-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
  386. + background: -ms-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
  387. + background: linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%);
  388. + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e6e6e6', GradientType=0);
  389. + -webkit-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3);
  390. + -moz-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3);
  391. + -o-box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3);
  392. + box-shadow: 0 1px 1px 0 rgba(140, 140, 140, 0.3);
  393. + text-decoration: none;
  394. + outline: none;
  395. +}
  396. +
  397. +.ui-button.mainaction {
  398. + color: #ededed;
  399. + text-shadow: 0px 1px 1px #333;
  400. + border-color: #1f262c;
  401. + background: #505050;
  402. + background: -moz-linear-gradient(top, #505050 0%, #2a2e31 100%);
  403. + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#505050), color-stop(100%,#2a2e31));
  404. + background: -o-linear-gradient(top, #505050 0%, #2a2e31 100%);
  405. + background: -ms-linear-gradient(top, #505050 0%, #2a2e31 100%);
  406. + background: linear-gradient(top, #505050 0%, #2a2e31 100%);
  407. + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#505050', endColorstr='#2a2e31', GradientType=0);
  408. + -moz-box-shadow: inset 0 1px 0 0 #777;
  409. + -webkit-box-shadow: inset 0 1px 0 0 #777;
  410. + -o-box-shadow: inset 0 1px 0 0 #777;
  411. + box-shadow: inset 0 1px 0 0 #777;
  412. +}
  413. +
  414. +.ui-button.ui-state-focus {
  415. + color: #525252;
  416. + border-color: #4fadd5;
  417. + -moz-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6);
  418. + -webkit-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6);
  419. + -o-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6);
  420. + box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6);
  421. +}
  422. +
  423. +.ui-button.ui-state-active {
  424. + color: #525252;
  425. + border-color: #aaa;
  426. + background: #e6e6e6;
  427. + background: -moz-linear-gradient(top, #e6e6e6 0%, #f9f9f9 100%);
  428. + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(100%,#f9f9f9));
  429. + background: -o-linear-gradient(top, #e6e6e6 0%, #f9f9f9 100%);
  430. + background: -ms-linear-gradient(top, #e6e6e6 0%, #f9f9f9 100%);
  431. + background: linear-gradient(top, #e6e6e6 0%, #f9f9f9 100%);
  432. + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e6e6', endColorstr='#f9f9f9', GradientType=0);
  433. +}
  434. +
  435. +.ui-button.ui-state-focus.mainaction,
  436. +.ui-button.ui-state-hover.mainaction {
  437. + color: #fff;
  438. +}
  439. +
  440. +.ui-button.ui-state-focus.mainaction {
  441. + border-color: #1f262c;
  442. + -moz-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6), inset 0 1px 0 0 #777;
  443. + -webkit-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6), inset 0 1px 0 0 #777;
  444. + -o-box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6), inset 0 1px 0 0 #777;
  445. + box-shadow: 0 0 2px 1px rgba(71,135,177, 0.6), inset 0 1px 0 0 #777;
  446. +}
  447. +
  448. +.ui-button.ui-state-active.mainaction {
  449. + color: #fff;
  450. + background: #515151;
  451. + background: -moz-linear-gradient(top, #2a2e31 0%, #505050 100%);
  452. + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a2e31), color-stop(100%,#505050));
  453. + background: -o-linear-gradient(top, #2a2e31 0%, #505050 100%);
  454. + background: -ms-linear-gradient(top, #2a2e31 0%, #505050 100%);
  455. + background: linear-gradient(top, #2a2e31 0%, #505050 100%);
  456. +}
  457. +
  458. +.ui-button[disabled],
  459. +.ui-button[disabled]:hover,
  460. +.ui-button.mainaction[disabled] {
  461. + color: #aaa !important;
  462. +}
  463. +
  464. +/* Roundcube's specific Datepicker style override */
  465. +.ui-datepicker {
  466. + min-width: 20em;
  467. + padding: 0;
  468. + display: none;
  469. + border: 0;
  470. + border-radius: 3px;
  471. + -webkit-box-shadow: #666 1px 1px 10px;
  472. + -moz-box-shadow: 1px 1px 10px #666;
  473. + box-shadow: 1px 1px 16px #666;
  474. +}
  475. +.ui-datepicker .ui-datepicker-header {
  476. + padding: .3em 0;
  477. + border-radius: 3px 3px 0 0;
  478. + border: 0;
  479. + background: #3a3a3a;
  480. + filter: none;
  481. + color: #fff;
  482. + text-shadow: 0px 1px 1px #000;
  483. +}
  484. +.ui-datepicker .ui-datepicker-prev,
  485. +.ui-datepicker .ui-datepicker-next {
  486. + border: 0;
  487. + background: none;
  488. +}
  489. +.ui-datepicker .ui-datepicker-header .ui-icon {
  490. + background: url("images/ui-icons-datepicker.png") 0 0 no-repeat;
  491. +}
  492. +.ui-datepicker .ui-datepicker-header .ui-icon-circle-triangle-w {
  493. + background-position: 0 2px;
  494. +}
  495. +.ui-datepicker .ui-datepicker-header .ui-icon-circle-triangle-e {
  496. + background-position: -14px 2px;
  497. +}
  498. +.ui-datepicker .ui-datepicker-prev-hover,
  499. +.ui-datepicker .ui-datepicker-next-hover {
  500. + top: 2px;
  501. + border: 0;
  502. + background: none;
  503. +}
  504. +.ui-datepicker .ui-datepicker-prev,
  505. +.ui-datepicker .ui-datepicker-prev-hover {
  506. + left: 2px;
  507. +}
  508. +.ui-datepicker .ui-datepicker-next,
  509. +.ui-datepicker .ui-datepicker-next-hover {
  510. + right: 2px;
  511. +}
  512. +.ui-datepicker select.ui-datepicker-month,
  513. +.ui-datepicker select.ui-datepicker-year {
  514. + border: 0;
  515. + background: #3a3a3a;
  516. + outline: none;
  517. + color: #fff;
  518. + font-weight: bold;
  519. + width: auto;
  520. + margin-right: 4px;
  521. + padding-right: 4px;
  522. +}
  523. +.ui-datepicker .ui-datepicker-title select::-ms-expand {
  524. + display: none;
  525. +}
  526. +.ie10 .ui-datepicker .ui-datepicker-title select,
  527. +.webkit .ui-datepicker .ui-datepicker-title select,
  528. +.mozilla .ui-datepicker .ui-datepicker-title select {
  529. + background-image: url("images/ui-icons-datepicker.png");
  530. + background-position: right -18px;
  531. + background-repeat: no-repeat;
  532. + padding-right: 14px;
  533. + -webkit-appearance: none;
  534. + -moz-appearance: none;
  535. + appearance: none;
  536. +}
  537. +.mozilla .ui-datepicker .ui-datepicker-title select {
  538. + background-position: right -14px;
  539. + text-indent: 0.01px;
  540. + text-overflow: '';
  541. + padding-right: 10px;
  542. +}
  543. +.ui-datepicker .ui-datepicker-month:focus,
  544. +.ui-datepicker .ui-datepicker-year:focus {
  545. + outline: 1px solid #4fadd5;
  546. +}
  547. +.ui-datepicker table {
  548. + margin: 0;
  549. + border-spacing: 0;
  550. +}
  551. +.ui-datepicker table:focus {
  552. + outline: 2px solid #4fadd5;
  553. + outline-offset: -2px;
  554. +}
  555. +.ui-datepicker td {
  556. + border: 1px solid #bbb;
  557. + padding: 0;
  558. +}
  559. +.ui-datepicker td span, .ui-datepicker td a {
  560. + border: 0;
  561. + padding: .3em;
  562. + text-shadow: 0px 1px 1px #fff;
  563. +}
  564. +.ui-datepicker td a.ui-state-default {
  565. + border: 0px solid #fff;
  566. + border-top-width: 1px;
  567. + border-left-width: 1px;
  568. + background: #e6e6e6;
  569. + background: -moz-linear-gradient(top, #e6e6e6 0%, #d6d6d6 100%);
  570. + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(100%,#d6d6d6));
  571. + background: -o-linear-gradient(top, #e6e6e6 0%, #d6d6d6 100%);
  572. + background: -ms-linear-gradient(top, #e6e6e6 0%, #d6d6d6 100%);
  573. + background: linear-gradient(top, #e6e6e6 0%, #d6d6d6 100%);
  574. +}
  575. +.ui-datepicker td a.ui-priority-secondary {
  576. + background: #eee;
  577. +}
  578. +.ui-datepicker td a.ui-state-active {
  579. + color: #fff;
  580. + border-color: #0286ac !important;
  581. + text-shadow: 0px 1px 1px #00516e !important;
  582. + background: #00acd4 !important;
  583. + background: -moz-linear-gradient(top, #00acd4 0%, #008fc7 100%);
  584. + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00acd4), color-stop(100%,#008fc7));
  585. + background: -o-linear-gradient(top, #00acd4 0%, #008fc7 100%);
  586. + background: -ms-linear-gradient(top, #00acd4 0%, #008fc7 100%);
  587. + background: linear-gradient(top, #00acd4 0%, #008fc7 100%);
  588. +}
  589. +.ui-datepicker .ui-state-highlight {
  590. + color: #0081c2;
  591. +}
  592. +.ui-datepicker td.ui-datepicker-days-cell-over a.ui-state-default {
  593. + color: #fff;
  594. + border-color: rgba(73,180,210,0.7);
  595. + background: rgba(73,180,210,0.7);
  596. + text-shadow: 0px 1px 1px #666;
  597. +}