grid.css 6.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302
  1. /*
  2. This file is part of Ext JS 3.4
  3. Copyright (c) 2011-2013 Sencha Inc
  4. Contact: http://www.sencha.com/contact
  5. GNU General Public License Usage
  6. This file may be used under the terms of the GNU General Public License version 3.0 as
  7. published by the Free Software Foundation and appearing in the file LICENSE included in the
  8. packaging of this file.
  9. Please review the following information to ensure the GNU General Public License version 3.0
  10. requirements will be met: http://www.gnu.org/copyleft/gpl.html.
  11. If you are unsure which license is appropriate for your use, please contact the sales department
  12. at http://www.sencha.com/contact.
  13. Build date: 2013-04-03 15:07:25
  14. */
  15. .x-grid3 {
  16. background-color:#1f2933;
  17. }
  18. .x-grid-panel .x-panel-mc .x-panel-body {
  19. border-color:#223;
  20. }
  21. .x-grid3-hd-row td, .x-grid3-row td, .x-grid3-summary-row td{
  22. font:normal 14px arial, tahoma, helvetica, sans-serif;
  23. }
  24. .x-grid3-hd-row td {
  25. border-left-color:#556;
  26. border-right-color:#223;
  27. }
  28. .x-grid-row-loading {
  29. background-color: #fff;
  30. background-image:url(../images/default/shared/loading-balls.gif);
  31. }
  32. .x-grid3-row {
  33. border:0 none;
  34. border-bottom:1px solid #111;
  35. border-right:1px solid #1a1a1c;
  36. }
  37. .x-grid3-row-alt{
  38. background-color:#1b232b;
  39. }
  40. .x-grid3-row-over {
  41. background-color:#7e5530;
  42. }
  43. .x-grid3-resize-proxy {
  44. background-color:#777;
  45. }
  46. .x-grid3-resize-marker {
  47. background-color:#777;
  48. }
  49. .x-grid3-header{
  50. background-color:#3b3f50;
  51. background-image:url(../images/access/grid/grid3-hrow.gif);
  52. }
  53. .x-grid3-header-pop {
  54. border-left-color:#d0d0d0;
  55. }
  56. .x-grid3-header-pop-inner {
  57. border-left-color:#eee;
  58. background-image:url(../images/default/grid/hd-pop.gif);
  59. }
  60. td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {
  61. border-left-color:#889;
  62. border-right-color:#445;
  63. }
  64. td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-asc .x-grid3-hd-inner, td.x-grid3-hd-menu-open .x-grid3-hd-inner {
  65. background-color:#4e628a;
  66. background-image:url(../images/access/grid/grid3-hrow-over.gif);
  67. }
  68. .x-grid3-cell-inner, .x-grid3-hd-inner {
  69. color:#fff;
  70. }
  71. .sort-asc .x-grid3-sort-icon {
  72. background-image: url(../images/access/grid/sort_asc.gif);
  73. width:15px;
  74. height:9px;
  75. margin-left:5px;
  76. }
  77. .sort-desc .x-grid3-sort-icon {
  78. background-image: url(../images/access/grid/sort_desc.gif);
  79. width:15px;
  80. height:9px;
  81. margin-left:5px;
  82. }
  83. .x-grid3-cell-text, .x-grid3-hd-text {
  84. color:#fff;
  85. }
  86. .x-grid3-split {
  87. background-image: url(../images/default/grid/grid-split.gif);
  88. }
  89. .x-grid3-hd-text {
  90. color:#fff;
  91. }
  92. .x-dd-drag-proxy .x-grid3-hd-inner{
  93. background-color:#ebf3fd;
  94. background-image:url(../images/access/grid/grid3-hrow-over.gif);
  95. border-color:#aaccf6;
  96. }
  97. .col-move-top{
  98. background-image:url(../images/default/grid/col-move-top.gif);
  99. }
  100. .col-move-bottom{
  101. background-image:url(../images/default/grid/col-move-bottom.gif);
  102. }
  103. .x-grid3-row-selected {
  104. background-color: #e5872c !important;
  105. background-image: none;
  106. border-style: solid;
  107. }
  108. .x-grid3-row-selected .x-grid3-cell {
  109. color: #fff;
  110. }
  111. .x-grid3-cell-selected {
  112. background-color: #ffa340 !important;
  113. color:#fff;
  114. }
  115. .x-grid3-cell-selected span{
  116. color:#fff !important;
  117. }
  118. .x-grid3-cell-selected .x-grid3-cell-text{
  119. color:#fff;
  120. }
  121. .x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{
  122. background-color:#ebeadb !important;
  123. background-image:url(../images/default/grid/grid-hrow.gif) !important;
  124. color:#fff;
  125. border-top-color:#fff;
  126. border-right-color:#6fa0df !important;
  127. }
  128. .x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{
  129. color:#fff !important;
  130. }
  131. .x-grid3-dirty-cell {
  132. background-image:url(../images/access/grid/dirty.gif);
  133. }
  134. .x-grid3-topbar, .x-grid3-bottombar{
  135. font:normal 14px arial, tahoma, helvetica, sans-serif;
  136. }
  137. .x-grid3-bottombar .x-toolbar{
  138. border-top-color:#a9bfd3;
  139. }
  140. .x-props-grid .x-grid3-td-name .x-grid3-cell-inner{
  141. background-image:url(../images/access/grid/grid3-special-col-bg.gif) !important;
  142. color:#fff !important;
  143. }
  144. .x-props-grid .x-grid3-td-value {
  145. color:#fff !important;
  146. }
  147. .x-props-grid .x-grid3-body .x-grid3-td-name{
  148. background-color:#263240 !important;
  149. border-right-color:#223;
  150. }
  151. .xg-hmenu-sort-asc .x-menu-item-icon{
  152. background-image: url(../images/access/grid/hmenu-asc.gif);
  153. }
  154. .xg-hmenu-sort-desc .x-menu-item-icon{
  155. background-image: url(../images/access/grid/hmenu-desc.gif);
  156. }
  157. .xg-hmenu-lock .x-menu-item-icon{
  158. background-image: url(../images/access/grid/hmenu-lock.gif);
  159. }
  160. .xg-hmenu-unlock .x-menu-item-icon{
  161. background-image: url(../images/access/grid/hmenu-unlock.gif);
  162. }
  163. .x-grid3-hd-btn {
  164. background-color:#c2c9d0;
  165. background-image:url(../images/access/grid/grid3-hd-btn.gif);
  166. }
  167. .x-grid3-body .x-grid3-td-expander {
  168. background-image:url(../images/access/grid/grid3-special-col-bg.gif);
  169. }
  170. .x-grid3-row-expander {
  171. background-image:url(../images/access/grid/row-expand-sprite.gif);
  172. }
  173. .x-grid3-body .x-grid3-td-checker {
  174. background-image: url(../images/access/grid/grid3-special-col-bg.gif);
  175. }
  176. .x-grid3-row-checker, .x-grid3-hd-checker {
  177. background-image:url(../images/default/grid/row-check-sprite.gif);
  178. }
  179. .x-grid3-body .x-grid3-td-numberer {
  180. background-image:url(../images/access/grid/grid3-special-col-bg.gif);
  181. }
  182. .x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner {
  183. color:#fff;
  184. }
  185. .x-grid3-body .x-grid3-td-row-icon {
  186. background-image:url(../images/access/grid/grid3-special-col-bg.gif);
  187. }
  188. .x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer,
  189. .x-grid3-body .x-grid3-row-selected .x-grid3-td-checker,
  190. .x-grid3-body .x-grid3-row-selected .x-grid3-td-expander {
  191. background-image:url(../images/access/grid/grid3-special-col-sel-bg.gif);
  192. }
  193. .x-grid3-check-col {
  194. background-image:url(../images/default/menu/unchecked.gif);
  195. }
  196. .x-grid3-check-col-on {
  197. background-image:url(../images/default/menu/checked.gif);
  198. }
  199. .x-grid-group, .x-grid-group-body, .x-grid-group-hd {
  200. zoom:1;
  201. }
  202. .x-grid-group-hd {
  203. border-bottom-color:#4e628a;
  204. }
  205. .x-grid-group-hd div.x-grid-group-title {
  206. background-image:url(../images/access/grid/group-collapse.gif);
  207. background-position:3px 6px;
  208. color:#ffd;
  209. font:bold 14px tahoma, arial, helvetica, sans-serif;
  210. }
  211. .x-grid-group-collapsed .x-grid-group-hd div.x-grid-group-title {
  212. background-image:url(../images/access/grid/group-expand.gif);
  213. }
  214. .x-group-by-icon {
  215. background-image:url(../images/default/grid/group-by.gif);
  216. }
  217. .x-cols-icon {
  218. background-image:url(../images/default/grid/columns.gif);
  219. }
  220. .x-show-groups-icon {
  221. background-image:url(../images/default/grid/group-by.gif);
  222. }
  223. .x-grid-empty {
  224. color:gray;
  225. font:normal 14px tahoma, arial, helvetica, sans-serif;
  226. }
  227. .x-grid-with-col-lines .x-grid3-row td.x-grid3-cell {
  228. border-right-color:#ededed;
  229. }
  230. .x-grid-with-col-lines .x-grid3-row{
  231. border-top-color:#ededed;
  232. }
  233. .x-grid-with-col-lines .x-grid3-row-selected {
  234. border-top-color:#a3bae9;
  235. }