You are here

white.calendar.css in Date 5.2

Same filename and directory in other branches
  1. 6 date_popup/themes/white.calendar.css
/* Reset link properties and then override them with !important */
#calendar_div a, .calendar_inline a {
	cursor: pointer;
	margin: 0;
	padding: 0;
	background-color: #fff;
	color: #000;
}

/* Main Style Sheet for jQuery Calendar */
#calendar_div, .calendar_inline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 0;
	margin: 0;
	background-color: #fff;
}
#calendar_div {
	display: none;
	border: 1px solid #999;
	z-index: 10; /*must have*/
}
#calendar_div, .calendar_control, .calendar_links, .calendar_header, .calendar {
	width: 185px;
}
.calendar_inline {
	float: left;
	display: block;
	border: 0;
}
.calendar_dialog {
	padding: 5px !important;
	border: 4px ridge #ddd !important;
}
button.calendar_trigger {
	width: 25px;
}
img.calendar_trigger {
	margin: 2px;
	vertical-align: middle;
}
.calendar_prompt {
	float: left;
	width: 181px;
	padding: 2px;
	background-color: #ddd;
	color: #000;
}
* html .calendar_prompt {
	width: 185px;
}
.calendar_control, .calendar_links, .calendar_header, .calendar {
	clear: both;
	float: left;
	color: #000;
}
.calendar_control, .calendar_header {
	background-color: #eee;
}
.calendar_links {
	background-color: #fff;
}
.calendar_control, .calendar_links {
	font-size: 80%;
	letter-spacing: 1px;
	background-color: #eee;
}
#calendar_div .calendar_control a, 
#calendar_div .calendar_links a, 
#calendar_div .calendar_header a {
  background-color: #eee;
}
.calendar_links label { /* disabled links */
	padding: 2px 5px;
	color: #666;
}
.calendar_clear, .calendar_prev {
	float: left;
	width: 35px;
}
.calendar_current {
	float: left;
	width: 80px;
	text-align: center;
}
.calendar_close, .calendar_next {
	float: right;
	width: 35px;
}
.calendar_header {
	background-color: #ddd;
	text-align: center;
}
.calendar_header select {
	background-color: #ddd;
	color: #000;
	border: 0px;
}
.calendar {
	background-color: #fff;
	text-align: center;
	font-size: 100%;
}
.calendar a {
	display: block;
	width: 100%;
}
.calendar .calendar_titleRow {
	background-color: #eee;
}
.calendar .calendar_daysRow {
	background-color: #fff;
	color: #666;
}
.calendar .calendar_daysCell {
	color: #000;
	border: 1px solid #fff;
}
#calendar .calendar_daysCell a{
	display: block;
}
.calendar .calendar_weekEndCell {
	background-color: #fff;
}
.calendar .calendar_daysCellOver {
	background-color: #fff;
	border: 1px solid #777;
}
.calendar .calendar_unselectable {
	color: #333;
}
.calendar_today {
	background-color: #eee !important;
}
.calendar_currentDay {
	background-color: #ddd !important;
}

/* ________ CALENDAR LINKS _______*/


.calendar_inline .calendar_links a {
	padding: 0 5px !important;
}
.calendar_control a, .calendar_links a {
	padding: 2px 5px !important;
	color: #333 !important;
}
.calendar_titleRow a {
	color: #333 !important;
}
.calendar_control a:hover {
	background-color: #eee !important;
	color: #333 !important;
}
.calendar_links a:hover, .calendar_titleRow a:hover {
	background-color: #eee !important;
	color: #333 !important;
}

/* ___________ IE6 IFRAME FIX ________ */

.calendar_cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 185px; /*must have to match width and borders*/
    height: 200px; /*must have to match maximum height*/
}

/* Fixes for date popup css so it will behave in Drupal */
#calendar_div, #calendar_div td, #calendar_div th {
  margin:0;
  padding:0;
}
#calendar_div, 
.calendar_control, 
.calendar_links, 
.calendar_header, 
.calendar {
  width: 185px;
  border-collapse: separate;
  margin: 0;
}
.calendar td {
  padding: 0;
}

File

