32280dd1ba47a4a177b5f4d0d57549af4bccc3e7.svn-base 9.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415
  1. /*
  2. * Ext JS Library 2.0
  3. * Copyright(c) 2006-2007, Ext JS, LLC.
  4. * licensing@extjs.com
  5. *
  6. * http://extjs.com/license
  7. */
  8. .x-panel {
  9. border-style: solid;
  10. border-color: #d0d0d0;
  11. }
  12. .x-panel-header {
  13. color:#333;
  14. border:1px solid #d0d0d0;
  15. background-image:url(../images/gray/panel/white-top-bottom.gif);
  16. }
  17. .x-panel-body {
  18. border-color:#d0d0d0;
  19. }
  20. .x-panel-bbar .x-toolbar {
  21. border-color:#d0d0d0;
  22. }
  23. .x-panel-tbar .x-toolbar {
  24. border-color:#d0d0d0;
  25. }
  26. .x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {
  27. border-color:#d0d0d0;
  28. }
  29. .x-panel-body-noheader, .x-panel-mc .x-panel-body {
  30. border-color:#d0d0d0;
  31. }
  32. .x-panel-tl .x-panel-header {
  33. color:#333;
  34. }
  35. .x-panel-tc {
  36. background-image:url(../images/gray/panel/top-bottom.gif);
  37. }
  38. .x-panel-tl {
  39. background-image:url(../images/gray/panel/corners-sprite.gif);
  40. border-color:#d0d0d0;
  41. }
  42. .x-panel-tr {
  43. background-image:url(../images/gray/panel/corners-sprite.gif);
  44. }
  45. .x-panel-bc {
  46. background-image:url(../images/gray/panel/top-bottom.gif);
  47. }
  48. .x-panel-bl {
  49. background-image:url(../images/gray/panel/corners-sprite.gif);
  50. }
  51. .x-panel-br {
  52. background-image:url(../images/gray/panel/corners-sprite.gif);
  53. }
  54. .x-panel-mc {
  55. background:#f1f1f1;
  56. }
  57. .x-panel-mc .x-panel-body {
  58. background:transparent;
  59. border: 0 none;
  60. }
  61. .x-panel-ml {
  62. background-image:url(../images/gray/panel/left-right.gif);
  63. }
  64. .x-panel-mr {
  65. background-image:url(../images/gray/panel/left-right.gif);
  66. }
  67. /* Tools */
  68. .x-tool {
  69. background-image:url(../images/gray/panel/tool-sprites.gif);
  70. }
  71. /* Ghosting */
  72. .x-panel-ghost {
  73. background:#e0e0e0;
  74. }
  75. .x-panel-ghost ul {
  76. border-color:#b0b0b0;
  77. }
  78. .x-grid-panel .x-panel-mc .x-panel-body {
  79. border:1px solid #d0d0d0;
  80. }
  81. /* Buttons */
  82. .x-btn-left{
  83. background-image:url(../images/gray/button/btn-sprite.gif);
  84. }
  85. .x-btn-right{
  86. background-image:url(../images/gray/button/btn-sprite.gif);
  87. }
  88. .x-btn-center{
  89. background-image:url(../images/gray/button/btn-sprite.gif);
  90. }
  91. /* Layout classes */
  92. .x-border-layout-ct {
  93. background:#f0f0f0;
  94. }
  95. .x-accordion-hd {
  96. background-image:url(../images/gray/panel/light-hd.gif);
  97. }
  98. .x-layout-collapsed{
  99. background-color:#eee;
  100. border-color:#e0e0e0;
  101. }
  102. .x-layout-collapsed-over{
  103. background-color:#fbfbfb;
  104. }
  105. /* qtips */
  106. .x-tip .x-tip-top {
  107. background-image:url(../images/gray/qtip/tip-sprite.gif);
  108. }
  109. .x-tip .x-tip-top-left {
  110. background-image:url(../images/gray/qtip/tip-sprite.gif);
  111. }
  112. .x-tip .x-tip-top-right {
  113. background-image:url(../images/gray/qtip/tip-sprite.gif);
  114. }
  115. .x-tip .x-tip-ft {
  116. background-image:url(../images/gray/qtip/tip-sprite.gif);
  117. }
  118. .x-tip .x-tip-ft-left {
  119. background-image:url(../images/gray/qtip/tip-sprite.gif);
  120. }
  121. .x-tip .x-tip-ft-right {
  122. background-image:url(../images/gray/qtip/tip-sprite.gif);
  123. }
  124. .x-tip .x-tip-bd-left {
  125. background-image:url(../images/gray/qtip/tip-sprite.gif);
  126. }
  127. .x-tip .x-tip-bd-right {
  128. background-image:url(../images/gray/qtip/tip-sprite.gif);
  129. }
  130. /* Toolbars */
  131. .x-toolbar{
  132. border-color:#d0d0d0;
  133. background:#f0f4f5 url(../images/gray/toolbar/bg.gif) repeat-x top left;
  134. }
  135. .x-toolbar button {
  136. color:#444;
  137. }
  138. .x-toolbar .x-btn-menu-arrow-wrap .x-btn-center button {
  139. background-image:url(../images/gray/toolbar/btn-arrow.gif);
  140. }
  141. .x-toolbar .x-btn-text-icon .x-btn-menu-arrow-wrap .x-btn-center button {
  142. background-image:url(../images/gray/toolbar/btn-arrow.gif);
  143. }
  144. .x-toolbar .x-btn-over .x-btn-left{
  145. background-image:url(../images/gray/toolbar/tb-btn-sprite.gif);
  146. }
  147. .x-toolbar .x-btn-over .x-btn-right{
  148. background-image:url(../images/gray/toolbar/tb-btn-sprite.gif);
  149. }
  150. .x-toolbar .x-btn-over .x-btn-center{
  151. background-image:url(../images/gray/toolbar/tb-btn-sprite.gif);
  152. }
  153. .x-toolbar .x-btn-over button {
  154. color:#111;
  155. }
  156. .x-toolbar .x-btn-click .x-btn-left, .x-toolbar .x-btn-pressed .x-btn-left, .x-toolbar .x-btn-menu-active .x-btn-left{
  157. background-image:url(../images/gray/toolbar/tb-btn-sprite.gif);
  158. }
  159. .x-toolbar .x-btn-click .x-btn-right, .x-toolbar .x-btn-pressed .x-btn-right, .x-toolbar .x-btn-menu-active .x-btn-right{
  160. background-image:url(../images/gray/toolbar/tb-btn-sprite.gif);
  161. }
  162. .x-toolbar .x-btn-click .x-btn-center, .x-toolbar .x-btn-pressed .x-btn-center, .x-toolbar .x-btn-menu-active .x-btn-center{
  163. background-image:url(../images/gray/toolbar/tb-btn-sprite.gif);
  164. }
  165. .x-toolbar .ytb-sep {
  166. background-image: url(../images/default/grid/grid-split.gif);
  167. }
  168. /* Tabs */
  169. .x-tab-panel-header, .x-tab-panel-footer {
  170. background: #EAEAEA;
  171. border-color:#d0d0d0;
  172. }
  173. .x-tab-panel-header {
  174. border-color:#d0d0d0;
  175. }
  176. .x-tab-panel-footer {
  177. border-color:#d0d0d0;
  178. }
  179. ul.x-tab-strip-top{
  180. background:#dbdbdb url(../images/gray/tabs/tab-strip-bg.gif) repeat-x left top;
  181. border-color:#d0d0d0;
  182. padding-top: 2px;
  183. }
  184. ul.x-tab-strip-bottom{
  185. background-image:url(../images/gray/tabs/tab-strip-btm-bg.gif);
  186. border-color:#d0d0d0;
  187. }
  188. .x-tab-strip span.x-tab-strip-text {
  189. color:#333;
  190. }
  191. .x-tab-strip-over span.x-tab-strip-text {
  192. color:#111;
  193. }
  194. .x-tab-strip-active span.x-tab-strip-text {
  195. color:#333;
  196. }
  197. .x-tab-strip-disabled .x-tabs-text {
  198. color:#aaaaaa;
  199. }
  200. .x-tab-strip-top .x-tab-right {
  201. background-image:url(../images/gray/tabs/tabs-sprite.gif);
  202. }
  203. .x-tab-strip-top .x-tab-left {
  204. background-image:url(../images/gray/tabs/tabs-sprite.gif);
  205. }
  206. .x-tab-strip-top .x-tab-strip-inner {
  207. background-image:url(../images/gray/tabs/tabs-sprite.gif);
  208. }
  209. .x-tab-strip-bottom .x-tab-right {
  210. background-image:url(../images/gray/tabs/tab-btm-inactive-right-bg.gif);
  211. }
  212. .x-tab-strip-bottom .x-tab-left {
  213. background-image:url(../images/gray/tabs/tab-btm-inactive-left-bg.gif);
  214. }
  215. .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
  216. background-image:url(../images/gray/tabs/tab-btm-right-bg.gif);
  217. }
  218. .x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
  219. background-image:url(../images/gray/tabs/tab-btm-left-bg.gif);
  220. }
  221. .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
  222. background-image:url(../images/gray/tabs/tab-close.gif);
  223. }
  224. .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{
  225. background-image:url(../images/gray/tabs/tab-close.gif);
  226. }
  227. .x-tab-panel-body {
  228. border-color:#d0d0d0;
  229. background:#fff;
  230. }
  231. .x-tab-panel-bbar .x-toolbar {
  232. border-color: #d0d0d0;
  233. }
  234. .x-tab-panel-tbar .x-toolbar {
  235. border-color: #d0d0d0;
  236. }
  237. .x-tab-panel-header-plain .x-tab-strip-spacer {
  238. border-color:#d0d0d0;
  239. background: #eaeaea;
  240. }
  241. .x-tab-scroller-left {
  242. background-image: url(../images/gray/tabs/scroll-left.gif);
  243. border-color:#aeaeae;
  244. }
  245. .x-tab-scroller-right {
  246. background-image: url(../images/gray/tabs/scroll-right.gif);
  247. border-color:#aeaeae;
  248. }
  249. /* Window */
  250. .x-window-proxy {
  251. background:#e0e0e0;
  252. border-color:#b0b0b0;
  253. }
  254. .x-window-tl .x-window-header {
  255. color:#555;
  256. }
  257. .x-window-tc {
  258. background-image:url(../images/gray/window/top-bottom.png);
  259. }
  260. .x-window-tl {
  261. background-image:url(../images/gray/window/left-corners.png);
  262. }
  263. .x-window-tr {
  264. background-image:url(../images/gray/window/right-corners.png);
  265. }
  266. .x-window-bc {
  267. background-image:url(../images/gray/window/top-bottom.png);
  268. }
  269. .x-window-bl {
  270. background-image:url(../images/gray/window/left-corners.png);
  271. }
  272. .x-window-br {
  273. background-image:url(../images/gray/window/right-corners.png);
  274. }
  275. .x-window-mc {
  276. border:1px solid #d0d0d0;
  277. background:#e8e8e8;
  278. }
  279. .x-window-ml {
  280. background-image:url(../images/gray/window/left-right.png);
  281. }
  282. .x-window-mr {
  283. background-image:url(../images/gray/window/left-right.png);
  284. }
  285. .x-panel-ghost .x-window-tl {
  286. border-color:#d0d0d0;
  287. }
  288. .x-panel-collapsed .x-window-tl {
  289. border-color:#d0d0d0;
  290. }
  291. .x-window-plain .x-window-mc {
  292. background: #e8e8e8;
  293. border-right:1px solid #eee;
  294. border-bottom:1px solid #eee;
  295. border-top:1px solid #d0d0d0;
  296. border-left:1px solid #d0d0d0;
  297. }
  298. .x-window-plain .x-window-body {
  299. border-left:1px solid #eee;
  300. border-top:1px solid #eee;
  301. border-bottom:1px solid #d0d0d0;
  302. border-right:1px solid #d0d0d0;
  303. background:transparent !important;
  304. }
  305. body.x-body-masked .x-window-mc, body.x-body-masked .x-window-plain .x-window-mc {
  306. background-color: #e4e4e4;
  307. }
  308. /* misc */
  309. .x-html-editor-wrap {
  310. border-color:#d0d0d0;
  311. }
  312. /* Borders go last for specificity */
  313. .x-panel-noborder .x-panel-body-noborder {
  314. border-width:0;
  315. }
  316. .x-panel-noborder .x-panel-header-noborder {
  317. border-width:0;
  318. border-bottom:1px solid #d0d0d0;
  319. }
  320. .x-panel-noborder .x-panel-tbar-noborder .x-toolbar {
  321. border-width:0;
  322. border-bottom:1px solid #d0d0d0;
  323. }
  324. .x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
  325. border-width:0;
  326. border-top:1px solid #d0d0d0;
  327. }
  328. .x-window-noborder .x-window-mc {
  329. border-width:0;
  330. }
  331. .x-window-plain .x-window-body-noborder {
  332. border-width:0;
  333. }
  334. .x-tab-panel-noborder .x-tab-panel-body-noborder {
  335. border-width:0;
  336. }
  337. .x-tab-panel-noborder .x-tab-panel-header-noborder {
  338. border-top-width:0;
  339. border-left-width:0;
  340. border-right-width:0;
  341. }
  342. .x-tab-panel-noborder .x-tab-panel-footer-noborder {
  343. border-bottom-width:0;
  344. border-left-width:0;
  345. border-right-width:0;
  346. }
  347. .x-tab-panel-bbar-noborder .x-toolbar {
  348. border-width:0;
  349. border-top:1px solid #d0d0d0;
  350. }
  351. .x-tab-panel-tbar-noborder .x-toolbar {
  352. border-width:0;
  353. border-bottom:1px solid #d0d0d0;
  354. }