You are here

datetimepicker.css in Advanced Poll 5

/* 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 #777;
	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: #400;
}
.calendar_links {
	background: #000;
}
.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: #333;
	text-align: center;
	font-weight: bold;
}
.calendar_header select {
	background: #333;
	color: #fff;
	border: 0px;
	font-weight: bold;
}
.calendar {
	background: #ccc;
	text-align: center;
	font-size: 100%;
}
.calendar a {
	display: block;
	width: 100%;
}
.calendar .calendar_titleRow {
	background: #777;
}
.calendar .calendar_daysRow {
	background: #eee;
	color: #666;
}
.calendar .calendar_daysCell {
	color: #000;
	border: 1px solid #ddd;
}
#calendar .calendar_daysCell a{
	display: block;
}
.calendar .calendar_weekEndCell {
	background: #ddd;
}
.calendar .calendar_daysCellOver {
	background: #fff;
	border: 1px solid #777;
}
.calendar .calendar_unselectable {
	color: #888;
}
.calendar_today {
	background: #fcc !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: #eee !important;
}
.calendar_titleRow a {
	color: #eee !important;
}
.calendar_control a:hover {
	background: #fdd !important;
	color: #333 !important;
}
.calendar_links a:hover, .calendar_titleRow a:hover {
	background: #ddd !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*/ 
}

/*--------- timePicker styles ---------*/
div.time-picker {
  position: absolute;
  height: 200px;
  width:5.5em; /* needed for IE */
  overflow: auto;
  background: #fff;
  border: 1px solid #000;
  z-index: 99;
}
div.time-picker ul {
  list-style-type: none;
  padding: 0;
  margin:0;
}
div.time-picker ul li {
  padding: 1px;
  cursor: pointer;
  margin: 0;
  background:none;
}
div.time-picker li.selected {
  background: #027ac6;
  color: #fff;
}

File

datetimepicker/datetimepicker.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 #777;
  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: #400;
  50. }
  51. .calendar_links {
  52. background: #000;
  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: #333;
  76. text-align: center;
  77. font-weight: bold;
  78. }
  79. .calendar_header select {
  80. background: #333;
  81. color: #fff;
  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: #777;
  96. }
  97. .calendar .calendar_daysRow {
  98. background: #eee;
  99. color: #666;
  100. }
  101. .calendar .calendar_daysCell {
  102. color: #000;
  103. border: 1px solid #ddd;
  104. }
  105. #calendar .calendar_daysCell a{
  106. display: block;
  107. }
  108. .calendar .calendar_weekEndCell {
  109. background: #ddd;
  110. }
  111. .calendar .calendar_daysCellOver {
  112. background: #fff;
  113. border: 1px solid #777;
  114. }
  115. .calendar .calendar_unselectable {
  116. color: #888;
  117. }
  118. .calendar_today {
  119. background: #fcc !important;
  120. }
  121. .calendar_currentDay {
  122. background: #999 !important;
  123. }
  124. /* ________ CALENDAR LINKS _______
  125. ** Reset link properties and then override them with !important */
  126. #calendar_div a, .calendar_inline a {
  127. cursor: pointer;
  128. margin: 0;
  129. padding: 0;
  130. background: none;
  131. color: #000;
  132. }
  133. .calendar_inline .calendar_links a {
  134. padding: 0 5px !important;
  135. }
  136. .calendar_control a, .calendar_links a {
  137. padding: 2px 5px !important;
  138. color: #eee !important;
  139. }
  140. .calendar_titleRow a {
  141. color: #eee !important;
  142. }
  143. .calendar_control a:hover {
  144. background: #fdd !important;
  145. color: #333 !important;
  146. }
  147. .calendar_links a:hover, .calendar_titleRow a:hover {
  148. background: #ddd !important;
  149. color: #333 !important;
  150. }
  151. /* ___________ IE6 IFRAME FIX ________ */
  152. .calendar_cover {
  153. display: none; /*sorry for IE5*/
  154. display/**/: block; /*sorry for IE5*/
  155. position: absolute; /*must have*/
  156. z-index: -1; /*must have*/
  157. filter: mask(); /*must have*/
  158. top: -4px; /*must have*/
  159. left: -4px; /*must have*/
  160. width: 193px; /*must have to match width and borders*/
  161. height: 200px; /*must have to match maximum height*/
  162. }
  163. /*--------- timePicker styles ---------*/
  164. div.time-picker {
  165. position: absolute;
  166. height: 200px;
  167. width:5.5em; /* needed for IE */
  168. overflow: auto;
  169. background: #fff;
  170. border: 1px solid #000;
  171. z-index: 99;
  172. }
  173. div.time-picker ul {
  174. list-style-type: none;
  175. padding: 0;
  176. margin:0;
  177. }
  178. div.time-picker ul li {
  179. padding: 1px;
  180. cursor: pointer;
  181. margin: 0;
  182. background:none;
  183. }
  184. div.time-picker li.selected {
  185. background: #027ac6;
  186. color: #fff;
  187. }