jquery.ui.timepicker.css 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. /*
  2. * Timepicker stylesheet
  3. * Highly inspired from datepicker
  4. * FG - Nov 2010 - Web3R
  5. *
  6. * version 0.0.3 : Fixed some settings, more dynamic
  7. * version 0.0.4 : Removed width:100% on tables
  8. * version 0.1.1 : set width 0 on tables to fix an ie6 bug
  9. */
  10. .ui-timepicker-inline { display: inline; }
  11. #ui-timepicker-div { padding: 0.2em }
  12. .ui-timepicker-table { display: inline-table; width: 0; }
  13. .ui-timepicker-table table { margin:0.15em 0 0 0; border-collapse: collapse; }
  14. .ui-timepicker-hours, .ui-timepicker-minutes { padding: 0.2em; }
  15. .ui-timepicker-table .ui-timepicker-title { line-height: 1.8em; text-align: center; }
  16. .ui-timepicker-table td { padding: 0.1em; width: 2.2em; }
  17. .ui-timepicker-table th.periods { padding: 0.1em; width: 2.2em; }
  18. /* span for disabled cells */
  19. .ui-timepicker-table td span {
  20. display:block;
  21. padding:0.2em 0.3em 0.2em 0.5em;
  22. width: 1.2em;
  23. text-align:right;
  24. text-decoration:none;
  25. }
  26. /* anchors for clickable cells */
  27. .ui-timepicker-table td a {
  28. display:block;
  29. padding:0.2em 0.3em 0.2em 0.5em;
  30. width: 1.2em;
  31. cursor: pointer;
  32. text-align:right;
  33. text-decoration:none;
  34. }
  35. /* buttons and button pane styling */
  36. .ui-timepicker .ui-timepicker-buttonpane {
  37. background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0;
  38. }
  39. .ui-timepicker .ui-timepicker-buttonpane button { margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
  40. /* The close button */
  41. .ui-timepicker .ui-timepicker-close { float: right }
  42. /* the now button */
  43. .ui-timepicker .ui-timepicker-now { float: left; }
  44. /* the deselect button */
  45. .ui-timepicker .ui-timepicker-deselect { float: left; }
  46. /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
  47. .ui-timepicker-cover {
  48. display: none; /*sorry for IE5*/
  49. display/**/: block; /*sorry for IE5*/
  50. position: absolute; /*must have*/
  51. z-index: -1; /*must have*/
  52. filter: mask(); /*must have*/
  53. top: -4px; /*must have*/
  54. left: -4px; /*must have*/
  55. width: 200px; /*must have*/
  56. height: 200px; /*must have*/
  57. }