You are here

crumbs.admin.expansible.css in Crumbs, the Breadcrumbs suite 7.2

table#crumbs_weights_expansible td {
  padding-top:0;
  padding-bottom:0;
  line-height:20px;
  vertical-align:top;
  height:20px;
}

table#crumbs_weights_expansible tr.collapsed td {
  height:1px;
  border-top:1px dotted grey;
  overflow:hidden;
}

table#crumbs_weights_expansible tr.collapsed td > * {
  display:none;
}

table#crumbs_weights_expansible tr.useDefaultValue td,
table#crumbs_weights_expansible tr.inheritValue td {
  /* opacity:0.6; */
}

table#crumbs_weights_expansible td:after {
  content:'.';
  text-indent:-1000px;
  height:0;
  margin:0 0 0 -20px;
  display:block;
}

/*
table#crumbs_weights_expansible td input {
  border:none;
  padding:0;
  line-height:20px;
  height:0;
}
*/

table#crumbs_weights_expansible td:nth-child(2) {
}

table#crumbs_weights_expansible td .state {
  height:20px;
  width:20px;
  box-sizing:border-box;
  /* cursor:pointer; */
}

table#crumbs_weights_expansible td .state-disabled {
  border:1px solid #faa;
  border-radius:10px;
  position:relative;
  cursor:pointer;
}

table#crumbs_weights_expansible tr.effectivelyEnabled td {
  color:#070;
}

table#crumbs_weights_expansible tr.effectivelyDisabled td {
  color:#a00;
}

table#crumbs_weights_expansible tr.hasExplicitValue td {
  /* font-weight:bold; */
}

table#crumbs_weights_expansible tr.effectivelyDisabled .state-disabled {
  border-color:#f00;
  cursor:auto;
}

table#crumbs_weights_expansible tr.effectivelyDisabled .state-disabled {
  border-color:#f00;
  cursor:auto;
}

table#crumbs_weights_expansible td .state-auto {
  border:1px solid #ddd;
  border-radius:10px;
  position:relative;
  cursor:pointer;
}

table#crumbs_weights_expansible tr.inheritValue .state-auto,
table#crumbs_weights_expansible tr.useDefaultValue .state-auto {
  border-color:#444;
  cursor:auto;
}

table#crumbs_weights_expansible td .state-disabled:hover:before {
  display:block;
  content:'';
  text-indent: -200px;
  position:absolute;
  width:10px;
  height:10px;
  box-sizing:border-box;
  top:4px;
  left:4px;
  border:2px solid #f66;
  border-radius:6px;
}

table#crumbs_weights_expansible td .state-auto:hover:before {
  display:block;
  content:'';
  text-indent: -200px;
  position:absolute;
  width:10px;
  height:10px;
  box-sizing:border-box;
  top:4px;
  left:4px;
  border:2px solid #777;
  border-radius:6px;
}

table#crumbs_weights_expansible td .state-enabled {
  /* background:#eee; */
  height:20px;
}

table#crumbs_weights_expansible td .state-enabled .slider {
  height:20px;
  background:green;
  margin-right:auto;
  margin-left:0;
  width:20px;
}

table#crumbs_weights_expansible td .crumbs-admin-slider-box {
  width:20px;
  height:20px;
  box-sizing:border-box;
  background: url(../images/queue-sprite-grayscale.png) no-repeat left top;
}

table#crumbs_weights_expansible td .state-enabled .crumbs-admin-slider-box {
  float:left;
  /* border:1px solid #aaa; */
  opacity:0.2;
}

table#crumbs_weights_expansible td .crumbs-admin-slider-box.inheritFromHere {
  /* border-radius:10px;
  border-width:4px;
  border-color:green; */
  opacity:1;
}

table#crumbs_weights_expansible td .crumbs-admin-slider-box.activeBox {
  /* background:green;
  border-radius:10px; */
  background-image: url(../images/queue-sprite-color.png);
  opacity:1;
  cursor: auto;
}

table#crumbs_weights_expansible td .crumbs-admin-slider-box.beforeEffectiveBox {
  opacity:0.2;
  cursor:sw-resize;
  cursor:pointer;
}

