jquery.ui.datetime.css 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116
  1. @CHARSET "UTF-8";
  2. /*demo page css*/
  3. .demoHeaders {
  4. margin-top: 2em;
  5. }
  6. #dialog_link {
  7. padding: .4em 1em .4em 20px;
  8. text-decoration: none;
  9. position: relative;
  10. }
  11. #dialog_link span.ui-icon {
  12. margin: 0 5px 0 0;
  13. position: absolute;
  14. left: .2em;
  15. top: 50%;
  16. margin-top: -8px;
  17. }
  18. ul#icons {
  19. margin: 0;
  20. padding: 0;
  21. }
  22. ul#icons li {
  23. margin: 2px;
  24. position: relative;
  25. padding: 4px 0;
  26. cursor: pointer;
  27. float: left;
  28. list-style: none;
  29. }
  30. ul#icons span.ui-icon {
  31. float: left;
  32. margin: 0 4px;
  33. }
  34. .selHrs, .selMins {
  35. width:2.5em;
  36. }
  37. .selHrs {
  38. margin-left:5px;
  39. }
  40. .dayPeriod {
  41. display:inline-block;
  42. width:20px;
  43. }
  44. .slider {
  45. height:120px;
  46. float:left;
  47. margin:10px
  48. }
  49. #tpSelectedTime {
  50. margin-bottom:0;
  51. border-bottom:1px solid #aaa;
  52. padding:5px;
  53. color:#000;
  54. background:#fff;
  55. text-transform:none;
  56. }
  57. #tpSelectedTime span {
  58. fon-weight:bold;
  59. }
  60. #datepicker {
  61. }
  62. #pickerplug {
  63. overflow:hidden;
  64. display:none;
  65. position:absolute;
  66. top:200px;
  67. left:300px;
  68. padding:0;
  69. margin:0;
  70. z-index:500;
  71. }
  72. #pickerplug li {
  73. display:block;
  74. float:left;
  75. }
  76. #timepicker {
  77. border:1px solid #aaa;
  78. background:#fff;
  79. }
  80. #timepicker ul {
  81. overflow:hidden;
  82. padding:5px;
  83. }
  84. #timepicker ul li {
  85. position:relative;
  86. display:block;
  87. float:left;
  88. width:50px;
  89. }
  90. #timepicker ul li h4 {
  91. width:100%;
  92. background:transparent;
  93. color:#000;
  94. text-align:center;
  95. }
  96. #timepicker ul li .slider {
  97. position:relative;
  98. left:10px;
  99. /* background:#FBF9EE url(images/ui-bg_glass_55_fbf9ee_1x400.png) repeat-x scroll 50% 50%;
  100. border:1px solid #FCEFA1;*/
  101. }