You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

jquery-ui.structure.css 4.8KB

8 vuotta sitten
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258
  1. /*!
  2. * jQuery UI CSS Framework 1.11.4
  3. * http://jqueryui.com
  4. *
  5. * Copyright jQuery Foundation and other contributors
  6. * Released under the MIT license.
  7. * http://jquery.org/license
  8. *
  9. * http://api.jqueryui.com/category/theming/
  10. */
  11. /* Layout helpers
  12. ----------------------------------*/
  13. .ui-helper-hidden {
  14. display: none;
  15. }
  16. .ui-helper-hidden-accessible {
  17. border: 0;
  18. clip: rect(0 0 0 0);
  19. height: 1px;
  20. margin: -1px;
  21. overflow: hidden;
  22. padding: 0;
  23. position: absolute;
  24. width: 1px;
  25. }
  26. .ui-helper-reset {
  27. margin: 0;
  28. padding: 0;
  29. border: 0;
  30. outline: 0;
  31. line-height: 1.3;
  32. text-decoration: none;
  33. font-size: 100%;
  34. list-style: none;
  35. }
  36. .ui-helper-clearfix:before,
  37. .ui-helper-clearfix:after {
  38. content: "";
  39. display: table;
  40. border-collapse: collapse;
  41. }
  42. .ui-helper-clearfix:after {
  43. clear: both;
  44. }
  45. .ui-helper-clearfix {
  46. min-height: 0; /* support: IE7 */
  47. }
  48. .ui-helper-zfix {
  49. width: 100%;
  50. height: 100%;
  51. top: 0;
  52. left: 0;
  53. position: absolute;
  54. opacity: 0;
  55. filter:Alpha(Opacity=0); /* support: IE8 */
  56. }
  57. .ui-front {
  58. z-index: 100;
  59. }
  60. /* Interaction Cues
  61. ----------------------------------*/
  62. .ui-state-disabled {
  63. cursor: default !important;
  64. }
  65. /* Icons
  66. ----------------------------------*/
  67. /* states and images */
  68. .ui-icon {
  69. display: block;
  70. text-indent: -99999px;
  71. overflow: hidden;
  72. background-repeat: no-repeat;
  73. }
  74. /* Misc visuals
  75. ----------------------------------*/
  76. /* Overlays */
  77. .ui-widget-overlay {
  78. position: fixed;
  79. top: 0;
  80. left: 0;
  81. width: 100%;
  82. height: 100%;
  83. }
  84. .ui-datepicker {
  85. width: 17em;
  86. padding: .2em .2em 0;
  87. display: none;
  88. }
  89. .ui-datepicker .ui-datepicker-header {
  90. position: relative;
  91. padding: .2em 0;
  92. }
  93. .ui-datepicker .ui-datepicker-prev,
  94. .ui-datepicker .ui-datepicker-next {
  95. position: absolute;
  96. top: 2px;
  97. width: 1.8em;
  98. height: 1.8em;
  99. }
  100. .ui-datepicker .ui-datepicker-prev-hover,
  101. .ui-datepicker .ui-datepicker-next-hover {
  102. top: 1px;
  103. }
  104. .ui-datepicker .ui-datepicker-prev {
  105. left: 2px;
  106. }
  107. .ui-datepicker .ui-datepicker-next {
  108. right: 2px;
  109. }
  110. .ui-datepicker .ui-datepicker-prev-hover {
  111. left: 1px;
  112. }
  113. .ui-datepicker .ui-datepicker-next-hover {
  114. right: 1px;
  115. }
  116. .ui-datepicker .ui-datepicker-prev span,
  117. .ui-datepicker .ui-datepicker-next span {
  118. display: block;
  119. position: absolute;
  120. left: 50%;
  121. margin-left: -8px;
  122. top: 50%;
  123. margin-top: -8px;
  124. }
  125. .ui-datepicker .ui-datepicker-title {
  126. margin: 0 2.3em;
  127. line-height: 1.8em;
  128. text-align: center;
  129. }
  130. .ui-datepicker .ui-datepicker-title select {
  131. font-size: 1em;
  132. margin: 1px 0;
  133. }
  134. .ui-datepicker select.ui-datepicker-month,
  135. .ui-datepicker select.ui-datepicker-year {
  136. width: 45%;
  137. }
  138. .ui-datepicker table {
  139. width: 100%;
  140. font-size: .9em;
  141. border-collapse: collapse;
  142. margin: 0 0 .4em;
  143. }
  144. .ui-datepicker th {
  145. padding: .7em .3em;
  146. text-align: center;
  147. font-weight: bold;
  148. border: 0;
  149. }
  150. .ui-datepicker td {
  151. border: 0;
  152. padding: 1px;
  153. }
  154. .ui-datepicker td span,
  155. .ui-datepicker td a {
  156. display: block;
  157. padding: .2em;
  158. text-align: right;
  159. text-decoration: none;
  160. }
  161. .ui-datepicker .ui-datepicker-buttonpane {
  162. background-image: none;
  163. margin: .7em 0 0 0;
  164. padding: 0 .2em;
  165. border-left: 0;
  166. border-right: 0;
  167. border-bottom: 0;
  168. }
  169. .ui-datepicker .ui-datepicker-buttonpane button {
  170. float: right;
  171. margin: .5em .2em .4em;
  172. cursor: pointer;
  173. padding: .2em .6em .3em .6em;
  174. width: auto;
  175. overflow: visible;
  176. }
  177. .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  178. float: left;
  179. }
  180. /* with multiple calendars */
  181. .ui-datepicker.ui-datepicker-multi {
  182. width: auto;
  183. }
  184. .ui-datepicker-multi .ui-datepicker-group {
  185. float: left;
  186. }
  187. .ui-datepicker-multi .ui-datepicker-group table {
  188. width: 95%;
  189. margin: 0 auto .4em;
  190. }
  191. .ui-datepicker-multi-2 .ui-datepicker-group {
  192. width: 50%;
  193. }
  194. .ui-datepicker-multi-3 .ui-datepicker-group {
  195. width: 33.3%;
  196. }
  197. .ui-datepicker-multi-4 .ui-datepicker-group {
  198. width: 25%;
  199. }
  200. .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
  201. .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  202. border-left-width: 0;
  203. }
  204. .ui-datepicker-multi .ui-datepicker-buttonpane {
  205. clear: left;
  206. }
  207. .ui-datepicker-row-break {
  208. clear: both;
  209. width: 100%;
  210. font-size: 0;
  211. }
  212. /* RTL support */
  213. .ui-datepicker-rtl {
  214. direction: rtl;
  215. }
  216. .ui-datepicker-rtl .ui-datepicker-prev {
  217. right: 2px;
  218. left: auto;
  219. }
  220. .ui-datepicker-rtl .ui-datepicker-next {
  221. left: 2px;
  222. right: auto;
  223. }
  224. .ui-datepicker-rtl .ui-datepicker-prev:hover {
  225. right: 1px;
  226. left: auto;
  227. }
  228. .ui-datepicker-rtl .ui-datepicker-next:hover {
  229. left: 1px;
  230. right: auto;
  231. }
  232. .ui-datepicker-rtl .ui-datepicker-buttonpane {
  233. clear: right;
  234. }
  235. .ui-datepicker-rtl .ui-datepicker-buttonpane button {
  236. float: left;
  237. }
  238. .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
  239. .ui-datepicker-rtl .ui-datepicker-group {
  240. float: right;
  241. }
  242. .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
  243. .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  244. border-right-width: 0;
  245. border-left-width: 1px;
  246. }