bootstrap-gtreetable.css 6.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111
  1. /* =========================================================
  2. * bootstrap-gtreetable v2.2.1-alpha
  3. * https://github.com/gilek/bootstrap-gtreetable
  4. * =========================================================
  5. * Copyright 2014 Maciej Kłak
  6. * Licensed under MIT (https://github.com/gilek/bootstrap-gtreetable/blob/master/LICENSE)
  7. * ========================================================= */
  8. /* copy of .glyphicon */
  9. .gtreetable .icon {
  10. position: relative;
  11. top: 1px;
  12. display: inline-block;
  13. font-family: 'Glyphicons Halflings';
  14. font-style: normal;
  15. font-weight: normal;
  16. line-height: 1;
  17. -webkit-font-smoothing: antialiased;
  18. -moz-osx-font-smoothing: grayscale;
  19. }
  20. .gtreetable .node-name {
  21. line-height: 28px;
  22. cursor: pointer;
  23. }
  24. .gtreetable .node-loading {
  25. background: url(data:image/gif;base64,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) no-repeat;
  26. padding-left: 22px;
  27. }
  28. .gtreetable .node-icon-selected {
  29. margin-right: 6px;
  30. display: none;
  31. }
  32. .gtreetable .node-icon-selected:before {
  33. content: "\e013";
  34. }
  35. .gtreetable .node-icon-type {
  36. margin-right: 12px;
  37. opacity: 0.2;
  38. filter: alpha(opacity=20);
  39. display: none;
  40. }
  41. .gtreetable .node-icon-ce {
  42. margin-right: 6px;
  43. opacity: 0.2;
  44. filter: alpha(opacity=20);
  45. cursor: pointer;
  46. }
  47. .gtreetable .node-icon-ce:before {
  48. content: "\e080";
  49. }
  50. .gtreetable .node-expanded .node-icon-ce {
  51. -webkit-transform: rotate(90deg);
  52. -ms-transform: rotate(90deg);
  53. -o-transform: rotate(90deg);
  54. transform: rotate(90deg);
  55. }
  56. .gtreetable .node-hovered {
  57. background-color: #f5f5f5;
  58. }
  59. .gtreetable .node-hovered .node-icon-ce,
  60. .gtreetable .node-hovered .node-icon-type {
  61. opacity: 1;
  62. filter: alpha(opacity=100);
  63. }
  64. .gtreetable .node-icon-handle {
  65. padding-right: 12px;
  66. cursor: url(data:image/x-icon;base64,AAACAAEAICACAAcABQAwAQAAFgAAACgAAAAgAAAAQAAAAAEAAQAAAAAAAAEAAAAAAAAAAAAAAgAAAAAAAAAAAAAA////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD8AAAA/AAAAfwAAAP+AAAH/gAAB/8AAA//AAAd/wAAGf+AAAH9gAADbYAAA2yAAAZsAAAGbAAAAGAAAAAAAAA//////////////////////////////////////////////////////////////////////////////////////gH///4B///8Af//+AD///AA///wAH//4AB//8AAf//AAD//5AA///gAP//4AD//8AF///AB///5A////5///8=), move;
  67. background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAECAMAAABx7QVyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFzMzM////040VdgAAAAJ0Uk5T/wDltzBKAAAAFklEQVR42mJgYGBkAAEQyQgCEBIgwAAAeAAN4Rn1SQAAAABJRU5ErkJggg==) repeat-y;
  68. visibility: hidden;
  69. }
  70. .gtreetable .node-draggable.node-hovered .node-icon-handle {
  71. visibility: visible;
  72. }
  73. .gtreetable .node-buttons {
  74. visibility: hidden;
  75. }
  76. .gtreetable.gtreetable-fullAccess .node-hovered.node-saved .node-buttons,
  77. .gtreetable.gtreetable-fullAccess .node-selected.node-saved .node-buttons {
  78. visibility: visible;
  79. }
  80. .gtreetable .node-selected .node-icon-selected {
  81. display: inline-block;
  82. }
  83. .gtreetable input {
  84. display: inline;
  85. margin-right: 6px;
  86. height: 28px;
  87. padding: 3px 6px;
  88. }
  89. .gtreetable .node-draggable-helper {
  90. cursor: url(data:image/x-icon;base64,AAACAAEAICACAAcABQAwAQAAFgAAACgAAAAgAAAAQAAAAAEAAQAAAAAAAAEAAAAAAAAAAAAAAgAAAAAAAAAAAAAA////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD8AAAA/AAAAfwAAAP+AAAH/gAAB/8AAAH/AAAB/wAAA/0AAANsAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//////////////////////////////////////////////////////////////////////////////////////gH///4B///8Af//+AD///AA///wAH//+AB///wAf//4AH//+AD///yT/////////////////////////////8=), pointer;
  91. }
  92. .gtreetable .node-draggable-pointer {
  93. position: absolute;
  94. visibility: hidden;
  95. display: inline-block;
  96. width: 0;
  97. height: 0;
  98. margin-left: 2px;
  99. vertical-align: middle;
  100. border-top: 6px solid;
  101. border-right: 6px solid transparent;
  102. border-left: 6px solid transparent;
  103. transform: rotate(-90deg);
  104. }
  105. .node-draggable-container {
  106. background-color: #f5f5f5;
  107. }
  108. .node-draggable-container .node-draggable-pointer {
  109. visibility: visible;
  110. }