date.css 2.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. @CHARSET "UTF-8";
  2. /*---------------------------------------demo css--------------------------------------------*/
  3. .date_selector, .date_selector *{width: auto;height: auto;border: none;background: none;margin: 0;padding: 0;text-align: left;text-decoration: none;}
  4. .date_selector{background:#fbfbfb;border: 1px solid #ccc;padding: 10px;margin:0;margin-top:-1px;position: absolute;z-index:100000;display:none;border-radius: 3px;box-shadow: 0 0 5px #aaa;box-shadow:0 2px 2px #ccc; width:220px;}
  5. .date_selector_ieframe{position: absolute;z-index: 99999;display: none;}
  6. .date_selector .nav{width: 17.5em;}
  7. .date_selector .nav p{clear: none;}
  8. .date_selector .month_nav, .date_selector .year_nav{margin: 0 0 3px 0;padding: 0;display: block;position: relative;text-align: center;}
  9. .date_selector .month_nav{float: left;width: 55%;}
  10. .date_selector .year_nav{float: right;width: 42%;margin-right: -8px;}
  11. .date_selector .month_name, .date_selector .year_name{font-weight: bold;line-height: 20px;}
  12. .date_selector .button{display: block;position: absolute;top: 0;width:18px;height:18px;line-height:16px;font-weight:bold;color:#5985c7;text-align: center;font-size:12px;overflow:hidden;border: 1px solid #ccc;border-radius:2px;}
  13. .date_selector .button:hover, .date_selector .button.hover{background:#5985c7;color: #fff;cursor: pointer;border-color:#3a930d;}
  14. .date_selector .prev{left: 0;}
  15. .date_selector .next{right: 0;}
  16. .date_selector table{border-spacing: 0;border-collapse: collapse;clear: both;margin: 0; width:220px;}
  17. .date_selector th, .date_selector td{width: 2.5em;height: 2em;padding: 0 !important;text-align: center !important;color: #666;font-weight: normal;}
  18. .date_selector th{font-size: 12px;}
  19. .date_selector td{border:1px solid #f1f1f1;line-height: 2em;text-align: center;white-space: nowrap;color:#5985c7;background: #fff;}
  20. .date_selector td.today{background: #eee;}
  21. .date_selector td.unselected_month{color: #ccc;}
  22. .date_selector td.selectable_day{cursor: pointer;}
  23. .date_selector td.selected{background:#2b579a;color: #fff;font-weight: bold;}
  24. .date_selector td.selectable_day:hover, .date_selector td.selectable_day.hover{background:#5985c7;color: #fff;}
  25. /*-----------------------------------------------------------------------------------*/