1/* See license.txt for terms of usage */ 2 3.panelNode-script { 4 overflow: hidden; 5 font-family: monospace; 6} 7 8/************************************************************************************************/ 9 10.scriptTooltip { 11 position: fixed; 12 z-index: 2147483647; 13 padding: 2px 3px; 14 border: 1px solid #CBE087; 15 background: LightYellow; 16 font-family: monospace; 17 color: #000000; 18} 19 20/************************************************************************************************/ 21 22.sourceBox { 23 /* TODO: xxxpedro problem with sourceBox and scrolling elements */ 24 /*overflow: scroll; /* see issue 1479 */ 25 position: absolute; 26 left: 0; 27 top: 0; 28 width: 100%; 29 height: 100%; 30} 31 32.sourceRow { 33 white-space: nowrap; 34 -moz-user-select: text; 35} 36 37.sourceRow.hovered { 38 background-color: #EEEEEE; 39} 40 41/************************************************************************************************/ 42 43.sourceLine { 44 -moz-user-select: none; 45 margin-right: 10px; 46 border-right: 1px solid #CCCCCC; 47 padding: 0px 4px 0 20px; 48 background: #EEEEEE no-repeat 2px 0px; 49 color: #888888; 50 white-space: pre; 51 font-family: monospace; /* see issue 2953 */ 52} 53 54.noteInToolTip { /* below sourceLine, so it overrides it */ 55 background-color: #FFD472; 56} 57 58.useA11y .sourceBox .sourceViewport:focus .sourceLine { 59 background-color: #FFFFC0; 60 color: navy; 61 border-right: 1px solid black; 62} 63 64.useA11y .sourceBox .sourceViewport:focus { 65 outline: none; 66} 67 68.a11y1emSize { 69 width: 1em; 70 height: 1em; 71 position: absolute; 72} 73 74.useA11y .panelStatusLabel:focus { 75 outline-offset: -2px !important; 76 } 77 78.sourceBox > .sourceRow > .sourceLine { 79 cursor: pointer; 80} 81 82.sourceLine:hover { 83 text-decoration: none; 84} 85 86.sourceRowText { 87 white-space: pre; 88} 89 90.sourceRow[exe_line="true"] { 91 outline: 1px solid #D9D9B6; 92 margin-right: 1px; 93 background-color: lightgoldenrodyellow; 94} 95 96.sourceRow[executable="true"] > .sourceLine { 97 content: "-"; 98 color: #4AA02C; /* Spring Green */ 99 font-weight: bold; 100} 101 102.sourceRow[exe_line="true"] > .sourceLine { 103 background-image: url(chrome://firebug/skin/exe.png); 104 color: #000000; 105} 106 107.sourceRow[breakpoint="true"] > .sourceLine { 108 background-image: url(chrome://firebug/skin/breakpoint.png); 109} 110 111.sourceRow[breakpoint="true"][condition="true"] > .sourceLine { 112 background-image: url(chrome://firebug/skin/breakpointCondition.png); 113} 114 115.sourceRow[breakpoint="true"][disabledBreakpoint="true"] > .sourceLine { 116 background-image: url(chrome://firebug/skin/breakpointDisabled.png); 117} 118 119.sourceRow[breakpoint="true"][exe_line="true"] > .sourceLine { 120 background-image: url(chrome://firebug/skin/breakpointExe.png); 121} 122 123.sourceRow[breakpoint="true"][exe_line="true"][disabledBreakpoint="true"] > .sourceLine { 124 background-image: url(chrome://firebug/skin/breakpointDisabledExe.png); 125} 126 127.sourceLine.editing { 128 background-image: url(chrome://firebug/skin/breakpoint.png); 129} 130 131/************************************************************************************************/ 132 133.conditionEditor { 134 z-index: 2147483647; 135 position: absolute; 136 margin-top: 0; 137 left: 2px; 138 width: 90%; 139} 140 141.conditionEditorInner { 142 position: relative; 143 top: -26px; 144 height: 0; 145} 146 147.conditionCaption { 148 margin-bottom: 2px; 149 font-family: Lucida Grande, sans-serif; 150 font-weight: bold; 151 font-size: 11px; 152 color: #226679; 153} 154 155.conditionInput { 156 width: 100%; 157 border: 1px solid #0096C0; 158 font-family: monospace; 159 font-size: inherit; 160} 161 162.conditionEditorInner1 { 163 padding-left: 37px; 164 background: url(condBorders.png) repeat-y; 165} 166 167.conditionEditorInner2 { 168 padding-right: 25px; 169 background: url(condBorders.png) repeat-y 100% 0; 170} 171 172.conditionEditorTop1 { 173 background: url(condCorners.png) no-repeat 100% 0; 174 margin-left: 37px; 175 height: 35px; 176} 177 178.conditionEditorTop2 { 179 position: relative; 180 left: -37px; 181 width: 37px; 182 height: 35px; 183 background: url(condCorners.png) no-repeat; 184} 185 186.conditionEditorBottom1 { 187 background: url(condCorners.png) no-repeat 100% 100%; 188 margin-left: 37px; 189 height: 33px; 190} 191 192.conditionEditorBottom2 { 193 position: relative; left: -37px; 194 width: 37px; 195 height: 33px; 196 background: url(condCorners.png) no-repeat 0 100%; 197} 198 199/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ 200 201.upsideDown { 202 margin-top: 2px; 203} 204 205.upsideDown .conditionEditorInner { 206 top: -8px; 207} 208 209.upsideDown .conditionEditorInner1 { 210 padding-left: 33px; 211 background: url(condBordersUps.png) repeat-y; 212} 213 214.upsideDown .conditionEditorInner2 { 215 padding-right: 25px; 216 background: url(condBordersUps.png) repeat-y 100% 0; 217} 218 219.upsideDown .conditionEditorTop1 { 220 background: url(condCornersUps.png) no-repeat 100% 0; 221 margin-left: 33px; 222 height: 25px; 223} 224 225.upsideDown .conditionEditorTop2 { 226 position: relative; 227 left: -33px; 228 width: 33px; 229 height: 25px; 230 background: url(condCornersUps.png) no-repeat; 231} 232 233.upsideDown .conditionEditorBottom1 { 234 background: url(condCornersUps.png) no-repeat 100% 100%; 235 margin-left: 33px; 236 height: 43px; 237} 238 239.upsideDown .conditionEditorBottom2 { 240 position: relative; 241 left: -33px; 242 width: 33px; 243 height: 43px; 244 background: url(condCornersUps.png) no-repeat 0 100%; 245} 246 247/************************************************************************************************/ 248 249.breakpointsGroupListBox { 250 overflow: hidden; 251} 252 253.breakpointBlockHead { 254 position: relative; 255 padding-top: 4px; 256} 257 258.breakpointBlockHead > .checkbox { 259 margin-right: 4px; 260} 261 262.breakpointBlockHead > .objectLink-sourceLink { 263 top: 4px; 264 right: 20px; 265 background-color: #FFFFFF; /* issue 3308 */ 266} 267 268.breakpointBlockHead > .closeButton { 269 position: absolute; 270 top: 2px; 271 right: 2px; 272} 273 274.breakpointCheckbox { 275 margin-top: 0; 276 vertical-align: top; 277} 278 279.breakpointName { 280 margin-left: 4px; 281 font-weight: bold; 282} 283 284.breakpointRow[aria-checked="false"] > .breakpointBlockHead > *, 285.breakpointRow[aria-checked="false"] > .breakpointCode { 286 opacity: 0.5; 287} 288 289.breakpointRow[aria-checked="false"] .breakpointCheckbox, 290.breakpointRow[aria-checked="false"] .objectLink-sourceLink, 291.breakpointRow[aria-checked="false"] .closeButton, 292.breakpointRow[aria-checked="false"] .breakpointMutationType { 293 opacity: 1.0 !important; 294} 295 296.breakpointCode { 297 overflow: hidden; 298 white-space: nowrap; 299 padding-left: 24px; 300 padding-bottom: 2px; 301 border-bottom: 1px solid #D7D7D7; 302 font-family: monospace; 303 color: DarkGreen; 304} 305 306.breakpointCondition { 307 white-space: nowrap; 308 padding-left: 24px; 309 padding-bottom: 2px; 310 border-bottom: 1px solid #D7D7D7; 311 font-family: monospace; 312 color: Gray; 313} 314 315.breakpointBlock-breakpoints > .groupHeader { 316 display: none; 317} 318 319.breakpointBlock-monitors > .breakpointCode { 320 padding: 0; 321} 322 323.breakpointBlock-errorBreakpoints .breakpointCheckbox, 324.breakpointBlock-monitors .breakpointCheckbox { 325 display: none; 326} 327 328.breakpointHeader { 329 margin: 0 !important; 330 border-top: none !important; 331} 332