@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

/***************************************/
/***************************************/
/**  Firefox 4 - Animated Addons Bar  **/
/**              by lOtR              **/
/***************************************/
/***************************************/


/**************/
/* Addons Bar */
/**************/

#addon-bar {
  /* Style */
  -moz-appearance: none !important;
  padding: 3px 4px 1px 2px !important;
  border: 0 !important;
  border-color: red !important;
  border-top: 20px solid transparent !important;
  border-left: 20px solid transparent !important;
  border-radius: 24px 0 0 0;
  background-color: rgb(207, 219, 236) !important;
  background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgb(207,220,236)) !important;
  background-clip: padding-box;
  box-shadow: 0 0 0 1px rgba(0,0,0,.25) inset, 0 0 0 2px rgba(255,255,255,.5) inset !important;
  
  /* Animation (hiding) */
  position: fixed;
  bottom: -24px;
  right: 30px;
  opacity: 0;
  -moz-transition: bottom 0.25s 0.5s ease-in, opacity 0.1s 0.65s ease-in, right 0.01s 0.75s;
  /*-moz-transition: bottom 0.01s 0.75s, opacity 0.1s 0.65s, right 0.01s 0.75s;*/
}

/* Animation (showing) */
#addon-bar:hover {
  bottom: -2px;
  right: -2px;
  opacity: 1;
  /*-moz-transition: bottom .25s .25s ease-in-out, opacity 0.1s 0.25s ease-out;*/
  -moz-transition: bottom .01s .25s, opacity 0.01s 0.25s;
}

/***************/
/* Bar Content */
/***************/

/* "Status bar" for addons statuses */
#addon-bar > #status-bar {
  margin: 0 1px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

/* Buttons */
#addon-bar .chromeclass-toolbar-additional {
  vertical-align: top;
}
#addon-bar .toolbarbutton-1 {
  -moz-appearance: none !important;
  padding: 1px 2px !important;
  height: 20px;
  min-width: 18px;
  margin: 1px !important;
}
#addon-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button {
  padding: 0 1px !important;
}
#addon-bar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
  padding: 0 2px !important;
}

#addon-bar .toolbarbutton-1:not(:hover),
#addon-bar .toolbarbutton-1[disabled],
#addon-bar .toolbarbutton-1:not(:hover) > .toolbarbutton-menubutton-button,
#addon-bar .toolbarbutton-1[disabled] > .toolbarbutton-menubutton-button,
#addon-bar .toolbarbutton-1:not(:hover) > .toolbarbutton-menubutton-dropmarker,
#addon-bar .toolbarbutton-1[disabled] > .toolbarbutton-menubutton-dropmarker {
  background: transparent !important;
  box-shadow: none !important;
  border-width: 0 !important;
}
#addon-bar .toolbarbutton-1:not(:hover) > .toolbarbutton-menubutton-button,
#addon-bar .toolbarbutton-1[disabled] > .toolbarbutton-menubutton-button {
  border-right: 1px solid transparent !important;
}
#addon-bar .toolbarbutton-1:hover:not([disabled]) {
  padding: 0 1px !important;
}

/* Hide close button */
#addonbar-closebutton {
  display: none;
}