grid.css 6.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295
  1. /*
  2. * Ext JS Library 2.0.2
  3. * Copyright(c) 2006-2008, Ext JS, LLC.
  4. * licensing@extjs.com
  5. *
  6. * http://extjs.com/license
  7. */
  8. /* Grid2 styles */
  9. .x-grid {
  10. position:relative;
  11. overflow:hidden;
  12. background-color:#fff;
  13. }
  14. .x-grid-scroller {
  15. overflow:auto;
  16. }
  17. .x-grid-viewport, .x-grid-locked{
  18. position:absolute;
  19. left:0; top: 0;
  20. z-index:2;
  21. overflow:hidden;
  22. visibility:hidden;
  23. }
  24. .x-grid-cell-inner, .x-grid-hd-inner{
  25. overflow:hidden;
  26. -o-text-overflow: ellipsis;
  27. text-overflow: ellipsis;
  28. }
  29. .x-grid-hd-row td, .x-grid-row td{
  30. font:normal 11px arial, tahoma, helvetica, sans-serif;
  31. line-height:13px;
  32. white-space: nowrap;
  33. vertical-align: top;
  34. -moz-outline: none;
  35. -moz-user-focus: normal;
  36. }
  37. .x-grid-hd-row td {
  38. line-height:14px;
  39. }
  40. .x-grid-col {
  41. border-right: 1px solid #ebebeb;
  42. border-bottom: 1px solid #ebebeb;
  43. }
  44. /* Locked styles */
  45. .x-grid-locked .x-grid-body td {
  46. background-color: #FBFDFF;
  47. border-right: 1px solid #deecfd;
  48. border-bottom: 1px solid #deecfd !important;
  49. }
  50. .x-grid-locked .x-grid-body td .x-grid-cell-inner {
  51. border-top:0 none;
  52. }
  53. .x-grid-locked .x-grid-row-alt td{
  54. background-color: #F5FAFE;
  55. }
  56. .x-grid-locked .x-grid-header table{
  57. border-right:1px solid transparent;
  58. }
  59. .x-grid-locked .x-grid-body table{
  60. border-right:1px solid #c3daf9;
  61. }
  62. .x-grid-locked .x-grid-body td .x-grid-cell-inner {
  63. }
  64. .x-grid-row {
  65. cursor: default;
  66. }
  67. .x-grid-row-alt{
  68. background-color:#f1f1f1;
  69. }
  70. .x-grid-row-over td{
  71. background-color:#d9e8fb;
  72. }
  73. .x-grid-resize-proxy {
  74. width:3px;
  75. background-color:#cccccc;
  76. cursor: e-resize;
  77. cursor: col-resize;
  78. position:absolute;
  79. top:0;
  80. height:100px;
  81. overflow:hidden;
  82. visibility:hidden;
  83. border:0 none;
  84. z-index:7;
  85. }
  86. .x-grid-focus {
  87. position:absolute;
  88. top:0;
  89. -moz-outline:0 none;
  90. outline:0 none;
  91. -moz-user-select: normal;
  92. -khtml-user-select: normal;
  93. }
  94. /* header styles */
  95. .x-grid-header{
  96. background: #ebeadb url(../images/default/grid/grid-hrow.gif) repeat-x;
  97. overflow:hidden;
  98. position:relative;
  99. cursor:default;
  100. width:100%;
  101. }
  102. .x-grid-hd-row{
  103. height:22px;
  104. }
  105. .x-grid-hd {
  106. padding-right:1px;
  107. }
  108. .x-grid-hd-over .x-grid-hd-inner {
  109. border-bottom: 1px solid #c3daf9;
  110. }
  111. .x-grid-hd-over .x-grid-hd-text {
  112. background: #fafafa url(../images/default/grid/grid-hrow.gif) repeat-x 0 1px;
  113. padding-bottom:1px;
  114. border-bottom: 1px solid #b3cae9;
  115. }
  116. .x-grid-sort-icon{
  117. background-repeat: no-repeat;
  118. display: none;
  119. height: 4px;
  120. width: 13px;
  121. margin-left:3px;
  122. vertical-align: middle;
  123. }
  124. .x-grid-header .sort-asc .x-grid-sort-icon {
  125. background-image: url(../images/default/grid/sort_asc.gif);
  126. display: inline;
  127. }
  128. .x-grid-header .sort-desc .x-grid-sort-icon {
  129. background-image: url(../images/default/grid/sort_desc.gif);
  130. display: inline;
  131. }
  132. /* Body Styles */
  133. .x-grid-body {
  134. overflow:hidden;
  135. position:relative;
  136. width:100%;
  137. zoom:1;
  138. }
  139. .x-grid-cell-text,.x-grid-hd-text {
  140. display: block;
  141. padding: 3px 5px 3px 5px;
  142. -moz-user-select: none;
  143. -khtml-user-select: none;
  144. color:black;
  145. }
  146. .x-grid-hd-text {
  147. padding-top:4px;
  148. }
  149. .x-grid-split {
  150. background-image: url(../images/default/grid/grid-split.gif);
  151. background-position: center;
  152. background-repeat: no-repeat;
  153. cursor: e-resize;
  154. cursor: col-resize;
  155. display: block;
  156. font-size: 1px;
  157. height: 16px;
  158. overflow: hidden;
  159. position: absolute;
  160. top: 2px;
  161. width: 6px;
  162. z-index: 3;
  163. }
  164. .x-grid-hd-text {
  165. color:#15428b;
  166. }
  167. /* Column Reorder DD */
  168. .x-dd-drag-proxy .x-grid-hd-inner{
  169. background: #ebeadb url(../images/default/grid/grid-hrow.gif) repeat-x;
  170. height:22px;
  171. width:120px;
  172. }
  173. .col-move-top, .col-move-bottom{
  174. width:9px;
  175. height:9px;
  176. position:absolute;
  177. top:0;
  178. line-height:1px;
  179. font-size:1px;
  180. overflow:hidden;
  181. visibility:hidden;
  182. z-index:20000;
  183. }
  184. .col-move-top{
  185. background:transparent url(../images/default/grid/col-move-top.gif) no-repeat left top;
  186. }
  187. .col-move-bottom{
  188. background:transparent url(../images/default/grid/col-move-bottom.gif) no-repeat left top;
  189. }
  190. /* Selection Styles */
  191. .x-grid-row-selected td, .x-grid-locked .x-grid-row-selected td{
  192. background-color: #316ac5 !important;
  193. color: white;
  194. }
  195. .x-grid-row-selected span, .x-grid-row-selected b, .x-grid-row-selected div, .x-grid-row-selected strong, .x-grid-row-selected i{
  196. color: white !important;
  197. }
  198. .x-grid-row-selected .x-grid-cell-text{
  199. color: white;
  200. }
  201. .x-grid-cell-selected{
  202. background-color: #316ac5 !important;
  203. color: white;
  204. }
  205. .x-grid-cell-selected span{
  206. color: white !important;
  207. }
  208. .x-grid-cell-selected .x-grid-cell-text{
  209. color: white;
  210. }
  211. .x-grid-locked td.x-grid-row-marker, .x-grid-locked .x-grid-row-selected td.x-grid-row-marker{
  212. background: #ebeadb url(../images/default/grid/grid-hrow.gif) repeat-x 0 bottom !important;
  213. vertical-align:middle !important;
  214. color:black;
  215. padding:0;
  216. border-top:1px solid white;
  217. border-bottom:none !important;
  218. border-right:1px solid #6fa0df !important;
  219. text-align:center;
  220. }
  221. .x-grid-locked td.x-grid-row-marker div, .x-grid-locked .x-grid-row-selected td.x-grid-row-marker div{
  222. padding:0 4px;
  223. color:#15428b !important;
  224. text-align:center;
  225. }
  226. /* dirty cells */
  227. .x-grid-dirty-cell {
  228. background: transparent url(../images/default/grid/dirty.gif) no-repeat 0 0;
  229. }
  230. /* Grid Toolbars */
  231. .x-grid-topbar, .x-grid-bottombar{
  232. font:normal 11px arial, tahoma, helvetica, sans-serif;
  233. overflow:hidden;
  234. display:none;
  235. zoom:1;
  236. position:relative;
  237. }
  238. .x-grid-topbar .x-toolbar{
  239. border-right:0 none;
  240. }
  241. .x-grid-bottombar .x-toolbar{
  242. border-right:0 none;
  243. border-bottom:0 none;
  244. border-top:1px solid #a9bfd3;
  245. }
  246. /* Props Grid Styles */
  247. .x-props-grid .x-grid-cell-selected .x-grid-cell-text{
  248. background-color: #316ac5 !important;
  249. }
  250. .x-props-grid .x-grid-col-value .x-grid-cell-text{
  251. background-color: white;
  252. }
  253. .x-props-grid .x-grid-col-name{
  254. background-color: #c3daf9;
  255. }
  256. .x-props-grid .x-grid-col-name .x-grid-cell-text{
  257. background-color: white;
  258. margin-left:10px;
  259. }
  260. .x-props-grid .x-grid-split-value {
  261. visibility:hidden;
  262. }
  263. /* header menu */
  264. .xg-hmenu-sort-asc .x-menu-item-icon{
  265. background-image: url(../images/default/grid/hmenu-asc.gif);
  266. }
  267. .xg-hmenu-sort-desc .x-menu-item-icon{
  268. background-image: url(../images/default/grid/hmenu-desc.gif);
  269. }
  270. .xg-hmenu-lock .x-menu-item-icon{
  271. background-image: url(../images/default/grid/hmenu-lock.gif);
  272. }
  273. .xg-hmenu-unlock .x-menu-item-icon{
  274. background-image: url(../images/default/grid/hmenu-unlock.gif);
  275. }
  276. /* dd */
  277. .x-dd-drag-ghost .x-grid-dd-wrap {
  278. padding:1px 3px 3px 1px;
  279. }