/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

.web-console-frame {
  border-bottom: 1px solid #aaa;
}

.web-console-frame[animated] {
  transition: height 100ms;
}

#developer-toolbar-toolbox-button {
  min-width: 18px;
}

#developer-toolbar-toolbox-button > .toolbarbutton-text {
  display: none;
}

#developer-toolbar-toolbox-button > .toolbarbutton-icon {
  -moz-margin-end: 0;
}

.developer-toolbar-button {
  -moz-appearance: none;
  min-width: 78px;
  min-height: 22px;
  text-shadow: 0 -1px 0 hsla(210,8%,5%,.45);
  border-radius: 3px;
  color: inherit;
  border: 1px solid transparent;
  margin: 0 5px;
  padding: 0 10px;
  list-style-image: url("chrome://browser/skin/devtools/tools-icons-small.png");
}

.developer-toolbar-button:active,
.developer-toolbar-button:active:hover,
.developer-toolbar-button[checked=true],
.developer-toolbar-button[open=true] {
  border-color: hsla(210,8%,5%,.6);
  background: rgba(0,0,0,.6);
  box-shadow: 0 1px 2px rgba(0,0,0,.5) inset, 0 1px 0 hsla(210,16%,76%,.15);
}

.developer-toolbar-button:hover,
.developer-toolbar-button[checked=true],
.developer-toolbar-button[open=true] {
  color: hsl(208,100%,60%) !important;
  text-shadow: 0 0 6px hsl(208,100%,60%);
}

.developer-toolbar-button[checked=true] {
  background: rgba(0,0,0,.4);
}

#developer-toolbar-toolbox-button {
  -moz-image-region: rect(64px, 22px, 80px, 0);
}

/* */

.popup-notification-icon[popupid="geolocation"],
.popup-notification-icon[popupid="click-to-play-plugins"],
.popup-notification-icon[popupid="plugins-not-found"],
.popup-notification-icon[popupid="web-notifications"] { 
  min-width: 64px;
  min-height: 64px;
}

.click-to-play-plugins-notification-content {
  margin: -1px !important;
}

.click-to-play-plugins-notification-icon-box {
  -moz-border-end: 1px solid hsla(0,0%,100%,.2) !important;
  padding-top: 16px !important;
  -moz-padding-start: 16px !important;
  -moz-padding-end: 6px !important;
}

.click-to-play-plugins-notification-separator {
  -moz-border-start: 1px solid hsla(211,79%,6%,.1) !important;
  border-top: 1px solid hsla(211,79%,6%,.1) !important;
}

.click-to-play-plugins-notification-description-box {
  border-bottom: 1px solid hsla(0,0%,100%,.2) !important;
  -moz-border-start: 1px solid hsla(0,0%,100%,.2) !important;
  padding: 11px 10px 9px 10px !important;
}

.click-to-play-plugins-notification-center-box {
  margin: 0 !important;
  border: none !important;
  border-top: 1px solid hsla(0,0%,100%,.2) !important;
  border-bottom: 1px solid hsla(0,0%,100%,.2) !important;
  background-color: hsla(211,79%,6%,.05) !important;
}

.click-to-play-plugins-notification-button-container {
  background: none !important;
  border-top: 1px solid hsla(0,0%,100%,.2) !important;
  -moz-border-start: 1px solid hsla(0,0%,100%,.2) !important;
  margin: 0 !important;
  padding: 15px 11px 14px 11px !important;
}

.center-item-box {
  padding-top: 11px !important;
  -moz-padding-start: 16px !important;
  -moz-padding-end: 11px !important;
  margin-bottom: -2px !important;
  -moz-border-start: 1px solid hsla(0,0%,100%,.2) !important;
}

.center-item-box[padbottom="true"] {
  padding-bottom: 12px !important;
}

.center-item-icon {
  background-image: url("chrome://mozapps/skin/plugins/pluginGeneric-16.png");
  background-repeat: no-repeat !important;
  height: 16px !important;
  width: 16px !important;
  margin-bottom: 4px !important;
}

.center-item-box[warn="true"] {
  background-image: url("chrome://browser/skin/click-to-play-warning-stripes.png");
  background-repeat: repeat-x !important;
  padding-top: 7px !important;
  -moz-padding-end: 11px !important;
  padding-bottom: 9px !important;
  -moz-padding-start: 16px !important;
}

.center-item-box[padbottom="true"][warn="true"] {
  padding-bottom: 7px !important;
}

.center-item-box[showseparator="true"] {
  border-top: 1px solid hsla(211,79%,6%,.1) !important;
}

.center-item-box[warn="false"] > .center-item-warning {
  display: none !important;
}

.center-item-warning > .text-link {
  color: #3d8cd7 !important;
}

.center-item-warning > .text-link[href=""] {
  display: none !important;
}

.center-item-warning-icon {
  background-image: url("chrome://mozapps/skin/extensions/alerticon-info-negative.png");
  background-repeat: no-repeat !important;
  width: 16px !important;
  height: 15px !important;
  margin-bottom: 4px !important;
}

.center-item-warning-description {
  color: #828282 !important;
}

.center-item-button {
  min-width: 0 !important;
}