table#crumbs_weights_expansible td .crumbs-admin-slider-box.afterEffectiveBox,
table#crumbs_weights_expansible tr.effectivelyDisabled .state-enabled .crumbs-admin-slider-box {
  opacity:0.001;
  cursor:pointer;
}

table#crumbs_weights_expansible tr.hasExplicitValue .crumbs-admin-slider-box.beforeEffectiveBox {
  cursor:w-resize;
  cursor:pointer;
}

table#crumbs_weights_expansible tr.hasExplicitValue .crumbs-admin-slider-box.afterEffectiveBox {
  cursor:e-resize;
  cursor:pointer;
}

table#crumbs_weights_expansible .crumbs-admin-meta {
  height:20px;
  /* color:#999; */
}

table#crumbs_weights_expansible .crumbs-admin-meta:hover {
  height:auto;
  color:black;
}

table#crumbs_weights_expansible .crumbs-admin-row-label {
  padding-left:26px;
  position:relative;
}

table#crumbs_weights_expansible .crumbs-admin-expand-icon {
  position:absolute;
  left:0;
  width:16px;
  height:16px;
  float:left;
  box-sizing:border-box;
  border:1px inset #ccc;
  background:#fec;
  cursor:pointer;
  text-align:center;
  margin:2px;
  margin-right:10px;
}

table#crumbs_weights_expansible tr.collapse-children .crumbs-admin-expand-icon {
  background:#fce;
}

File

