grid.css 6.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291
  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:#fff;
  17. }
  18. .x-grid-panel .x-panel-mc .x-panel-body {
  19. border-color:#99bbe8;
  20. }
  21. .x-grid3-row td, .x-grid3-summary-row td{
  22. font:normal 11px/13px arial, tahoma, helvetica, sans-serif;
  23. }
  24. .x-grid3-hd-row td {
  25. font:normal 11px/15px arial, tahoma, helvetica, sans-serif;
  26. }
  27. .x-grid3-hd-row td {
  28. border-left-color:#eee;
  29. border-right-color:#d0d0d0;
  30. }
  31. .x-grid-row-loading {
  32. background-color: #fff;
  33. background-image:url(../images/default/shared/loading-balls.gif);
  34. }
  35. .x-grid3-row {
  36. border-color:#ededed;
  37. border-top-color:#fff;
  38. }
  39. .x-grid3-row-alt{
  40. background-color:#fafafa;
  41. }
  42. .x-grid3-row-over {
  43. border-color:#ddd;
  44. background-color:#efefef;
  45. background-image:url(../images/default/grid/row-over.gif);
  46. }
  47. .x-grid3-resize-proxy {
  48. background-color:#777;
  49. }
  50. .x-grid3-resize-marker {
  51. background-color:#777;
  52. }
  53. .x-grid3-header{
  54. background-color:#f9f9f9;
  55. background-image:url(../images/default/grid/grid3-hrow.gif);
  56. }
  57. .x-grid3-header-pop {
  58. border-left-color:#d0d0d0;
  59. }
  60. .x-grid3-header-pop-inner {
  61. border-left-color:#eee;
  62. background-image:url(../images/default/grid/hd-pop.gif);
  63. }
  64. td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {
  65. border-left-color:#aaccf6;
  66. border-right-color:#aaccf6;
  67. }
  68. 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 {
  69. background-color:#ebf3fd;
  70. background-image:url(../images/default/grid/grid3-hrow-over.gif);
  71. }
  72. .sort-asc .x-grid3-sort-icon {
  73. background-image: url(../images/default/grid/sort_asc.gif);
  74. }
  75. .sort-desc .x-grid3-sort-icon {
  76. background-image: url(../images/default/grid/sort_desc.gif);
  77. }
  78. .x-grid3-cell-text, .x-grid3-hd-text {
  79. color:#000;
  80. }
  81. .x-grid3-split {
  82. background-image: url(../images/default/grid/grid-split.gif);
  83. }
  84. .x-grid3-hd-text {
  85. color:#15428b;
  86. }
  87. .x-dd-drag-proxy .x-grid3-hd-inner{
  88. background-color:#ebf3fd;
  89. background-image:url(../images/default/grid/grid3-hrow-over.gif);
  90. border-color:#aaccf6;
  91. }
  92. .col-move-top{
  93. background-image:url(../images/default/grid/col-move-top.gif);
  94. }
  95. .col-move-bottom{
  96. background-image:url(../images/default/grid/col-move-bottom.gif);
  97. }
  98. td.grid-hd-group-cell {
  99. background: url(../images/default/grid/grid3-hrow.gif) repeat-x bottom;
  100. }
  101. .x-grid3-row-selected {
  102. background-color: #dfe8f6 !important;
  103. background-image: none;
  104. border-color:#a3bae9;
  105. }
  106. .x-grid3-cell-selected{
  107. background-color: #b8cfee !important;
  108. color:#000;
  109. }
  110. .x-grid3-cell-selected span{
  111. color:#000 !important;
  112. }
  113. .x-grid3-cell-selected .x-grid3-cell-text{
  114. color:#000;
  115. }
  116. .x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{
  117. background-color:#ebeadb !important;
  118. background-image:url(../images/default/grid/grid-hrow.gif) !important;
  119. color:#000;
  120. border-top-color:#fff;
  121. border-right-color:#6fa0df !important;
  122. }
  123. .x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{
  124. color:#15428b !important;
  125. }
  126. .x-grid3-dirty-cell {
  127. background-image:url(../images/default/grid/dirty.gif);
  128. }
  129. .x-grid3-topbar, .x-grid3-bottombar{
  130. font:normal 11px arial, tahoma, helvetica, sans-serif;
  131. }
  132. .x-grid3-bottombar .x-toolbar{
  133. border-top-color:#a9bfd3;
  134. }
  135. .x-props-grid .x-grid3-td-name .x-grid3-cell-inner{
  136. background-image:url(../images/default/grid/grid3-special-col-bg.gif) !important;
  137. color:#000 !important;
  138. }
  139. .x-props-grid .x-grid3-body .x-grid3-td-name{
  140. background-color:#fff !important;
  141. border-right-color:#eee;
  142. }
  143. .xg-hmenu-sort-asc .x-menu-item-icon{
  144. background-image: url(../images/default/grid/hmenu-asc.gif);
  145. }
  146. .xg-hmenu-sort-desc .x-menu-item-icon{
  147. background-image: url(../images/default/grid/hmenu-desc.gif);
  148. }
  149. .xg-hmenu-lock .x-menu-item-icon{
  150. background-image: url(../images/default/grid/hmenu-lock.gif);
  151. }
  152. .xg-hmenu-unlock .x-menu-item-icon{
  153. background-image: url(../images/default/grid/hmenu-unlock.gif);
  154. }
  155. .x-grid3-hd-btn {
  156. background-color:#c3daf9;
  157. background-image:url(../images/default/grid/grid3-hd-btn.gif);
  158. }
  159. .x-grid3-body .x-grid3-td-expander {
  160. background-image:url(../images/default/grid/grid3-special-col-bg.gif);
  161. }
  162. .x-grid3-row-expander {
  163. background-image:url(../images/default/grid/row-expand-sprite.gif);
  164. }
  165. .x-grid3-body .x-grid3-td-checker {
  166. background-image: url(../images/default/grid/grid3-special-col-bg.gif);
  167. }
  168. .x-grid3-row-checker, .x-grid3-hd-checker {
  169. background-image:url(../images/default/grid/row-check-sprite.gif);
  170. }
  171. .x-grid3-body .x-grid3-td-numberer {
  172. background-image:url(../images/default/grid/grid3-special-col-bg.gif);
  173. }
  174. .x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner {
  175. color:#444;
  176. }
  177. .x-grid3-body .x-grid3-td-row-icon {
  178. background-image:url(../images/default/grid/grid3-special-col-bg.gif);
  179. }
  180. .x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer,
  181. .x-grid3-body .x-grid3-row-selected .x-grid3-td-checker,
  182. .x-grid3-body .x-grid3-row-selected .x-grid3-td-expander {
  183. background-image:url(../images/default/grid/grid3-special-col-sel-bg.gif);
  184. }
  185. .x-grid3-check-col {
  186. background-image:url(../images/default/menu/unchecked.gif);
  187. }
  188. .x-grid3-check-col-on {
  189. background-image:url(../images/default/menu/checked.gif);
  190. }
  191. .x-grid-group, .x-grid-group-body, .x-grid-group-hd {
  192. zoom:1;
  193. }
  194. .x-grid-group-hd {
  195. border-bottom-color:#99bbe8;
  196. }
  197. .x-grid-group-hd div.x-grid-group-title {
  198. background-image:url(../images/default/grid/group-collapse.gif);
  199. color:#3764a0;
  200. font:bold 11px tahoma, arial, helvetica, sans-serif;
  201. }
  202. .x-grid-group-collapsed .x-grid-group-hd div.x-grid-group-title {
  203. background-image:url(../images/default/grid/group-expand.gif);
  204. }
  205. .x-group-by-icon {
  206. background-image:url(../images/default/grid/group-by.gif);
  207. }
  208. .x-cols-icon {
  209. background-image:url(../images/default/grid/columns.gif);
  210. }
  211. .x-show-groups-icon {
  212. background-image:url(../images/default/grid/group-by.gif);
  213. }
  214. .x-grid-empty {
  215. color:gray;
  216. font:normal 11px tahoma, arial, helvetica, sans-serif;
  217. }
  218. .x-grid-with-col-lines .x-grid3-row td.x-grid3-cell {
  219. border-right-color:#ededed;
  220. }
  221. .x-grid-with-col-lines .x-grid3-row-selected {
  222. border-top-color:#a3bae9;
  223. }