/v3.2/nimbits-tds/web/resources/css/gxt-gray.css

http://nimbits-server.googlecode.com/ · CSS · 549 lines · 402 code · 125 blank · 22 comment · 0 complexity · fa96769d1bb8b4be680c94dd43b962bc MD5 · raw file

  1. /*
  2. * Copyright (c) 2010 Tonic Solutions LLC.
  3. *
  4. * http://www.nimbits.com
  5. *
  6. *
  7. * Licensed under the GNU GENERAL PUBLIC LICENSE, Version 3.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at
  8. *
  9. * http://www.gnu.org/licenses/gpl.html
  10. *
  11. * Unless required by applicable law or agreed to in writing, software distributed under the license is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.
  12. */
  13. .x-panel {
  14. border-style: solid;
  15. border-color: #d0d0d0;
  16. }
  17. .x-panel-header {
  18. color: #333;
  19. border: 1px solid #d0d0d0;
  20. background-image: url(../images/gray/panel/white-top-bottom.gif);
  21. }
  22. .x-panel-body {
  23. border-color: #d0d0d0;
  24. }
  25. .x-panel-bbar .x-toolbar {
  26. border-color: #d0d0d0;
  27. }
  28. .x-panel-tbar .x-toolbar {
  29. border-color: #d0d0d0;
  30. }
  31. .x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {
  32. border-color: #d0d0d0;
  33. }
  34. .x-panel-body-noheader, .x-panel-mc .x-panel-body {
  35. border-color: #d0d0d0;
  36. }
  37. .x-panel-tl .x-panel-header {
  38. color: #333;
  39. }
  40. .x-panel-tc {
  41. background-image: url(../images/gray/panel/top-bottom.gif);
  42. }
  43. .x-panel-tl {
  44. background-image: url(../images/gray/panel/corners-sprite.gif);
  45. border-color: #d0d0d0;
  46. }
  47. .x-panel-tr {
  48. background-image: url(../images/gray/panel/corners-sprite.gif);
  49. }
  50. .x-panel-bc {
  51. background-image: url(../images/gray/panel/top-bottom.gif);
  52. }
  53. .x-panel-bl {
  54. background-image: url(../images/gray/panel/corners-sprite.gif);
  55. }
  56. .x-panel-br {
  57. background-image: url(../images/gray/panel/corners-sprite.gif);
  58. }
  59. .x-panel-mc {
  60. background: #f1f1f1;
  61. }
  62. .x-panel-mc .x-panel-body {
  63. background: transparent;
  64. border: 0 none;
  65. }
  66. .x-panel-ml {
  67. background-image: url(../images/gray/panel/left-right.gif);
  68. }
  69. .x-panel-mr {
  70. background-image: url(../images/gray/panel/left-right.gif);
  71. }
  72. /* Tools */
  73. .x-tool {
  74. background-image: url(../images/gray/panel/tool-sprites.gif);
  75. }
  76. /* Ghosting */
  77. .x-panel-ghost {
  78. background: #e0e0e0;
  79. }
  80. .x-panel-ghost ul {
  81. border-color: #b0b0b0;
  82. }
  83. .x-grid-panel .x-panel-mc .x-panel-body {
  84. border: 1px solid #d0d0d0;
  85. }
  86. /* Buttons */
  87. .x-btn-left {
  88. background-image: url(../images/gray/button/btn-sprite.gif);
  89. }
  90. .x-btn-right {
  91. background-image: url(../images/gray/button/btn-sprite.gif);
  92. }
  93. .x-btn-center {
  94. background-image: url(../images/gray/button/btn-sprite.gif);
  95. }
  96. .x-btn-group-header {
  97. color: #333333;
  98. }
  99. .x-btn-group-tc {
  100. background-image: url(../images/gray/button/group-tb.gif);
  101. }
  102. .x-btn-group-tl {
  103. background-image: url(../images/gray/button/group-cs.gif);
  104. }
  105. .x-btn-group-tr {
  106. background-image: url(../images/gray/button/group-cs.gif);
  107. }
  108. .x-btn-group-bc {
  109. background-image: url(../images/gray/button/group-tb.gif);
  110. }
  111. .x-btn-group-bl {
  112. background-image: url(../images/gray/button/group-cs.gif);
  113. }
  114. .x-btn-group-br {
  115. background-image: url(../images/gray/button/group-cs.gif);
  116. }
  117. .x-btn-group-ml {
  118. background-image: url(../images/gray/button/group-lr.gif);
  119. }
  120. .x-btn-group-mr {
  121. background-image: url(../images/gray/button/group-lr.gif);
  122. }
  123. .x-btn-group-notitle .x-btn-group-tc {
  124. background-image: url(../images/gray/button/group-tb.gif);
  125. }
  126. /* Layout classes */
  127. .x-border-layout-ct {
  128. background: #f0f0f0;
  129. }
  130. .x-accordion-hd {
  131. background-image: url(../images/gray/panel/light-hd.gif);
  132. }
  133. .x-layout-collapsed {
  134. background-color: #eee;
  135. border-color: #e0e0e0;
  136. }
  137. .x-layout-collapsed-over {
  138. background-color: #fbfbfb;
  139. }
  140. /* qtips */
  141. .x-tip .x-tip-top {
  142. background-image: url(../images/gray/qtip/tip-sprite.gif);
  143. }
  144. .x-tip .x-tip-top-left {
  145. background-image: url(../images/gray/qtip/tip-sprite.gif);
  146. }
  147. .x-tip .x-tip-top-right {
  148. background-image: url(../images/gray/qtip/tip-sprite.gif);
  149. }
  150. .x-tip .x-tip-ft {
  151. background-image: url(../images/gray/qtip/tip-sprite.gif);
  152. }
  153. .x-tip .x-tip-ft-left {
  154. background-image: url(../images/gray/qtip/tip-sprite.gif);
  155. }
  156. .x-tip .x-tip-ft-right {
  157. background-image: url(../images/gray/qtip/tip-sprite.gif);
  158. }
  159. .x-tip .x-tip-bd-left {
  160. background-image: url(../images/gray/qtip/tip-sprite.gif);
  161. }
  162. .x-tip .x-tip-bd-right {
  163. background-image: url(../images/gray/qtip/tip-sprite.gif);
  164. }
  165. /* Toolbars */
  166. .x-toolbar {
  167. border-color: #d0d0d0;
  168. background: #f0f4f5 url(../images/gray/toolbar/bg.gif) repeat-x top left;
  169. }
  170. .x-toolbar button {
  171. color: #444;
  172. }
  173. .x-toolbar .x-btn-menu-arrow-wrap .x-btn-center button {
  174. background-image: url(../images/gray/toolbar/btn-arrow.gif);
  175. }
  176. .x-toolbar .x-btn-text-icon .x-btn-menu-arrow-wrap .x-btn-center button {
  177. background-image: url(../images/gray/toolbar/btn-arrow.gif);
  178. }
  179. .x-toolbar .x-btn-over .x-btn-left {
  180. background-image: url(../images/gray/toolbar/tb-btn-sprite.gif);
  181. }
  182. .x-toolbar .x-btn-over .x-btn-right {
  183. background-image: url(../images/gray/toolbar/tb-btn-sprite.gif);
  184. }
  185. .x-toolbar .x-btn-over .x-btn-center {
  186. background-image: url(../images/gray/toolbar/tb-btn-sprite.gif);
  187. }
  188. .x-toolbar .x-btn-over button {
  189. color: #111;
  190. }
  191. .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 {
  192. background-image: url(../images/gray/toolbar/tb-btn-sprite.gif);
  193. }
  194. .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 {
  195. background-image: url(../images/gray/toolbar/tb-btn-sprite.gif);
  196. }
  197. .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 {
  198. background-image: url(../images/gray/toolbar/tb-btn-sprite.gif);
  199. }
  200. .x-toolbar .ytb-sep {
  201. background-image: url(../images/default/grid/grid-split.gif);
  202. }
  203. /* Tabs */
  204. .x-tab-panel-header, .x-tab-panel-footer {
  205. background: #EAEAEA;
  206. border-color: #d0d0d0;
  207. }
  208. .x-tab-panel-header {
  209. border-color: #d0d0d0;
  210. }
  211. .x-tab-panel-footer {
  212. border-color: #d0d0d0;
  213. }
  214. ul.x-tab-strip-top {
  215. background: #dbdbdb url(../images/gray/tabs/tab-strip-bg.gif) repeat-x left top;
  216. border-color: #d0d0d0;
  217. padding-top: 2px;
  218. }
  219. ul.x-tab-strip-bottom {
  220. background-image: url(../images/gray/tabs/tab-strip-btm-bg.gif);
  221. border-color: #d0d0d0;
  222. }
  223. .x-tab-strip span.x-tab-strip-text {
  224. color: #333;
  225. }
  226. .x-tab-strip-over span.x-tab-strip-text {
  227. color: #111;
  228. }
  229. .x-tab-strip-active span.x-tab-strip-text {
  230. color: #333;
  231. }
  232. .x-tab-strip-disabled .x-tabs-text {
  233. color: #aaaaaa;
  234. }
  235. .x-tab-strip-top .x-tab-right {
  236. background-image: url(../images/gray/tabs/tabs-sprite.gif);
  237. }
  238. .x-tab-strip-top .x-tab-left {
  239. background-image: url(../images/gray/tabs/tabs-sprite.gif);
  240. }
  241. .x-tab-strip-top .x-tab-strip-inner {
  242. background-image: url(../images/gray/tabs/tabs-sprite.gif);
  243. }
  244. .x-tab-strip-bottom .x-tab-right {
  245. background-image: url(../images/gray/tabs/tab-btm-inactive-right-bg.gif);
  246. }
  247. .x-tab-strip-bottom .x-tab-left {
  248. background-image: url(../images/gray/tabs/tab-btm-inactive-left-bg.gif);
  249. }
  250. .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
  251. background-image: url(../images/gray/tabs/tab-btm-right-bg.gif);
  252. }
  253. .x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
  254. background-image: url(../images/gray/tabs/tab-btm-left-bg.gif);
  255. }
  256. .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
  257. background-image: url(../images/gray/tabs/tab-close.gif);
  258. }
  259. .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover {
  260. background-image: url(../images/gray/tabs/tab-close.gif);
  261. }
  262. .x-tab-panel-body {
  263. border-color: #d0d0d0;
  264. background: #fff;
  265. }
  266. .x-tab-panel-bbar .x-toolbar {
  267. border-color: #d0d0d0;
  268. }
  269. .x-tab-panel-tbar .x-toolbar {
  270. border-color: #d0d0d0;
  271. }
  272. .x-tab-panel-header-plain .x-tab-strip-spacer {
  273. border-color: #d0d0d0;
  274. background: #eaeaea;
  275. }
  276. .x-tab-scroller-left {
  277. background-image: url(../images/gray/tabs/scroll-left.gif);
  278. border-color: #aeaeae;
  279. }
  280. .x-tab-scroller-right {
  281. background-image: url(../images/gray/tabs/scroll-right.gif);
  282. border-color: #aeaeae;
  283. }
  284. /* Window */
  285. .x-window-proxy {
  286. background: #e0e0e0;
  287. border-color: #b0b0b0;
  288. }
  289. .x-window-tl .x-window-header {
  290. color: #555;
  291. }
  292. .x-window-tc {
  293. background-image: url(../images/gray/window/top-bottom.png);
  294. }
  295. .x-window-tl {
  296. background-image: url(../images/gray/window/left-corners.png);
  297. }
  298. .x-window-tr {
  299. background-image: url(../images/gray/window/right-corners.png);
  300. }
  301. .x-window-bc {
  302. background-image: url(../images/gray/window/top-bottom.png);
  303. }
  304. .x-window-bl {
  305. background-image: url(../images/gray/window/left-corners.png);
  306. }
  307. .x-window-br {
  308. background-image: url(../images/gray/window/right-corners.png);
  309. }
  310. .x-window-mc {
  311. border: 1px solid #d0d0d0;
  312. background: #e8e8e8;
  313. }
  314. .x-window-ml {
  315. background-image: url(../images/gray/window/left-right.png);
  316. }
  317. .x-window-mr {
  318. background-image: url(../images/gray/window/left-right.png);
  319. }
  320. .x-panel-ghost .x-window-tl {
  321. border-color: #d0d0d0;
  322. }
  323. .x-panel-collapsed .x-window-tl {
  324. border-color: #d0d0d0;
  325. }
  326. .x-window-plain .x-window-mc {
  327. background: #e8e8e8;
  328. border-right: 1px solid #eee;
  329. border-bottom: 1px solid #eee;
  330. border-top: 1px solid #d0d0d0;
  331. border-left: 1px solid #d0d0d0;
  332. }
  333. .x-window-plain .x-window-body {
  334. border-left: 1px solid #eee;
  335. border-top: 1px solid #eee;
  336. border-bottom: 1px solid #d0d0d0;
  337. border-right: 1px solid #d0d0d0;
  338. background: transparent !important;
  339. }
  340. body.x-body-masked .x-window-mc, body.x-body-masked .x-window-plain .x-window-mc {
  341. background-color: #e4e4e4;
  342. }
  343. /* misc */
  344. .x-html-editor-wrap {
  345. border-color: #d0d0d0;
  346. }
  347. /* Borders go last for specificity */
  348. .x-panel-noborder .x-panel-body-noborder {
  349. border-width: 0;
  350. }
  351. .x-panel-noborder .x-panel-header-noborder {
  352. border-width: 0;
  353. border-bottom: 1px solid #d0d0d0;
  354. }
  355. .x-panel-noborder .x-panel-tbar-noborder .x-toolbar {
  356. border-width: 0;
  357. border-bottom: 1px solid #d0d0d0;
  358. }
  359. .x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
  360. border-width: 0;
  361. border-top: 1px solid #d0d0d0;
  362. }
  363. .x-window-noborder .x-window-mc {
  364. border-width: 0;
  365. }
  366. .x-window-plain .x-window-body-noborder {
  367. border-width: 0;
  368. }
  369. .x-tab-panel-noborder .x-tab-panel-body-noborder {
  370. border-width: 0;
  371. }
  372. .x-tab-panel-noborder .x-tab-panel-header-noborder {
  373. border-top-width: 0;
  374. border-left-width: 0;
  375. border-right-width: 0;
  376. }
  377. .x-tab-panel-noborder .x-tab-panel-footer-noborder {
  378. border-bottom-width: 0;
  379. border-left-width: 0;
  380. border-right-width: 0;
  381. }
  382. .x-tab-panel-bbar-noborder .x-toolbar {
  383. border-width: 0;
  384. border-top: 1px solid #d0d0d0;
  385. }
  386. .x-tab-panel-tbar-noborder .x-toolbar {
  387. border-width: 0;
  388. border-bottom: 1px solid #d0d0d0;
  389. }
  390. .x-accordion-hd {
  391. background-color: #e5e5e5;
  392. }
  393. .x-border {
  394. border: 1px solid #D0D0D0;
  395. }
  396. .x-layout-popup {
  397. background-color: #F0F0F0;
  398. border: 1px solid #D0D0D0;
  399. }
  400. .my-list {
  401. border: 1px solid #D0D0D0;
  402. }
  403. .x-view {
  404. border: 1px solid #D0D0D0;
  405. }
  406. .my-info {
  407. background: url(../images/gray/info/info-bg.gif) no-repeat;
  408. }
  409. .x-date-right-icon {
  410. background-image: url(../images/default/shared/right-btn.gif);
  411. margin-right: 2px;
  412. text-decoration: none !important;
  413. }
  414. .x-date-left-icon {
  415. background-image: url(../images/default/shared/left-btn.gif);
  416. margin-right: 2px;
  417. text-decoration: none !important;
  418. }
  419. .my-tbl {
  420. border: 1px solid #C6C5C5;
  421. }
  422. .my-treetbl {
  423. border: 1px solid #C6C5C5;
  424. }