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}