Aucune description

jquery-ui.structure.css 7.7KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431
  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-autocomplete {
  85. position: absolute;
  86. top: 0;
  87. left: 0;
  88. cursor: default;
  89. }
  90. .ui-datepicker {
  91. width: 17em;
  92. padding: .2em .2em 0;
  93. display: none;
  94. }
  95. .ui-datepicker .ui-datepicker-header {
  96. position: relative;
  97. padding: .2em 0;
  98. }
  99. .ui-datepicker .ui-datepicker-prev,
  100. .ui-datepicker .ui-datepicker-next {
  101. position: absolute;
  102. top: 2px;
  103. width: 1.8em;
  104. height: 1.8em;
  105. }
  106. .ui-datepicker .ui-datepicker-prev-hover,
  107. .ui-datepicker .ui-datepicker-next-hover {
  108. top: 1px;
  109. }
  110. .ui-datepicker .ui-datepicker-prev {
  111. left: 2px;
  112. }
  113. .ui-datepicker .ui-datepicker-next {
  114. right: 2px;
  115. }
  116. .ui-datepicker .ui-datepicker-prev-hover {
  117. left: 1px;
  118. }
  119. .ui-datepicker .ui-datepicker-next-hover {
  120. right: 1px;
  121. }
  122. .ui-datepicker .ui-datepicker-prev span,
  123. .ui-datepicker .ui-datepicker-next span {
  124. display: block;
  125. position: absolute;
  126. left: 50%;
  127. margin-left: -8px;
  128. top: 50%;
  129. margin-top: -8px;
  130. }
  131. .ui-datepicker .ui-datepicker-title {
  132. margin: 0 2.3em;
  133. line-height: 1.8em;
  134. text-align: center;
  135. }
  136. .ui-datepicker .ui-datepicker-title select {
  137. font-size: 1em;
  138. margin: 1px 0;
  139. }
  140. .ui-datepicker select.ui-datepicker-month,
  141. .ui-datepicker select.ui-datepicker-year {
  142. width: 45%;
  143. }
  144. .ui-datepicker table {
  145. width: 100%;
  146. font-size: .9em;
  147. border-collapse: collapse;
  148. margin: 0 0 .4em;
  149. }
  150. .ui-datepicker th {
  151. padding: .7em .3em;
  152. text-align: center;
  153. font-weight: bold;
  154. border: 0;
  155. }
  156. .ui-datepicker td {
  157. border: 0;
  158. padding: 1px;
  159. }
  160. .ui-datepicker td span,
  161. .ui-datepicker td a {
  162. display: block;
  163. padding: .2em;
  164. text-align: right;
  165. text-decoration: none;
  166. }
  167. .ui-datepicker .ui-datepicker-buttonpane {
  168. background-image: none;
  169. margin: .7em 0 0 0;
  170. padding: 0 .2em;
  171. border-left: 0;
  172. border-right: 0;
  173. border-bottom: 0;
  174. }
  175. .ui-datepicker .ui-datepicker-buttonpane button {
  176. float: right;
  177. margin: .5em .2em .4em;
  178. cursor: pointer;
  179. padding: .2em .6em .3em .6em;
  180. width: auto;
  181. overflow: visible;
  182. }
  183. .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  184. float: left;
  185. }
  186. /* with multiple calendars */
  187. .ui-datepicker.ui-datepicker-multi {
  188. width: auto;
  189. }
  190. .ui-datepicker-multi .ui-datepicker-group {
  191. float: left;
  192. }
  193. .ui-datepicker-multi .ui-datepicker-group table {
  194. width: 95%;
  195. margin: 0 auto .4em;
  196. }
  197. .ui-datepicker-multi-2 .ui-datepicker-group {
  198. width: 50%;
  199. }
  200. .ui-datepicker-multi-3 .ui-datepicker-group {
  201. width: 33.3%;
  202. }
  203. .ui-datepicker-multi-4 .ui-datepicker-group {
  204. width: 25%;
  205. }
  206. .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
  207. .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  208. border-left-width: 0;
  209. }
  210. .ui-datepicker-multi .ui-datepicker-buttonpane {
  211. clear: left;
  212. }
  213. .ui-datepicker-row-break {
  214. clear: both;
  215. width: 100%;
  216. font-size: 0;
  217. }
  218. /* RTL support */
  219. .ui-datepicker-rtl {
  220. direction: rtl;
  221. }
  222. .ui-datepicker-rtl .ui-datepicker-prev {
  223. right: 2px;
  224. left: auto;
  225. }
  226. .ui-datepicker-rtl .ui-datepicker-next {
  227. left: 2px;
  228. right: auto;
  229. }
  230. .ui-datepicker-rtl .ui-datepicker-prev:hover {
  231. right: 1px;
  232. left: auto;
  233. }
  234. .ui-datepicker-rtl .ui-datepicker-next:hover {
  235. left: 1px;
  236. right: auto;
  237. }
  238. .ui-datepicker-rtl .ui-datepicker-buttonpane {
  239. clear: right;
  240. }
  241. .ui-datepicker-rtl .ui-datepicker-buttonpane button {
  242. float: left;
  243. }
  244. .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
  245. .ui-datepicker-rtl .ui-datepicker-group {
  246. float: right;
  247. }
  248. .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
  249. .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  250. border-right-width: 0;
  251. border-left-width: 1px;
  252. }
  253. .ui-menu {
  254. list-style: none;
  255. padding: 0;
  256. margin: 0;
  257. display: block;
  258. outline: none;
  259. }
  260. .ui-menu .ui-menu {
  261. position: absolute;
  262. }
  263. .ui-menu .ui-menu-item {
  264. position: relative;
  265. margin: 0;
  266. padding: 3px 1em 3px .4em;
  267. cursor: pointer;
  268. min-height: 0; /* support: IE7 */
  269. /* support: IE10, see #8844 */
  270. list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
  271. }
  272. .ui-menu .ui-menu-divider {
  273. margin: 5px 0;
  274. height: 0;
  275. font-size: 0;
  276. line-height: 0;
  277. border-width: 1px 0 0 0;
  278. }
  279. .ui-menu .ui-state-focus,
  280. .ui-menu .ui-state-active {
  281. margin: -1px;
  282. }
  283. /* icon support */
  284. .ui-menu-icons {
  285. position: relative;
  286. }
  287. .ui-menu-icons .ui-menu-item {
  288. padding-left: 2em;
  289. }
  290. /* left-aligned */
  291. .ui-menu .ui-icon {
  292. position: absolute;
  293. top: 0;
  294. bottom: 0;
  295. left: .2em;
  296. margin: auto 0;
  297. }
  298. /* right-aligned */
  299. .ui-menu .ui-menu-icon {
  300. left: auto;
  301. right: 0;
  302. }
  303. .ui-selectmenu-menu {
  304. padding: 0;
  305. margin: 0;
  306. position: absolute;
  307. top: 0;
  308. left: 0;
  309. display: none;
  310. }
  311. .ui-selectmenu-menu .ui-menu {
  312. overflow: auto;
  313. /* Support: IE7 */
  314. overflow-x: hidden;
  315. padding-bottom: 1px;
  316. }
  317. .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  318. font-size: 1em;
  319. font-weight: bold;
  320. line-height: 1.5;
  321. padding: 2px 0.4em;
  322. margin: 0.5em 0 0 0;
  323. height: auto;
  324. border: 0;
  325. }
  326. .ui-selectmenu-open {
  327. display: block;
  328. }
  329. .ui-selectmenu-button {
  330. display: inline-block;
  331. overflow: hidden;
  332. position: relative;
  333. text-decoration: none;
  334. cursor: pointer;
  335. }
  336. .ui-selectmenu-button span.ui-icon {
  337. right: 0.5em;
  338. left: auto;
  339. margin-top: -8px;
  340. position: absolute;
  341. top: 50%;
  342. }
  343. .ui-selectmenu-button span.ui-selectmenu-text {
  344. text-align: left;
  345. padding: 0.4em 2.1em 0.4em 1em;
  346. display: block;
  347. line-height: 1.4;
  348. overflow: hidden;
  349. text-overflow: ellipsis;
  350. white-space: nowrap;
  351. }
  352. .ui-slider {
  353. position: relative;
  354. text-align: left;
  355. }
  356. .ui-slider .ui-slider-handle {
  357. position: absolute;
  358. z-index: 2;
  359. width: 1.2em;
  360. height: 1.2em;
  361. cursor: default;
  362. -ms-touch-action: none;
  363. touch-action: none;
  364. }
  365. .ui-slider .ui-slider-range {
  366. position: absolute;
  367. z-index: 1;
  368. font-size: .7em;
  369. display: block;
  370. border: 0;
  371. background-position: 0 0;
  372. }
  373. /* support: IE8 - See #6727 */
  374. .ui-slider.ui-state-disabled .ui-slider-handle,
  375. .ui-slider.ui-state-disabled .ui-slider-range {
  376. filter: inherit;
  377. }
  378. .ui-slider-horizontal {
  379. height: .8em;
  380. }
  381. .ui-slider-horizontal .ui-slider-handle {
  382. top: -.3em;
  383. margin-left: -.6em;
  384. }
  385. .ui-slider-horizontal .ui-slider-range {
  386. top: 0;
  387. height: 100%;
  388. }
  389. .ui-slider-horizontal .ui-slider-range-min {
  390. left: 0;
  391. }
  392. .ui-slider-horizontal .ui-slider-range-max {
  393. right: 0;
  394. }
  395. .ui-slider-vertical {
  396. width: .8em;
  397. height: 100px;
  398. }
  399. .ui-slider-vertical .ui-slider-handle {
  400. left: -.3em;
  401. margin-left: 0;
  402. margin-bottom: -.6em;
  403. }
  404. .ui-slider-vertical .ui-slider-range {
  405. left: 0;
  406. width: 100%;
  407. }
  408. .ui-slider-vertical .ui-slider-range-min {
  409. bottom: 0;
  410. }
  411. .ui-slider-vertical .ui-slider-range-max {
  412. top: 0;
  413. }