datepicker-dev.css 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339
  1. /*
  2. * My97 DatePicker 4.8
  3. * auther : zhangkun , hejianting(design)
  4. * email : zhangkun_net@hotmail.com
  5. * date : 2012-05-25
  6. */
  7. .WdateDiv
  8. {
  9. position:relative;
  10. padding:5px;
  11. width:180px;
  12. *width:190px;
  13. font-size:12px;
  14. color:#333;
  15. border:solid 1px #DEDEDE;
  16. background-color:#F2F0F1;
  17. }
  18. .WdateDiv2
  19. {
  20. width:360px;
  21. }
  22. .WdateDiv .NavImg a,.WdateDiv .yminput,.WdateDiv .yminputfocus,.WdateDiv #dpQS
  23. {
  24. background:url(img.gif) no-repeat;
  25. }
  26. .WdateDiv .NavImg a
  27. {
  28. float:left;
  29. width:16px;
  30. height:16px;
  31. cursor:pointer;
  32. }
  33. .WdateDiv .NavImgll a
  34. {
  35. background-position:0px 5px;
  36. }
  37. .WdateDiv .NavImgl a
  38. {
  39. background-position:0px -10px;
  40. }
  41. .WdateDiv .NavImgr a
  42. {
  43. background-position:0px -25px;
  44. float:right;
  45. }
  46. .WdateDiv .NavImgrr a
  47. {
  48. background-position:0px -40px;
  49. float:right;
  50. }
  51. .WdateDiv #dpTitle
  52. {
  53. padding:3px 0px 0px 0px;
  54. line-height:0px;
  55. height:20px;
  56. *height:23;
  57. }
  58. .WdateDiv .yminput,.WdateDiv .yminputfocus
  59. {
  60. margin-left:3px;
  61. width:50px;
  62. height:20px;
  63. line-height:16px;
  64. border:solid 1px #F2F0F1;
  65. cursor:pointer;
  66. background-position:35px -68px;
  67. }
  68. .WdateDiv .yminputfocus
  69. {
  70. background-color:#fff;
  71. border:solid 1px #D8D8D8;
  72. }
  73. .WdateDiv .menuSel{
  74. z-index:1;
  75. position:absolute;
  76. background-color:#FFFFFF;
  77. border:#A3C6C8 1px solid;
  78. display:none;
  79. }
  80. .WdateDiv .menu
  81. {
  82. background:#fff;
  83. }
  84. .WdateDiv .menuOn
  85. {
  86. color:#fff;
  87. background:#64A3F3;
  88. }
  89. .WdateDiv .invalidMenu{
  90. color:#aaa;
  91. }
  92. .WdateDiv .MMenu,.WdateDiv .YMenu
  93. {
  94. padding:2px;
  95. margin-top:20px;
  96. margin-left:-1px;
  97. width:68px;
  98. border:solid 1px #D9D9D9;
  99. }
  100. .WdateDiv .MMenu table,.WdateDiv .YMenu table
  101. {
  102. width:100%;
  103. }
  104. .WdateDiv .MMenu table td,.WdateDiv .YMenu table td
  105. {
  106. padding:0px;
  107. line-height:20px;
  108. text-align:center;
  109. font-size:12px;
  110. cursor: pointer;
  111. }
  112. .WdateDiv .Wweek {
  113. text-align:center;
  114. background:#DAF3F5;
  115. border-right:#BDEBEE 1px solid;
  116. }
  117. .WdateDiv td
  118. {
  119. padding:1px;
  120. line-height:20px;
  121. font-size:12px;
  122. color:#999999;
  123. background:#fff;
  124. cursor:pointer;
  125. }
  126. .WdateDiv .MTitle td
  127. {
  128. line-height:24px;
  129. color:#7D7D7D;
  130. background:#F2F0F1;
  131. cursor: default;
  132. }
  133. .WdateDiv .WdayTable2
  134. {
  135. border-collapse:collapse;
  136. border:#808080 1px solid;
  137. }
  138. .WdateDiv .WdayTable2 table
  139. {
  140. border:0;
  141. }
  142. .WdateDiv .WdayTable{
  143. line-height:20px;
  144. color:#13777e;
  145. background-color:#edfbfb;
  146. }
  147. .WdateDiv .WdayTable td{
  148. text-align:center;
  149. }
  150. .WdateDiv .Wday
  151. {
  152. color:#323232;
  153. }
  154. .WdateDiv .WdayOn
  155. {
  156. color:#fff;
  157. background-color:#65A2F3;
  158. }
  159. .WdateDiv .Wwday
  160. {
  161. color:#65A4F3;
  162. }
  163. .WdateDiv .WwdayOn
  164. {
  165. color:#fff;
  166. background-color:#65A2F3;
  167. }
  168. .WdateDiv .Wtoday
  169. {
  170. color:#FF6D10;
  171. background:#E0EDFE;
  172. }
  173. .WdateDiv .Wselday
  174. {
  175. color:#fff;
  176. background-color:#65A2F3;
  177. }
  178. .WdateDiv .WspecialDay{
  179. background-color:#66F4DF;
  180. }
  181. .WdateDiv .WotherDay
  182. {
  183. color:#D4D4D4;
  184. }
  185. .WdateDiv .WotherDayOn
  186. {
  187. color:#fff;
  188. background-color:#65A2F3;
  189. }
  190. .WdateDiv .WinvalidDay{
  191. color:#aaa;
  192. }
  193. .WdateDiv #dpTime
  194. {
  195. position:relative;
  196. margin-top:5px;
  197. }
  198. .WdateDiv #dpTime #dpTimeStr
  199. {
  200. display:inline-block;
  201. width:28px;
  202. *width:30px;
  203. color:#7d7d7d;
  204. }
  205. .WdateDiv #dpTime input
  206. {
  207. padding:0px;
  208. margin:0px;
  209. width:25px;
  210. height:20px;
  211. line-height:20px;
  212. text-align:center;
  213. color:#333;
  214. border:#D9D9D9 1px solid;
  215. }
  216. .WdateDiv #dpTime .tm
  217. {
  218. width:7px;
  219. border:none;
  220. background:#F2F0F1;
  221. }
  222. .WdateDiv #dpTime #dpTimeUp
  223. {
  224. display:none;
  225. }
  226. .WdateDiv #dpTime #dpTimeDown
  227. {
  228. display:none;
  229. }
  230. .WdateDiv #dpQS
  231. {
  232. float:left;
  233. margin-right:3px;
  234. margin-top:9px;
  235. *margin-top:6px;
  236. width:16px;
  237. height:16px;
  238. cursor:pointer;
  239. background-position:0px -90px;
  240. }
  241. .WdateDiv #dpControl
  242. {
  243. text-align:right;
  244. margin-top:3px;
  245. }
  246. .WdateDiv .dpButton
  247. {
  248. margin-left:2px;
  249. line-height:18px;
  250. *line-height:16px;
  251. width:45px;
  252. background-color:#C3C3C3;
  253. *background-color:#64A3F3;
  254. color:#fff;
  255. border:none;
  256. cursor: pointer;
  257. }
  258. .WdateDiv .dpButton:hover
  259. {
  260. background-color:#64A3F3;
  261. }
  262. .WdateDiv .hhMenu,
  263. .WdateDiv .mmMenu,
  264. .WdateDiv .ssMenu
  265. {
  266. position:absolute;
  267. padding:3px;
  268. font-size:12px;
  269. color:#333;
  270. border:solid 1px #DEDEDE;
  271. background-color:#F2F0F1;
  272. }
  273. .WdateDiv #dpTime .menu,.WdateDiv #dpTime .menuOn
  274. {
  275. width:18px;
  276. height:18px;
  277. line-height:18px;
  278. text-align:center;
  279. background:#fff;
  280. }
  281. .WdateDiv #dpTime .menuOn
  282. {
  283. background:#65A2F3;
  284. }
  285. .WdateDiv #dpTime td
  286. {
  287. background:#F2F0F1;
  288. }
  289. .WdateDiv .hhMenu
  290. {
  291. top:-87px;
  292. left:35px;
  293. left:32px\9;
  294. }
  295. .WdateDiv .mmMenu
  296. {
  297. top:-47px;
  298. left:35px;
  299. left:32px\9;
  300. }
  301. .WdateDiv .ssMenu
  302. {
  303. top:-27px;
  304. left:35px;
  305. left:32px\9;
  306. }