You are here

Home » API reference » Date Popup Timepicker 8

jquery.ui.timepicker.css in Date Popup Timepicker 8 

/*
 * Timepicker stylesheet
 * Highly inspired from datepicker
 * FG - Nov 2010 - Web3R 
 *
 * version 0.0.3 : Fixed some settings, more dynamic
 * version 0.0.4 : Removed width:100% on tables
 * version 0.1.1 : set width 0 on tables to fix an ie6 bug
 */

.ui-timepicker-inline { display: inline; }

#ui-timepicker-div { padding: 0.2em; }
.ui-timepicker-table { display: inline-table; width: 0; }
.ui-timepicker-table table { margin:0.15em 0 0 0; border-collapse: collapse; }

.ui-timepicker-hours, .ui-timepicker-minutes { padding: 0.2em;  }

.ui-timepicker-table .ui-timepicker-title { line-height: 1.8em; text-align: center; }
.ui-timepicker-table td { padding: 0.1em; width: 2.2em; }
.ui-timepicker-table th.periods { padding: 0.1em; width: 2.2em; }

/* span for disabled cells */
.ui-timepicker-table td span {
	display:block;
    padding:0.2em 0.3em 0.2em 0.5em;
    width: 1.2em;

    text-align:right;
    text-decoration:none;
}
/* anchors for clickable cells */
.ui-timepicker-table td a {
    display:block;
    padding:0.2em 0.3em 0.2em 0.5em;
    width: 1.2em;
    cursor: pointer;
    text-align:right;
    text-decoration:none;
}


/* buttons and button pane styling */
.ui-timepicker .ui-timepicker-buttonpane {
    background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0;
}
.ui-timepicker .ui-timepicker-buttonpane button { margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
/* The close button */
.ui-timepicker .ui-timepicker-close { float: right }

/* the now button */
.ui-timepicker .ui-timepicker-now { float: left; }

/* the deselect button */
.ui-timepicker .ui-timepicker-deselect { float: left; }

File

css/jquery.ui.timepicker.css
View source 
  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. 

  11. .ui-timepicker-inline { display: inline; }

  12. 

  13. #ui-timepicker-div { padding: 0.2em; }

  14. .ui-timepicker-table { display: inline-table; width: 0; }

  15. .ui-timepicker-table table { margin:0.15em 0 0 0; border-collapse: collapse; }

  16. 

  17. .ui-timepicker-hours, .ui-timepicker-minutes { padding: 0.2em;  }

  18. 

  19. .ui-timepicker-table .ui-timepicker-title { line-height: 1.8em; text-align: center; }

  20. .ui-timepicker-table td { padding: 0.1em; width: 2.2em; }

  21. .ui-timepicker-table th.periods { padding: 0.1em; width: 2.2em; }

  22. 

  23. /* span for disabled cells */

  24. .ui-timepicker-table td span {

  25. 	display:block;

  26.     padding:0.2em 0.3em 0.2em 0.5em;

  27.     width: 1.2em;

  28. 

  29.     text-align:right;

  30.     text-decoration:none;

  31. }

  32. /* anchors for clickable cells */

  33. .ui-timepicker-table td a {

  34.     display:block;

  35.     padding:0.2em 0.3em 0.2em 0.5em;

  36.     width: 1.2em;

  37.     cursor: pointer;

  38.     text-align:right;

  39.     text-decoration:none;

  40. }

  41. 

  42. 

  43. /* buttons and button pane styling */

  44. .ui-timepicker .ui-timepicker-buttonpane {

  45.     background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0;

  46. }

  47. .ui-timepicker .ui-timepicker-buttonpane button { margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }

  48. /* The close button */

  49. .ui-timepicker .ui-timepicker-close { float: right }

  50. 

  51. /* the now button */

  52. .ui-timepicker .ui-timepicker-now { float: left; }

  53. 

  54. /* the deselect button */

  55. .ui-timepicker .ui-timepicker-deselect { float: left; }