date_popup/themes/white.calendar.css
View source
  1. /* Reset link properties and then override them with !important */
  2. #calendar_div a, .calendar_inline a {
  3. cursor: pointer;
  4. margin: 0;
  5. padding: 0;
  6. background-color: #fff;
  7. color: #000;
  8. }
  9. /* Main Style Sheet for jQuery Calendar */
  10. #calendar_div, .calendar_inline {
  11. font-family: Arial, Helvetica, sans-serif;
  12. font-size: 14px;
  13. padding: 0;
  14. margin: 0;
  15. background-color: #fff;
  16. }
  17. #calendar_div {
  18. display: none;
  19. border: 1px solid #999;
  20. z-index: 10; /*must have*/
  21. }
  22. #calendar_div, .calendar_control, .calendar_links, .calendar_header, .calendar {
  23. width: 185px;
  24. }
  25. .calendar_inline {
  26. float: left;
  27. display: block;
  28. border: 0;
  29. }
  30. .calendar_dialog {
  31. padding: 5px !important;
  32. border: 4px ridge #ddd !important;
  33. }
  34. button.calendar_trigger {
  35. width: 25px;
  36. }
  37. img.calendar_trigger {
  38. margin: 2px;
  39. vertical-align: middle;
  40. }
  41. .calendar_prompt {
  42. float: left;
  43. width: 181px;
  44. padding: 2px;
  45. background-color: #ddd;
  46. color: #000;
  47. }
  48. * html .calendar_prompt {
  49. width: 185px;
  50. }
  51. .calendar_control, .calendar_links, .calendar_header, .calendar {
  52. clear: both;
  53. float: left;
  54. color: #000;
  55. }
  56. .calendar_control, .calendar_header {
  57. background-color: #eee;
  58. }
  59. .calendar_links {
  60. background-color: #fff;
  61. }
  62. .calendar_control, .calendar_links {
  63. font-size: 80%;
  64. letter-spacing: 1px;
  65. background-color: #eee;
  66. }
  67. #calendar_div .calendar_control a,
  68. #calendar_div .calendar_links a,
  69. #calendar_div .calendar_header a {
  70. background-color: #eee;
  71. }
  72. .calendar_links label { /* disabled links */
  73. padding: 2px 5px;
  74. color: #666;
  75. }
  76. .calendar_clear, .calendar_prev {
  77. float: left;
  78. width: 35px;
  79. }
  80. .calendar_current {
  81. float: left;
  82. width: 80px;
  83. text-align: center;
  84. }
  85. .calendar_close, .calendar_next {
  86. float: right;
  87. width: 35px;
  88. }
  89. .calendar_header {
  90. background-color: #ddd;
  91. text-align: center;
  92. }
  93. .calendar_header select {
  94. background-color: #ddd;
  95. color: #000;
  96. border: 0px;
  97. }
  98. .calendar {
  99. background-color: #fff;
  100. text-align: center;
  101. font-size: 100%;
  102. }
  103. .calendar a {
  104. display: block;
  105. width: 100%;
  106. }
  107. .calendar .calendar_titleRow {
  108. background-color: #eee;
  109. }
  110. .calendar .calendar_daysRow {
  111. background-color: #fff;
  112. color: #666;
  113. }
  114. .calendar .calendar_daysCell {
  115. color: #000;
  116. border: 1px solid #fff;
  117. }
  118. #calendar .calendar_daysCell a{
  119. display: block;
  120. }
  121. .calendar .calendar_weekEndCell {
  122. background-color: #fff;
  123. }
  124. .calendar .calendar_daysCellOver {
  125. background-color: #fff;
  126. border: 1px solid #777;
  127. }
  128. .calendar .calendar_unselectable {
  129. color: #333;
  130. }
  131. .calendar_today {
  132. background-color: #eee !important;
  133. }
  134. .calendar_currentDay {
  135. background-color: #ddd !important;
  136. }
  137. /* ________ CALENDAR LINKS _______*/
  138. .calendar_inline .calendar_links a {
  139. padding: 0 5px !important;
  140. }
  141. .calendar_control a, .calendar_links a {
  142. padding: 2px 5px !important;
  143. color: #333 !important;
  144. }
  145. .calendar_titleRow a {
  146. color: #333 !important;
  147. }
  148. .calendar_control a:hover {
  149. background-color: #eee !important;
  150. color: #333 !important;
  151. }
  152. .calendar_links a:hover, .calendar_titleRow a:hover {
  153. background-color: #eee !important;
  154. color: #333 !important;
  155. }
  156. /* ___________ IE6 IFRAME FIX ________ */
  157. .calendar_cover {
  158. display: none; /*sorry for IE5*/
  159. display/**/: block; /*sorry for IE5*/
  160. position: absolute; /*must have*/
  161. z-index: -1; /*must have*/
  162. filter: mask(); /*must have*/
  163. top: -4px; /*must have*/
  164. left: -4px; /*must have*/
  165. width: 185px; /*must have to match width and borders*/
  166. height: 200px; /*must have to match maximum height*/
  167. }
  168. /* Fixes for date popup css so it will behave in Drupal */
  169. #calendar_div, #calendar_div td, #calendar_div th {
  170. margin:0;
  171. padding:0;
  172. }
  173. #calendar_div,
  174. .calendar_control,
  175. .calendar_links,
  176. .calendar_header,
  177. .calendar {
  178. width: 185px;
  179. border-collapse: separate;
  180. margin: 0;
  181. }
  182. .calendar td {
  183. padding: 0;
  184. }