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

/******************************************************************************/
/* Style Editor */

.theme-firebug #style-editor-options {
  display: none;
}

.theme-firebug .splitview-side-details > #panelToolbarBox {
  display: -moz-box;
  -moz-box-flex: 0;
  height: 27px !important;
}

.theme-firebug .panelSplitterBox {
  -moz-box-flex: 0;
}

/* xxxHonza: if the flex is set to 1 the height of the toolbar
in the Style Editor panel is 26px and not 27px why? FIX ME */
.theme-firebug #panelToolbar {
  -moz-box-flex: 0 !important;
}

.theme-firebug .stylesheet-enabled {
  background-image: url(chrome://firebug/skin/blackBox.svg);
  background-size: 16px 16px;
  background-position: center;
}

.theme-firebug .splitview-nav > li:not(.splitview-active) .stylesheet-enabled {
  filter: none;
}

.theme-firebug .splitview-nav > li.splitview-active {
  background-color: var(--theme-selection-background);
}

.theme-firebug .splitview-nav > li.splitview-active .stylesheet-more {
  color: var(--theme-selection-color);
}

.theme-firebug .disabled > .stylesheet-enabled {
  opacity: 0.5;
}

/******************************************************************************/
/* Media Side Bar */

.theme-firebug #style-editor-chrome #panelSideBox {
  min-width: 200px;
}

.theme-firebug .stylesheet-details-container .devtools-side-splitter {
  display: none;
}

.theme-firebug .stylesheet-sidebar {
  display: none !important;
}
