/* See license.txt for terms of usage */

.panelNode-script {
    overflow: hidden;
    font-family: monospace;
    font-size: 12px;  /* Issue 5060 */
}

/************************************************************************************************/

.scriptTooltip {
    position: fixed;
    z-index: 2147483647;
    padding: 2px 3px;
    border: 1px solid #CBE087;
    background: LightYellow;
    font-family: monospace;
    color: #000000;
}

/************************************************************************************************/

.sourceBox {
    overflow: scroll; /* see issue 1479 */
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.sourceRow {
    white-space: nowrap;
}

.sourceRow.hovered {
    background-color: #EEEEEE;
}

/************************************************************************************************/

.sourceLine {
    position: relative;
    -moz-user-select: none;
    margin-right: 10px;
    border-bottom: 1px solid #EEEEEE;
    border-right: 1px solid #CCCCCC;
    padding: 0px 4px 0 20px;
    background: #EEEEEE no-repeat 5px 1px;
    color: #A0A0A0;
    white-space: pre;
    font-family: monospace; /* see issue 2953 */
}


.useA11y .sourceBox .sourceViewport:focus .sourceLine {
    background-color: #FFFFC0;
    color: navy;
    border-right: 1px solid black;
}

.useA11y .sourceBox .sourceViewport:focus {
    outline: none;
}

.a11y1emSize {
    width: 1em;
    height: 1em;
    position: absolute;
}

.useA11y .panelStatusLabel:focus {
    outline-offset: -2px !important;
 }

.sourceBox > .sourceRow > .sourceLine {
    cursor: pointer;
}

.sourceLine:hover {
    text-decoration: none;
}

.sourceRowText {
    white-space: pre;
}

.sourceRow[exe_line="true"] {
    outline: 1px solid #D9D9B6;
    margin-right: 1px;
    background-color: lightgoldenrodyellow;
}

.sourceRow[executable="true"] > .sourceLine {
    content: "-";
    color: #565656;  /* Dark Grey */
}

.sourceRow[exe_line="true"] > .sourceLine {
    background-image: url(chrome://firebug/skin/executionPointer.svg);
    background-position: 7px 1px;
    color: #000000;
}

.sourceRow[breakpoint="true"][disabledbreakpoint="true"] > .sourceLine {
    background-image: none;
}

.sourceRow[breakpoint="true"][disabledBreakpoint="true"]:not([condition="true"]) > .sourceLine::before {
    content: "";
    position: absolute;
    top: 1px;
    left: 5px;
    width: 12px;
    height: 12px;
    background: url(chrome://firebug/skin/breakpoint.svg) no-repeat;
    opacity: 0.5;
}

.sourceRow[breakpoint="true"][disabledBreakpoint="true"][condition="true"] > .sourceLine::before {
    content: "";
    position: absolute;
    top: 1px;
    left: 5px;
    width: 12px;
    height: 12px;
    background: url(chrome://firebug/skin/breakpointCondition.svg) no-repeat 4px 2px, url(chrome://firebug/skin/breakpoint.svg) no-repeat;
    opacity: 0.5;
}

.sourceRow[breakpoint="true"][exe_line="true"] > .sourceLine {
    background-image: url(chrome://firebug/skin/executionPointer.svg), url(chrome://firebug/skin/breakpoint.svg);
    background-position: 7px 1px, 5px 1px;
}

.sourceRow[breakpoint="true"][exe_line="true"][disabledBreakpoint="true"] > .sourceLine {
    background-image: none;
}

.sourceRow[breakpoint="true"][exe_line="true"][disabledBreakpoint="true"] > .sourceLine::before {
    content: "";
    position: absolute;
    top: 1px;
    left: 5px;
    width: 12px;
    height: 12px;
    background: url(chrome://firebug/skin/breakpoint.svg) no-repeat;
    opacity: 0.5;
}

.sourceRow[breakpoint="true"][exe_line="true"][disabledBreakpoint="true"] > .sourceLine::after {
    content: "";
    position: absolute;
    left: 7px;
    width: 11px;
    height: 12px;
    background: url(chrome://firebug/skin/executionPointer.svg) no-repeat;
}

.sourceLine.editing {
    background-image: url(chrome://firebug/skin/breakpoint.svg);
}

/************************************************************************************************/
/* Breakpoint condition */

/* xxxsz: Use PNG images for condition editor, because using SVGs as border images is broken
   up to Firefox 22.0. Use SVGs as soon as Firefox 23.0 is the min. supported version.
   (see issue 6607) */
.conditionEditor {
    border-style: solid;
    border-width: 19px 25px 33px 33px;
    /* Need to use a PNG for this. See https://bugzil.la/619500 */
    border-image: url(chrome://firebug/skin/mac/breakpointConditionEditor.png) 19 25 33 33 fill
        stretch;
}

.conditionCaption {
    margin-bottom: 2px;
    font-family: Lucida Grande, sans-serif;
    font-weight: bold;
    font-size: 11px;
    color: #FFFFFF;
}

.conditionInput {
    border: 1px solid #96969D;
    border-radius: 10px !important;
    box-shadow: 0 2px 2px -2px #000000 inset;
    padding: 2px 12px;
    font-family: monospace;
    -moz-box-sizing: border-box;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.upsideDown {
    border-width: 28px 25px 19px 33px;
    /* Need to use a PNG for this. See https://bugzil.la/619500 */
    border-image: url(chrome://firebug/skin/mac/breakpointConditionEditorDown.png) 28 25 19 33 fill
        stretch;
}

/*************************************************************************************************/
/* Notification */

.notificationClose {
    width: 13px;
    height: 13px;
    background-image: url(chrome://firebug/skin/mac/close.svg);
}

/************************************************************************************************/

.breakpointBlockHead {
    position: relative;
    padding-top: 4px;
}

.breakpointBlockHead > .checkbox {
    margin-right: 4px;
}

.breakpointBlockHead > .objectLink-sourceLink {
    top: 2px;
    right: 20px;
    background-color: #FFFFFF; /* issue 3308 */
}

.breakpointBlockHead > .closeButton {
    position: absolute;
    top: 2px;
    right: 2px;
}

.breakpointCheckbox {
    margin-top: 0;
    vertical-align: top;
}

.breakpointName {
    margin-left: 4px;
    font-weight: bold;
}

.breakpointCode {
    overflow: hidden;
    white-space: nowrap;
    padding-left: 24px;
    padding-bottom: 2px;
    border-bottom: 1px solid #D7D7D7;
    font-family: monospace;
    color: DarkGreen;
}

.breakpointBlock-breakpoints > .groupHeader {
    display: none;
}

.breakpointBlock-monitors > .breakpointCode {
    padding: 0;
}

.breakpointBlock-errorBreakpoints .breakpointCheckbox,
.breakpointBlock-monitors .breakpointCheckbox {
    display: none;
}

.breakpointHeader {
    margin: 0 !important;
    border-top: none !important;
}


/* ************************************************************************** */
.panelNode-callstack  .objectLink-sourceLink {
    display: none;
}

.panelNode-callstack {
    margin-left: 4px;
    overflow: auto;
}
/* This objectLink-stackFrame should be consistent with panelStatusLabel so the call stack looks the same in toolbar and panel */
.objectLink-stackFrame {
    cursor: pointer;
    margin: 0;
    padding: 0 4px;
}

.objectLink-stackFrame:hover {
    color: blue;
}

.objectLink-stackFrame[selected="true"] {
    font-weight: bold;
}
