ecomp-portal-FE/client/bower_components/lodash/vendor/firebug-lite/skin/xp/html.css

   1 /* See license.txt for terms of usage */
   2
   3 .panelNode-html {
   4     -moz-box-sizing: padding-box;
   5     padding: 4px 0 0 2px;
   6 }
   7
   8 .nodeBox {
   9     position: relative;
  10     font-family: Monaco, monospace;
  11     padding-left: 13px;
  12     -moz-user-select: -moz-none;
  13 }
  14 .nodeBox.search-selection {
  15     -moz-user-select: text;
  16 }
  17 .twisty {
  18     position: absolute;
  19     left: 0px;
  20     top: 0px;
  21     width: 14px;
  22     height: 14px;
  23 }
  24
  25 .nodeChildBox {
  26     margin-left: 12px;
  27     display: none;
  28 }
  29
  30 .nodeLabel,
  31 .nodeCloseLabel {
  32     margin: -2px 2px 0 2px;
  33     border: 2px solid transparent;
  34     -moz-border-radius: 3px;
  35     padding: 0 2px;
  36     color: #000088;
  37 }
  38
  39 .nodeCloseLabel {
  40     display: none;
  41 }
  42
  43 .nodeTag {
  44     cursor: pointer;
  45     color: blue;
  46 }
  47
  48 .nodeValue {
  49     color: #FF0000;
  50     font-weight: normal;
  51 }
  52
  53 .nodeText,
  54 .nodeComment {
  55     margin: 0 2px;
  56     vertical-align: top;
  57 }
  58
  59 .nodeText {
  60     color: #333333;
  61 }
  62
  63 .nodeWhiteSpace {
  64     border: 1px solid LightGray;
  65     white-space: pre; /* otherwise the border will be collapsed around zero pixels */
  66     margin-left: 1px;
  67     color: gray;
  68 }
  69
  70
  71 .nodeWhiteSpace_Space {
  72     border: 1px solid #ddd;
  73 }
  74
  75 .nodeTextEntity {
  76     border: 1px solid gray;
  77     white-space: pre; /* otherwise the border will be collapsed around zero pixels */
  78     margin-left: 1px;
  79 }
  80
  81 .nodeComment {
  82     color: DarkGreen;
  83 }
  84
  85 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  86
  87 .nodeBox.highlightOpen > .nodeLabel {
  88     background-color: #EEEEEE;
  89 }
  90
  91 .nodeBox.highlightOpen > .nodeCloseLabel,
  92 .nodeBox.highlightOpen > .nodeChildBox,
  93 .nodeBox.open > .nodeCloseLabel,
  94 .nodeBox.open > .nodeChildBox {
  95     display: block;
  96 }
  97
  98 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  99
 100 .nodeBox.selected > .nodeLabel > .nodeLabelBox,
 101 .nodeBox.selected > .nodeLabel {
 102     border-color: Highlight;
 103     background-color: Highlight;
 104     color: HighlightText !important;
 105 }
 106
 107 .nodeBox.selected > .nodeLabel > .nodeLabelBox,
 108 .nodeBox.selected > .nodeLabel > .nodeLabelBox > .nodeTag,
 109 .nodeBox.selected > .nodeLabel > .nodeLabelBox > .nodeAttr > .nodeValue,
 110 .nodeBox.selected > .nodeLabel > .nodeLabelBox > .nodeText {
 111     color: inherit !important;
 112 }
 113
 114 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
 115
 116 .nodeBox.highlighted > .nodeLabel {
 117     border-color: Highlight !important;
 118     background-color: cyan !important;
 119     color: #000000 !important;
 120 }
 121
 122 .nodeBox.highlighted > .nodeLabel > .nodeLabelBox,
 123 .nodeBox.highlighted > .nodeLabel > .nodeLabelBox > .nodeTag,
 124 .nodeBox.highlighted > .nodeLabel > .nodeLabelBox > .nodeAttr > .nodeValue,
 125 .nodeBox.highlighted > .nodeLabel > .nodeLabelBox > .nodeText {
 126     color: #000000 !important;
 127 }
 128
 129 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
 130
 131 .nodeBox.nodeHidden .nodeLabel > .nodeLabelBox,
 132 .nodeBox.nodeHidden .nodeCloseLabel,
 133 .nodeBox.nodeHidden .nodeLabel > .nodeLabelBox > .nodeText,
 134 .nodeBox.nodeHidden .nodeText {
 135     color: #888888;
 136 }
 137
 138 .nodeBox.nodeHidden .nodeLabel > .nodeLabelBox > .nodeTag,
 139 .nodeBox.nodeHidden .nodeCloseLabel > .nodeCloseLabelBox > .nodeTag {
 140     color: #5F82D9;
 141 }
 142
 143 .nodeBox.nodeHidden .nodeLabel > .nodeLabelBox > .nodeAttr > .nodeValue {
 144     color: #D86060;
 145 }
 146
 147 .nodeBox.nodeHidden.selected > .nodeLabel > .nodeLabelBox,
 148 .nodeBox.nodeHidden.selected > .nodeLabel > .nodeLabelBox > .nodeTag,
 149 .nodeBox.nodeHidden.selected > .nodeLabel > .nodeLabelBox > .nodeAttr > .nodeValue,
 150 .nodeBox.nodeHidden.selected > .nodeLabel > .nodeLabelBox > .nodeText {
 151     color: SkyBlue !important;
 152 }
 153
 154 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
 155
 156 .nodeBox.mutated > .nodeLabel,
 157 .nodeAttr.mutated,
 158 .nodeValue.mutated,
 159 .nodeText.mutated,
 160 .nodeBox.mutated > .nodeText {
 161     background-color: #EFFF79;
 162     color: #FF0000 !important;
 163 }
 164
 165 .nodeBox.selected.mutated > .nodeLabel,
 166 .nodeBox.selected.mutated > .nodeLabel > .nodeLabelBox,
 167 .nodeBox.selected > .nodeLabel > .nodeLabelBox > .nodeAttr.mutated > .nodeValue,
 168 .nodeBox.selected > .nodeLabel > .nodeLabelBox > .nodeAttr > .nodeValue.mutated,
 169 .nodeBox.selected > .nodeLabel > .nodeLabelBox > .nodeText.mutated {
 170     background-color: #EFFF79;
 171     border-color: #EFFF79;
 172     color: #FF0000 !important;
 173 }
 174
 175 /************************************************************************************************/
 176
 177 .logRow-dirxml {
 178     padding-left: 0;
 179 }
 180
 181 .soloElement > .nodeBox  {
 182     padding-left: 0;
 183 }
 184
 185 .useA11y .nodeLabel.focused {
 186     outline: 2px solid #FF9933;
 187     -moz-outline-radius: 3px;
 188     outline-offset: -2px;
 189 }
 190
 191 .useA11y .nodeLabelBox:focus {
 192     outline: none;
 193 }
 194
 195 /************************************************************************************************/
 196
 197 .breakpointCode .twisty {
 198     display: none;
 199 }
 200
 201 .breakpointCode .nodeBox.containerNodeBox,
 202 .breakpointCode .nodeLabel {
 203     padding-left: 0px;
 204     margin-left: 0px;
 205     font-family: Monaco, monospace !important;
 206 }
 207
 208 .breakpointCode .nodeTag,
 209 .breakpointCode .nodeAttr,
 210 .breakpointCode .nodeText,
 211 .breakpointCode .nodeValue,
 212 .breakpointCode .nodeLabel {
 213     color: DarkGreen !important;
 214 }
 215
 216 .breakpointMutationType {
 217     position: absolute;
 218     top: 4px;
 219     right: 20px;
 220     color: gray;
 221 }
 222
 223
 224
 225
 226
 227
 228 /************************************************************************************************/
 229 /************************************************************************************************/
 230 /************************************************************************************************/
 231 /************************************************************************************************/
 232 /************************************************************************************************/
 233 /************************************************************************************************/
 234 /************************************************************************************************/
 235 /************************************************************************************************/
 236 /************************************************************************************************/
 237 /************************************************************************************************/
 238
 239
 240
 241 /************************************************************************************************/
 242 /* Twisties */
 243
 244 .twisty,
 245 .logRow-errorMessage > .hasTwisty > .errorTitle,
 246 .logRow-log > .objectBox-array.hasTwisty,
 247 .logRow-spy .spyHead .spyTitle,
 248 .logGroup > .logRow,
 249 .memberRow.hasChildren > .memberLabelCell > .memberLabel,
 250 .hasHeaders .netHrefLabel,
 251 .netPageRow > .netCol > .netPageTitle {
 252     background-image: url(twistyClosed.png);
 253     background-repeat: no-repeat;
 254     background-position: 2px 2px;
 255         min-height: 12px;
 256 }
 257
 258 .logRow-errorMessage > .hasTwisty.opened > .errorTitle,
 259 .logRow-log > .objectBox-array.hasTwisty.opened,
 260 .logRow-spy.opened .spyHead .spyTitle,
 261 .logGroup.opened > .logRow,
 262 .memberRow.hasChildren.opened > .memberLabelCell > .memberLabel,
 263 .nodeBox.highlightOpen > .nodeLabel > .twisty,
 264 .nodeBox.open > .nodeLabel > .twisty,
 265 .netRow.opened > .netCol > .netHrefLabel,
 266 .netPageRow.opened > .netCol > .netPageTitle {
 267     background-image: url(twistyOpen.png);
 268 }
 269
 270 .twisty {
 271     background-position: 4px 4px;
 272 }