jquery.ui.datepicker.monthyearpicker.css 1.9 KB

1234567891011121314151617181920212223242526272829303132
  1. /* jquery ui datepicker month year picker */
  2. .ui-datepicker { font-family:arial,verdana,sans-serif }
  3. .ui-datepicker .ui-datepicker-select-month td ,
  4. .ui-datepicker .ui-datepicker-select-year td {
  5. line-height: 3.4em;
  6. }
  7. .ui-datepicker .ui-datepicker-select-month td span,
  8. .ui-datepicker .ui-datepicker-select-month td a,
  9. .ui-datepicker .ui-datepicker-select-year td span,
  10. .ui-datepicker .ui-datepicker-select-year td a {
  11. font-size: 1.5em;
  12. text-align: center;
  13. }
  14. .ui-datepicker .ui-datepicker-select-year td.outoffocus {
  15. opacity: 0.5;
  16. }
  17. .ui-datepicker .ui-datepicker-prev { left: 15px;cursor: pointer; }
  18. .ui-datepicker .ui-datepicker-next { right: 15px;cursor: pointer; }
  19. .ui-datepicker .ui-datepicker-header { height: 40px }
  20. .ui-widget.ui-widget-content { width: 300px;padding:5px 8px;border-radius: 0 }
  21. .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{
  22. border-color: #fff;background: #fff;font-size: 14px;padding: .6em 0.5em;color:#454545;text-align: center;
  23. }
  24. .ui-datepicker-today a.ui-state-active, .ui-datepicker-current-day a.ui-state-active{ background-color:rgba(159,121,82,1); }
  25. .ui-state-default:hover { background-color:rgba(159,121,82,0.6);color:#fff; }
  26. .ui-widget-header { font-size: 18px;font-weight: normal;line-height: 40px;background: transparent;border-width: 0;border-radius: 0; }
  27. .ui-datepicker th { border-bottom:1px #9f7952 solid;color:#9f7952; font-weight: normal;font-size: 14px }
  28. .ui-datepicker-prev:hover, .ui-datepicker-next:hover { border-width:0 ;background: transparent; }
  29. .ui-datepicker-prev:before, .ui-datepicker-next:before { content: "";position:absolute;top:50%;left:50%;transform: translate3d(-50%,-50%,0);width: 8px;height: 16px;vertical-align: middle;background:url(../images/icon_bg.png) no-repeat -81px 0; }
  30. .ui-icon {display: none;}
  31. .ui-datepicker-next:before {background-position: -95px 0}