/static/css/datepicker.css

https://bitbucket.org/haloweb/halogy-1.0/ · CSS · 102 lines · 101 code · 0 blank · 1 comment · 0 complexity · 186e569e95a2c09b8dcd38c28371027c MD5 · raw file

  1. /* Some resets for compatibility with existing CSS */
  2. .date_selector, .date_selector * {
  3. width: auto;
  4. height: auto;
  5. border: none;
  6. background: none;
  7. margin: 0;
  8. padding: 0;
  9. text-align: left;
  10. text-decoration: none;
  11. }
  12. .date_selector {
  13. background: #fff;
  14. border: 1px solid #bbb;
  15. padding: 5px;
  16. margin: -1px 0 0 0;
  17. position: absolute;
  18. z-index: 100000;
  19. display: none;
  20. }
  21. .date_selector_ieframe {
  22. position: absolute;
  23. z-index: 99999;
  24. display: none;
  25. }
  26. .date_selector .month_nav {
  27. margin: 0 0 5px 0;
  28. padding: 0;
  29. display: block;
  30. }
  31. .date_selector .month_name {
  32. font-weight: bold;
  33. line-height: 20px;
  34. display: block;
  35. text-align: center;
  36. }
  37. .date_selector .month_nav a {
  38. display: block;
  39. position: absolute;
  40. top: 5px;
  41. width: 20px;
  42. height: 20px;
  43. line-height: 17px;
  44. font-weight: bold;
  45. color: #003C78;
  46. text-align: center;
  47. font-size: 120%;
  48. overflow: hidden;
  49. }
  50. .date_selector .month_nav a:hover, .date_selector .month_nav a:focus {
  51. background: none;
  52. color: #003C78;
  53. text-decoration: none;
  54. }
  55. .date_selector .prev {
  56. left: 5px;
  57. }
  58. .date_selector .next {
  59. right: 5px;
  60. }
  61. .date_selector table {
  62. border-spacing: 0;
  63. border-collapse: collapse;
  64. }
  65. .date_selector table th, .date_selector table td {
  66. width: 2.5em;
  67. height: 2em;
  68. padding: 0;
  69. text-align: center;
  70. }
  71. .date_selector table td {
  72. border: 1px solid #ccc;
  73. line-height: 2em;
  74. text-align: center;
  75. white-space: nowrap;
  76. background: white;
  77. }
  78. .date_selector td.today {
  79. background: #FFFED9;
  80. }
  81. .date_selector td.unselected_month {
  82. color: #ccc;
  83. }
  84. .date_selector td a {
  85. display: block;
  86. text-decoration: none !important;
  87. width: 100%;
  88. height: 100%;
  89. line-height: 2em;
  90. text-align: center;
  91. }
  92. .date_selector td.today a {
  93. background: #FFFEB3;
  94. }
  95. .date_selector td.selected a {
  96. background: #D8DFE5;
  97. font-weight: bold;
  98. }
  99. .date_selector td a:hover {
  100. background: #003C78;
  101. color: white;
  102. }