jquery-ui-1.10.3.custom.css 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525
  1. /*! jQuery UI - v1.10.3 - 2013-06-13
  2. * http://jqueryui.com
  3. * Includes: jquery.ui.core.css, jquery.ui.autocomplete.css, jquery.ui.datepicker.css, jquery.ui.menu.css, jquery.ui.tooltip.css
  4. * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Helvetica%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=2px&bgColorHeader=dddddd&bgTextureHeader=highlight_soft&bgImgOpacityHeader=50&borderColorHeader=dddddd&fcHeader=444444&iconColorHeader=0073ea&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=dddddd&fcContent=444444&iconColorContent=ff0084&bgColorDefault=f6f6f6&bgTextureDefault=highlight_soft&bgImgOpacityDefault=100&borderColorDefault=dddddd&fcDefault=0073ea&iconColorDefault=666666&bgColorHover=0073ea&bgTextureHover=highlight_soft&bgImgOpacityHover=25&borderColorHover=0073ea&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=dddddd&fcActive=ff0084&iconColorActive=454545&bgColorHighlight=ffffff&bgTextureHighlight=flat&bgImgOpacityHighlight=55&borderColorHighlight=cccccc&fcHighlight=444444&iconColorHighlight=0073ea&bgColorError=ffffff&bgTextureError=flat&bgImgOpacityError=55&borderColorError=ff0084&fcError=222222&iconColorError=ff0084&bgColorOverlay=eeeeee&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=80&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=60&thicknessShadow=4px&offsetTopShadow=-4px&offsetLeftShadow=-4px&cornerRadiusShadow=0px
  5. * Copyright 2013 jQuery Foundation and other contributors Licensed MIT */
  6. /* Layout helpers
  7. ----------------------------------*/
  8. .ui-helper-hidden {
  9. display: none;
  10. }
  11. .ui-helper-hidden-accessible {
  12. border: 0;
  13. clip: rect(0 0 0 0);
  14. height: 1px;
  15. margin: -1px;
  16. overflow: hidden;
  17. padding: 0;
  18. position: absolute;
  19. width: 1px;
  20. }
  21. .ui-helper-reset {
  22. margin: 0;
  23. padding: 0;
  24. border: 0;
  25. outline: 0;
  26. line-height: 1.3;
  27. text-decoration: none;
  28. font-size: 100%;
  29. list-style: none;
  30. }
  31. .ui-helper-clearfix:before,
  32. .ui-helper-clearfix:after {
  33. content: "";
  34. display: table;
  35. border-collapse: collapse;
  36. }
  37. .ui-helper-clearfix:after {
  38. clear: both;
  39. }
  40. .ui-helper-clearfix {
  41. min-height: 0; /* support: IE7 */
  42. }
  43. .ui-helper-zfix {
  44. width: 100%;
  45. height: 100%;
  46. top: 0;
  47. left: 0;
  48. position: absolute;
  49. opacity: 0;
  50. filter:Alpha(Opacity=0);
  51. }
  52. .ui-front {
  53. z-index: 100;
  54. }
  55. /* Interaction Cues
  56. ----------------------------------*/
  57. .ui-state-disabled {
  58. cursor: default !important;
  59. }
  60. /* Icons
  61. ----------------------------------*/
  62. /* states and images */
  63. .ui-icon {
  64. display: block;
  65. text-indent: -99999px;
  66. overflow: hidden;
  67. background-repeat: no-repeat;
  68. }
  69. /* Misc visuals
  70. ----------------------------------*/
  71. /* Overlays */
  72. .ui-widget-overlay {
  73. position: fixed;
  74. top: 0;
  75. left: 0;
  76. width: 100%;
  77. height: 100%;
  78. }
  79. .ui-autocomplete {
  80. position: absolute;
  81. top: 0;
  82. left: 0;
  83. cursor: default;
  84. }
  85. .ui-datepicker {
  86. width: 17em;
  87. padding: .2em .2em 0;
  88. display: none;
  89. }
  90. .ui-datepicker .ui-datepicker-header {
  91. position: relative;
  92. padding: .2em 0;
  93. }
  94. .ui-datepicker .ui-datepicker-prev,
  95. .ui-datepicker .ui-datepicker-next {
  96. position: absolute;
  97. top: 2px;
  98. width: 1.8em;
  99. height: 1.8em;
  100. }
  101. .ui-datepicker .ui-datepicker-prev-hover,
  102. .ui-datepicker .ui-datepicker-next-hover {
  103. top: 1px;
  104. }
  105. .ui-datepicker .ui-datepicker-prev {
  106. left: 2px;
  107. }
  108. .ui-datepicker .ui-datepicker-next {
  109. right: 2px;
  110. }
  111. .ui-datepicker .ui-datepicker-prev-hover {
  112. left: 1px;
  113. }
  114. .ui-datepicker .ui-datepicker-next-hover {
  115. right: 1px;
  116. }
  117. .ui-datepicker .ui-datepicker-prev span,
  118. .ui-datepicker .ui-datepicker-next span {
  119. display: block;
  120. position: absolute;
  121. left: 50%;
  122. margin-left: -8px;
  123. top: 50%;
  124. margin-top: -8px;
  125. }
  126. .ui-datepicker .ui-datepicker-title {
  127. margin: 0 2.3em;
  128. line-height: 1.8em;
  129. text-align: center;
  130. }
  131. .ui-datepicker .ui-datepicker-title select {
  132. font-size: 1em;
  133. margin: 1px 0;
  134. }
  135. .ui-datepicker select.ui-datepicker-month-year {
  136. width: 100%;
  137. }
  138. .ui-datepicker select.ui-datepicker-month,
  139. .ui-datepicker select.ui-datepicker-year {
  140. width: 49%;
  141. }
  142. .ui-datepicker table {
  143. width: 100%;
  144. font-size: .9em;
  145. border-collapse: collapse;
  146. margin: 0 0 .4em;
  147. }
  148. .ui-datepicker th {
  149. padding: .7em .3em;
  150. text-align: center;
  151. font-weight: bold;
  152. border: 0;
  153. }
  154. .ui-datepicker td {
  155. border: 0;
  156. padding: 1px;
  157. }
  158. .ui-datepicker td span,
  159. .ui-datepicker td a {
  160. display: block;
  161. padding: .2em;
  162. text-align: right;
  163. text-decoration: none;
  164. }
  165. .ui-datepicker .ui-datepicker-buttonpane {
  166. background-image: none;
  167. margin: .7em 0 0 0;
  168. padding: 0 .2em;
  169. border-left: 0;
  170. border-right: 0;
  171. border-bottom: 0;
  172. }
  173. .ui-datepicker .ui-datepicker-buttonpane button {
  174. float: right;
  175. margin: .5em .2em .4em;
  176. cursor: pointer;
  177. padding: .2em .6em .3em .6em;
  178. width: auto;
  179. overflow: visible;
  180. }
  181. .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  182. float: left;
  183. }
  184. /* with multiple calendars */
  185. .ui-datepicker.ui-datepicker-multi {
  186. width: auto;
  187. }
  188. .ui-datepicker-multi .ui-datepicker-group {
  189. float: left;
  190. }
  191. .ui-datepicker-multi .ui-datepicker-group table {
  192. width: 95%;
  193. margin: 0 auto .4em;
  194. }
  195. .ui-datepicker-multi-2 .ui-datepicker-group {
  196. width: 50%;
  197. }
  198. .ui-datepicker-multi-3 .ui-datepicker-group {
  199. width: 33.3%;
  200. }
  201. .ui-datepicker-multi-4 .ui-datepicker-group {
  202. width: 25%;
  203. }
  204. .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
  205. .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  206. border-left-width: 0;
  207. }
  208. .ui-datepicker-multi .ui-datepicker-buttonpane {
  209. clear: left;
  210. }
  211. .ui-datepicker-row-break {
  212. clear: both;
  213. width: 100%;
  214. font-size: 0;
  215. }
  216. /* RTL support */
  217. .ui-datepicker-rtl {
  218. direction: rtl;
  219. }
  220. .ui-datepicker-rtl .ui-datepicker-prev {
  221. right: 2px;
  222. left: auto;
  223. }
  224. .ui-datepicker-rtl .ui-datepicker-next {
  225. left: 2px;
  226. right: auto;
  227. }
  228. .ui-datepicker-rtl .ui-datepicker-prev:hover {
  229. right: 1px;
  230. left: auto;
  231. }
  232. .ui-datepicker-rtl .ui-datepicker-next:hover {
  233. left: 1px;
  234. right: auto;
  235. }
  236. .ui-datepicker-rtl .ui-datepicker-buttonpane {
  237. clear: right;
  238. }
  239. .ui-datepicker-rtl .ui-datepicker-buttonpane button {
  240. float: left;
  241. }
  242. .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
  243. .ui-datepicker-rtl .ui-datepicker-group {
  244. float: right;
  245. }
  246. .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
  247. .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  248. border-right-width: 0;
  249. border-left-width: 1px;
  250. }
  251. .ui-menu {
  252. list-style: none;
  253. padding: 2px;
  254. margin: 0;
  255. display: block;
  256. outline: none;
  257. }
  258. .ui-menu .ui-menu {
  259. margin-top: -3px;
  260. position: absolute;
  261. }
  262. .ui-menu .ui-menu-item {
  263. margin: 0;
  264. padding: 0;
  265. width: 100%;
  266. /* support: IE10, see #8844 */
  267. list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
  268. }
  269. .ui-menu .ui-menu-divider {
  270. margin: 5px -2px 5px -2px;
  271. height: 0;
  272. font-size: 0;
  273. line-height: 0;
  274. border-width: 1px 0 0 0;
  275. }
  276. .ui-menu .ui-menu-item a {
  277. text-decoration: none;
  278. display: block;
  279. padding: 2px .4em;
  280. line-height: 1.5;
  281. min-height: 0; /* support: IE7 */
  282. font-weight: normal;
  283. }
  284. .ui-menu .ui-menu-item a.ui-state-focus,
  285. .ui-menu .ui-menu-item a.ui-state-active {
  286. font-weight: normal;
  287. margin: -1px;
  288. }
  289. .ui-menu .ui-state-disabled {
  290. font-weight: normal;
  291. margin: .4em 0 .2em;
  292. line-height: 1.5;
  293. }
  294. .ui-menu .ui-state-disabled a {
  295. cursor: default;
  296. }
  297. /* icon support */
  298. .ui-menu-icons {
  299. position: relative;
  300. }
  301. .ui-menu-icons .ui-menu-item a {
  302. position: relative;
  303. padding-left: 2em;
  304. }
  305. /* left-aligned */
  306. .ui-menu .ui-icon {
  307. position: absolute;
  308. top: .2em;
  309. left: .2em;
  310. }
  311. /* right-aligned */
  312. .ui-menu .ui-menu-icon {
  313. position: static;
  314. float: right;
  315. }
  316. .ui-tooltip {
  317. padding: 8px;
  318. position: absolute;
  319. z-index: 9999;
  320. max-width: 300px;
  321. -webkit-box-shadow: 0 0 5px #aaa;
  322. box-shadow: 0 0 5px #aaa;
  323. }
  324. body .ui-tooltip {
  325. border-width: 2px;
  326. }
  327. /* Component containers
  328. ----------------------------------*/
  329. .ui-widget {
  330. font-family: Helvetica,Arial,sans-serif;
  331. font-size: 1.1em;
  332. }
  333. .ui-widget .ui-widget {
  334. font-size: 1em;
  335. }
  336. .ui-widget input,
  337. .ui-widget select,
  338. .ui-widget textarea,
  339. .ui-widget button {
  340. font-family: Helvetica,Arial,sans-serif;
  341. font-size: 1em;
  342. }
  343. .ui-widget-content {
  344. border: 1px solid #dddddd;
  345. background: #ffffff url(../img/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
  346. color: #444444;
  347. }
  348. .ui-widget-content a {
  349. color: #444444;
  350. }
  351. .ui-widget-header {
  352. border: 1px solid #dddddd;
  353. background: #dddddd url(../img/ui-bg_highlight-soft_50_dddddd_1x100.png) 50% 50% repeat-x;
  354. color: #444444;
  355. font-weight: bold;
  356. }
  357. .ui-widget-header a {
  358. color: #444444;
  359. }
  360. /* Interaction states
  361. ----------------------------------*/
  362. .ui-state-default,
  363. .ui-widget-content .ui-state-default,
  364. .ui-widget-header .ui-state-default {
  365. border: 1px solid #dddddd;
  366. background: #f6f6f6 url(../img/ui-bg_highlight-soft_100_f6f6f6_1x100.png) 50% 50% repeat-x;
  367. font-weight: bold;
  368. color: #0073ea;
  369. }
  370. .ui-state-default a,
  371. .ui-state-default a:link,
  372. .ui-state-default a:visited {
  373. color: #0073ea;
  374. text-decoration: none;
  375. }
  376. .ui-state-hover,
  377. .ui-widget-content .ui-state-hover,
  378. .ui-widget-header .ui-state-hover,
  379. .ui-state-focus,
  380. .ui-widget-content .ui-state-focus,
  381. .ui-widget-header .ui-state-focus {
  382. border: 1px solid #0073ea;
  383. background: #0073ea url(../img/ui-bg_highlight-soft_25_0073ea_1x100.png) 50% 50% repeat-x;
  384. font-weight: bold;
  385. color: #ffffff;
  386. }
  387. .ui-state-hover a,
  388. .ui-state-hover a:hover,
  389. .ui-state-hover a:link,
  390. .ui-state-hover a:visited {
  391. color: #ffffff;
  392. text-decoration: none;
  393. }
  394. .ui-state-active,
  395. .ui-widget-content .ui-state-active,
  396. .ui-widget-header .ui-state-active {
  397. border: 1px solid #dddddd;
  398. background: #ffffff url(../img/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
  399. font-weight: bold;
  400. color: #ff0084;
  401. }
  402. .ui-state-active a,
  403. .ui-state-active a:link,
  404. .ui-state-active a:visited {
  405. color: #ff0084;
  406. text-decoration: none;
  407. }
  408. /* Interaction Cues
  409. ----------------------------------*/
  410. .ui-state-highlight,
  411. .ui-widget-content .ui-state-highlight,
  412. .ui-widget-header .ui-state-highlight {
  413. border: 1px solid #cccccc;
  414. background: #ffffff url(../img/ui-bg_flat_55_ffffff_40x100.png) 50% 50% repeat-x;
  415. color: #444444;
  416. }
  417. .ui-state-highlight a,
  418. .ui-widget-content .ui-state-highlight a,
  419. .ui-widget-header .ui-state-highlight a {
  420. color: #444444;
  421. }
  422. .ui-state-error,
  423. .ui-widget-content .ui-state-error,
  424. .ui-widget-header .ui-state-error {
  425. border: 1px solid #ff0084;
  426. background: #ffffff url(../img/ui-bg_flat_55_ffffff_40x100.png) 50% 50% repeat-x;
  427. color: #222222;
  428. }
  429. .ui-state-error a,
  430. .ui-widget-content .ui-state-error a,
  431. .ui-widget-header .ui-state-error a {
  432. color: #222222;
  433. }
  434. .ui-state-error-text,
  435. .ui-widget-content .ui-state-error-text,
  436. .ui-widget-header .ui-state-error-text {
  437. color: #222222;
  438. }
  439. .ui-priority-primary,
  440. .ui-widget-content .ui-priority-primary,
  441. .ui-widget-header .ui-priority-primary {
  442. font-weight: bold;
  443. }
  444. .ui-priority-secondary,
  445. .ui-widget-content .ui-priority-secondary,
  446. .ui-widget-header .ui-priority-secondary {
  447. opacity: .7;
  448. filter:Alpha(Opacity=70);
  449. font-weight: normal;
  450. }
  451. .ui-state-disabled,
  452. .ui-widget-content .ui-state-disabled,
  453. .ui-widget-header .ui-state-disabled {
  454. opacity: .35;
  455. filter:Alpha(Opacity=35);
  456. background-image: none;
  457. }
  458. .ui-state-disabled .ui-icon {
  459. filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
  460. }
  461. /* Misc visuals
  462. ----------------------------------*/
  463. /* Corner radius */
  464. .ui-corner-all,
  465. .ui-corner-top,
  466. .ui-corner-left,
  467. .ui-corner-tl {
  468. border-top-left-radius: 2px;
  469. }
  470. .ui-corner-all,
  471. .ui-corner-top,
  472. .ui-corner-right,
  473. .ui-corner-tr {
  474. border-top-right-radius: 2px;
  475. }
  476. .ui-corner-all,
  477. .ui-corner-bottom,
  478. .ui-corner-left,
  479. .ui-corner-bl {
  480. border-bottom-left-radius: 2px;
  481. }
  482. .ui-corner-all,
  483. .ui-corner-bottom,
  484. .ui-corner-right,
  485. .ui-corner-br {
  486. border-bottom-right-radius: 2px;
  487. }
  488. /* Overlays */
  489. .ui-widget-overlay {
  490. background: #eeeeee url(../img/ui-bg_flat_0_eeeeee_40x100.png) 50% 50% repeat-x;
  491. opacity: .8;
  492. filter: Alpha(Opacity=80);
  493. }
  494. .ui-widget-shadow {
  495. margin: -4px 0 0 -4px;
  496. padding: 4px;
  497. background: #aaaaaa url(../img/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
  498. opacity: .6;
  499. filter: Alpha(Opacity=60);
  500. border-radius: 0px;
  501. }