ng-grid.css 8.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440
  1. .ngGrid {
  2. background-color: #fdfdfd;
  3. }
  4. .ngGrid input[type="checkbox"] {
  5. margin: 0;
  6. padding: 0;
  7. }
  8. .ngGrid input {
  9. vertical-align: top;
  10. }
  11. .ngGrid.unselectable {
  12. -moz-user-select: none;
  13. -khtml-user-select: none;
  14. -webkit-user-select: none;
  15. -o-user-select: none;
  16. user-select: none;
  17. }
  18. .ngViewport {
  19. overflow: auto;
  20. min-height: 20px;
  21. }
  22. .ngViewport:focus {
  23. outline: none;
  24. }
  25. .ngCanvas {
  26. position: relative;
  27. }
  28. .ngVerticalBar {
  29. position: absolute;
  30. right: 0;
  31. width: 0;
  32. }
  33. .ngVerticalBarVisible {
  34. width: 1px;
  35. background-color: #d4d4d4;
  36. }
  37. .ngHeaderContainer {
  38. position: relative;
  39. overflow: hidden;
  40. font-weight: bold;
  41. background-color: inherit;
  42. }
  43. .ngHeaderCell {
  44. position: absolute;
  45. top: 0;
  46. bottom: 0;
  47. background-color: inherit;
  48. }
  49. .ngHeaderCell.pinned {
  50. z-index: 1;
  51. }
  52. .ngHeaderSortColumn {
  53. position: absolute;
  54. overflow: hidden;
  55. }
  56. .ngTopPanel {
  57. position: relative;
  58. z-index: 1;
  59. background-color: #eaeaea;
  60. border-bottom: 1px solid #d4d4d4;
  61. }
  62. .ngSortButtonDown {
  63. position: absolute;
  64. top: 3px;
  65. left: 0;
  66. right: 0;
  67. margin-left: auto;
  68. margin-right: auto;
  69. border-color: gray transparent;
  70. border-style: solid;
  71. border-width: 0 5px 5px 5px;
  72. height: 0;
  73. width: 0;
  74. }
  75. .ngNoSort {
  76. cursor: default;
  77. }
  78. .ngHeaderButton {
  79. position: absolute;
  80. right: 2px;
  81. top: 8px;
  82. -moz-border-radius: 50%;
  83. -webkit-border-radius: 50%;
  84. border-radius: 50%;
  85. width: 14px;
  86. height: 14px;
  87. z-index: 1;
  88. background-color: #9fbbb4;
  89. cursor: pointer;
  90. }
  91. .ngSortButtonUp {
  92. position: absolute;
  93. top: 3px;
  94. left: 0;
  95. right: 0;
  96. margin-left: auto;
  97. margin-right: auto;
  98. border-color: gray transparent;
  99. border-style: solid;
  100. border-width: 5px 5px 0 5px;
  101. height: 0;
  102. width: 0;
  103. }
  104. .ngHeaderScroller {
  105. position: absolute;
  106. background-color: inherit;
  107. }
  108. .ngSortPriority {
  109. position: absolute;
  110. top: -5px;
  111. left: 1px;
  112. font-size: 6pt;
  113. font-weight: bold;
  114. }
  115. .ngHeaderGrip {
  116. cursor: col-resize;
  117. width: 10px;
  118. right: -5px;
  119. top: 0;
  120. height: 100%;
  121. position: absolute;
  122. background-color: transparent;
  123. }
  124. .ngHeaderText {
  125. padding: 5px;
  126. -moz-box-sizing: border-box;
  127. -webkit-box-sizing: border-box;
  128. box-sizing: border-box;
  129. white-space: nowrap;
  130. -ms-text-overflow: ellipsis;
  131. -o-text-overflow: ellipsis;
  132. text-overflow: ellipsis;
  133. overflow: hidden;
  134. }
  135. .ngHeaderButtonArrow {
  136. position: absolute;
  137. top: 4px;
  138. left: 3px;
  139. width: 0;
  140. height: 0;
  141. border-style: solid;
  142. border-width: 6.5px 4.5px 0 4.5px;
  143. border-color: #4d4d4d transparent transparent transparent;
  144. }
  145. .ngPinnedIcon {
  146. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTAw9HKhAAAAmElEQVQoU33PQapBURjA8UtkwJuaWYGSgfQWYBMvczPmTCzAAGVuaA228BZhRCkDGSmE31FucuRfvzq3vr5zT/JSjSU7DsypEPXDkDVn2hSIytJhw4kWGaLCxgHh2gt/RBuLzNhz5caWPjnSqqw4EraFfwznf8qklWjwy4IRTerkiQoPGtPl40OehcEJvcfXl8LglLfBJLkDcMgbgHlHhK8AAAAASUVORK5CYII=);
  147. background-repeat: no-repeat;
  148. position: absolute;
  149. right: 5px;
  150. top: 5px;
  151. height: 10px;
  152. width: 10px;
  153. }
  154. .ngUnPinnedIcon {
  155. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTAw9HKhAAAAlElEQVQoU33PPQrCQBRF4fFnI2KfZVi5ARvdgo1l6mwmkCJVOgluwd5OwUoDtnoOxAei8cLXTN7cvEl/skCNDCMPfsUPO5zQwOHIDEvYtMURHe6wOVLgigvOePRyeDkyR4ln7wZ//7XfFBu8B23+aDJjrHGAwza7hjtHJvDmHg7b7Bru7AMjK7Rw2ObBVHDY5oGk9AKQNB2zy8MBTgAAAABJRU5ErkJggg==);
  156. background-repeat: no-repeat;
  157. position: absolute;
  158. height: 10px;
  159. width: 10px;
  160. right: 5px;
  161. top: 5px;
  162. }
  163. .ngColMenu {
  164. right: 2px;
  165. padding: 5px;
  166. top: 25px;
  167. -moz-border-radius: 3px;
  168. -webkit-border-radius: 3px;
  169. border-radius: 3px;
  170. background-color: #bdd0cb;
  171. position: absolute;
  172. border: 2px solid #d4d4d4;
  173. z-index: 1;
  174. }
  175. .ngColListCheckbox {
  176. position: relative;
  177. right: 3px;
  178. top: 4px;
  179. }
  180. .ngColList {
  181. list-style-type: none;
  182. }
  183. .ngColListItem {
  184. position: relative;
  185. right: 17px;
  186. top: 2px;
  187. white-space: nowrap;
  188. }
  189. .ngMenuText {
  190. position: relative;
  191. top: 2px;
  192. left: 2px;
  193. }
  194. .ngGroupPanel {
  195. background-color: #eaeaea;
  196. overflow: hidden;
  197. border-bottom: 1px solid #d4d4d4;
  198. }
  199. .ngGroupPanelDescription {
  200. margin-top: 5px;
  201. margin-left: 5px;
  202. }
  203. .ngGroupList {
  204. list-style-type: none;
  205. margin: 0;
  206. padding: 0;
  207. }
  208. .ngAggHeader {
  209. position: absolute;
  210. border: none;
  211. }
  212. .ngGroupElement {
  213. float: left;
  214. height: 100%;
  215. width: 100%;
  216. }
  217. .ngGroupIcon {
  218. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAANCAYAAACZ3F9/AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAEFJREFUKFNjoAhISkr+h2J5JDZODNXGwGBsbPwfhIGAA8bGh6HaGBiAGhxAGJmND4M1gQCSM0adCsVQbcPcqQwMALWDGyDvWPefAAAAAElFTkSuQmCC);
  219. background-repeat: no-repeat;
  220. height: 15px;
  221. width: 15px;
  222. position: absolute;
  223. right: -2px;
  224. top: 2px;
  225. }
  226. .ngGroupedByIcon {
  227. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAANCAYAAACZ3F9/AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAElJREFUKFNjoAhISkr+R8LyaHwMDNXGwGBsbPwfhoGAA5mPDUO1oWpE52PDYE0gALTFAYbR+dgwWBMIoPlh1I9ADNU2NPzIwAAAFQYI9E4OLvEAAAAASUVORK5CYII=);
  228. background-repeat: no-repeat;
  229. height: 15px;
  230. width: 15px;
  231. position: absolute;
  232. right: -2px;
  233. top: 2px;
  234. }
  235. .ngGroupName {
  236. background-color: #fdfdfd;
  237. border: 1px solid #d4d4d4;
  238. padding: 3px 10px;
  239. float: left;
  240. margin-left: 0;
  241. margin-top: 2px;
  242. -moz-border-radius: 3px;
  243. -webkit-border-radius: 3px;
  244. border-radius: 3px;
  245. font-weight: bold;
  246. }
  247. .ngGroupArrow {
  248. width: 0;
  249. height: 0;
  250. border-top: 6px solid transparent;
  251. border-bottom: 6px solid transparent;
  252. border-left: 6px solid black;
  253. margin-top: 10px;
  254. margin-left: 5px;
  255. margin-right: 5px;
  256. float: right;
  257. }
  258. .ngGroupingNumber {
  259. position: absolute;
  260. right: -10px;
  261. top: -2px;
  262. }
  263. .ngAggArrowCollapsed {
  264. position: absolute;
  265. left: 8px;
  266. bottom: 10px;
  267. width: 0;
  268. height: 0;
  269. border-style: solid;
  270. border-width: 5px 0 5px 8.7px;
  271. border-color: transparent transparent transparent #000000;
  272. }
  273. .ngGroupItem {
  274. float: left;
  275. }
  276. .ngGroupItem:first-child {
  277. margin-left: 2px;
  278. }
  279. .ngRemoveGroup {
  280. width: 5px;
  281. -moz-opacity: 0.4;
  282. opacity: 0.4;
  283. margin-top: -1px;
  284. margin-left: 5px;
  285. }
  286. .ngRemoveGroup:hover {
  287. color: black;
  288. text-decoration: none;
  289. cursor: pointer;
  290. -moz-opacity: 0.7;
  291. opacity: 0.7;
  292. }
  293. .ngAggArrowExpanded {
  294. position: absolute;
  295. left: 8px;
  296. bottom: 10px;
  297. width: 0;
  298. height: 0;
  299. border-style: solid;
  300. border-width: 0 0 9px 9px;
  301. border-color: transparent transparent #000000 transparent;
  302. }
  303. .ngAggregate {
  304. position: absolute;
  305. background-color: #c9dde1;
  306. border-bottom: 1px solid beige;
  307. overflow: hidden;
  308. top: 0;
  309. bottom: 0;
  310. right: -1px;
  311. left: 0;
  312. }
  313. .ngAggregateText {
  314. position: absolute;
  315. left: 27px;
  316. top: 5px;
  317. line-height: 20px;
  318. white-space: nowrap;
  319. }
  320. .ngRow {
  321. position: absolute;
  322. border-bottom: 1px solid #d4d4d4;
  323. }
  324. .ngRow.odd {
  325. background-color: #fdfdfd;
  326. }
  327. .ngRow.even {
  328. background-color: #f3f3f3;
  329. }
  330. .ngRow.selected {
  331. background-color: #c9dde1;
  332. }
  333. .ngCell {
  334. overflow: hidden;
  335. position: absolute;
  336. top: 0;
  337. bottom: 0;
  338. background-color: inherit;
  339. }
  340. .ngCell.pinned {
  341. z-index: 1;
  342. }
  343. .ngCellText {
  344. padding: 5px;
  345. -moz-box-sizing: border-box;
  346. -webkit-box-sizing: border-box;
  347. box-sizing: border-box;
  348. white-space: nowrap;
  349. -ms-text-overflow: ellipsis;
  350. -o-text-overflow: ellipsis;
  351. text-overflow: ellipsis;
  352. overflow: hidden;
  353. }
  354. .ngSelectionCell {
  355. margin-top: 9px;
  356. margin-left: 6px;
  357. }
  358. .ngSelectionHeader {
  359. position: absolute;
  360. top: 11px;
  361. left: 6px;
  362. }
  363. .ngCellElement:focus {
  364. outline: 0;
  365. background-color: #b3c4c7;
  366. }
  367. .ngRow.canSelect {
  368. cursor: pointer;
  369. }
  370. .ngSelectionCheckbox {
  371. margin-top: 9px;
  372. margin-left: 6px;
  373. }
  374. .ngFooterPanel {
  375. background-color: #eaeaea;
  376. padding: 0;
  377. border-top: 1px solid #d4d4d4;
  378. position: relative;
  379. }
  380. .nglabel {
  381. display: block;
  382. float: left;
  383. font-weight: bold;
  384. padding-right: 5px;
  385. }
  386. .ngTotalSelectContainer {
  387. float: left;
  388. margin: 5px;
  389. margin-top: 7px;
  390. }
  391. .ngFooterSelectedItems {
  392. padding: 2px;
  393. }
  394. .ngFooterTotalItems.ngnoMultiSelect {
  395. padding: 0 !important;
  396. }
  397. .ngPagerFirstBar {
  398. width: 10px;
  399. border-left: 2px solid #4d4d4d;
  400. margin-top: -6px;
  401. height: 12px;
  402. margin-left: -3px;
  403. }
  404. .ngPagerButton {
  405. height: 25px;
  406. min-width: 26px;
  407. }
  408. .ngPagerFirstTriangle {
  409. width: 0;
  410. height: 0;
  411. border-style: solid;
  412. border-width: 5px 8.7px 5px 0;
  413. border-color: transparent #4d4d4d transparent transparent;
  414. margin-left: 2px;
  415. }
  416. .ngPagerNextTriangle {
  417. margin-left: 1px;
  418. }
  419. .ngPagerPrevTriangle {
  420. margin-left: 0;
  421. }
  422. .ngPagerLastTriangle {
  423. width: 0;
  424. height: 0;
  425. border-style: solid;
  426. border-width: 5px 0 5px 8.7px;
  427. border-color: transparent transparent transparent #4d4d4d;
  428. margin-left: -1px;
  429. }
  430. .ngPagerLastBar {
  431. width: 10px;
  432. border-left: 2px solid #4d4d4d;
  433. margin-top: -6px;
  434. height: 12px;
  435. margin-left: 1px;
  436. }
  437. .ngFooterTotalItems {
  438. padding: 2px;
  439. }