calendar.css 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221
  1. @charset "UTF-8";
  2. /*!
  3. * Pikaday
  4. * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
  5. */
  6. .pika-single{
  7. z-index:9999;
  8. display:block;
  9. position:relative;
  10. color:#333;
  11. background:#fff;
  12. border:1px solid #ccc;
  13. border-bottom-color:#bbb;
  14. font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
  15. }
  16. /*
  17. clear child float (pika-lendar), using the famous micro clearfix hack
  18. http://nicolasgallagher.com/micro-clearfix-hack/
  19. */
  20. .pika-single:before,
  21. .pika-single:after{
  22. content:" ";
  23. display:table;
  24. }
  25. .pika-single:after{ clear:both }
  26. .pika-single{ *zoom:1 }
  27. .pika-single.is-hidden{
  28. display:none;
  29. }
  30. .pika-single.is-bound{
  31. position:absolute;
  32. box-shadow:0 5px 15px -5px rgba(0,0,0,.5);
  33. }
  34. .pika-lendar{
  35. float:left;
  36. width:240px;
  37. margin:8px;
  38. }
  39. .pika-title{
  40. position:relative;
  41. text-align:center;
  42. }
  43. .pika-label{
  44. display:inline-block;
  45. *display:inline;
  46. position:relative;
  47. z-index:9999;
  48. overflow:hidden;
  49. margin:0;
  50. padding:5px 3px;
  51. font-size:14px;
  52. line-height:20px;
  53. font-weight:bold;
  54. background-color:#fff;
  55. }
  56. .pika-title select{
  57. cursor:pointer;
  58. position:absolute;
  59. z-index:9998;
  60. margin:0;
  61. left:0;
  62. top:5px;
  63. filter:alpha(opacity=0);
  64. opacity:0;
  65. }
  66. .pika-prev,
  67. .pika-next{
  68. display:block;
  69. cursor:pointer;
  70. position:relative;
  71. outline:none;
  72. border:0;
  73. padding:0;
  74. width:20px;
  75. height:30px;
  76. /* hide text using text-indent trick, using width value (it's enough) */
  77. text-indent:20px;
  78. white-space:nowrap;
  79. overflow:hidden;
  80. background-color:transparent;
  81. background-position:center center;
  82. background-repeat:no-repeat;
  83. background-size:75% 75%;
  84. opacity:.5;
  85. *position:absolute;
  86. *top:0;
  87. }
  88. .pika-prev:hover,
  89. .pika-next:hover{
  90. opacity:1;
  91. }
  92. .pika-prev,
  93. .is-rtl .pika-next{
  94. float:left;
  95. background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');
  96. *left:0;
  97. }
  98. .pika-next,
  99. .is-rtl .pika-prev{
  100. float:right;
  101. background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');
  102. *right:0;
  103. }
  104. .pika-prev.is-disabled,
  105. .pika-next.is-disabled{
  106. cursor:default;
  107. opacity:.2;
  108. }
  109. .pika-select{
  110. display:inline-block;
  111. *display:inline;
  112. }
  113. .pika-table{
  114. width:100%;
  115. border-collapse:collapse;
  116. border-spacing:0;
  117. border:0;
  118. }
  119. .pika-table th,
  120. .pika-table td{
  121. width:14.285714285714286%;
  122. padding:0;
  123. }
  124. .pika-table th{
  125. color:#999;
  126. font-size:12px;
  127. line-height:25px;
  128. font-weight:bold;
  129. text-align:center;
  130. }
  131. .pika-button{
  132. cursor:pointer;
  133. display:block;
  134. box-sizing:border-box;
  135. -moz-box-sizing:border-box;
  136. outline:none;
  137. border:0;
  138. margin:0;
  139. width:100%;
  140. padding:5px;
  141. color:#666;
  142. font-size:12px;
  143. line-height:15px;
  144. text-align:right;
  145. background:#f5f5f5;
  146. }
  147. .pika-week{
  148. font-size:11px;
  149. color:#999;
  150. }
  151. .is-today .pika-button{
  152. color:#33aaff;
  153. font-weight:bold;
  154. }
  155. .is-selected .pika-button{
  156. color:#fff;
  157. font-weight:bold;
  158. background:#33aaff;
  159. box-shadow:inset 0 1px 3px #178fe5;
  160. border-radius:3px;
  161. }
  162. .is-inrange .pika-button{
  163. background:#D5E9F7;
  164. }
  165. .is-startrange .pika-button{
  166. color:#fff;
  167. background:#6CB31D;
  168. box-shadow:none;
  169. border-radius:3px;
  170. }
  171. .is-endrange .pika-button{
  172. color:#fff;
  173. background:#33aaff;
  174. box-shadow:none;
  175. border-radius:3px;
  176. }
  177. .is-disabled .pika-button{
  178. pointer-events:none;
  179. cursor:default;
  180. color:#999;
  181. opacity:.3;
  182. }
  183. .pika-button:hover{
  184. color:#fff;
  185. background:#ff8000;
  186. box-shadow:none;
  187. border-radius:3px;
  188. }
  189. /* styling for abbr */
  190. .pika-table abbr{
  191. border-bottom:none;
  192. cursor:help;
  193. }