You are here

datepicker.css in Date 6.2

/* Smoothness Theme for jQuery UI Datepicker */
#ui-datepicker-div table,
#ui-datepicker-div td,
#ui-datepicker-div th {
  margin: 0;
  padding: 0;
}
#ui-datepicker-div,
#ui-datepicker-div table,
.ui-datepicker-div,
.ui-datepicker-div table,
.ui-datepicker-inline,
.ui-datepicker-inline table {
  font-size: 12px !important;
}
.ui-datepicker-div, .ui-datepicker-inline, #ui-datepicker-div {
  /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  background: #ffffff;
  border: 2px solid #d3d3d3;
  font-family: Verdana, Arial, sans-serif;
  font-size: 1.1em;
  margin: 0;
  padding: 2.5em .5em .5em .5em;
  position: relative;
  width: 15.5em;
}
#ui-datepicker-div {
  background: #ffffff;
  display: none;
  z-index: 9999; /*must have*/
}
.ui-datepicker-inline {
  display: block;
  float: left; /* LTR */
}
.ui-datepicker-control {
  display: none;
}
.ui-datepicker-current {
  display: none;
}
.ui-datepicker-next, .ui-datepicker-prev {
  background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x; /* LTR */
  left: .5em; /* LTR */
  position: absolute;
  top: .5em;
}
.ui-datepicker-next {
  left: 14.6em;
}
.ui-datepicker-next:hover, .ui-datepicker-prev:hover {
  background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x; /* LTR */
}
.ui-datepicker-next a, .ui-datepicker-prev a {
  background: url(images/888888_7x7_arrow_left.gif) 50% 50% no-repeat; /* LTR */
  border: 1px solid #d3d3d3;
  cursor: pointer;
  display: block;
  font-size: 1em;
  height: 1.4em;
  text-indent: -999999px;
  width: 1.3em;
}
.ui-datepicker-next a {
  background: url(images/888888_7x7_arrow_right.gif) 50% 50% no-repeat; /* LTR */
}
.ui-datepicker-prev a:hover {
  background: url(images/454545_7x7_arrow_left.gif) 50% 50% no-repeat; /* LTR */
}
.ui-datepicker-next a:hover {
  background: url(images/454545_7x7_arrow_right.gif) 50% 50% no-repeat; /* LTR */
}
.ui-datepicker-prev a:active {
  background: url(images/222222_7x7_arrow_left.gif) 50% 50% no-repeat; /* LTR */
}
.ui-datepicker-next a:active {
  background: url(images/222222_7x7_arrow_right.gif) 50% 50% no-repeat; /* LTR */
}
.ui-datepicker-header select {
  background: #e6e6e6;
  border: 1px solid #d3d3d3;
  color: #555555;
  font-size: 1em;
  line-height: 1.4em;
  margin: 0 !important;
  padding: 0 !important;
  position: absolute;
  top: .5em;
}
.ui-datepicker-header select.ui-datepicker-new-month {
  left: 2.2em; /* LTR */
  width: 7em;
}
.ui-datepicker-header select.ui-datepicker-new-year {
  left: 9.4em; /* LTR */
  width: 5em;
}
table.ui-datepicker {
  text-align: right; /* LTR */
  width: 15.5em;
}
table.ui-datepicker td a {
  color: #555555;
  display: block;
  padding: .1em .3em .1em 0; /* LTR */
  text-decoration: none;
}
table.ui-datepicker tbody {
  border-top: none;
}
table.ui-datepicker tbody td a {
  background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x; /* LTR */
  border: 1px solid #ffffff;
  cursor: pointer;
}
table.ui-datepicker tbody td a:hover {
  background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x; /* LTR */
  border: 1px solid #999999;
  color: #212121;
}
table.ui-datepicker tbody td a:active {
  background: #ffffff url(images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x; /* LTR */
  border: 1px solid #dddddd;
  color: #222222;
}
table.ui-datepicker .ui-datepicker-title-row td {
  /*border-bottom: 1px solid #d3d3d3;*/
  color: #222222;
  font-size: .9em;
  padding: .3em 0;
  text-align: center;
  text-transform: uppercase;
}

table.ui-datepicker .ui-datepicker-title-row td a {
  color: #222222;
}

File

