laydate.css 9.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136
  1. /**
  2. @Name: laydate 核心样式
  3. @Author:贤心
  4. @Site:http://sentsin.com/layui/laydate
  5. **/
  6. #layuicss-laydatecss{display: none; position: absolute; width: 1989px;}
  7. .laydate_body .laydate_box, .laydate_body .laydate_box *{margin:0; padding:0;box-sizing:content-box;}
  8. .laydate-icon,
  9. .laydate-icon-default,
  10. .laydate-icon-danlan,
  11. .laydate-icon-dahong,
  12. .laydate-icon-molv{height:22px; line-height:22px; padding-right:20px; border:1px solid #C6C6C6; background-repeat:no-repeat; background-position:right center; background-color:#fff; outline:0;}
  13. .laydate-icon-default{ background-image:url(../skins/default/icon.png)}
  14. .laydate-icon-danlan{border:1px solid #B1D2EC; background-image:url(../skins/danlan/icon.png)}
  15. .laydate-icon-dahong{background-image:url(../skins/dahong/icon.png)}
  16. .laydate-icon-molv{background-image:url(../skins/molv/icon.png)}
  17. .laydate_body .laydate_box{width:240px; font:12px '\5B8B\4F53'; z-index:99999999; *margin:-2px 0 0 -2px; *overflow:hidden; _margin:0; _position:absolute!important; background-color:#fff;}
  18. .laydate_body .laydate_box li{list-style:none;}
  19. .laydate_body .laydate_box .laydate_void{cursor:text!important;}
  20. .laydate_body .laydate_box a, .laydate_body .laydate_box a:hover{text-decoration:none; blr:expression(this.onFocus=this.blur()); cursor:pointer;}
  21. .laydate_body .laydate_box a:hover{text-decoration:none;}
  22. .laydate_body .laydate_box cite, .laydate_body .laydate_box label{position:absolute; width:0; height:0; border-width:5px; border-style:dashed; border-color:transparent; overflow:hidden; cursor:pointer;}
  23. .laydate_body .laydate_box .laydate_yms, .laydate_body .laydate_box .laydate_time{display:none;}
  24. .laydate_body .laydate_box .laydate_show{display:block;}
  25. .laydate_body .laydate_box input{outline:0; font-size:14px; background-color:#fff;}
  26. .laydate_body .laydate_top{position:relative; height:26px; padding:5px; *width:100%; z-index:99;}
  27. .laydate_body .laydate_ym{position:relative; float:left; height:24px; cursor:pointer;}
  28. .laydate_body .laydate_ym input{float:left; height:24px; line-height:24px; text-align:center; border:none; cursor:pointer;}
  29. .laydate_body .laydate_ym .laydate_yms{position:absolute; left: -1px; top: 24px; height:181px;}
  30. .laydate_body .laydate_y{width:121px; margin-right:6px;}
  31. .laydate_body .laydate_y input{width:64px; margin-right:15px;}
  32. .laydate_body .laydate_y .laydate_yms{width:121px; text-align:center;}
  33. .laydate_body .laydate_y .laydate_yms a{position:relative; display:block; height:20px;}
  34. .laydate_body .laydate_y .laydate_yms ul{height:139px; padding:0; *overflow:hidden;}
  35. .laydate_body .laydate_y .laydate_yms ul li{float:left; width:60px; height:20px; line-height: 20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
  36. .laydate_body .laydate_m{width:99px;}
  37. .laydate_body .laydate_m .laydate_yms{width:99px; padding:0;}
  38. .laydate_body .laydate_m input{width:42px; margin-right:15px;}
  39. .laydate_body .laydate_m .laydate_yms span{display:block; float:left; width:42px; margin: 5px 0 0 5px; line-height:24px; text-align:center; _display:inline;}
  40. .laydate_body .laydate_choose{display:block; float:left; position:relative; width:20px; height:24px;}
  41. .laydate_body .laydate_choose cite, .laydate_body .laydate_tab cite{left:50%; top:50%;}
  42. .laydate_body .laydate_chtop cite{margin:-7px 0 0 -5px; border-bottom-style:solid;}
  43. .laydate_body .laydate_chdown cite, .laydate_body .laydate_ym label{top:50%; margin:-2px 0 0 -5px; border-top-style:solid;}
  44. .laydate_body .laydate_chprev cite{margin:-5px 0 0 -7px;}
  45. .laydate_body .laydate_chnext cite{margin:-5px 0 0 -2px;}
  46. .laydate_body .laydate_ym label{right:28px;}
  47. .laydate_body .laydate_table{ width:230px; margin:0 5px; border-collapse:collapse; border-spacing:0px; }
  48. .laydate_body .laydate_table td{width:31px; height:19px; line-height:19px; text-align: center; cursor:pointer; font-size: 12px;}
  49. .laydate_body .laydate_table thead{height:22px; line-height:22px;}
  50. .laydate_body .laydate_table thead th{font-weight:400; font-size:12px; text-align:center;}
  51. .laydate_body .laydate_bottom{position:relative; height:22px; line-height:20px; padding:5px; font-size:12px;}
  52. .laydate_body .laydate_bottom #laydate_hms{position: relative; z-index: 1; float:left; }
  53. .laydate_body .laydate_time{ position:absolute; left:5px; bottom: 26px; width:129px; height:125px; *overflow:hidden;}
  54. .laydate_body .laydate_time .laydate_hmsno{ padding:5px 0 0 5px;}
  55. .laydate_body .laydate_time .laydate_hmsno span{display:block; float:left; width:24px; height:19px; line-height:19px; text-align:center; cursor:pointer; *margin-bottom:-5px;}
  56. .laydate_body .laydate_time1{width:228px; height:154px;}
  57. .laydate_body .laydate_time1 .laydate_hmsno{padding: 6px 0 0 8px;}
  58. .laydate_body .laydate_time1 .laydate_hmsno span{width:21px; height:20px; line-height:20px;}
  59. .laydate_body .laydate_msg{left:49px; bottom:67px; width:141px; height:auto; overflow: hidden;}
  60. .laydate_body .laydate_msg p{padding:5px 10px;}
  61. .laydate_body .laydate_bottom li{float:left; height:20px; line-height:20px; border-right:none; font-weight:900;}
  62. .laydate_body .laydate_bottom .laydate_sj{width:33px; text-align:center; font-weight:400;}
  63. .laydate_body .laydate_bottom input{float:left; width:21px; height:20px; line-height:20px; border:none; text-align:center; cursor:pointer; font-size:12px; font-weight:400;}
  64. .laydate_body .laydate_bottom .laydte_hsmtex{height:20px; line-height:20px; text-align:center;}
  65. .laydate_body .laydate_bottom .laydte_hsmtex span{position:absolute; width:20px; top:0; right:0px; cursor:pointer;}
  66. .laydate_body .laydate_bottom .laydte_hsmtex span:hover{font-size:14px;}
  67. .laydate_body .laydate_bottom .laydate_btn{position:absolute; right:5px; top:5px;}
  68. .laydate_body .laydate_bottom .laydate_btn a{float:left; height:20px; padding:0 6px; _padding:0 5px;}
  69. .laydate_body .laydate_bottom .laydate_v{position:absolute; left:10px; top:6px; font-family:Courier; z-index:0;}
  70. .laydate-icon{border:1px solid #C6C6C6; background-image:url(icon.png)}
  71. .laydate_body .laydate_box,
  72. .laydate_body .laydate_ym,
  73. .laydate_body .laydate_ym .laydate_yms,
  74. .laydate_body .laydate_table,
  75. .laydate_body .laydate_table td,
  76. .laydate_body .laydate_bottom #laydate_hms,
  77. .laydate_body .laydate_time,
  78. .laydate_body .laydate_bottom .laydate_btn a{border:1px solid #ccc;}
  79. .laydate_body .laydate_y .laydate_yms a,
  80. .laydate_body .laydate_choose,
  81. .laydate_body .laydate_table thead,
  82. .laydate_body .laydate_bottom .laydte_hsmtex{background-color:#F6F6F6;}
  83. .laydate_body .laydate_box,
  84. .laydate_body .laydate_ym .laydate_yms,
  85. .laydate_body .laydate_time{box-shadow: 2px 2px 5px rgba(0,0,0,.1);}
  86. .laydate_body .laydate_box{border-top:none; border-bottom:none; background-color:#fff; color:#333;}
  87. .laydate_body .laydate_box input{color:#333;}
  88. .laydate_body .laydate_box .laydate_void{color:#ccc!important; /*text-decoration:line-through;*/}
  89. .laydate_body .laydate_box .laydate_void:hover{background-color:#fff!important}
  90. .laydate_body .laydate_box a, .laydate_body .laydate_box a:hover{color:#333;}
  91. .laydate_body .laydate_box a:hover{color:#666;}
  92. .laydate_body .laydate_click{background-color:#eee!important;}
  93. .laydate_body .laydate_top{border-top:1px solid #C6C6C6;}
  94. .laydate_body .laydate_ym .laydate_yms{border:1px solid #C6C6C6; background-color:#fff;}
  95. .laydate_body .laydate_y .laydate_yms a{border-bottom:1px solid #C6C6C6;}
  96. .laydate_body .laydate_y .laydate_yms .laydate_chdown{border-top:1px solid #C6C6C6; border-bottom:none;}
  97. .laydate_body .laydate_choose{border-left:1px solid #C6C6C6;}
  98. .laydate_body .laydate_chprev{border-left:none; border-right:1px solid #C6C6C6;}
  99. .laydate_body .laydate_choose:hover,
  100. .laydate_body .laydate_y .laydate_yms a:hover{background-color:#fff;}
  101. .laydate_body .laydate_chtop cite{border-bottom-color:#666;}
  102. .laydate_body .laydate_chdown cite, .laydate_body .laydate_ym label{border-top-color:#666;}
  103. .laydate_body .laydate_chprev cite{border-right-style:solid; border-right-color:#666;}
  104. .laydate_body .laydate_chnext cite{border-left-style:solid; border-left-color:#666;}
  105. .laydate_body .laydate_table td{border:none; height:21px!important; line-height:21px!important; background-color:#fff;}
  106. .laydate_body .laydate_table .laydate_nothis{color:#999;}
  107. .laydate_body .laydate_table thead{height:21px!important; line-height:21px!important;}
  108. .laydate_body .laydate_table thead th{border-bottom:1px solid #ccc;}
  109. .laydate_body .laydate_bottom{border-bottom:1px solid #C6C6C6;}
  110. .laydate_body .laydate_bottom #laydate_hms{background-color:#fff;}
  111. .laydate_body .laydate_time{background-color:#fff;}
  112. .laydate_body .laydate_bottom .laydate_sj{border-right:1px solid #C6C6C6; background-color:#F6F6F6;}
  113. .laydate_body .laydate_bottom input{background-color:#fff;}
  114. .laydate_body .laydate_bottom .laydte_hsmtex{border-bottom:1px solid #C6C6C6;}
  115. .laydate_body .laydate_bottom .laydate_btn{border-right:1px solid #C6C6C6;}
  116. .laydate_body .laydate_bottom .laydate_v{color:#999}
  117. .laydate_body .laydate_bottom .laydate_btn a{border-right:none; background-color:#F6F6F6;}
  118. .laydate_body .laydate_bottom .laydate_btn a:hover{color:#000; background-color:#fff;}
  119. .laydate_body .laydate_m .laydate_yms span:hover,
  120. .laydate_body .laydate_y .laydate_yms ul li:hover,
  121. .laydate_body .laydate_table td:hover,
  122. .laydate_body .laydate_time .laydate_hmsno span:hover{background-color:#F3F3F3}