psnihiloGrid.css 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533
  1. .dojoxGrid {
  2. position: relative;
  3. background-color: #EBEADB;
  4. font-family: Geneva, Arial, Helvetica, sans-serif;
  5. -moz-outline-style: none;
  6. outline: none;
  7. overflow: hidden;
  8. height: 0;
  9. }
  10. .dojoxGrid table {
  11. padding: 0;
  12. }
  13. .dojoxGrid td {
  14. -moz-outline: none;
  15. }
  16. .dojoxGridMasterHeader {
  17. position: relative;
  18. }
  19. .dojoxGridMasterView {
  20. position: relative;
  21. }
  22. .dojoxGridMasterMessages {
  23. position: relative;
  24. padding: 1em;
  25. text-align: center;
  26. background-color: white;
  27. }
  28. .dojoxGridView {
  29. position: absolute;
  30. overflow: hidden;
  31. }
  32. .dojoxGridHeader {
  33. position: absolute;
  34. overflow: hidden;
  35. cursor: default;
  36. }
  37. .dojoxGridHeader {
  38. background-color: #E8E1CF;
  39. }
  40. .dojoxGridHeader table {
  41. text-align: center;
  42. }
  43. .dojoxGridHeader .dojoxGridCell {
  44. border: 1px solid;
  45. border-color: #F6F4EB #ACA899 #ACA899 #F6F4EB;
  46. background: url(images/grid_dx_gradient.gif) #E8E1CF top repeat-x;
  47. padding-bottom: 2px;
  48. }
  49. .dojoxGridHeader .dojoxGridCellOver {
  50. background-image: none;
  51. background-color: white;
  52. border-bottom-color: #FEBE47;
  53. margin-bottom: 0;
  54. padding-bottom: 0;
  55. border-bottom-width: 3px;
  56. }
  57. .dojoxGridHeader .dojoxGridCellFocus {
  58. border: 1px dashed blue;
  59. }
  60. .dojoxGridHeader.dojoxGridCellFocus.dojoxGridCellOver {
  61. background-image: none;
  62. background-color: white;
  63. border-bottom-color: #FEBE47;
  64. margin-bottom: 0;
  65. padding-bottom: 0;
  66. border-bottom-width: 3px;
  67. }
  68. .dojoxGridArrowButtonNode {
  69. display: none;
  70. padding-left: 16px;
  71. }
  72. .dojoxGridArrowButtonChar {
  73. display:inline;
  74. }
  75. .dojoxGridArrowButtonNode:hover {
  76. cursor: default;
  77. }
  78. .dojoxGridArrowButtonChar:hover {
  79. cursor: default;
  80. }
  81. .dojoxGridSortUp:hover {
  82. cursor: default;
  83. }
  84. .dojoxGridSortDown:hover {
  85. cursor: default;
  86. }
  87. .dijit_a11y .dojoxGridArrowButtonChar {
  88. display:inline !important;
  89. }
  90. .dojoxGridScrollbox {
  91. position: relative;
  92. overflow: auto;
  93. background-color: white;
  94. width: 100%;
  95. }
  96. .dojoxGridContent {
  97. position: relative;
  98. overflow: hidden;
  99. -moz-outline-style: none;
  100. outline: none;
  101. }
  102. .dojoxGridRowbar {
  103. border: 1px solid;
  104. border-color: #F6F4EB #ACA899 #ACA899 #F6F4EB;
  105. border-top: none;
  106. background: url(images/grid_dx_gradient.gif) #E8E1CF top repeat-x;
  107. }
  108. .dojoxGridRowbarInner {
  109. border-top: 1px solid #F6F4EB;
  110. }
  111. .dojoxGridRowbarOver {
  112. background-image: none;
  113. background-color: white;
  114. border-top-color: #FEBE47;
  115. border-bottom-color: #FEBE47;
  116. }
  117. .dojoxGridRowbarSelected {
  118. background-color: #D9E8F9;
  119. }
  120. .dojoxGridRow {
  121. position: relative;
  122. width: 9000em;
  123. }
  124. .dojoxGridRow {
  125. border: 1px solid #E8E4D8;
  126. border-color: #F8F7F1;
  127. border-left: none;
  128. border-right: none;
  129. background-color: white;
  130. border-top: none;
  131. }
  132. .dojoxGridRowOver {
  133. border-top-color: #FEBE47;
  134. border-bottom-color: #FEBE47;
  135. }
  136. .dojoxGridRowOdd {
  137. background-color: #FFFDF3;
  138. }
  139. .dojoxGridRowSelected {
  140. background-color: #D9E8F9;
  141. }
  142. .dojoxGridRowTable {
  143. table-layout: fixed;
  144. width: 0;
  145. empty-cells: show;
  146. }
  147. .dj_ie .dojoxGridRowTable {
  148. border-collapse: collapse;
  149. }
  150. .dojoxGridInvisible {
  151. visibility: hidden;
  152. }
  153. .Xdojo-ie .dojoxGridInvisible {
  154. display: none;
  155. }
  156. .dojoxGridInvisible td, .dojoxGridHeader .dojoxGridInvisible td {
  157. border-top-width: 0;
  158. border-bottom-width: 0;
  159. padding-top: 0;
  160. padding-bottom: 0;
  161. height: 0;
  162. overflow: hidden;
  163. }
  164. .dojoxGridCell {
  165. border: 1px solid;
  166. border-color: #EBEADB;
  167. border-right-color: #D5CDB5;
  168. padding: 3px 3px 3px 3px;
  169. text-align: left;
  170. overflow: hidden;
  171. }
  172. .dojoxGridCellFocus {
  173. border: 1px dashed blue;
  174. }
  175. .dojoxGridCellOver {
  176. border: 1px dotted #FEBE47;
  177. }
  178. .dojoxGridCellFocus.dojoxGridCellOver {
  179. border: 1px dashed green;
  180. }
  181. .dojoxGridRowEditing td {
  182. background-color: #F4FFF4;
  183. }
  184. .dojoxGridRow-inserting td {
  185. background-color: #F4FFF4;
  186. }
  187. .dojoxGridRow-inflight td {
  188. background-color: #F2F7B7;
  189. }
  190. .dojoxGridRow-error td {
  191. background-color: #F8B8B6;
  192. }
  193. .dojoxGridInput, .dojoxGridSelect, .dojoxGridTextarea {
  194. margin: 0;
  195. padding: 0;
  196. border-style: none;
  197. width: 100%;
  198. font-size: 100%;
  199. font-family: inherit;
  200. }
  201. .dojoxGridHiddenFocus {
  202. position: absolute;
  203. top: -1000px;
  204. height: 0;
  205. width: 0;
  206. }
  207. .dijit_a11y .dojoxGridRowbarSelected {
  208. border-top: 1px solid white;
  209. border-bottom: 1px dashed black;
  210. border-top: 0;
  211. background: none;
  212. }
  213. .dijit_a11y .dojoxGridRowbarSelected .dojoxGridRowbarInner {
  214. border: 0;
  215. border-top: 1px solid white;
  216. }
  217. .dijit_a11y .dojoxGridRowSelected {
  218. border: 1px solid black !important;
  219. }
  220. .dojoxGridDndAvatar {
  221. font-size: 100%;
  222. }
  223. .dojoxGrid .dojoDndItemBefore {
  224. border-left-color: red;
  225. }
  226. .dojoxGrid .dojoDndItemAfter {
  227. border-right-color: red;
  228. }
  229. .dijit_a11y .dojoDndItemBefore {
  230. border-left: double;
  231. }
  232. .dijit_a11y .dojoDndItemAfter {
  233. border-right: double;
  234. }
  235. .dojoxGridDndAvatarItem td {
  236. border: 1px solid;
  237. border-color: #F6F4EB #ACA899 #ACA899 #F6F4EB;
  238. background: url(images/grid_dx_gradient.gif) #E8E1CF top repeat-x;
  239. padding: 0pt;
  240. margin: 0pt;
  241. }
  242. .dojoxGridDndAvatarItem td.dojoxGridDndAvatarItemImage {
  243. border: 0;
  244. border-color: #F6F4EB #ACA899 #ACA899 #F6F4EB;
  245. background-color: transparent;
  246. padding: 3px;
  247. padding-bottom: 2px;
  248. margin: 0;
  249. }
  250. .dojoDndMove .dojoxGridDndAvatarItem .dojoxGridDndAvatarItemImage {
  251. background-image: url(../../../dojo/resources/images/dndNoMove.png);
  252. background-repeat: no-repeat;
  253. background-position: center center;
  254. }
  255. .dojoDndCopy .dojoxGridDndAvatarItem .dojoxGridDndAvatarItemImage {
  256. background-image: url(../../../dojo/resources/images/dndNoCopy.png);
  257. background-repeat: no-repeat;
  258. background-position: center center;
  259. }
  260. .dojoDndMove .dojoDndAvatarCanDrop .dojoxGridDndAvatarItem .dojoxGridDndAvatarItemImage {
  261. background-image: url(../../../dojo/resources/images/dndMove.png);
  262. background-repeat: no-repeat;
  263. background-position: center center;
  264. }
  265. .dojoDndCopy .dojoDndAvatarCanDrop .dojoxGridDndAvatarItem .dojoxGridDndAvatarItemImage {
  266. background-image: url(../../../dojo/resources/images/dndCopy.png);
  267. background-repeat: no-repeat;
  268. background-position: center center;
  269. }
  270. .dojoxGridColPlaceBottom {
  271. background: transparent url(images/grid_sort_up.gif) no-repeat scroll left top;
  272. }
  273. .dojoxGridColPlaceTop {
  274. background: transparent url(images/grid_sort_down.gif) no-repeat scroll left top;
  275. }
  276. .dojoxGridColPlaceTop, .dojoxGridColPlaceBottom {
  277. font-size:1px;
  278. height:6px;
  279. z-index:10000;
  280. top:0;
  281. overflow:hidden;
  282. position:absolute;
  283. line-height:1px;
  284. width:8px;
  285. }
  286. .dojoxGridResizeColLine {
  287. width: 1px;
  288. background-color: #777;
  289. position: absolute;
  290. cursor: col-resize;
  291. z-index:10000;
  292. }
  293. .dojoxGridColNoResize,
  294. .dojoxGridColNoResize .dojoDndItemOver {
  295. cursor: not-allowed !important;
  296. }
  297. .dojoxGridColResize,
  298. .dojoxGridColResize .dojoDndItemOver,
  299. .dojoxGridColumnResizing,
  300. .dojoxGridColumnResizing .dojoDndItemOver,
  301. .dojoxGridColumnResizing .dojoxGridHeader {
  302. cursor: col-resize !important;
  303. }
  304. .dojoxGridColPlaceBottom {
  305. background: transparent url(images/grid_sort_up.gif) no-repeat scroll left top;
  306. }
  307. .dojoxGridColPlaceTop {
  308. background: transparent url(images/grid_sort_down.gif) no-repeat scroll left top;
  309. }
  310. .dojoxGridColPlaceTop, .dojoxGridColPlaceBottom {
  311. font-size:1px;
  312. height:6px;
  313. z-index:10000;
  314. top:0;
  315. overflow:hidden;
  316. position:absolute;
  317. line-height:1px;
  318. width:8px;
  319. }
  320. .dojoxGridResizeColLine {
  321. width: 1px;
  322. background-color: #777;
  323. position: absolute;
  324. }
  325. .dojoxGridExpandoCell {
  326. vertical-align: middle;
  327. }
  328. .dojoxGridSummarySpan {
  329. visibility: hidden;
  330. }
  331. .dojoxGridSummaryRow .dojoxGridSummarySpan,
  332. .dojoxGridRowCollapsed .dojoxGridSummarySpan {
  333. visibility: visible;
  334. }
  335. .dojoxGridNoChildren .dojoxGridExpando {
  336. visibility: hidden !important;
  337. width: 0px !important;
  338. }
  339. .nihilo .dojoxGrid {
  340. background-color: #e9e9e9;
  341. font-size: 0.85em;
  342. }
  343. .nihilo .dojoxGridMasterMessages {
  344. background-color: #fefefe;
  345. }
  346. .nihilo .dojoxGridHeader {
  347. background-color: #e9e9e9;
  348. }
  349. .nihilo .dojoxGridHeader .dojoxGridCell {
  350. border-width: 1px;
  351. padding-bottom: 0px;
  352. border-color: transparent #ACA899 #919191 transparent;
  353. background: url(../../../dijit/themes/nihilo/images/titleBar.png) #e9e9e9 repeat-x top;
  354. color: #000 !important;
  355. }
  356. .nihilo .dojoxGridHeader .dojoxGridCellOver {
  357. background: url(../../../dijit/themes/nihilo/images/titleBarActive.png) #e9e9e9 repeat-x top;
  358. }
  359. .nihilo .dojoxGridHeader .dojoxGridCellFocus {
  360. border-color: #ACA899 #919191;
  361. border-style: dashed;
  362. }
  363. .nihilo .dojoxGridArrowButtonChar {
  364. float: right;
  365. display: none;
  366. }
  367. .nihilo .dojoxGridArrowButtonNode {
  368. display: block !important;
  369. padding-left: 0px;
  370. float: right;
  371. background:url("../../../dijit/themes/nihilo/images/spriteArrows.png") left center no-repeat;
  372. width: 11px;
  373. height: 1em;
  374. margin-top: 1px;
  375. }
  376. .dj_ie6 .nihilo .dojoxGridArrowButtonNode {
  377. background-image:url("../../../dijit/themes/nihilo/images/spriteArrows.gif");
  378. margin-left: 0px;
  379. }
  380. .nihilo .dojoxGridSortUp .dojoxGridArrowButtonNode {
  381. background-position: -21px;
  382. }
  383. .dijit_a11y .nihilo .dojoxGridArrowButtonNode {
  384. display: none !important;
  385. }
  386. .nihilo .dojoxGridScrollbox {
  387. background-color: #fefefe;
  388. }
  389. .nihilo .dojoxGridRowbar {
  390. border: none;
  391. background: url(../../../dijit/themes/nihilo/images/titleBar.png) #e9e9e9 repeat-y right;
  392. border-right: 1px solid #ccc;
  393. padding: 0px;
  394. }
  395. .nihilo .dojoxGridRowbarInner {
  396. border: none;
  397. border-bottom: 1px solid #ccc;
  398. }
  399. .nihilo .dojoxGridRowbarOver {
  400. background: url(../../../dijit/themes/nihilo/images/titleBarActive.png) #e9e9e9 repeat-y right;
  401. }
  402. .nihilo .dojoxGridRowbarSelected {
  403. background: url(../../../dijit/themes/nihilo/images/titleBar.png) #D9E8F9 no-repeat center;
  404. border-right: 1px solid #ccc;
  405. }
  406. .nihilo .dojoxGridRow {
  407. border: none;
  408. background-color: white;
  409. }
  410. .nihilo .dojoxGridRowOver {
  411. border-top-color: #ccc;
  412. border-bottom-color: #ccc;
  413. }
  414. .nihilo .dojoxGridRowOver .dojoxGridCell {
  415. background-color: #ffe284;
  416. }
  417. .nihilo .dojoxGridRowOdd {
  418. background-color: #f2f5f9;
  419. }
  420. .nihilo .dojoxGridRowSelected {
  421. background-color: #aec7e3;
  422. }
  423. .dijit_a11y .nihilo .dojoxGridRowSelected {
  424. background-color: #aec7e3;
  425. border-style: solid;
  426. }
  427. .nihilo .dojoxGridCell {
  428. border: 1px dotted #D5CDB5;
  429. border-left-color: transparent;
  430. border-top-color: transparent;
  431. }
  432. .dj_ff2 .nihilo .dojoxGridCell {
  433. border-left-width: 0px;
  434. border-top-width: 0px;
  435. }
  436. .dj_ie6 .nihilo .dojoxGridCell {
  437. border: 1px solid white;
  438. border-right: 1px solid #D5CDB5;
  439. }
  440. .nihilo .dojoxGridCellFocus {
  441. border: 1px dashed darkblue;
  442. }
  443. .nihilo .dojoxGridCellOver {
  444. border: 1px dotted #a6a6a6;
  445. }
  446. .nihilo .dojoxGridCellFocus.dojoxGridCellOver {
  447. border: 1px dashed darkblue;
  448. }
  449. .nihilo .dojoxGridRowEditing td {
  450. background-color: #ffe284;
  451. }
  452. .nihilo .dojoxGridRow-inserting td {
  453. background-color: #F4FFF4;
  454. }
  455. .nihilo .dojoxGridRow-inflight td {
  456. background-color: #F2F7B7;
  457. }
  458. .nihilo .dojoxGridRow-error td {
  459. background-color: #F8B8B6;
  460. }
  461. .nihilo .dojoxGrid .dojoDndItemBefore {
  462. border-left-color: #ffe284;
  463. }
  464. .nihilo .dojoxGrid .dojoDndItemAfter {
  465. border-right-color: #ffe284;
  466. }
  467. .nihilo .dojoxGridExpando {
  468. float: left;
  469. height: 18px;
  470. width: 18px;
  471. text-align: center;
  472. margin-top: -3px;
  473. }
  474. .dijitRtl .nihilo .dojoxGridExpando {
  475. float: right;
  476. }
  477. .nihilo .dojoxGridExpandoCell {
  478. padding-top: 5px;
  479. }
  480. .nihilo .dojoxGridExpandoNode {
  481. height: 18px;
  482. background-image: url('../../../dijit/themes/nihilo/images/spriteTree.gif');
  483. }
  484. .nihilo .dojoxGridExpandoOpened .dojoxGridExpandoNode {
  485. background: url('../../../dijit/themes/nihilo/images/spriteTree.gif') no-repeat -18px top;
  486. }
  487. .nihilo .dojoxGridExpandoLoading .dojoxGridExpandoNode {
  488. background: url('../../../dijit/themes/nihilo/images/treeExpand_loading.gif');
  489. }
  490. .nihilo .dojoxGridTreeModel .dojoxGridNoChildren .dojoxGridExpando {
  491. visibility: visible !important;
  492. width: 18px !important;
  493. }
  494. .nihilo .dojoxGridTreeModel .dojoxGridNoChildren .dojoxGridExpandoNode {
  495. background: url('../../../dijit/themes/nihilo/images/spriteTree.gif') no-repeat -36px top;
  496. }
  497. .nihilo .dojoxGridExpandoNodeInner {
  498. visibility: hidden;
  499. }
  500. .dijit_a11y .dojoxGridExpandoNodeInner {
  501. visibility: visible;
  502. }
  503. .nihilo .dojoxGridSummaryRow .dojoxGridCell {
  504. border-top-color: #999;
  505. border-top-style: solid;
  506. }
  507. .nihilo .dojoxGridSpacerCell,
  508. .nihilo .dojoxGridExpandoCell,
  509. .nihilo .dojoxGridSummaryRow .dojoxGridSpacerCell {
  510. border-color: transparent;
  511. border-right-color: #D5CDB5;
  512. }
  513. .nihilo .dojoxGridSummaryRow .dojoxGridTotalCell,
  514. .nihilo .dojoxGridRowCollapsed .dojoxGridExpandoCell,
  515. .nihilo .dojoxGridTreeModel .dojoxGridExpandoCell {
  516. border-bottom-color: #D5CDB5;
  517. }
  518. .nihilo .dojoxGridSubRowAlt {
  519. background-color: #F8F8F8;
  520. }
  521. .nihilo .dojoxGridRowOdd .dojoxGridSubRowAlt {
  522. background-color: #EDEFF3;
  523. }