CSS   24

datepicker

Guest on 7th July 2022 01:49:22 AM

  1. @charset "utf-8";
  2.  
  3. /*
  4.  * sizes and positions
  5.  */
  6. a.datepicker-button {
  7.         cursor: pointer;
  8. }
  9. div.datepicker-calendar {
  10.         margin: 0 10px 10px 0;
  11.         font-size: .9em;
  12.         padding: 2px;
  13.         position: absolute;
  14.         width: 261px;
  15.         border: 1px solid #ccc;
  16.         -webkit-border-radius: 4px;
  17.         -moz-border-radius: 4px;
  18.         border-radius: 4px;
  19.         z-index: 50;
  20. }
  21. div.datepicker-calendar div.datepicker-month-wrap {
  22.         margin: 0;
  23.         padding-top: 1px;
  24.         text-align: center;
  25.         height: 30px;
  26. }
  27. div.datepicker-calendar.bootstrap4 div.datepicker-month-wrap > div {
  28.         padding-top: 0;
  29. }
  30. div.datepicker-calendar.bootstrap4 div.datepicker-month-wrap div.datepicker-month-prev,
  31. div.datepicker-calendar.bootstrap4 div.datepicker-month-wrap div.datepicker-month-next {
  32.         padding-top: 2px;
  33. }
  34. div.datepicker-calendar.bootstrap4 div.datepicker-month-wrap i.fa-caret-left,
  35. div.datepicker-calendar.bootstrap4 div.datepicker-month-wrap i.fa-caret-right {
  36.         font-size: 1.3em;
  37. }
  38. div.datepicker-calendar div.datepicker-month-fast-prev.disabled,
  39. div.datepicker-calendar div.datepicker-month-fast-next.disabled ,
  40. div.datepicker-calendar div.datepicker-month-prev.disabled,
  41. div.datepicker-calendar div.datepicker-month-next.disabled {
  42.         border: none;
  43.         cursor: default;
  44. }
  45. div.datepicker-calendar div.datepicker-month-fast-prev,
  46. div.datepicker-calendar div.datepicker-month-fast-next,
  47. div.datepicker-calendar div.datepicker-month-prev,
  48. div.datepicker-calendar div.datepicker-month-next {
  49.         cursor: pointer;
  50.         margin: 3px;
  51.         width: 24px;
  52.         height: 24px;
  53.         padding-top: 3px;
  54. }
  55. div.datepicker-calendar div.datepicker-month-fast-prev {
  56.         padding-right: 2px;
  57. }
  58. div.datepicker-calendar div.datepicker-month-fast-next {
  59.         padding-left: 2px;
  60. }
  61. div.datepicker-calendar div.datepicker-month-fast-prev.enabled:hover,
  62. div.datepicker-calendar div.datepicker-month-fast-prev.enabled:focus,
  63. div.datepicker-calendar div.datepicker-month-fast-next.enabled:hover,
  64. div.datepicker-calendar div.datepicker-month-fast-next.enabled:focus,
  65. div.datepicker-calendar div.datepicker-month-prev.enabled:hover,
  66. div.datepicker-calendar div.datepicker-month-prev.enabled:focus,
  67. div.datepicker-calendar div.datepicker-month-next.enabled:hover,
  68. div.datepicker-calendar div.datepicker-month-next.enabled:focus {
  69.         margin-top: 2px;
  70.         border: 1px solid #800;
  71.         -webkit-border-radius: 4px;
  72.         -moz-border-radius: 4px;
  73.         border-radius: 4px;
  74. }
  75. div.datepicker-calendar div.datepicker-month {
  76.         margin: 3px 56px 2px 56px;
  77.         height: 24px;
  78.         text-align: center;
  79.         font-weight: bold;
  80.         font-size: 1.2em;
  81.         cursor: pointer;
  82.         padding-top: 1px;
  83. }
  84. div.datepicker-calendar:not(.bootstrap4) div.datepicker-month:after {
  85.         font-family: 'Glyphicons Halflings';
  86.         font-size: 0.6em;
  87.         display: inline-block;
  88.         content: "\e252";
  89. }
  90. div.datepicker-calendar.bootstrap4 div.datepicker-month:after {
  91.         font-family: "Font Awesome 5 Free";
  92.         font-size: 0.7em;
  93.         -moz-osx-font-smoothing: grayscale;
  94.         -webkit-font-smoothing: antialiased;
  95.         display: inline-block;
  96.         font-style: normal;
  97.         font-variant: normal;
  98.         text-rendering: auto;
  99.         line-height: 1;
  100.         padding-left: 0.4em;
  101.         content: "\f078";
  102. }
  103. div.datepicker-calendar div.datepicker-month:hover,
  104. div.datepicker-calendar div.datepicker-month:focus {
  105.         padding-top: 0;
  106.         border: 1px solid #800;
  107.         -webkit-border-radius: 4px;
  108.         -moz-border-radius: 4px;
  109.         border-radius: 4px;
  110. }
  111. div.datepicker-calendar table.datepicker-grid {
  112.         width: 100%;
  113.         font-size: 1.2em;
  114.         text-align: center;
  115. }
  116. div.datepicker-calendar table.datepicker-grid.rtl {
  117.         direction: rtl;
  118. }
  119. div.datepicker-calendar table.datepicker-grid:focus {
  120.         outline: none;
  121. }
  122. div.datepicker-calendar table.datepicker-weekdays {
  123. }
  124. div.datepicker-calendar table.datepicker-grid th,
  125. div.datepicker-calendar table.datepicker-grid td{
  126.         text-align: center;
  127.         padding: 0;
  128. }
  129. div.datepicker-calendar table.datepicker-grid th abbr{
  130.         border: none;
  131. }
  132. div.datepicker-calendar table.datepicker-grid td {
  133.         border: 1px solid #999;
  134.         cursor: pointer;
  135. }
  136. div.datepicker-calendar table.datepicker-grid td.unselectable {
  137.         cursor: default;
  138. }
  139. div.datepicker-calendar table.datepicker-grid th,
  140. div.datepicker-calendar table.datepicker-grid td.day {
  141.         height: 30px;
  142. }
  143. div.datepicker-calendar table.datepicker-grid td.month {
  144.         height: 60px;
  145. }
  146. div.datepicker-calendar table.datepicker-grid td.year {
  147.         height: 45px;
  148. }
  149. div.datepicker-calendar table.datepicker-grid td.curDay,
  150. div.datepicker-calendar table.datepicker-grid td.curMonth,
  151. div.datepicker-calendar table.datepicker-grid td.curYear {
  152.         border: 1px solid #999;
  153. }
  154. div.datepicker-calendar table.datepicker-grid td.empty {
  155.         border: 1px solid #999;
  156.         cursor: default;
  157. }
  158. div.datepicker-calendar .offscreen {
  159.         position: absolute;
  160.         left: -200em;
  161.         top: -100em;
  162. }
  163. .datepicker-overlay {
  164.         background: #777;
  165.     display: none;        
  166.     position: fixed;  
  167.     top: 0;                  
  168.     right: 0;              
  169.     bottom: 0;
  170.     left: 0;
  171.     opacity: 0.5;
  172.         height: 100%;
  173.         min-height: 100%;
  174.         z-index: 40;
  175. }
  176. div.datepicker-calendar button.datepicker-close {
  177.         height: 30px;
  178.         width: 100%;
  179.         font-weight: bold;
  180.         margin-top: 1px;
  181.         border: 1px solid #eee;
  182.         -webkit-border-radius: 2px;
  183.         -moz-border-radius: 2px;
  184.         border-radius: 2px;
  185. }
  186.  
  187. /****************************
  188.  * colors
  189.  ***************************/
  190.  
  191. /****************************
  192.  * default theme colors
  193.  ***************************/
  194. a.datepicker-button.default {
  195. }
  196. a.datepicker-button.default:hover,
  197. a.datepicker-button.default:focus {
  198.         background-color: #DDD;
  199. }
  200. div.datepicker-calendar.default {
  201.         background-color: #FFF;
  202. }
  203. div.datepicker-calendar.default div.datepicker-month-wrap {
  204. }
  205. div.datepicker-calendar.default div.datepicker-month-fast-prev.disabled,
  206. div.datepicker-calendar.default div.datepicker-month-fast-next.disabled ,
  207. div.datepicker-calendar.default div.datepicker-month-prev.disabled,
  208. div.datepicker-calendar.default div.datepicker-month-next.disabled {
  209.         color:  #999;
  210. }
  211. div.datepicker-calendar.default div.datepicker-month-fast-prev.enabled:hover,
  212. div.datepicker-calendar.default div.datepicker-month-fast-prev.enabled:focus,
  213. div.datepicker-calendar.default div.datepicker-month-fast-next.enabled:hover,
  214. div.datepicker-calendar.default div.datepicker-month-fast-next.enabled:focus,
  215. div.datepicker-calendar.default div.datepicker-month-prev.enabled:hover,
  216. div.datepicker-calendar.default div.datepicker-month-prev.enabled:focus,
  217. div.datepicker-calendar.default div.datepicker-month-next.enabled:hover,
  218. div.datepicker-calendar.default div.datepicker-month-next.enabled:focus,
  219. div.datepicker-calendar.default div.datepicker-month:hover,
  220. div.datepicker-calendar.default div.datepicker-month:focus,
  221. div.datepicker-calendar.default button.datepicker-close:hover,
  222. div.datepicker-calendar.default button.datepicker-close:focus {
  223.         background-color: #EEE;
  224.         border-color:  #999;
  225. }
  226. div.datepicker-calendar.default table.datepicker-grid:focus {
  227.         outline: 1px dotted #999;
  228. }
  229. div.datepicker-calendar.default tr.datepicker-weekdays {
  230.         border-top:  1px solid #999;
  231.         border-bottom:  1px solid #999;
  232. }
  233. div.datepicker-calendar.default table.datepicker-grid th {
  234.         background-color: #EEE;
  235.         border:  none;
  236. }
  237. div.datepicker-calendar.default table.datepicker-grid td {
  238.         border:  none;
  239.         color: #000;
  240. }
  241. div.datepicker-calendar.default table.datepicker-grid td.unselectable {
  242.         color: #999;
  243. }
  244. div.datepicker-calendar.default table.datepicker-grid td.curDay,
  245. div.datepicker-calendar.default table.datepicker-grid td.curMonth,
  246. div.datepicker-calendar.default table.datepicker-grid td.curYear {
  247.         background-color: #FFF0C4;
  248. }
  249. div.datepicker-calendar.default table.datepicker-grid td.empty {
  250.         border:  none;
  251.         color: #CCC;
  252. }
  253. div.datepicker-calendar.default table.datepicker-grid td.selectable:hover,
  254. div.datepicker-calendar.default table.datepicker-grid td.selectable.focus {
  255.         background-color: #DDD;
  256. }
  257. div.datepicker-calendar.default table.datepicker-grid td.empty:hover {
  258.         background-color: #F9F9F9;
  259. }
  260. div.datepicker-calendar.default button.datepicker-close {
  261.         background-color: #DDD;
  262.         border-color:  #999;
  263.         color: #000;
  264. }
  265.  
  266. /****************************
  267.  * bootstrap theme colors
  268.  ***************************/
  269. a.datepicker-button.bootstrap {
  270. }
  271. a.datepicker-button.bootstrap:hover,
  272. a.datepicker-button.bootstrap:focus {
  273.         background-color: #DDD;
  274. }
  275. div.datepicker-calendar.bootstrap {
  276.         box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
  277.         min-width: 200px;
  278.         font-size: .8em;
  279.         background-clip: padding-box;
  280.         background-color: #FFF;
  281.         border-radius: 4px;
  282.         line-height: 20px;
  283. }
  284. div.datepicker-calendar.bootstrap.below {
  285.         margin-top: 2px;
  286. }
  287. div.datepicker-calendar.bootstrap.above {
  288.         margin-top: -2px;
  289. }
  290. div.datepicker-calendar.bootstrap:before {
  291.   content: '';
  292.   display: inline-block;
  293.   border-left: 7px solid transparent;
  294.   border-right: 7px solid transparent;
  295.   border-bottom: 7px solid #ccc;
  296.   border-top: 0;
  297.   border-bottom-color: rgba(0, 0, 0, 0.2);
  298.   position: absolute;
  299.   left: 7px;
  300. }
  301. div.datepicker-calendar.bootstrap:after {
  302.   content: '';
  303.   display: inline-block;
  304.   border-left: 6px solid transparent;
  305.   border-right: 6px solid transparent;
  306.   border-bottom: 6px solid #ffffff;
  307.   border-top: 0;
  308.   position: absolute;
  309.   left: 6px;
  310. }
  311. div.datepicker-calendar.bootstrap.below:before {
  312.   top: -7px;
  313. }
  314. div.datepicker-calendar.bootstrap.below:after {
  315.   top: -6px;
  316. }
  317. div.datepicker-calendar.bootstrap.above:before {
  318.   bottom: -7px;
  319.   border-bottom: 0;
  320.   border-top: 7px solid #999;
  321. }
  322. div.datepicker-calendar.bootstrap.above:after {
  323.   bottom: -6px;
  324.   border-bottom: 0;
  325.   border-top: 6px solid #ffffff;
  326. }
  327. div.datepicker-calendar.bootstrap div.datepicker-month-wrap {
  328. }
  329. div.datepicker-calendar.bootstrap div.datepicker-month-fast-prev.disabled,
  330. div.datepicker-calendar.bootstrap div.datepicker-month-fast-next.disabled ,
  331. div.datepicker-calendar.bootstrap div.datepicker-month-prev.disabled,
  332. div.datepicker-calendar.bootstrap div.datepicker-month-next.disabled {
  333.         color:  #999;
  334. }
  335. div.datepicker-calendar.bootstrap div.datepicker-month-fast-prev.enabled:hover,
  336. div.datepicker-calendar.bootstrap div.datepicker-month-fast-prev.enabled:focus,
  337. div.datepicker-calendar.bootstrap div.datepicker-month-fast-next.enabled:hover,
  338. div.datepicker-calendar.bootstrap div.datepicker-month-fast-next.enabled:focus,
  339. div.datepicker-calendar.bootstrap div.datepicker-month-prev.enabled:hover,
  340. div.datepicker-calendar.bootstrap div.datepicker-month-prev.enabled:focus,
  341. div.datepicker-calendar.bootstrap div.datepicker-month-next.enabled:hover,
  342. div.datepicker-calendar.bootstrap div.datepicker-month-next.enabled:focus,
  343. div.datepicker-calendar.bootstrap div.datepicker-month:hover,
  344. div.datepicker-calendar.bootstrap div.datepicker-month:focus,
  345. div.datepicker-calendar.bootstrap button.datepicker-close:hover,
  346. div.datepicker-calendar.bootstrap button.datepicker-close:focus {
  347.         background-color: #EEE;
  348.         border-color:  #999;
  349. }
  350. div.datepicker-calendar.bootstrap table.datepicker-grid:focus {
  351.         outline: none;
  352. }
  353. div.datepicker-calendar.bootstrap tr.datepicker-weekdays {
  354.         border: none;
  355. }
  356. div.datepicker-calendar.bootstrap table.datepicker-grid th {
  357. }
  358. div.datepicker-calendar.bootstrap table.datepicker-grid th abbr{
  359.         text-decoration: none;
  360.         cursor: default;
  361. }
  362. div.datepicker-calendar.bootstrap table.datepicker-grid td {
  363.         border:  none;
  364.         color: #000;
  365. }
  366. div.datepicker-calendar.bootstrap table.datepicker-grid td.unselectable {
  367.         color: #999;
  368. }
  369. div.datepicker-calendar.bootstrap table.datepicker-grid td.curDay,
  370. div.datepicker-calendar.bootstrap table.datepicker-grid td.curMonth,
  371. div.datepicker-calendar.bootstrap table.datepicker-grid td.curYear {
  372.         background-color: #FFF0C4;
  373. }
  374. div.datepicker-calendar.bootstrap table.datepicker-grid td.empty {
  375.         border:  none;
  376.         color: #CCC;
  377. }
  378. div.datepicker-calendar.bootstrap table.datepicker-grid td.selectable:hover,
  379. div.datepicker-calendar.bootstrap table.datepicker-grid td.selectable.focus {
  380.         background-color: #DDD;
  381. }
  382. div.datepicker-calendar.bootstrap table.datepicker-grid td.empty:hover {
  383.         background-color: #F9F9F9;
  384. }
  385. div.datepicker-calendar.bootstrap button.datepicker-close {
  386.         background-color: #DDD;
  387.         border-color:  #999;
  388.         color: #000;
  389. }
  390.  
  391. /****************************
  392.  * maroon theme colors
  393.  ***************************/
  394. a.datepicker-button.maroon {
  395.         color: #FFF;
  396.         background-color: #A63950;
  397. }
  398. a.datepicker-button.maroon:hover,
  399. a.datepicker-button.maroon:focus {
  400.         color: #FFF;
  401.         background-color: #802C3E;
  402. }
  403. div.datepicker-calendar.maroon {
  404.         background-color: #FFF;
  405.         border-color:  #CCC;
  406. }
  407. div.datepicker-calendar.maroon div.datepicker-month-wrap {
  408.         background-color: #522A3F;
  409.         color: #FFF;
  410. }
  411. div.datepicker-calendar.maroon div.datepicker-month-fast-prev.disabled,
  412. div.datepicker-calendar.maroon div.datepicker-month-fast-next.disabled ,
  413. div.datepicker-calendar.maroon div.datepicker-month-prev.disabled,
  414. div.datepicker-calendar.maroon div.datepicker-month-next.disabled {
  415.         color:  #999;
  416. }
  417. div.datepicker-calendar.maroon div.datepicker-month-fast-prev.enabled:hover,
  418. div.datepicker-calendar.maroon div.datepicker-month-fast-prev.enabled:focus,
  419. div.datepicker-calendar.maroon div.datepicker-month-fast-next.enabled:hover,
  420. div.datepicker-calendar.maroon div.datepicker-month-fast-next.enabled:focus,
  421. div.datepicker-calendar.maroon div.datepicker-month-prev.enabled:hover,
  422. div.datepicker-calendar.maroon div.datepicker-month-prev.enabled:focus,
  423. div.datepicker-calendar.maroon div.datepicker-month-next.enabled:hover,
  424. div.datepicker-calendar.maroon div.datepicker-month-next.enabled:focus,
  425. div.datepicker-calendar.maroon div.datepicker-month:hover,
  426. div.datepicker-calendar.maroon div.datepicker-month:focus,
  427. div.datepicker-calendar.maroon button.datepicker-close:hover,
  428. div.datepicker-calendar.maroon button.datepicker-close:focus {
  429.         background-color: #A63950;
  430.         border-color:  #800;
  431. }
  432. div.datepicker-calendar.maroon table.datepicker-grid:focus {
  433.         outline: 1px dotted #A63950;
  434. }
  435. div.datepicker-calendar.maroon tr.datepicker-weekdays {
  436. }
  437. div.datepicker-calendar.maroon table.datepicker-grid th {
  438.         background-color: #A63950;
  439.         color: #FFF;
  440. }
  441. div.datepicker-calendar.maroon table.datepicker-grid td {
  442.         background-color: #EEE;
  443.         border-color:  #999;
  444. }
  445. div.datepicker-calendar.maroon table.datepicker-grid td.unselectable {
  446.         color: #999;
  447. }
  448. div.datepicker-calendar.maroon table.datepicker-grid td.curDay,
  449. div.datepicker-calendar.maroon table.datepicker-grid td.curMonth,
  450. div.datepicker-calendar.maroon table.datepicker-grid td.curYear {
  451.         background-color: #FFF0C4;
  452. }
  453. div.datepicker-calendar.maroon table.datepicker-grid td.empty {
  454.         background-color: #F9F9F9;
  455.         color: #AAA;
  456. }
  457. div.datepicker-calendar.maroon table.datepicker-grid td.selectable:hover,
  458. div.datepicker-calendar.maroon table.datepicker-grid td.selectable.focus {
  459.         background-color: #B55A6E;
  460.         color: #FFF;
  461.         border-color: #800;
  462. }
  463. div.datepicker-calendar.maroon table.datepicker-grid td.empty:hover {
  464.         background-color: #F9F9F9;
  465.         border-color:  #999;
  466. }
  467. div.datepicker-calendar.maroon button.datepicker-close {
  468.         background-color: #522A3F;
  469.         color: #FFF;
  470.         border-color:  #EEE;
  471. }
  472.  
  473. /****************************
  474.  * blue theme colors
  475.  ***************************/
  476. a.datepicker-button.blue {
  477.         color: #FFF;
  478.         background-color: #063A5B;
  479. }
  480. a.datepicker-button.blue:hover,
  481. a.datepicker-button.blue:focus {
  482.         background-color: #262A33;
  483. }
  484. div.datepicker-calendar.blue {
  485.         background-color: #FFF;
  486.         border-color:  #CCC;
  487. }
  488. div.datepicker-calendar.blue div.datepicker-month-wrap {
  489.         background-color: #063A5B;
  490.         color: #FFF;
  491. }
  492. div.datepicker-calendar.blue div.datepicker-month-fast-prev.disabled,
  493. div.datepicker-calendar.blue div.datepicker-month-fast-next.disabled ,
  494. div.datepicker-calendar.blue div.datepicker-month-prev.disabled,
  495. div.datepicker-calendar.blue div.datepicker-month-next.disabled {
  496.         color:  #999;
  497. }
  498. div.datepicker-calendar.blue div.datepicker-month-fast-prev.enabled:hover,
  499. div.datepicker-calendar.blue div.datepicker-month-fast-prev.enabled:focus,
  500. div.datepicker-calendar.blue div.datepicker-month-fast-next.enabled:hover,
  501. div.datepicker-calendar.blue div.datepicker-month-fast-next.enabled:focus,
  502. div.datepicker-calendar.blue div.datepicker-month-prev.enabled:hover,
  503. div.datepicker-calendar.blue div.datepicker-month-prev.enabled:focus,
  504. div.datepicker-calendar.blue div.datepicker-month-next.enabled:hover,
  505. div.datepicker-calendar.blue div.datepicker-month-next.enabled:focus,
  506. div.datepicker-calendar.blue div.datepicker-month:hover,
  507. div.datepicker-calendar.blue div.datepicker-month:focus,
  508. div.datepicker-calendar.blue button.datepicker-close:hover,
  509. div.datepicker-calendar.blue button.datepicker-close:focus {
  510.         background-color: #0B6BA8;
  511.         border-color:  #3484B7;
  512. }
  513. div.datepicker-calendar.blue table.datepicker-grid:focus {
  514.         outline: 1px dotted #0B6BA8;
  515. }
  516. div.datepicker-calendar.blue tr.datepicker-weekdays {
  517. }
  518. div.datepicker-calendar.blue table.datepicker-grid th {
  519.         background-color: #0B6BA8;
  520.         color: #FFF;
  521. }
  522. div.datepicker-calendar.blue table.datepicker-grid td {
  523.         background-color: #EEE;
  524.         border-color:  #999;
  525. }
  526. div.datepicker-calendar.blue table.datepicker-grid td.unselectable {
  527.         color: #999;
  528. }
  529. div.datepicker-calendar.blue table.datepicker-grid td.curDay,
  530. div.datepicker-calendar.blue table.datepicker-grid td.curMonth,
  531. div.datepicker-calendar.blue table.datepicker-grid td.curYear {
  532.         background-color: #FFF0C4;
  533. }
  534. div.datepicker-calendar.blue table.datepicker-grid td.empty {
  535.         background-color: #F9F9F9;
  536.         color: #AAA;
  537. }
  538. div.datepicker-calendar.blue table.datepicker-grid td.selectable:hover,
  539. div.datepicker-calendar.blue table.datepicker-grid td.selectable.focus {
  540.         background-color: #0B6BA8;
  541.         color: #FFF;
  542.         border-color: #3484B7;
  543. }
  544. div.datepicker-calendar.blue table.datepicker-grid td.empty:hover {
  545.         background-color: #F9F9F9;
  546.         border-color:  #999;
  547. }
  548. div.datepicker-calendar.blue button.datepicker-close {
  549.         background-color: #063A5B;
  550.         color: #FFF;
  551.         border-color:  #EEE;
  552. }
  553.  
  554. /****************************
  555.  * green theme colors
  556.  ***************************/
  557. a.datepicker-button.green {
  558.         color: #FFF;
  559.         background-color: #0C5E2F;
  560. }
  561. a.datepicker-button.green:hover,
  562. a.datepicker-button.green:focus {
  563.         background-color: #262A33;
  564. }
  565. div.datepicker-calendar.green {
  566.         background-color: #FFF;
  567.         border-color:  #CCC;
  568. }
  569. div.datepicker-calendar.green div.datepicker-month-wrap {
  570.         background-color: #0C5E2F;
  571.         color: #FFF;
  572. }
  573. div.datepicker-calendar.green div.datepicker-month-fast-prev.disabled,
  574. div.datepicker-calendar.green div.datepicker-month-fast-next.disabled ,
  575. div.datepicker-calendar.green div.datepicker-month-prev.disabled,
  576. div.datepicker-calendar.green div.datepicker-month-next.disabled {
  577.         color:  #999;
  578. }
  579. div.datepicker-calendar.green div.datepicker-month-fast-prev.enabled:hover,
  580. div.datepicker-calendar.green div.datepicker-month-fast-prev.enabled:focus,
  581. div.datepicker-calendar.green div.datepicker-month-fast-next.enabled:hover,
  582. div.datepicker-calendar.green div.datepicker-month-fast-next.enabled:focus,
  583. div.datepicker-calendar.green div.datepicker-month-prev.enabled:hover,
  584. div.datepicker-calendar.green div.datepicker-month-prev.enabled:focus,
  585. div.datepicker-calendar.green div.datepicker-month-next.enabled:hover,
  586. div.datepicker-calendar.green div.datepicker-month-next.enabled:focus,
  587. div.datepicker-calendar.green div.datepicker-month:hover,
  588. div.datepicker-calendar.green div.datepicker-month:focus,
  589. div.datepicker-calendar.green button.datepicker-close:hover,
  590. div.datepicker-calendar.green button.datepicker-close:focus {
  591.         background-color: #0D803B;
  592.         border-color:  #36955C;
  593. }
  594. div.datepicker-calendar.green table.datepicker-grid:focus {
  595.         outline: 1px dotted #0D803B;
  596. }
  597. div.datepicker-calendar.green tr.datepicker-weekdays {
  598. }
  599. div.datepicker-calendar.green table.datepicker-grid th {
  600.         background-color: #0D803B;
  601.         color: #FFF;
  602. }
  603. div.datepicker-calendar.green table.datepicker-grid td {
  604.         background-color: #EEE;
  605.         border-color:  #999;
  606. }
  607. div.datepicker-calendar.green table.datepicker-grid td.unselectable {
  608.         color: #999;
  609. }
  610. div.datepicker-calendar.green table.datepicker-grid td.curDay,
  611. div.datepicker-calendar.green table.datepicker-grid td.curMonth,
  612. div.datepicker-calendar.green table.datepicker-grid td.curYear {
  613.         background-color: #FFF0C4;
  614. }
  615. div.datepicker-calendar.green table.datepicker-grid td.empty {
  616.         background-color: #F9F9F9;
  617.         color: #AAA;
  618. }
  619. div.datepicker-calendar.green table.datepicker-grid td.selectable:hover,
  620. div.datepicker-calendar.green table.datepicker-grid td.selectable.focus {
  621.         background-color: #0D803B;
  622.         color: #FFF;
  623.         border-color: #36955C;
  624. }
  625. div.datepicker-calendar.green table.datepicker-grid td.empty:hover {
  626.         background-color: #F9F9F9;
  627.         border-color:  #999;
  628. }
  629. div.datepicker-calendar.green button.datepicker-close {
  630.         background-color: #0C5E2F;
  631.         color: #FFF;
  632.         border-color:  #EEE;
  633. }
  634.  
  635. .datepicker-button span i::before {
  636.         font-size:1.5em;
  637. }

Raw Paste

Login or Register to edit or fork this paste. It's free.