jquery.ui.timepicker.css 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  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 {
  12. padding: 0.2em;
  13. z-index: 1000;
  14. }
  15. .ui-timepicker-table { display: inline-table; width: 0; }
  16. .ui-timepicker-table table { margin:0.15em 0 0 0; border-collapse: collapse; }
  17. .ui-timepicker-hours, .ui-timepicker-minutes { padding: 0.2em; }
  18. .ui-timepicker-table .ui-timepicker-title { line-height: 1.8em; text-align: center; }
  19. .ui-timepicker-table td { padding: 0.1em; width: 2.2em; }
  20. .ui-timepicker-table th.periods { padding: 0.1em; width: 2.2em; }
  21. /* span for disabled cells */
  22. .ui-timepicker-table td span {
  23. display:block;
  24. padding:0.2em 0.3em 0.2em 0.5em;
  25. width: 1.2em;
  26. text-align:right;
  27. text-decoration:none;
  28. }
  29. /* anchors for clickable cells */
  30. .ui-timepicker-table td a {
  31. display:block;
  32. padding:0.2em 0.3em 0.2em 0.5em;
  33. width: 1.2em;
  34. cursor: pointer;
  35. text-align:right;
  36. text-decoration:none;
  37. }
  38. /* buttons and button pane styling */
  39. .ui-timepicker .ui-timepicker-buttonpane {
  40. background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0;
  41. }
  42. .ui-timepicker .ui-timepicker-buttonpane button { margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
  43. /* The close button */
  44. .ui-timepicker .ui-timepicker-close { float: right }
  45. /* the now button */
  46. .ui-timepicker .ui-timepicker-now { float: left; }
  47. /* the deselect button */
  48. .ui-timepicker .ui-timepicker-deselect { float: left; }
  49. /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
  50. .ui-timepicker-cover {
  51. display: none; /*sorry for IE5*/
  52. display/**/: block; /*sorry for IE5*/
  53. position: absolute; /*must have*/
  54. z-index: -1; /*must have*/
  55. filter: mask(); /*must have*/
  56. top: -4px; /*must have*/
  57. left: -4px; /*must have*/
  58. width: 200px; /*must have*/
  59. height: 200px; /*must have*/
  60. }