API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Mar 28th, 2015
343
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.53 KB | None | 0 0
raw download clone embed print report
  1. /*!
  2. * ui-grid - v3.0.0-rc.20-d8f1042 - 2015-03-28
  3. * Copyright (c) 2015 ; License: MIT
  4. */
  5. .ui-grid-animate-spin {
  6. -moz-animation: ui-grid-spin 2s infinite linear;
  7. -o-animation: ui-grid-spin 2s infinite linear;
  8. -webkit-animation: ui-grid-spin 2s infinite linear;
  9. animation: ui-grid-spin 2s infinite linear;
  10. display: inline-block;
  11. }
  12. @-moz-keyframes ui-grid-spin {
  13. 0% {
  14. -moz-transform: rotate(0deg);
  15. -o-transform: rotate(0deg);
  16. -webkit-transform: rotate(0deg);
  17. transform: rotate(0deg);
  18. }
  19. 100% {
  20. -moz-transform: rotate(359deg);
  21. -o-transform: rotate(359deg);
  22. -webkit-transform: rotate(359deg);
  23. transform: rotate(359deg);
  24. }
  25. }
  26. @-webkit-keyframes ui-grid-spin {
  27. 0% {
  28. -moz-transform: rotate(0deg);
  29. -o-transform: rotate(0deg);
  30. -webkit-transform: rotate(0deg);
  31. transform: rotate(0deg);
  32. }
  33. 100% {
  34. -moz-transform: rotate(359deg);
  35. -o-transform: rotate(359deg);
  36. -webkit-transform: rotate(359deg);
  37. transform: rotate(359deg);
  38. }
  39. }
  40. @-o-keyframes ui-grid-spin {
  41. 0% {
  42. -moz-transform: rotate(0deg);
  43. -o-transform: rotate(0deg);
  44. -webkit-transform: rotate(0deg);
  45. transform: rotate(0deg);
  46. }
  47. 100% {
  48. -moz-transform: rotate(359deg);
  49. -o-transform: rotate(359deg);
  50. -webkit-transform: rotate(359deg);
  51. transform: rotate(359deg);
  52. }
  53. }
  54. @-ms-keyframes ui-grid-spin {
  55. 0% {
  56. -moz-transform: rotate(0deg);
  57. -o-transform: rotate(0deg);
  58. -webkit-transform: rotate(0deg);
  59. transform: rotate(0deg);
  60. }
  61. 100% {
  62. -moz-transform: rotate(359deg);
  63. -o-transform: rotate(359deg);
  64. -webkit-transform: rotate(359deg);
  65. transform: rotate(359deg);
  66. }
  67. }
  68. @keyframes ui-grid-spin {
  69. 0% {
  70. -moz-transform: rotate(0deg);
  71. -o-transform: rotate(0deg);
  72. -webkit-transform: rotate(0deg);
  73. transform: rotate(0deg);
  74. }
  75. 100% {
  76. -moz-transform: rotate(359deg);
  77. -o-transform: rotate(359deg);
  78. -webkit-transform: rotate(359deg);
  79. transform: rotate(359deg);
  80. }
  81. }
  82. .ui-grid-render-container {
  83. position: inherit;
  84. -webkit-border-top-right-radius: 0;
  85. -webkit-border-bottom-right-radius: 0px;
  86. -webkit-border-bottom-left-radius: 0px;
  87. -webkit-border-top-left-radius: 0;
  88. -moz-border-radius-topright: 0;
  89. -moz-border-radius-bottomright: 0px;
  90. -moz-border-radius-bottomleft: 0px;
  91. -moz-border-radius-topleft: 0;
  92. border-top-right-radius: 0;
  93. border-bottom-right-radius: 0px;
  94. border-bottom-left-radius: 0px;
  95. border-top-left-radius: 0;
  96. -moz-background-clip: padding-box;
  97. -webkit-background-clip: padding-box;
  98. background-clip: padding-box;
  99. }
  100. .ui-grid-render-container:focus {
  101. outline: none;
  102. }
  103. .ui-grid-viewport {
  104. min-height: 20px;
  105. position: relative;
  106. overflow-y: scroll;
  107. -webkit-overflow-scrolling: touch;
  108. }
  109. .ui-grid-viewport :focus {
  110. outline: none;
  111. }
  112. .ui-grid-canvas {
  113. position: relative;
  114. padding-top: 1px;
  115. }
  116. .ui-grid-row:nth-child(odd) .ui-grid-cell {
  117. background-color: #fdfdfd;
  118. }
  119. .ui-grid-row:nth-child(even) .ui-grid-cell {
  120. background-color: #f3f3f3;
  121. }
  122. .ui-grid-row:last-child .ui-grid-cell {
  123. border-bottom-color: transparent;
  124. border-bottom-style: solid;
  125. }
  126. .ui-grid-no-row-overlay {
  127. position: absolute;
  128. top: 0;
  129. bottom: 0;
  130. left: 0;
  131. right: 0;
  132. margin: 10%;
  133. background: transparent;
  134. background: -webkit-gradient(linear, left bottom, left top, color-stop(0, transparent), color-stop(1, transparent));
  135. background: -ms-linear-gradient(bottom, transparent, transparent);
  136. background: -moz-linear-gradient(center bottom, transparent 0%, transparent 100%);
  137. background: -o-linear-gradient(transparent, transparent);
  138. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent', endColorstr='transparent', GradientType=0);
  139. -webkit-border-top-right-radius: 0px;
  140. -webkit-border-bottom-right-radius: 0;
  141. -webkit-border-bottom-left-radius: 0;
  142. -webkit-border-top-left-radius: 0;
  143. -moz-border-radius-topright: 0px;
  144. -moz-border-radius-bottomright: 0;
  145. -moz-border-radius-bottomleft: 0;
  146. -moz-border-radius-topleft: 0;
  147. border-top-right-radius: 0px;
  148. border-bottom-right-radius: 0;
  149. border-bottom-left-radius: 0;
  150. border-top-left-radius: 0;
  151. -moz-background-clip: padding-box;
  152. -webkit-background-clip: padding-box;
  153. background-clip: padding-box;
  154. border: 0px solid transparent;
  155. font-size: 2em;
  156. text-align: center;
  157. }
  158. .ui-grid-no-row-overlay > * {
  159. position: absolute;
  160. display: table;
  161. margin: auto 0;
  162. width: 100%;
  163. top: 0;
  164. bottom: 0;
  165. left: 0;
  166. right: 0;
  167. opacity: 0.66;
  168. }
  169. .ui-grid-cell {
  170. overflow: hidden;
  171. float: left;
  172. background-color: inherit;
  173. border-right: 0px solid;
  174. border-color: transparent;
  175. box-sizing: border-box;
  176. }
  177. .ui-grid-cell:last-child {
  178. border-right: 0;
  179. }
  180. .ui-grid-cell-contents {
  181. padding: 5px;
  182. -moz-box-sizing: border-box;
  183. -webkit-box-sizing: border-box;
  184. box-sizing: border-box;
  185. white-space: nowrap;
  186. -ms-text-overflow: ellipsis;
  187. -o-text-overflow: ellipsis;
  188. text-overflow: ellipsis;
  189. overflow: hidden;
  190. height: 100%;
  191. }
  192. .ui-grid-cell-contents-hidden {
  193. visibility: hidden;
  194. width: 0;
  195. height: 0;
  196. display: none;
  197. }
  198. .ui-grid-row-header-cell {
  199. background-color: #F0F0EE !important;
  200. border-bottom: solid 0px transparent;
  201. }
  202. .ui-grid-footer-panel-background {
  203. background: transparent;
  204. background: -webkit-gradient(linear, left bottom, left top, color-stop(0, transparent), color-stop(1, transparent));
  205. background: -ms-linear-gradient(bottom, transparent, transparent);
  206. background: -moz-linear-gradient(center bottom, transparent 0%, transparent 100%);
  207. background: -o-linear-gradient(transparent, transparent);
  208. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent', endColorstr='transparent', GradientType=0);
  209. }
  210. .ui-grid-footer-panel {
  211. position: relative;
  212. border-bottom: 1px solid transparent;
  213. border-top: 1px solid transparent;
  214. overflow: hidden;
  215. font-weight: bold;
  216. background: transparent;
  217. background: -webkit-gradient(linear, left bottom, left top, color-stop(0, transparent), color-stop(1, transparent));
  218. background: -ms-linear-gradient(bottom, transparent, transparent);
  219. background: -moz-linear-gradient(center bottom, transparent 0%, transparent 100%);
  220. background: -o-linear-gradient(transparent, transparent);
  221. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent', endColorstr='transparent', GradientType=0);
  222. -webkit-border-top-right-radius: 0px;
  223. -webkit-border-bottom-right-radius: 0;
  224. -webkit-border-bottom-left-radius: 0;
  225. -webkit-border-top-left-radius: 0px;
  226. -moz-border-radius-topright: 0px;
  227. -moz-border-radius-bottomright: 0;
  228. -moz-border-radius-bottomleft: 0;
  229. -moz-border-radius-topleft: 0px;
  230. border-top-right-radius: 0px;
  231. border-bottom-right-radius: 0;
  232. border-bottom-left-radius: 0;
  233. border-top-left-radius: 0px;
  234. -moz-background-clip: padding-box;
  235. -webkit-background-clip: padding-box;
  236. background-clip: padding-box;
  237. }
  238. .ui-grid-grid-footer {
  239. float: left;
  240. width: 100%;
  241. }
  242. .ui-grid-footer-viewport {
  243. overflow: hidden;
  244. }
  245. .ui-grid-footer-canvas {
  246. position: relative;
  247. }
  248. .ui-grid-footer-canvas:before,
  249. .ui-grid-footer-canvas:after {
  250. content: "";
  251. display: table;
  252. line-height: 0;
  253. }
  254. .ui-grid-footer-canvas:after {
  255. clear: both;
  256. }
  257. .ui-grid-footer-cell-wrapper {
  258. position: relative;
  259. display: table;
  260. box-sizing: border-box;
  261. height: 100%;
  262. }
  263. .ui-grid-footer-cell-row {
  264. display: table-row;
  265. }
  266. .ui-grid-footer-cell {
  267. overflow: hidden;
  268. background-color: inherit;
  269. border-right: 0px solid;
  270. border-color: transparent;
  271. box-sizing: border-box;
  272. display: table-cell;
  273. }
  274. .ui-grid-footer-cell:last-child {
  275. border-right: 0;
  276. }
  277. input[type="text"].ui-grid-filter-input {
  278. padding: 0;
  279. margin: 0;
  280. border: 0;
  281. width: 100%;
  282. border: 0px solid transparent;
  283. -webkit-border-top-right-radius: 0px;
  284. -webkit-border-bottom-right-radius: 0;
  285. -webkit-border-bottom-left-radius: 0;
  286. -webkit-border-top-left-radius: 0;
  287. -moz-border-radius-topright: 0px;
  288. -moz-border-radius-bottomright: 0;
  289. -moz-border-radius-bottomleft: 0;
  290. -moz-border-radius-topleft: 0;
  291. border-top-right-radius: 0px;
  292. border-bottom-right-radius: 0;
  293. border-bottom-left-radius: 0;
  294. border-top-left-radius: 0;
  295. -moz-background-clip: padding-box;
  296. -webkit-background-clip: padding-box;
  297. background-clip: padding-box;
  298. }
  299. input[type="text"].ui-grid-filter-input:hover {
  300. border: 0px solid transparent;
  301. }
  302. .ui-grid-group-panel {
  303. background: transparent;
  304. background: -webkit-gradient(linear, left bottom, left top, color-stop(0, transparent), color-stop(1, transparent));
  305. background: -ms-linear-gradient(bottom, transparent, transparent);
  306. background: -moz-linear-gradient(center bottom, transparent 0%, transparent 100%);
  307. background: -o-linear-gradient(transparent, transparent);
  308. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent', endColorstr='transparent', GradientType=0);
  309. border-bottom: 1px solid transparent;
  310. -webkit-border-top-right-radius: 0px;
  311. -webkit-border-bottom-right-radius: 0;
  312. -webkit-border-bottom-left-radius: 0;
  313. -webkit-border-top-left-radius: 0px;
  314. -moz-border-radius-topright: 0px;
  315. -moz-border-radius-bottomright: 0;
  316. -moz-border-radius-bottomleft: 0;
  317. -moz-border-radius-topleft: 0px;
  318. border-top-right-radius: 0px;
  319. border-bottom-right-radius: 0;
  320. border-bottom-left-radius: 0;
  321. border-top-left-radius: 0px;
  322. -moz-background-clip: padding-box;
  323. -webkit-background-clip: padding-box;
  324. background-clip: padding-box;
  325. min-height: 30px;
  326. }
  327. .ui-grid-group-panel .hidden {
  328. display: none;
  329. }
  330. .ui-grid-group-panel .description {
  331. margin-top: 5px;
  332. margin-left: 5px;
  333. }
  334. .ui-grid-group-list {
  335. list-style-type: none;
  336. margin: 0;
  337. padding: 0;
  338. }
  339. .ui-grid {
  340. border: 0px solid transparent;
  341. box-sizing: content-box;
  342. -webkit-border-radius: 0px;
  343. -moz-border-radius: 0px;
  344. border-radius: 0px;
  345. -webkit-transform: translateZ(0);
  346. -moz-transform: translateZ(0);
  347. -o-transform: translateZ(0);
  348. -ms-transform: translateZ(0);
  349. transform: translateZ(0);
  350. }
  351. .ui-grid-vertical-bar {
  352. position: absolute;
  353. right: 0;
  354. width: 0;
  355. }
  356. .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar,
  357. .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
  358. width: 0px;
  359. }
  360. .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar {
  361. background-color: transparent;
  362. }
  363. .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
  364. background-color: transparent;
  365. }
  366. .ui-grid-header-cell:last-child .ui-grid-vertical-bar {
  367. right: -1px;
  368. width: 0px;
  369. background-color: transparent;
  370. }
  371. .ui-grid-clearfix:before,
  372. .ui-grid-clearfix:after {
  373. content: "";
  374. display: table;
  375. }
  376. .ui-grid-clearfix:after {
  377. clear: both;
  378. }
  379. .ui-grid-invisible {
  380. visibility: hidden;
  381. }
  382. .ui-grid-top-panel-background {
  383. background: transparent;
  384. background: -webkit-gradient(linear, left bottom, left top, color-stop(0, transparent), color-stop(1, transparent));
  385. background: -ms-linear-gradient(bottom, transparent, transparent);
  386. background: -moz-linear-gradient(center bottom, transparent 0%, transparent 100%);
  387. background: -o-linear-gradient(transparent, transparent);
  388. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent', endColorstr='transparent', GradientType=0);
  389. }
  390. .ui-grid-header {
  391. border-bottom: 1px solid transparent;
  392. box-sizing: content-box;
  393. }
  394. .ui-grid-top-panel {
  395. position: relative;
  396. overflow: hidden;
  397. font-weight: bold;
  398. background: transparent;
  399. background: -webkit-gradient(linear, left bottom, left top, color-stop(0, transparent), color-stop(1, transparent));
  400. background: -ms-linear-gradient(bottom, transparent, transparent);
  401. background: -moz-linear-gradient(center bottom, transparent 0%, transparent 100%);
  402. background: -o-linear-gradient(transparent, transparent);
  403. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent', endColorstr='transparent', GradientType=0);
  404. -webkit-border-top-right-radius: 0px;
  405. -webkit-border-bottom-right-radius: 0;
  406. -webkit-border-bottom-left-radius: 0;
  407. -webkit-border-top-left-radius: 0px;
  408. -moz-border-radius-topright: 0px;
  409. -moz-border-radius-bottomright: 0;
  410. -moz-border-radius-bottomleft: 0;
  411. -moz-border-radius-topleft: 0px;
  412. border-top-right-radius: 0px;
  413. border-bottom-right-radius: 0;
  414. border-bottom-left-radius: 0;
  415. border-top-left-radius: 0px;
  416. -moz-background-clip: padding-box;
  417. -webkit-background-clip: padding-box;
  418. background-clip: padding-box;
  419. }
  420. .ui-grid-header-viewport {
  421. overflow: hidden;
  422. }
  423. .ui-grid-header-canvas:before,
  424. .ui-grid-header-canvas:after {
  425. content: "";
  426. display: table;
  427. line-height: 0;
  428. }
  429. .ui-grid-header-canvas:after {
  430. clear: both;
  431. }
  432. .ui-grid-header-cell-wrapper {
  433. position: relative;
  434. display: table;
  435. box-sizing: border-box;
  436. height: 100%;
  437. }
  438. .ui-grid-header-cell-row {
  439. display: table-row;
  440. }
  441. .ui-grid-header-cell {
  442. position: relative;
  443. box-sizing: border-box;
  444. background-color: inherit;
  445. border-right: 0px solid;
  446. border-color: transparent;
  447. display: table-cell;
  448. -webkit-user-select: none;
  449. -moz-user-select: none;
  450. -ms-user-select: none;
  451. user-select: none;
  452. width: 0;
  453. }
  454. .ui-grid-header-cell:last-child {
  455. border-right: 0;
  456. }
  457. .ui-grid-header-cell .sortable {
  458. cursor: pointer;
  459. }
  460. .ui-grid-header .ui-grid-vertical-bar {
  461. top: 0;
  462. bottom: 0;
  463. }
  464. .ui-grid-column-menu-button {
  465. position: absolute;
  466. right: 0px;
  467. top: 0;
  468. }
  469. .ui-grid-column-menu-button .ui-grid-icon-angle-down {
  470. vertical-align: sub;
  471. }
  472. .ui-grid-column-menu-button-last-col {
  473. margin-right: 25px;
  474. }
  475. .ui-grid-column-menu {
  476. position: absolute;
  477. }
  478. /* Slide up/down animations */
  479. .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
  480. .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
  481. -webkit-transition: all 0.05s linear;
  482. -moz-transition: all 0.05s linear;
  483. -o-transition: all 0.05s linear;
  484. transition: all 0.05s linear;
  485. display: block !important;
  486. }
  487. .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add.ng-hide-add-active,
  488. .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
  489. -webkit-transform: translateY(-100%);
  490. -moz-transform: translateY(-100%);
  491. -o-transform: translateY(-100%);
  492. -ms-transform: translateY(-100%);
  493. transform: translateY(-100%);
  494. }
  495. .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
  496. .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove.ng-hide-remove-active {
  497. -webkit-transform: translateY(0);
  498. -moz-transform: translateY(0);
  499. -o-transform: translateY(0);
  500. -ms-transform: translateY(0);
  501. transform: translateY(0);
  502. }
  503. /* Slide up/down animations */
  504. .ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
  505. .ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
  506. -webkit-transition: all 0.05s linear;
  507. -moz-transition: all 0.05s linear;
  508. -o-transition: all 0.05s linear;
  509. transition: all 0.05s linear;
  510. display: block !important;
  511. }
  512. .ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add.ng-hide-add-active,
  513. .ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
  514. -webkit-transform: translateY(-100%);
  515. -moz-transform: translateY(-100%);
  516. -o-transform: translateY(-100%);
  517. -ms-transform: translateY(-100%);
  518. transform: translateY(-100%);
  519. }
  520. .ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
  521. .ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove.ng-hide-remove-active {
  522. -webkit-transform: translateY(0);
  523. -moz-transform: translateY(0);
  524. -o-transform: translateY(0);
  525. -ms-transform: translateY(0);
  526. transform: translateY(0);
  527. }
  528. .ui-grid-filter-container {
  529. padding: 4px 10px;
  530. position: relative;
  531. }
  532. .ui-grid-filter-container .ui-grid-filter-button {
  533. position: absolute;
  534. top: 0;
  535. bottom: 0;
  536. right: 0;
  537. }
  538. .ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"] {
  539. position: absolute;
  540. top: 50%;
  541. line-height: 32px;
  542. margin-top: -16px;
  543. right: 10px;
  544. opacity: 0.66;
  545. }
  546. .ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"]:hover {
  547. opacity: 1;
  548. }
  549. .ui-grid-filter-container .ui-grid-filter-button-select {
  550. position: absolute;
  551. top: 0;
  552. bottom: 0;
  553. right: 0;
  554. }
  555. .ui-grid-filter-container .ui-grid-filter-button-select [class^="ui-grid-icon"] {
  556. position: absolute;
  557. top: 50%;
  558. line-height: 32px;
  559. margin-top: -16px;
  560. right: 0px;
  561. opacity: 0.66;
  562. }
  563. .ui-grid-filter-container .ui-grid-filter-button-select [class^="ui-grid-icon"]:hover {
  564. opacity: 1;
  565. }
  566. input[type="text"].ui-grid-filter-input {
  567. padding: 0;
  568. margin: 0;
  569. border: 0;
  570. width: 100%;
  571. border: 0px solid transparent;
  572. -webkit-border-top-right-radius: 0px;
  573. -webkit-border-bottom-right-radius: 0;
  574. -webkit-border-bottom-left-radius: 0;
  575. -webkit-border-top-left-radius: 0;
  576. -moz-border-radius-topright: 0px;
  577. -moz-border-radius-bottomright: 0;
  578. -moz-border-radius-bottomleft: 0;
  579. -moz-border-radius-topleft: 0;
  580. border-top-right-radius: 0px;
  581. border-bottom-right-radius: 0;
  582. border-bottom-left-radius: 0;
  583. border-top-left-radius: 0;
  584. -moz-background-clip: padding-box;
  585. -webkit-background-clip: padding-box;
  586. background-clip: padding-box;
  587. }
  588. input[type="text"].ui-grid-filter-input:hover {
  589. border: 0px solid transparent;
  590. }
  591. select.ui-grid-filter-select {
  592. padding: 0;
  593. margin: 0;
  594. border: 0;
  595. width: 90%;
  596. border: 0px solid transparent;
  597. -webkit-border-top-right-radius: 0px;
  598. -webkit-border-bottom-right-radius: 0;
  599. -webkit-border-bottom-left-radius: 0;
  600. -webkit-border-top-left-radius: 0;
  601. -moz-border-radius-topright: 0px;
  602. -moz-border-radius-bottomright: 0;
  603. -moz-border-radius-bottomleft: 0;
  604. -moz-border-radius-topleft: 0;
  605. border-top-right-radius: 0px;
  606. border-bottom-right-radius: 0;
  607. border-bottom-left-radius: 0;
  608. border-top-left-radius: 0;
  609. -moz-background-clip: padding-box;
  610. -webkit-background-clip: padding-box;
  611. background-clip: padding-box;
  612. }
  613. select.ui-grid-filter-select:hover {
  614. border: 0px solid transparent;
  615. }
  616. @font-face {
  617. font-family: 'ui-grid';
  618. src: url('ui-grid.eot');
  619. src: url('ui-grid.eot#iefix') format('embedded-opentype'), url('ui-grid.woff') format('woff'), url('ui-grid.ttf?') format('truetype'), url('ui-grid.svg?#ui-grid') format('svg');
  620. font-weight: normal;
  621. font-style: normal;
  622. }
  623. /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
  624. /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
  625. /*
  626. @media screen and (-webkit-min-device-pixel-ratio:0) {
  627. @font-face {
  628. font-family: 'ui-grid';
  629. src: url('../font/ui-grid.svg?12312827#ui-grid') format('svg');
  630. }
  631. }
  632. */
  633. [class^="ui-grid-icon"]:before,
  634. [class*=" ui-grid-icon"]:before {
  635. font-family: "ui-grid";
  636. font-style: normal;
  637. font-weight: normal;
  638. speak: none;
  639. display: inline-block;
  640. text-decoration: inherit;
  641. width: 1em;
  642. margin-right: .2em;
  643. text-align: center;
  644. /* opacity: .8; */
  645. /* For safety - reset parent styles, that can break glyph codes*/
  646. font-variant: normal;
  647. text-transform: none;
  648. /* fix buttons height, for twitter bootstrap */
  649. line-height: 1em;
  650. /* Animation center compensation - margins should be symmetric */
  651. /* remove if not needed */
  652. margin-left: .2em;
  653. /* you can be more comfortable with increased icons size */
  654. /* font-size: 120%; */
  655. /* Uncomment for 3D effect */
  656. /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
  657. }
  658. .ui-grid-icon-blank::before {
  659. width: 1em;
  660. content: ' ';
  661. }
  662. .ui-grid-menu-button {
  663. z-index: 2;
  664. position: absolute;
  665. right: 0;
  666. background: transparent;
  667. border: 0px solid transparent;
  668. cursor: pointer;
  669. min-height: 27px;
  670. font-weight: normal;
  671. }
  672. .ui-grid-menu-button .ui-grid-icon-container {
  673. margin-top: 3px;
  674. }
  675. .ui-grid-menu-button .ui-grid-menu {
  676. right: 0;
  677. }
  678. .ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid {
  679. overflow-y: scroll;
  680. max-height: 300px;
  681. border: 0px solid transparent;
  682. }
  683. .ui-grid-menu {
  684. z-index: 2;
  685. position: absolute;
  686. overflow: hidden;
  687. padding: 0 10px 20px 10px;
  688. cursor: pointer;
  689. box-sizing: content-box;
  690. }
  691. .ui-grid-menu .ui-grid-menu-inner {
  692. background: transparent;
  693. border: 0px solid transparent;
  694. position: relative;
  695. white-space: nowrap;
  696. -webkit-border-radius: 0px;
  697. -moz-border-radius: 0px;
  698. border-radius: 0px;
  699. -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), inset 0 12px 12px -14px rgba(0, 0, 0, 0.2);
  700. -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), inset 0 12px 12px -14px rgba(0, 0, 0, 0.2);
  701. box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), inset 0 12px 12px -14px rgba(0, 0, 0, 0.2);
  702. }
  703. .ui-grid-menu .ui-grid-menu-inner ul {
  704. margin: 0;
  705. padding: 0;
  706. list-style-type: none;
  707. }
  708. .ui-grid-menu .ui-grid-menu-inner ul li {
  709. padding: 8px;
  710. cursor: pointer;
  711. }
  712. .ui-grid-menu .ui-grid-menu-inner ul li:hover {
  713. -webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
  714. -moz-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
  715. box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
  716. }
  717. .ui-grid-menu .ui-grid-menu-inner ul li.ui-grid-menu-item-active {
  718. -webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
  719. -moz-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
  720. box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
  721. background-color: #cecece;
  722. }
  723. .ui-grid-menu .ui-grid-menu-inner ul li:not(:last-child) {
  724. border-bottom: 0px solid transparent;
  725. }
  726. .ui-grid[dir=rtl] .ui-grid-header-cell,
  727. .ui-grid[dir=rtl] .ui-grid-footer-cell,
  728. .ui-grid[dir=rtl] .ui-grid-cell {
  729. float: right !important;
  730. }
  731. .ui-grid[dir=rtl] .ui-grid-column-menu-button {
  732. position: absolute;
  733. left: 1px;
  734. top: 0;
  735. right: inherit;
  736. }
  737. .ui-grid[dir=rtl] .ui-grid-cell:first-child,
  738. .ui-grid[dir=rtl] .ui-grid-header-cell:first-child,
  739. .ui-grid[dir=rtl] .ui-grid-footer-cell:first-child {
  740. border-right: 0;
  741. }
  742. .ui-grid[dir=rtl] .ui-grid-cell:last-child,
  743. .ui-grid[dir=rtl] .ui-grid-header-cell:last-child {
  744. border-right: 0px solid transparent;
  745. border-left: 0;
  746. }
  747. .ui-grid[dir=rtl] .ui-grid-header-cell:first-child .ui-grid-vertical-bar,
  748. .ui-grid[dir=rtl] .ui-grid-footer-cell:first-child .ui-grid-vertical-bar,
  749. .ui-grid[dir=rtl] .ui-grid-cell:first-child .ui-grid-vertical-bar {
  750. width: 0;
  751. }
  752. .ui-grid[dir=rtl] .ui-grid-menu-button {
  753. z-index: 2;
  754. position: absolute;
  755. left: 0;
  756. right: auto;
  757. background: transparent;
  758. border: 0px solid transparent;
  759. cursor: pointer;
  760. min-height: 27px;
  761. font-weight: normal;
  762. }
  763. .ui-grid[dir=rtl] .ui-grid-menu-button .ui-grid-menu {
  764. left: 0;
  765. right: auto;
  766. }
  767. .ui-grid[dir=rtl] .ui-grid-filter-container .ui-grid-filter-button {
  768. right: initial;
  769. left: 0;
  770. }
  771. .ui-grid[dir=rtl] .ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"] {
  772. right: initial;
  773. left: 10px;
  774. }
  775. .ui-grid-sortarrow {
  776. right: 5px;
  777. position: absolute;
  778. width: 20px;
  779. top: 0;
  780. bottom: 0;
  781. background-position: center;
  782. }
  783. .ui-grid-sortarrow.down {
  784. -webkit-transform: rotate(180deg);
  785. -moz-transform: rotate(180deg);
  786. -o-transform: rotate(180deg);
  787. -ms-transform: rotate(180deg);
  788. transform: rotate(180deg);
  789. }
  790. /*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
  791. /**
  792. * @section Grid styles
  793. */
  794. /**
  795. * @section Header styles
  796. */
  797. /** @description Colors for header gradient */
  798. /**
  799. * @section Grid body styles
  800. */
  801. /** @description Colors used for row alternation */
  802. /**
  803. * @section Sort arrow colors
  804. */
  805. /**
  806. * @section Scrollbar styles
  807. */
  808. /**
  809. * @section font library path
  810. */
  811. /*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!