date_popup/themes/datepicker.css
View source
  1. /* Smoothness Theme for jQuery UI Datepicker */
  2. #ui-datepicker-div table,
  3. #ui-datepicker-div td,
  4. #ui-datepicker-div th {
  5. margin: 0;
  6. padding: 0;
  7. }
  8. #ui-datepicker-div,
  9. #ui-datepicker-div table,
  10. .ui-datepicker-div,
  11. .ui-datepicker-div table,
  12. .ui-datepicker-inline,
  13. .ui-datepicker-inline table {
  14. font-size: 12px !important;
  15. }
  16. .ui-datepicker-div, .ui-datepicker-inline, #ui-datepicker-div {
  17. /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  18. background: #ffffff;
  19. border: 2px solid #d3d3d3;
  20. font-family: Verdana, Arial, sans-serif;
  21. font-size: 1.1em;
  22. margin: 0;
  23. padding: 2.5em .5em .5em .5em;
  24. position: relative;
  25. width: 15.5em;
  26. }
  27. #ui-datepicker-div {
  28. background: #ffffff;
  29. display: none;
  30. z-index: 9999; /*must have*/
  31. }
  32. .ui-datepicker-inline {
  33. display: block;
  34. float: left; /* LTR */
  35. }
  36. .ui-datepicker-control {
  37. display: none;
  38. }
  39. .ui-datepicker-current {
  40. display: none;
  41. }
  42. .ui-datepicker-next, .ui-datepicker-prev {
  43. background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x; /* LTR */
  44. left: .5em; /* LTR */
  45. position: absolute;
  46. top: .5em;
  47. }
  48. .ui-datepicker-next {
  49. left: 14.6em;
  50. }
  51. .ui-datepicker-next:hover, .ui-datepicker-prev:hover {
  52. background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x; /* LTR */
  53. }
  54. .ui-datepicker-next a, .ui-datepicker-prev a {
  55. background: url(images/888888_7x7_arrow_left.gif) 50% 50% no-repeat; /* LTR */
  56. border: 1px solid #d3d3d3;
  57. cursor: pointer;
  58. display: block;
  59. font-size: 1em;
  60. height: 1.4em;
  61. text-indent: -999999px;
  62. width: 1.3em;
  63. }
  64. .ui-datepicker-next a {
  65. background: url(images/888888_7x7_arrow_right.gif) 50% 50% no-repeat; /* LTR */
  66. }
  67. .ui-datepicker-prev a:hover {
  68. background: url(images/454545_7x7_arrow_left.gif) 50% 50% no-repeat; /* LTR */
  69. }
  70. .ui-datepicker-next a:hover {
  71. background: url(images/454545_7x7_arrow_right.gif) 50% 50% no-repeat; /* LTR */
  72. }
  73. .ui-datepicker-prev a:active {
  74. background: url(images/222222_7x7_arrow_left.gif) 50% 50% no-repeat; /* LTR */
  75. }
  76. .ui-datepicker-next a:active {
  77. background: url(images/222222_7x7_arrow_right.gif) 50% 50% no-repeat; /* LTR */
  78. }
  79. .ui-datepicker-header select {
  80. background: #e6e6e6;
  81. border: 1px solid #d3d3d3;
  82. color: #555555;
  83. font-size: 1em;
  84. line-height: 1.4em;
  85. margin: 0 !important;
  86. padding: 0 !important;
  87. position: absolute;
  88. top: .5em;
  89. }
  90. .ui-datepicker-header select.ui-datepicker-new-month {
  91. left: 2.2em; /* LTR */
  92. width: 7em;
  93. }
  94. .ui-datepicker-header select.ui-datepicker-new-year {
  95. left: 9.4em; /* LTR */
  96. width: 5em;
  97. }
  98. table.ui-datepicker {
  99. text-align: right; /* LTR */
  100. width: 15.5em;
  101. }
  102. table.ui-datepicker td a {
  103. color: #555555;
  104. display: block;
  105. padding: .1em .3em .1em 0; /* LTR */
  106. text-decoration: none;
  107. }
  108. table.ui-datepicker tbody {
  109. border-top: none;
  110. }
  111. table.ui-datepicker tbody td a {
  112. background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x; /* LTR */
  113. border: 1px solid #ffffff;
  114. cursor: pointer;
  115. }
  116. table.ui-datepicker tbody td a:hover {
  117. background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x; /* LTR */
  118. border: 1px solid #999999;
  119. color: #212121;
  120. }
  121. table.ui-datepicker tbody td a:active {
  122. background: #ffffff url(images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x; /* LTR */
  123. border: 1px solid #dddddd;
  124. color: #222222;
  125. }
  126. table.ui-datepicker .ui-datepicker-title-row td {
  127. /*border-bottom: 1px solid #d3d3d3;*/
  128. color: #222222;
  129. font-size: .9em;
  130. padding: .3em 0;
  131. text-align: center;
  132. text-transform: uppercase;
  133. }
  134. table.ui-datepicker .ui-datepicker-title-row td a {
  135. color: #222222;
  136. }