jquery-ui.custom.css 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203
  1. /*
  2. * jQuery UI CSS Framework
  3. *
  4. * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
  5. * Dual licensed under the MIT or GPL Version 2 licenses.
  6. * http://jquery.org/license
  7. *
  8. * http://docs.jquery.com/UI/Theming/API
  9. */
  10. /* Layout helpers
  11. ----------------------------------*/
  12. .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
  13. .ui-helper-clearfix:after { clear: both; }
  14. .ui-helper-clearfix { zoom: 1; }
  15. .ui-helper-hidden-accessible { display: none; }
  16. /* Interaction Cues
  17. ----------------------------------*/
  18. .ui-state-disabled { cursor: default !important; }
  19. /* states and images */
  20. .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
  21. /*
  22. * jQuery UI CSS Framework
  23. *
  24. * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
  25. * Dual licensed under the MIT or GPL Version 2 licenses.
  26. * http://jquery.org/license
  27. *
  28. * http://docs.jquery.com/UI/Theming/API
  29. *
  30. * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
  31. */
  32. /* Component containers
  33. ----------------------------------*/
  34. .ui-widget { font-family: inherit; font-size: 1em; }
  35. .ui-widget-content { border: 1px solid #c0c0c0; background: #ffffff; color: #404040; }
  36. .ui-widget-header { border: none; background: #f0f0f0; color: #404040; font-weight: 500; }
  37. /* Interaction states
  38. ----------------------------------*/
  39. .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #c0c0c0; background: #ffffff; font-weight: 400; color: #404040; }
  40. .ui-widget-content .ui-datepicker-week-end .ui-state-default {background: #f7f7f7;}
  41. .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }
  42. .ui-state-hover, .ui-widget-content .ui-datepicker-week-end .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background: #e7e7e7; font-weight: 400; color: #404040; }
  43. .ui-state-hover a, .ui-state-hover a:hover, .ui-widget-content .ui-datepicker-week-end .ui-state-hover a:hover { color: #212121; text-decoration: none;}
  44. .ui-widget-content .ui-datepicker-today .ui-state-default {background: #c0c0c0; color: #404040;}
  45. .ui-state-active, .ui-widget-content .ui-datepicker-week-end .ui-state-active, .ui-widget-content .ui-datepicker-today .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #585858; background: #585858; font-weight: 400; color: #ffffff; }
  46. .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }
  47. .ui-widget :active { outline: none; }
  48. /* Interaction Cues
  49. ----------------------------------*/
  50. .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec; color: #cd0a0a; }
  51. .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
  52. .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
  53. .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: 500; }
  54. /* states and images */
  55. .ui-icon { width: 17px; height: 19px; }
  56. /* positioning */
  57. .ui-icon-circle-triangle-e { background-image: url(../images/dp_right.svg); }
  58. .ui-icon-circle-triangle-w { background-image: url(../images/dp_left.svg); }
  59. /*
  60. * jQuery UI Autocomplete
  61. *
  62. * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
  63. * Dual licensed under the MIT or GPL Version 2 licenses.
  64. * http://jquery.org/license
  65. *
  66. * http://docs.jquery.com/UI/Autocomplete#theming
  67. */
  68. .ui-autocomplete { position: absolute; cursor: default; max-height: 80px; overflow-y: auto; overflow-x: hidden; padding-right: 20px;}
  69. /* workarounds */
  70. * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
  71. /*
  72. * jQuery UI Menu
  73. *
  74. * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
  75. * Dual licensed under the MIT or GPL Version 2 licenses.
  76. * http://jquery.org/license
  77. *
  78. * http://docs.jquery.com/UI/Menu#theming
  79. */
  80. .ui-menu {
  81. list-style: none;
  82. padding: 0px;
  83. margin: 0;
  84. display: block;
  85. float: left;
  86. border-color: #e0e0e0;
  87. }
  88. .ui-menu .ui-menu {
  89. margin-top: -3px;
  90. }
  91. .ui-menu .ui-menu-item {
  92. margin: 0;
  93. padding: 0;
  94. zoom: 1;
  95. float: left;
  96. clear: left;
  97. width: 100%;
  98. white-space: pre;
  99. }
  100. .ui-menu .ui-menu-item a {
  101. text-decoration: none;
  102. display: block;
  103. padding: 2px 2px;
  104. zoom: 1;
  105. white-space: pre;
  106. }
  107. .ui-menu .ui-menu-item a.ui-state-hover,
  108. .ui-menu .ui-menu-item a.ui-state-active {
  109. font-weight: 400;
  110. background: #f0f0f0;
  111. }
  112. button.ui-datepicker-current
  113. {
  114. width:40%;
  115. margin:5px 1px 5px 1px;
  116. float:left;
  117. }
  118. button.ui-datepicker-close
  119. {
  120. width:40%;
  121. margin:5px 1px 5px 1px;
  122. float:right;
  123. }
  124. /*
  125. * jQuery UI Slider
  126. *
  127. * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
  128. * Dual licensed under the MIT or GPL Version 2 licenses.
  129. * http://jquery.org/license
  130. *
  131. * http://docs.jquery.com/UI/Slider#theming
  132. */
  133. .ui-slider { position: relative; text-align: left; }
  134. .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
  135. .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
  136. .ui-slider-horizontal { height: .8em; }
  137. .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
  138. .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
  139. .ui-slider-horizontal .ui-slider-range-min { left: 0; }
  140. .ui-slider-horizontal .ui-slider-range-max { right: 0; }
  141. .ui-slider-vertical { width: .8em; height: 100px; }
  142. .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
  143. .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
  144. .ui-slider-vertical .ui-slider-range-min { bottom: 0; }
  145. .ui-slider-vertical .ui-slider-range-max { top: 0; }
  146. /*
  147. * jQuery UI Datepicker
  148. *
  149. * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
  150. * Dual licensed under the MIT or GPL Version 2 licenses.
  151. * http://jquery.org/license
  152. *
  153. * http://docs.jquery.com/UI/Datepicker#theming
  154. */
  155. .ui-datepicker { width: 184px; padding: 4px; z-index: 21; display: none; cursor:default; user-select: none; -webkit-user-select:none; -moz-user-select: -moz-none;}
  156. .ui-datepicker .ui-datepicker-header { position:relative; height: 19px; padding: 2px 0px; margin: 2px 2px 1px 2px; }
  157. .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 17px; height: 19px; }
  158. .ui-datepicker .ui-datepicker-prev { left: 2px; }
  159. .ui-datepicker .ui-datepicker-next { right: 2px; }
  160. .ui-datepicker .ui-datepicker-title { margin: 0px 24px; text-align: center; white-space: nowrap;}
  161. .ui-datepicker .ui-datepicker-title select { margin: 0px 0px; background-color: #ffffff; }
  162. .ui-datepicker .ui-datepicker-title span { display: inline-block; margin-top: 3px; }
  163. .ui-datepicker select.ui-datepicker-month-year {width: 100%;}
  164. .ui-datepicker select.ui-datepicker-month { padding-bottom: 0px; width: 40px; max-height: 19px; line-height: 19px; margin-left: 2px; }
  165. .ui-datepicker select.ui-datepicker-year { padding-bottom: 0px; width: 57px; max-height: 19px; line-height: 19px; }
  166. .ui-datepicker table { font-size: 0.95em; border-collapse: collapse; margin: 3px 0px 1px 1px; }
  167. .ui-datepicker th { display: none; }
  168. .ui-datepicker td { border: 0; padding: 2px; }
  169. .ui-datepicker td span, .ui-datepicker td a { display: block; width: 18px; padding: 1px 2px 1px 0px; text-align: right; text-decoration: none; overflow: hidden; }
  170. .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border: 0; }
  171. .ui-datepicker .ui-datepicker-buttonpane button { border: 1px solid #c0c0c0; background: #ffffff; font-weight: 400; color: #000000; padding: 0px;}
  172. .ui-datepicker-calendar th {font-weight: 400;}
  173. /* RTL support */
  174. .ui-datepicker-rtl { direction: rtl; }
  175. .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
  176. .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
  177. .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
  178. .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
  179. .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
  180. .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
  181. .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
  182. .ui-datepicker-rtl .ui-datepicker-group { float:right; }
  183. .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width: 0px; border-left-width:1px; }
  184. .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0px; border-left-width:1px; }