/source/Plug-in/jq/themes/default/datagrid.css

http://prosporous.googlecode.com/ · CSS · 245 lines · 244 code · 1 blank · 0 comment · 0 complexity · 68770101ac897997f06edcb1b164f0cf MD5 · raw file

  1. .datagrid .panel-body{
  2. overflow:hidden;
  3. }
  4. .datagrid-wrap{
  5. position:relative;
  6. }
  7. .datagrid-view{
  8. position:relative;
  9. overflow:hidden;
  10. }
  11. .datagrid-view1{
  12. position:absolute;
  13. overflow:hidden;
  14. left:0px;
  15. top:0px;
  16. border-right1:1px solid #ccc;
  17. }
  18. .datagrid-view2{
  19. position:absolute;
  20. overflow:hidden;
  21. left:210px;
  22. top:0px;
  23. }
  24. .datagrid-mask{
  25. position:absolute;
  26. left:0;
  27. top:0;
  28. background:#ccc;
  29. opacity:0.3;
  30. filter:alpha(opacity=30);
  31. display:none;
  32. }
  33. .datagrid-mask-msg{
  34. position:absolute;
  35. cursor1:wait;
  36. left:100px;
  37. top:50px;
  38. width:auto;
  39. height:16px;
  40. padding:12px 5px 10px 30px;
  41. background:#fff url('images/pagination_loading.gif') no-repeat scroll 5px 10px;
  42. border:2px solid #6593CF;
  43. color:#222;
  44. display:none;
  45. }
  46. .datagrid-title{
  47. background:url('images/datagrid_title_bg.png') repeat-x;
  48. border-bottom:1px solid #8DB2E3;
  49. border-top:1px solid #fff;
  50. position:relative;
  51. padding:5px 0px;
  52. }
  53. .datagrid-title-text{
  54. color:#15428b;
  55. font-weight:bold;
  56. padding-left:5px;
  57. }
  58. .datagrid-title-with-icon{
  59. padding-left:22px;
  60. }
  61. .datagrid-title-icon{
  62. position:absolute;
  63. width:16px;
  64. height:16px;
  65. left:3px;
  66. top:4px!important;
  67. top:6px;
  68. }
  69. .datagrid-sort-desc .datagrid-sort-icon{
  70. padding:2px 13px 3px 0px;
  71. background:url('images/datagrid_sort_desc.gif') no-repeat center center;
  72. }
  73. .datagrid-sort-asc .datagrid-sort-icon{
  74. padding:2px 13px 3px 0px;
  75. background:url('images/datagrid_sort_asc.gif') no-repeat center center;
  76. }
  77. .datagrid-toolbar{
  78. height:28px;
  79. background:#efefef;
  80. padding:1px 2px;
  81. border-bottom:1px solid #ccc;
  82. }
  83. .datagrid-btn-separator{
  84. float:left;
  85. height:24px;
  86. border-left:1px solid #ccc;
  87. border-right:1px solid #fff;
  88. margin:2px 1px;
  89. }
  90. .datagrid-pager{
  91. background:#efefef;
  92. border-top:1px solid #ccc;
  93. position:relative;
  94. }
  95. .datagrid-header{
  96. overflow:hidden;
  97. background:#fafafa url('images/datagrid_header_bg.gif') repeat-x left bottom;
  98. border-bottom:1px solid #ccc;
  99. }
  100. .datagrid-header-inner{
  101. float:left;
  102. width:10000px;
  103. }
  104. .datagrid-header td{
  105. border-right:1px dotted #ccc;
  106. font-size:12px;
  107. font-weight:normal;
  108. background:#fafafa url('images/datagrid_header_bg.gif') repeat-x left bottom;
  109. border-bottom:1px dotted #ccc;
  110. border-top:1px dotted #fff;
  111. }
  112. .datagrid-header td.datagrid-header-over{
  113. background:#EBF3FD;
  114. }
  115. .datagrid-header .datagrid-cell{
  116. margin:0;
  117. padding:3px 4px;
  118. white-space:nowrap;
  119. word-wrap:normal;
  120. overflow:hidden;
  121. text-align:center;
  122. }
  123. .datagrid-header .datagrid-cell-group{
  124. margin:0;
  125. padding:4px 2px 4px 4px;
  126. white-space:nowrap;
  127. word-wrap:normal;
  128. overflow:hidden;
  129. text-align:center;
  130. }
  131. .datagrid-header-rownumber{
  132. width:25px;
  133. text-align:center;
  134. margin:0px;
  135. padding:3px 0px;
  136. }
  137. .datagrid-td-rownumber{
  138. background:#fafafa url('images/datagrid_header_bg.gif') repeat-x left bottom;
  139. }
  140. .datagrid-cell-rownumber{
  141. width:25px;
  142. text-align:center;
  143. margin:0px;
  144. padding:3px 0px;
  145. color:#000;
  146. }
  147. .datagrid-body{
  148. margin:0;
  149. padding:0;
  150. overflow:auto;
  151. zoom:1;
  152. }
  153. .datagrid-view1 .datagrid-body-inner{
  154. padding-bottom:20px;
  155. }
  156. .datagrid-view1 .datagrid-body{
  157. overflow:hidden;
  158. }
  159. .datagrid-footer{
  160. overflow:hidden;
  161. }
  162. .datagrid-footer-inner{
  163. border-top:1px solid #ccc;
  164. width:10000px;
  165. float:left;
  166. }
  167. .datagrid-body td,.datagrid-footer td{
  168. font-size:12px;
  169. border-right:1px dotted #ccc;
  170. border-bottom:1px dotted #ccc;
  171. overflow:hidden;
  172. padding:0;
  173. margin:0;
  174. }
  175. .datagrid-body .datagrid-cell,.datagrid-footer .datagrid-cell{
  176. overflow:hidden;
  177. margin:0;
  178. padding:3px 4px;
  179. white-space:nowrap;
  180. word-wrap:normal;
  181. }
  182. .datagrid-header-check{
  183. padding:3px 6px;
  184. }
  185. .datagrid-cell-check{
  186. padding:3px 6px;
  187. font-size:1px;
  188. overflow:hidden;
  189. }
  190. .datagrid-header-check input{
  191. margin:0;
  192. padding:0;
  193. width:15px;
  194. height:15px;
  195. }
  196. .datagrid-cell-check input{
  197. margin:0;
  198. padding:0;
  199. width:15px;
  200. height:15px;
  201. }
  202. .datagrid-row-collapse{
  203. background:url('images/datagrid_row_collapse.gif') no-repeat center center;
  204. }
  205. .datagrid-row-expand{
  206. background:url('images/datagrid_row_expand.gif') no-repeat center center;
  207. }
  208. .datagrid-row-alt{
  209. background:#EEEEFF;
  210. }
  211. .datagrid-row-over{
  212. background:#D0E5F5;
  213. background1:#FBEC88;
  214. cursor:default;
  215. }
  216. .datagrid-row-selected{
  217. background:#FBEC88;
  218. }
  219. .datagrid-resize-proxy{
  220. position:absolute;
  221. width:1px;
  222. top:0;
  223. height:10000px;
  224. background:red;
  225. cursor:e-resize;
  226. display:none;
  227. }
  228. .datagrid-body .datagrid-editable{
  229. padding:0;
  230. }
  231. .datagrid-body .datagrid-editable table{
  232. width:100%;
  233. height:100%;
  234. }
  235. .datagrid-body .datagrid-editable td{
  236. border:0;
  237. padding:0;
  238. }
  239. .datagrid-body .datagrid-editable .datagrid-editable-input{
  240. width:100%;
  241. font-size:12px;
  242. border:1px solid #A4BED4;
  243. padding:3px 2px;
  244. }