Basis of rails-driven app for local business
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
This repo is archived. You can view files and clone it, but cannot push or open issues/pull-requests.

135 lines
2.5 KiB

  1. .calendar_date_select {
  2. color:white;
  3. border:#777 1px solid;
  4. display:block;
  5. width:195px;
  6. z-index: 1000;
  7. }
  8. /* this is a fun ie6 hack to get drop downs to stay behind the popup window. This should always be just underneath .calendar_date_select */
  9. iframe.ie6_blocker {
  10. position: absolute;
  11. z-index: 999;
  12. }
  13. .calendar_date_select thead th {
  14. font-weight:bold;
  15. background-color: #E7E8E8;
  16. border-bottom:2px solid black;
  17. color: black !important;
  18. }
  19. .calendar_date_select .cds_buttons {
  20. text-align:center;
  21. padding:5px 0px;
  22. background-color: #5f0000;
  23. }
  24. .calendar_date_select .cds_footer {
  25. background-color: black;
  26. padding:3px;
  27. text-align:center;
  28. }
  29. .calendar_date_select table {
  30. margin: 0px;
  31. padding: 0px;
  32. }
  33. .calendar_date_select .cds_header {
  34. background-color: #ccc;
  35. border-bottom: 2px solid #aaa;
  36. text-align:center;
  37. }
  38. .calendar_date_select .cds_header span {
  39. font-size:15px;
  40. color: black;
  41. font-weight: bold;
  42. }
  43. .calendar_date_select select { font-size:11px;}
  44. .calendar_date_select .cds_header a:hover {
  45. color: white;
  46. }
  47. .calendar_date_select .cds_header a {
  48. width:22px;
  49. height:20px;
  50. text-decoration: none;
  51. font-size:14px;
  52. color:black !important;
  53. }
  54. .calendar_date_select .cds_header a.prev {
  55. float:left;
  56. }
  57. .calendar_date_select .cds_header a.next {
  58. float:right;
  59. }
  60. .calendar_date_select .cds_header a.close {
  61. float:right;
  62. display:none;
  63. }
  64. .calendar_date_select .cds_header select.month {
  65. width:90px;
  66. }
  67. .calendar_date_select .cds_header select.year {
  68. width:61px;
  69. }
  70. .calendar_date_select .cds_buttons a {
  71. color: white;
  72. font-size: 9px;
  73. }
  74. .calendar_date_select td {
  75. background-color: #660000;
  76. font-size:12px;
  77. width: 24px;
  78. height: 21px;
  79. text-align:center;
  80. vertical-align: middle;
  81. }
  82. .calendar_date_select td.weekend {
  83. background-color: #5a0000;
  84. }
  85. .calendar_date_select td div {
  86. color:#fff;
  87. }
  88. .calendar_date_select td div.other {
  89. color: #93554C;
  90. }
  91. .calendar_date_select td.selected div {
  92. color:black;
  93. }
  94. .calendar_date_select tbody td {
  95. border-bottom: 1px solid #550000;
  96. }
  97. .calendar_date_select tbody td.selected {
  98. background-color:white;
  99. color:black;
  100. }
  101. .calendar_date_select tbody td:hover {
  102. background-color:#ccc;
  103. }
  104. .calendar_date_select tbody td.today {
  105. border: 1px dashed red;
  106. }
  107. .calendar_date_select td.disabled div {
  108. color: #440000;
  109. }
  110. .fieldWithErrors .calendar_date_select {
  111. border: 2px solid red;
  112. }