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

/*************************************************************************************************/
/* Customizable Dialog Toolbar Buttons */

/* Inspector button */
#firebug-inspectorButton {
    list-style-image: url(chrome://firebug/skin/inspect.png);
    -moz-image-region: rect(0, 16px, 16px, 0);
}

#firebug-inspectorButton:hover {
    -moz-image-region: rect(16px, 16px, 32px, 0);
}

/* Firebug Start Button */
#firebug-button {
    -moz-binding: url("chrome://firebug/content/firefox/start-button/startButton.xml#start-button");
    list-style-image: url(chrome://firebug/skin/firebug16Disabled.png) !important;
}

#firebug-button[firebugActive="true"] {
    list-style-image: url(chrome://firebug/skin/firebug16.png) !important;
}

/* Error badge (displays an error counter). The badge is only visible if error count
   should be displayed */
#firebug-button .badge {
    display: none;
}

#firebug-button[showErrors="true"] .badge {
    display: block;
    -moz-box-sizing: border-box;
    margin: 0;
}

#firebug-button .badge > .label {
    -moz-box-sizing: border-box;
    visibility: hidden;
    font-size: 10px;
    padding: 0 3px;
    line-height: 13px;
    font-family: Arial, Helvetica, sans-serif;
    text-shadow: 0 0 1px #EEF1F7;
    color: #900;
    border-radius: 3px;
    background-color: rgba(255, 0, 0, 0.9);
    box-shadow: inset 0px 0px 1px white;
    background-image: linear-gradient(
        to top,
        #DBE1EB 0%,
        #DEE4EB 80%,
        #E7EBF3 81%
    );
    border-width: 1px;
    border-style: solid;
    border-color: #B3BBC4 #9DA4AD #868D96 #9DA4AD;
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.3) inset,
                0 1px 0 rgba(180, 189, 202, 0.7),
                0 0 3px rgba(153, 0, 0, 0.9);
}

#firebug-button[showErrors="true"]:not([errorCount="0"]) .badge .label {
    visibility: visible;
}

/* old statusbar item look when on addonbar*/
#addon-bar #firebug-button dropmarker {
    display: none;
}
#addon-bar #firebug-button .fb-toolbarbutton{
    padding: 0 3px!important;
}

/* Slightly different positions of the badge for individual toolbars */
#nav-bar #firebug-button .badge {
    margin: 3px -10px 0 -8px;
}

#addon-bar #firebug-button .badge {
    margin-top: 1px;
}

#TabsToolbar #firebug-button .badge {
    margin-top: 4px;
}

#toolbar-menubar #firebug-button .badge {
    margin-top: 4px;
}

#firebug-button .fb-toolbarbutton {
    padding: 0;
}

/*************************************************************************************************/
/* Firebug Menu & Firefox context menu */

#menu_firebug, #appmenu_firebug, #menu_webDeveloper_firebug {
    list-style-image: url(chrome://firebug/skin/firebug16.png);
}

#menu_firebug_firebugInspect {
    list-style-image: url(chrome://firebug/skin/inspect.png);
    -moz-image-region: rect(0, 16px, 16px, 0);
}

#menu_firebug_firebugInspect:hover {
    -moz-image-region: rect(16px, 16px, 32px, 0);
}

/*************************************************************************************************/
/* browser.xul & browserOverlayWithFrame */

#fbMainFrame {
    height: 270px;
    width: 370px;
    min-height: 30px;
    min-width: 30px;
}

/*************************************************************************************************/
/* Firebug Splitter */

#fbContentSplitter{
    border-color: threedShadow !important;
    background-color: #FFFFFF;
}

#fbContentSplitter[dir=reverse]{
    transform: scale(-1, -1);
}

#fbContentSplitter[orient=vertical] {
    border-top: 1px solid !important;
    border-bottom: none;
    min-height: 5px;
    max-height: 5px;
    background-color: -moz-dialog;
}

#fbContentSplitter[orient=horizontal] {
    border-right: 1px solid !important;
    border-left: none;
    min-width: 5px;
    max-width: 5px;
    background-color: -moz-dialog;
}

/*************************************************************************************************/
/* Start Button Tooltip */

.firebugButtonTooltip .version {
    font-weight: bold;
}

.firebugButtonTooltip .alwaysOn {
    color: gray;
}

.firebugButtonTooltip .enablement {
    border-top: 1px gray dotted;
    margin-top: 5px;
    padding-top: 5px;
    font-style: italic;
}

.firebugButtonTooltip .panelName,
.firebugButtonTooltip .panelStatus {
    color: gray;
    margin-top: 0;
    margin-bottom: 0;
    min-width: 75px
}

.firebugButtonTooltip .panelStatus.on,
.firebugButtonTooltip .panelName.on {
    color: black;
}
