datepicker.css 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154
  1. /*
  2. * Copyright 2009 The Closure Library Authors. All Rights Reserved.
  3. *
  4. * Use of this source code is governed by the Apache License, Version 2.0.
  5. * See the COPYING file for details.
  6. */
  7. /*
  8. * Standard styling for a goog.ui.DatePicker.
  9. *
  10. * @author arv@google.com (Erik Arvidsson)
  11. */
  12. .goog-date-picker,
  13. .goog-date-picker th,
  14. .goog-date-picker td {
  15. font: 13px Arial, sans-serif;
  16. }
  17. .goog-date-picker {
  18. -moz-user-focus: normal;
  19. -moz-user-select: none;
  20. position: relative;
  21. border: 1px solid #000;
  22. float: left;
  23. padding: 2px;
  24. color: #000;
  25. background: #c3d9ff;
  26. cursor: default;
  27. }
  28. .goog-date-picker th {
  29. text-align: center;
  30. }
  31. .goog-date-picker td {
  32. text-align: center;
  33. vertical-align: middle;
  34. padding: 1px 3px;
  35. }
  36. .goog-date-picker-menu {
  37. position: absolute;
  38. background: threedface;
  39. border: 1px solid gray;
  40. -moz-user-focus: normal;
  41. z-index: 1;
  42. outline: none;
  43. }
  44. .goog-date-picker-menu ul {
  45. list-style: none;
  46. margin: 0px;
  47. padding: 0px;
  48. }
  49. .goog-date-picker-menu ul li {
  50. cursor: default;
  51. }
  52. .goog-date-picker-menu-selected {
  53. background: #ccf;
  54. }
  55. .goog-date-picker th {
  56. font-size: .9em;
  57. }
  58. .goog-date-picker td div {
  59. float: left;
  60. }
  61. .goog-date-picker button {
  62. padding: 0px;
  63. margin: 1px 0;
  64. border: 0;
  65. color: #20c;
  66. font-weight: bold;
  67. background: transparent;
  68. }
  69. .goog-date-picker-date {
  70. background: #fff;
  71. }
  72. .goog-date-picker-week,
  73. .goog-date-picker-wday {
  74. padding: 1px 3px;
  75. border: 0;
  76. border-color: #a2bbdd;
  77. border-style: solid;
  78. }
  79. .goog-date-picker-week {
  80. border-right-width: 1px;
  81. }
  82. .goog-date-picker-wday {
  83. border-bottom-width: 1px;
  84. }
  85. .goog-date-picker-head td {
  86. text-align: center;
  87. }
  88. /** Use td.className instead of !important */
  89. td.goog-date-picker-today-cont {
  90. text-align: center;
  91. }
  92. /** Use td.className instead of !important */
  93. td.goog-date-picker-none-cont {
  94. text-align: center;
  95. }
  96. .goog-date-picker-month {
  97. min-width: 11ex;
  98. white-space: nowrap;
  99. }
  100. .goog-date-picker-year {
  101. min-width: 6ex;
  102. white-space: nowrap;
  103. }
  104. .goog-date-picker-monthyear {
  105. white-space: nowrap;
  106. }
  107. .goog-date-picker table {
  108. border-collapse: collapse;
  109. }
  110. .goog-date-picker-other-month {
  111. color: #888;
  112. }
  113. .goog-date-picker-wkend-start,
  114. .goog-date-picker-wkend-end {
  115. background: #eee;
  116. }
  117. /** Use td.className instead of !important */
  118. td.goog-date-picker-selected {
  119. background: #c3d9ff;
  120. }
  121. .goog-date-picker-today {
  122. background: #9ab;
  123. font-weight: bold !important;
  124. border-color: #246 #9bd #9bd #246;
  125. color: #fff;
  126. }