You are here

flora.calendar.css in Date 6

Same filename and directory in other branches
  1. 5.2 date_popup/themes/flora.calendar.css
/* Main Style Sheet for jQuery Calendar */
#calendar_div, .calendar_inline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 0;
	margin: 0;
	background: #ddd;
}
#calendar_div {
	display: none;
	border: 1px solid #FF9900;
	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: #ddd;
	color: #000;
}
* html .calendar_prompt {
	width: 185px;
}
.calendar_control, .calendar_links, .calendar_header, .calendar {
	clear: both;
	float: left;
	color: #fff;
}
.calendar_control {
	background: #FF9900;
}
.calendar_links {
	background: #E0F4D7;
}
.calendar_control, .calendar_links {
	font-weight: bold;
	font-size: 80%;
	letter-spacing: 1px;
}
.calendar_links label { /* disabled links */
	padding: 2px 5px;
	color: #888;
}
.calendar_clear, .calendar_prev {
	float: left;
}
.calendar_current {
	float: left;
	width: 35%;
	text-align: center;
}
.calendar_close, .calendar_next {
	float: right;
}
.calendar_header {
	background: #83C948;
	text-align: center;
	font-weight: bold;
}
.calendar_header select {
	background: #83C948;
	color: #000;
	border: 0px;
	font-weight: bold;
}
.calendar {
	background: #ccc;
	text-align: center;
	font-size: 100%;
}
.calendar a {
	display: block;
	width: 100%;
}
.calendar .calendar_titleRow {
	background: #B1DB87;
	color: #000 !important;
}
.calendar .calendar_daysRow {
	background: #FFF;
	color: #666;
}
.calendar .calendar_daysCell {
	color: #000;
	border: 1px solid #ddd;
}
#calendar .calendar_daysCell a{
	display: block;
}
.calendar .calendar_weekEndCell {
	background: #E0F4D7;
}
.calendar .calendar_daysCellOver {
	background: #fff;
	border: 1px solid #777;
}
.calendar .calendar_unselectable {
	color: #888;
}
.calendar_today {
	background: #ccc !important;
}
.calendar_currentDay {
	background: #999 !important;
}

/* ________ CALENDAR LINKS _______

** Reset link properties and then override them with !important */
#calendar_div a, .calendar_inline a {
	cursor: pointer;
	margin: 0;
	padding: 0;
	background: none;
	color: #000;
}
.calendar_inline .calendar_links a {
	padding: 0 5px !important;
}
.calendar_control a, .calendar_links a {
	padding: 2px 5px !important;
	color: #000 !important;
}
.calendar_titleRow a {
	color: #000 !important;
}
.calendar_control a:hover {
	/*background: #fdd !important;*/
	color: #333 !important;
}
.calendar_links a:hover, .calendar_titleRow a:hover {
	background: #FFF !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: 193px; /*must have to match width and borders*/
    height: 200px; /*must have to match maximum height*/ 
}

File

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