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

   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 }