選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

jquery-ui.css.diff 16KB

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