plechev

Untitled

Oct 17th, 2016
387
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.38 KB | None | 0 0
  1. #ui-datepicker-div {
  2.     box-shadow: 0 0 1px 1px #555;
  3.     width: 250px;
  4. }
  5. #ui-datepicker-div .ui-datepicker-header {
  6.     background: #393939;
  7.     color: #fff;
  8.     font: 20px/1 Arial,sans-serif,tahoma;
  9.     height: 36px;
  10.     position: relative;
  11. }
  12. #ui-datepicker-div .ui-datepicker-header > a {
  13.     color: #fff;
  14.     cursor: pointer;
  15.     padding: 0 5px;
  16.     position: absolute;
  17.     top: 5px;
  18.     font-size: 25px;
  19. }
  20. #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev {
  21.     left: 5px;
  22. }
  23. #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next {
  24.     right: 5px;
  25. }
  26. #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title {
  27.     text-align: center;
  28.     padding: 6px;
  29. }
  30. #ui-datepicker-div .ui-datepicker-year {
  31.     background: #eee;
  32.     border: 0;
  33.     color: #000;
  34.     font-size: 15px;
  35.     height: auto;
  36.     margin: 0;
  37.     padding: 0;
  38.     text-transform: none;
  39.     vertical-align: middle;
  40. }
  41. #ui-datepicker-div .ui-datepicker-calendar {
  42.     background: #f3f3f3;
  43.     border-collapse: collapse;
  44.     border-spacing: 0;
  45.     font-size: 14px;
  46.     font-weight: bold;
  47.     line-height: 1.5;
  48.     margin: 0;
  49.     text-align: center;
  50.     width: 100%;
  51. }
  52. #ui-datepicker-div .ui-datepicker-calendar th {
  53.     border: 1px solid #aaa;
  54.     padding: 0;
  55.     text-align: center;
  56.     text-transform: none;
  57. }
  58. #ui-datepicker-div .ui-datepicker-month,
  59. #ui-datepicker-div .ui-datepicker-calendar span {
  60.     vertical-align: middle;
  61. }
  62. #ui-datepicker-div .ui-datepicker-week-end {
  63.     background: #fdcac6;
  64. }
  65. #ui-datepicker-div .ui-datepicker-calendar tr td {
  66.     background: #e0e0e0;
  67.     border-color: #000 #b5b5b5 #b5b5b5 #000;
  68.     border-style: solid;
  69.     border-width: 0 1px 1px 0;
  70.     padding: 0;
  71.     text-align: center;
  72. }
  73. #ui-datepicker-div .ui-datepicker-calendar tr td:hover {
  74.     background: #d7d7d7;
  75. }
  76. #ui-datepicker-div .ui-datepicker-calendar tr td a{
  77.     padding: 5px;
  78.     display: inline-block;
  79.     text-decoration: none;
  80. }
  81. #ui-datepicker-div .ui-datepicker-calendar .ui-datepicker-other-month {
  82.     background: #ededed;
  83. }
  84. #ui-datepicker-div .ui-datepicker-calendar .ui-datepicker-current-day {
  85.     background: #6dafbf;
  86. }
  87. #ui-datepicker-div .ui-datepicker-calendar .ui-datepicker-current-day:hover {
  88.     background: #aaa;
  89. }
  90. #ui-datepicker-div .ui-datepicker-calendar .ui-datepicker-current-day a {
  91.     color: #fff;
  92. }
  93. #ui-datepicker-div .ui-datepicker-calendar .ui-datepicker-today {
  94.     background: #c3c3c3;
  95. }
Add Comment
Please, Sign In to add comment