css/crumbs.admin.expansible.css
View source
  1. table#crumbs_weights_expansible td {
  2. padding-top:0;
  3. padding-bottom:0;
  4. line-height:20px;
  5. vertical-align:top;
  6. height:20px;
  7. }
  8. table#crumbs_weights_expansible tr.collapsed td {
  9. height:1px;
  10. border-top:1px dotted grey;
  11. overflow:hidden;
  12. }
  13. table#crumbs_weights_expansible tr.collapsed td > * {
  14. display:none;
  15. }
  16. table#crumbs_weights_expansible tr.useDefaultValue td,
  17. table#crumbs_weights_expansible tr.inheritValue td {
  18. /* opacity:0.6; */
  19. }
  20. table#crumbs_weights_expansible td:after {
  21. content:'.';
  22. text-indent:-1000px;
  23. height:0;
  24. margin:0 0 0 -20px;
  25. display:block;
  26. }
  27. /*
  28. table#crumbs_weights_expansible td input {
  29. border:none;
  30. padding:0;
  31. line-height:20px;
  32. height:0;
  33. }
  34. */
  35. table#crumbs_weights_expansible td:nth-child(2) {
  36. }
  37. table#crumbs_weights_expansible td .state {
  38. height:20px;
  39. width:20px;
  40. box-sizing:border-box;
  41. /* cursor:pointer; */
  42. }
  43. table#crumbs_weights_expansible td .state-disabled {
  44. border:1px solid #faa;
  45. border-radius:10px;
  46. position:relative;
  47. cursor:pointer;
  48. }
  49. table#crumbs_weights_expansible tr.effectivelyEnabled td {
  50. color:#070;
  51. }
  52. table#crumbs_weights_expansible tr.effectivelyDisabled td {
  53. color:#a00;
  54. }
  55. table#crumbs_weights_expansible tr.hasExplicitValue td {
  56. /* font-weight:bold; */
  57. }
  58. table#crumbs_weights_expansible tr.effectivelyDisabled .state-disabled {
  59. border-color:#f00;
  60. cursor:auto;
  61. }
  62. table#crumbs_weights_expansible tr.effectivelyDisabled .state-disabled {
  63. border-color:#f00;
  64. cursor:auto;
  65. }
  66. table#crumbs_weights_expansible td .state-auto {
  67. border:1px solid #ddd;
  68. border-radius:10px;
  69. position:relative;
  70. cursor:pointer;
  71. }
  72. table#crumbs_weights_expansible tr.inheritValue .state-auto,
  73. table#crumbs_weights_expansible tr.useDefaultValue .state-auto {
  74. border-color:#444;
  75. cursor:auto;
  76. }
  77. table#crumbs_weights_expansible td .state-disabled:hover:before {
  78. display:block;
  79. content:'';
  80. text-indent: -200px;
  81. position:absolute;
  82. width:10px;
  83. height:10px;
  84. box-sizing:border-box;
  85. top:4px;
  86. left:4px;
  87. border:2px solid #f66;
  88. border-radius:6px;
  89. }
  90. table#crumbs_weights_expansible td .state-auto:hover:before {
  91. display:block;
  92. content:'';
  93. text-indent: -200px;
  94. position:absolute;
  95. width:10px;
  96. height:10px;
  97. box-sizing:border-box;
  98. top:4px;
  99. left:4px;
  100. border:2px solid #777;
  101. border-radius:6px;
  102. }
  103. table#crumbs_weights_expansible td .state-enabled {
  104. /* background:#eee; */
  105. height:20px;
  106. }
  107. table#crumbs_weights_expansible td .state-enabled .slider {
  108. height:20px;
  109. background:green;
  110. margin-right:auto;
  111. margin-left:0;
  112. width:20px;
  113. }
  114. table#crumbs_weights_expansible td .crumbs-admin-slider-box {
  115. width:20px;
  116. height:20px;
  117. box-sizing:border-box;
  118. background: url(../images/queue-sprite-grayscale.png) no-repeat left top;
  119. }
  120. table#crumbs_weights_expansible td .state-enabled .crumbs-admin-slider-box {
  121. float:left;
  122. /* border:1px solid #aaa; */
  123. opacity:0.2;
  124. }
  125. table#crumbs_weights_expansible td .crumbs-admin-slider-box.inheritFromHere {
  126. /* border-radius:10px;
  127. border-width:4px;
  128. border-color:green; */
  129. opacity:1;
  130. }
  131. table#crumbs_weights_expansible td .crumbs-admin-slider-box.activeBox {
  132. /* background:green;
  133. border-radius:10px; */
  134. background-image: url(../images/queue-sprite-color.png);
  135. opacity:1;
  136. cursor: auto;
  137. }
  138. table#crumbs_weights_expansible td .crumbs-admin-slider-box.beforeEffectiveBox {
  139. opacity:0.2;
  140. cursor:sw-resize;
  141. cursor:pointer;
  142. }
  143. table#crumbs_weights_expansible td .crumbs-admin-slider-box.afterEffectiveBox,
  144. table#crumbs_weights_expansible tr.effectivelyDisabled .state-enabled .crumbs-admin-slider-box {
  145. opacity:0.001;
  146. cursor:pointer;
  147. }
  148. table#crumbs_weights_expansible tr.hasExplicitValue .crumbs-admin-slider-box.beforeEffectiveBox {
  149. cursor:w-resize;
  150. cursor:pointer;
  151. }
  152. table#crumbs_weights_expansible tr.hasExplicitValue .crumbs-admin-slider-box.afterEffectiveBox {
  153. cursor:e-resize;
  154. cursor:pointer;
  155. }
  156. table#crumbs_weights_expansible .crumbs-admin-meta {
  157. height:20px;
  158. /* color:#999; */
  159. }
  160. table#crumbs_weights_expansible .crumbs-admin-meta:hover {
  161. height:auto;
  162. color:black;
  163. }
  164. table#crumbs_weights_expansible .crumbs-admin-row-label {
  165. padding-left:26px;
  166. position:relative;
  167. }
  168. table#crumbs_weights_expansible .crumbs-admin-expand-icon {
  169. position:absolute;
  170. left:0;
  171. width:16px;
  172. height:16px;
  173. float:left;
  174. box-sizing:border-box;
  175. border:1px inset #ccc;
  176. background:#fec;
  177. cursor:pointer;
  178. text-align:center;
  179. margin:2px;
  180. margin-right:10px;
  181. }
  182. table#crumbs_weights_expansible tr.collapse-children .crumbs-admin-expand-icon {
  183. background:#fce;
  184. }