2cff419692fdb19a962db4e6de73ac1f4b8e2e0c.svn-base 6.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344
  1. /* 日期选择容器 DIV */
  2. .WdateDiv{
  3. width:260px;
  4. background-color:#fff;
  5. border:1px solid #333333;
  6. }
  7. /* 双月日历的宽度 */
  8. .WdateDiv2{
  9. width:480px;
  10. }
  11. .WdateDiv *{
  12. font-size:13px;
  13. font-family:"微软雅黑";
  14. }
  15. /****************************
  16. * 导航图标 全部是A标签
  17. ***************************/
  18. .WdateDiv .NavImg a{
  19. margin-top:8px;
  20. cursor:pointer;
  21. display:block;
  22. width:17px;
  23. height:13px;
  24. }
  25. .WdateDiv .NavImgll a{
  26. background:url(left-btn2.png) no-repeat center center;
  27. float:left;
  28. margin-left:8px;
  29. }
  30. .WdateDiv .NavImgl a{
  31. background:url(left-btn.png) no-repeat center center;
  32. float:left;
  33. margin-left:2px;
  34. }
  35. .WdateDiv .NavImgr a{
  36. background:url(right-btn.png) no-repeat center center;
  37. float:right;
  38. margin-right:2px;
  39. }
  40. .WdateDiv .NavImgrr a{
  41. background:url(right-btn2.png) no-repeat center center;
  42. float:right;
  43. margin-right:8px;
  44. }
  45. /****************************
  46. * 年份月份相关
  47. ***************************/
  48. /* 年份月份栏 DIV */
  49. .WdateDiv #dpTitle{
  50. height:32px;
  51. color:#FFFFFF;
  52. font-size-adjust:none;
  53. font-stretch:normal;
  54. font-style:normal;
  55. font-variant:normal;
  56. font-weight:bold;
  57. padding-top:4px;
  58. background-image:url(top-bg.png);
  59. background-repeat:repeat-x;
  60. background-position:0% 100%;
  61. }
  62. /* 年份月份输入框 INPUT */
  63. .WdateDiv .yminput{
  64. margin-top:2px;
  65. text-align:center;
  66. border:0px;
  67. height:20px;
  68. width:50px;
  69. color:#FFF;
  70. background-color:transparent;
  71. cursor:pointer;
  72. }
  73. /* 年份月份输入框获得焦点时的样式 INPUT */
  74. .WdateDiv .yminputfocus{
  75. margin-top:2px;
  76. text-align:center;
  77. border:#939393 1px solid;
  78. font-weight:bold;
  79. color:#034c50;
  80. height:16px;
  81. width:50px;
  82. }
  83. /* 菜单选择框 DIV */
  84. .WdateDiv .menuSel{
  85. z-index:1;
  86. position:absolute;
  87. background-color:#FFFFFF;
  88. border:1px solid #718BB7;
  89. display:none;
  90. }
  91. /* 菜单的样式 TD */
  92. .WdateDiv .menu{
  93. cursor:pointer;
  94. background-color:#fff;
  95. color:#0b5ea0;/*时间文字颜色*/
  96. }
  97. /* 菜单的mouseover样式 TD */
  98. .WdateDiv .menuOn{
  99. cursor:pointer;
  100. background-color: #376bfc;
  101. color:#ffffff;
  102. }
  103. /* 菜单无效时的样式 TD */
  104. .WdateDiv .invalidMenu{
  105. color:#aaa;
  106. }
  107. /* 年选择框的偏移 DIV */
  108. .WdateDiv .YMenu{
  109. margin-top:16px;
  110. }
  111. /* 月选择框的偏移 DIV */
  112. .WdateDiv .MMenu{
  113. margin-top:16px;
  114. *width:62px;
  115. }
  116. /* 时选择框的位置 DIV */
  117. .WdateDiv .hhMenu{
  118. margin-top:-90px;
  119. margin-left:26px;
  120. }
  121. /* 分选择框的位置 DIV */
  122. .WdateDiv .mmMenu{
  123. margin-top:-46px;
  124. margin-left:26px;
  125. }
  126. /* 秒选择框的位置 DIV */
  127. .WdateDiv .ssMenu{
  128. margin-top:-24px;
  129. margin-left:26px;
  130. }
  131. /****************************
  132. * 周相关
  133. ***************************/
  134. .WdateDiv .Wweek {
  135. text-align:center;
  136. background:#DAF3F5;
  137. border-right:#BDEBEE 1px solid;
  138. }
  139. /****************************
  140. * 星期,日期相关
  141. ***************************/
  142. /* 星期栏 TR */
  143. .WdateDiv .MTitle{
  144. color:#233D6D;
  145. color:#233D6D;
  146. cursor:default;
  147. }
  148. .WdateDiv .MTitle td{
  149. border-bottom:1px solid #d8d9de;
  150. height:30px;
  151. }
  152. .WdateDiv .WdayTable2{
  153. border-collapse:collapse;
  154. border:black 1px solid;
  155. }
  156. .WdateDiv .WdayTable2 table{
  157. border:0;
  158. }
  159. /* 日期栏表格 TABLE */
  160. .WdateDiv .WdayTable{
  161. line-height:23px;
  162. color:black;
  163. background-color:#ffffff;
  164. }
  165. .WdateDiv .WdayTable td{
  166. text-align:center;
  167. }
  168. /* 日期格的样式 TD */
  169. .WdateDiv .Wday{
  170. cursor:pointer;
  171. border-left:solid 1px #e2e2e2;
  172. border-bottom:solid 1px #e2e2e2;
  173. background-image: url(day-bg.png);
  174. background-repeat: repeat-x;
  175. background-position:0% 100%;
  176. height:32px;
  177. }
  178. /* 日期格的mouseover样式 TD */
  179. .WdateDiv .WdayOn{
  180. cursor:pointer;
  181. background-color:#376bfc;
  182. color:#ffffff;
  183. border-left:solid 1px #e2e2e2;
  184. border-bottom:solid 1px #e2e2e2;
  185. height:32px;
  186. }
  187. /* 周末日期格的样式 TD */
  188. .WdateDiv .Wwday{
  189. cursor:pointer;
  190. color:#ab1e1e;
  191. border-left:solid 1px #e2e2e2;
  192. border-bottom:solid 1px #e2e2e2;
  193. background-image: url(day-bg.png);
  194. background-repeat: repeat-x;
  195. background-position:0% 100%;
  196. height:32px;
  197. }
  198. /* 周末日期格的mouseover样式 TD */
  199. .WdateDiv .WwdayOn{
  200. cursor:pointer;
  201. background-color:#376bfc;
  202. color:#ffffff;
  203. border-left:solid 1px #e2e2e2;
  204. border-bottom:solid 1px #e2e2e2;
  205. height:32px;
  206. }
  207. .WdateDiv .Wtoday{
  208. cursor:pointer;
  209. color:red;
  210. }
  211. .WdateDiv .Wselday{
  212. background-color:#376bfc;
  213. color:#ffffff;
  214. border-left:solid 1px #e2e2e2;
  215. border-bottom:solid 1px #e2e2e2;
  216. height:32px;
  217. }
  218. .WdateDiv .WspecialDay{
  219. background-color:#66F4DF;
  220. }
  221. /* 其他月份的日期 */
  222. .WdateDiv .WotherDay{
  223. cursor:pointer;
  224. color:#AAAAAA;
  225. border-left:solid 1px #e2e2e2;
  226. border-bottom:solid 1px #e2e2e2;
  227. background-image: url(day-bg.png);
  228. background-repeat: repeat-x;
  229. background-position:0% 100%;
  230. height:32px;
  231. }
  232. /* 其他月份的日期mouseover样式 */
  233. .WdateDiv .WotherDayOn{
  234. cursor:pointer;
  235. background-color:#376bfc;
  236. color:#ffffff;
  237. border-left:solid 1px #e2e2e2;
  238. border-bottom:solid 1px #e2e2e2;
  239. height:32px;
  240. }
  241. /* 无效日期的样式,即在日期范围以外日期格的样式,不能选择的日期 */
  242. .WdateDiv .WinvalidDay{
  243. color:#aaa;
  244. }
  245. /****************************
  246. * 时间相关
  247. ***************************/
  248. /* 时间栏 DIV */
  249. .WdateDiv #dpTime{
  250. width:120px;
  251. text-align:left;
  252. margin-left:32px;
  253. height:20px;
  254. line-height:20px;
  255. padding-top:1px;
  256. }
  257. /* 时间文字 SPAN */
  258. .WdateDiv #dpTime #dpTimeStr{
  259. margin-left:1px;
  260. color:#233D6D;
  261. }
  262. /* 时间输入框 INPUT */
  263. .WdateDiv #dpTime input{
  264. height:20px;
  265. line-height:20px;
  266. width:18px;
  267. text-align:center;
  268. color:#333;
  269. border:#A3BAD9 1px solid;
  270. }
  271. /* 时间 时 INPUT */
  272. .WdateDiv #dpTime .tB{
  273. border-right:0px;
  274. }
  275. /* 时间 分和间隔符 ':' INPUT */
  276. .WdateDiv #dpTime .tE{
  277. border-left:0;
  278. border-right:0;
  279. }
  280. /* 时间 秒 INPUT */
  281. .WdateDiv #dpTime .tm{
  282. width:7px;
  283. border-left:0;
  284. border-right:0;
  285. }
  286. /* 时间右边的向上按钮 BUTTON */
  287. .WdateDiv #dpTime #dpTimeUp{
  288. height:8px;
  289. width:13px;
  290. border:0px;
  291. background:url(img.gif) no-repeat -32px -16px;
  292. cursor:pointer;
  293. margin-bottom:0;
  294. padding-bottom:0;
  295. }
  296. /* 时间右边的向下按钮 BUTTON */
  297. .WdateDiv #dpTime #dpTimeDown{
  298. height:8px;
  299. width:13px;
  300. border:0px;
  301. background:url(img.gif) no-repeat -48px -16px;
  302. cursor:pointer;
  303. margin-top:0;
  304. padding-top:0;
  305. }
  306. /****************************
  307. * 其他
  308. ***************************/
  309. .WdateDiv #dpQS {
  310. float:left;
  311. margin-left:3px;
  312. margin-top:9px;
  313. background:url(dateselect.gif) no-repeat;
  314. width:20px;
  315. height:20px;
  316. cursor:pointer;
  317. background-position:50% 50%;
  318. }
  319. .WdateDiv #dpControl {
  320. text-align:right;
  321. margin-top:3px;
  322. padding:4px;
  323. }
  324. .WdateDiv .dpButton{
  325. width:54px;
  326. height:28px;
  327. background:#f4f7f8 none repeat scroll 0 0;/*按钮背景色*/
  328. border-color:#d3dbde;/*按钮边框 上右下左*/
  329. border-style:solid;
  330. border-width:1px;
  331. color:white;
  332. cursor:pointer;
  333. line-height:20px;
  334. border-radius: 3px 3px 3px 3px;
  335. margin:0 2px 0 0;
  336. color:#000000;
  337. }