/**
 * Firefox 4 OS X
 * Download Statusbar (slim)
 * by wifflebunz http://userstyles.org/users/23718
 *
 * Tested with:
 *   Firefox 4.0.1
 *   Download Statusbar 0.9.8
 */

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

@-moz-document url("chrome://browser/content/browser.xul") {

/** Download Statusbar Icon */

#downbarMiniImage {
visibility: collapse !important;
}
#downbarMiniText {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABNElEQVQ4y6WSMWqEUBRF7UWsLDKgoCIKCoqigo2ijaIWgyDEjdgFsgd3kZVkKSlClvDileFhDIYZUtxhfO/cw0e/QETCf7L9iKKYS5L0Lssy3ROw6LBAUZSPy+VCqqqSpml/BgxYdFiAoWVZ5DjOXQGLDgtM0yTP8x4KOiywbZuCIHgo6LDAdV2K45gTRRGWz/tgtmfQYYHv+5RlGScMQzp+Lsz2DDosgD3Pc87tBD8EZ8y2TJKEqqri4PkoOGO2JY5U1zUHz0fBGbMtcaS2bWme57fdizte220OBiw6LCjLkvq+p6Io8HJezu49dmDAosOC1fg5DAM1TbN9Il3Xf0kwww4MWHRYsCzL6zRNX+M4Utd1lKYpGYbBEvzHDDswYNFhwZqnNdfD5fF2J/AOu+utI3wDtxgiK7/DFuoAAAAASUVORK5CYII=") !important;
background-position: 2px center !important;
background-repeat: no-repeat !important;
margin: 0 !important;
padding: 1px 2px 1px 22px !important;
}

/** list empty */
toolbar:not([customizing="true"]) #downbarMiniText[value="0:0"] {
color: rgba(0,0,0,0) !important;
overflow: hidden !important;
padding-left: 0 !important;
padding-right: 0 !important;
text-shadow: none !important;
width: 20px !important;
}
/** downloads in progress */
toolbar:not([customizing="true"]) #downbarMiniText:not([value^="0:"]) {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABaUlEQVQ4y6WSTUsCYRSFXYutWglmLVoYDlMMJUiJJIJhRRpBjZDSB/ZBiyBCFMy0KGjRqiCEoE0WGaG1b99PaRH9hNOcIW7DyEjR4si89z7nYXBeFwDXf2L+uN3uqMc38ubp09DjH+0aMmTZEUFvYPLdG16FP76PgUSxa8iQZUcEvkgeQ5krqCu3UNfuusdgyLIjgsFkEVq+YeT+l2mAHREEZsoIbT78KeyIIJiqYHznURJav+FSt4YzK8OOCNT5CqK7TxJNP4P9c3FmZdgRgbZQRXyvJeG5Q+DAmMuxpRqmCm0Jz3aBE2Muw/oxZksvEp7tAifGXE4sn2Cu2ELt+rVp+ePs19ackyHLjgii2VOkCk1EMlUosdyB073njgxZdkQwvXH+sVhuI7F1ATWWhT8Y6ZBwxh0ZsuyIoF6vV3NH7U/98BnJ7UsMx7PoV34kfOaMOzJk2RGBEa+RtO3yKJY3UGy79HfH9QV+sXHlyZExdgAAAABJRU5ErkJggg==") !important;
color: #000 !important;
}
/** all downloads complete */
toolbar:not([customizing="true"]) #downbarMiniText[value^="0:"]:not([value$=":0"]) {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABXUlEQVQ4y6WSy0oCYRiGXeYsiqg0JcHDDDMesgnJMJQOSguthbgIISKCEol2oUIHiqAoIlx7Ay26ki6lRXQJb75DfAx/jCEtXpn/+573YXB+HwDff+L8aJq27o9PvPsTfmjG6JAhy44IpuzJj9ntaQQbc5jfC4wMGbLsiCBQnUHsLAK9E4Xe+yNDhiw7Iog0w7Au9LHCjgii+wtIX5ljhR0RJA6isG/SksWuxWXTHc7cDDsiMA/jWLlbkqTaBtTPxZmbYUcEySMDhfuchGdV4MU4y8yxheJjXsKzKvBinKXdSmHzeU3CsyrwYpxlrp1F+amEy9fem+uPU6+tMydDlh0R5E9tVB6KyJ1kYdRi1173njsyZNkRQfm89Fl92UKpswqzlkBoOfhLwhl3ZMiyI4LBYHDb6Ne+dvsVbHQLSO7oCLskfOaMOzJk2RHBMKFh6srlybjeIKPs6j8d3zfY3jlXYFfdbQAAAABJRU5ErkJggg==") !important;
}

/** Toolbar */

#downbarHolder {
-moz-appearance: statusbar !important;
-moz-transition-duration: .1s;
-moz-transition-property: height;
display: -moz-box !important;
height: 21px !important;
margin: 0 !important;
max-height: 21px !important;
min-height: 0px !important;
min-width: 1px !important;
opacity: 1 !important;
overflow: hidden !important;
padding: 0 !important;
text-shadow: 0 1px 0 rgba(255,255,255,.4) !important;
visibility: visible !important;
}

#downbarHolder[hidden="true"] {
-moz-transition-property: height, visibility;
height: 1px !important;
visibility: collapse !important;
}

/** Downloads */

.db_downbar,
.db_progressMeter,
.db_progress-bar,
.db_progress-remainder {
background-color: transparent !important;
background-image: none !important;
border: none !important;
margin: 0 !important;
min-height: 0 !important;
padding: 0 !important;
}

.db_downbar {
-moz-box-ordinal-group: 10 !important;
margin: 0 !important;
padding: 0 15px 0 0 !important;
}

.db_pauseStack,
.db_progressStack,
.db_finishedHbox,
.db_notdoneHbox {
background: transparent none !important;
background-clip: content-box !important;
background-image: -moz-linear-gradient(top,rgba(0,0,0,.05),rgba(0,0,0,0)) !important;
background-origin: content-box !important;
border-radius: 0 !important;
border: 0 !important;
border-right: 1px solid rgba(59,59,59,.9) !important;
height: 24px !important;
margin: 0 !important;
overflow: hidden !important;
padding: 0 !important;
text-shadow: 0 1px 0 rgba(255,255,255,.3) !important;
}
.db_downbar > :-moz-window-inactive {
background-image: none !important;
border-color: rgba(146,146,146,.84) !important;
}

.db_pauseStack { background-color: rgba(255,254,162,1) !important; }
.db_progressStack { background-color: rgba(170,208,255,1) !important; }
.db_finishedHbox { background-color: rgba(173,249,171,1) !important; }
.db_notdoneHbox { background-color: rgba(250,170,171,1) !important; }

.db_progress-bar {
background-color: rgba(255,255,255,.2) !important;
box-shadow: 0px 0px 1px 1px rgba(0,0,0,.5) !important;
}
.db_progress-remainder {
background-color: rgba(50,50,50,.2) !important;
}
.db_progress-bar[minwidth="0"],
.db_progress-bar:not([minwidth]) {
box-shadow: none !important;
}

.db_filenameLabel {
color: inherit !important;
font-size: inherit !important;
margin: 0 4px !important;
}
.db_finishedHbox .db_filenameLabel {
margin-left: 2px !important;
}
.db_finishedIcon {
margin: 0 0 0 4px !important;
padding: 0 !important;
min-height: 16px !important;
max-height: 16px !important;
}
.db_notdoneHbox > :last-child > :first-child {
visibility: collapse !important;
}
.db_progressIndicator {
text-shadow: none !important;
}

/** Buttons */

.db_buttonText,
.db_buttonTextMini {
font: -moz-button !important;
margin: 0 !important;
padding: 0 !important;
text-transform: uppercase !important;
}

#downbarMainMenuImage { visibility: collapse !important; }

#downbarMainMenuButton,
#downbarClearButton,
#downbarToMiniButton {
-moz-appearance: none !important;
-moz-box-align: center !important;
-moz-box-pack: center !important;
background: transparent -moz-linear-gradient(top,#FFF,#ADADAD) repeat-x !important;
border-radius: 0 !important;
border: 0 !important;
border-right: 1px solid rgba(59,59,59,.9) !important;
box-shadow: 0 1px rgba(255,255,255,.2) !important;
color: buttontext !important;
margin: 0 !important;
padding: 0 7px !important;
text-shadow: 0 1px 0 rgba(255,255,255,.4) !important;
}

#downbarMainMenuButton { -moz-box-ordinal-group: 2 !important; }
#downbarClearButton { -moz-box-ordinal-group: 3 !important; }
#downbarToMiniButton { -moz-box-ordinal-group: 1 !important; }

#downbarMainMenuButton:-moz-window-inactive,
#downbarClearButton:-moz-window-inactive,
#downbarToMiniButton:-moz-window-inactive {
background-image: -moz-linear-gradient(top,#FFF,#CCC) !important;
border-color: rgba(146,146,146,.84) !important;
}

#downbarMainMenuButton:hover:active,
#downbarClearButton:hover:active,
#downbarToMiniButton:hover:active {
background: #B5B5B5 !important;
box-shadow: inset rgba(0,0,0,.3) 0 -6px 10px, inset #000 0 1px 3px, inset rgba(0,0,0,.2) 0 1px 3px, 0 1px rgba(255,255,255,.4) !important;
text-shadow: 0 1px rgba(255, 255, 255, .4) !important;
text-shadow: none !important;
}

#downbarToMiniButton {
overflow: hidden !important;
padding: 0 !important;
width: 12px !important;
}
#downbarToMiniButton > .db_buttonText {
background-image: -moz-image-rect(url("chrome://browser/skin/places/folderDropArrow.png"), 0%, 100%, 50%, 0%) !important;
background-position: 2px top !important;
background-repeat: no-repeat !important;
padding-left: 30px !important;
}

/** Downbar Mini Popup */

#downbarPopup {
padding: 3px !important;
}

#downbarPopup .db_pauseStack,
#downbarPopup .db_progressStack,
#downbarPopup .db_finishedHbox,
#downbarPopup .db_notdoneHbox {
border-radius: 2px !important;
border: none !important;
box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.3), inset 0 0 0 1px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.2) !important;
margin: 1px 0 !important;
text-shadow: 0 1px 0 rgba(255,255,255,.3) !important;
}

#downbarToFullButton,
#downbarClearButtonMini {
font: -moz-button !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: none !important;
}

/** Tooltips */

.fintip_transparent,
.fintip_opaque,
.progresstip_transparent,
.progresstip_opaque {
-moz-appearance: none !important;
background: rgba(0,0,0,.64) !important;
border-radius: 6px !important;
color: #fff !important;
margin: 5px !important;
padding: 0 6px !important;
}

#_dlbar_finTipContent,
#_dlbar_progTipContent,
#_dlbar_finTipMiddle,
#_dlbar_progTipMiddle,
#_dlbar_finTipImgPreviewBox,
#_dlbar_progTipImgPreviewBox,
#_dlbar_finTipIcon,
#_dlbar_progTipIcon {
background: transparent none !important;
border: none !important;
list-style-image: none !important;
margin: 0 !important;
padding: 0 !important;
}

#_dlbar_finTipImgPreviewBox,
#_dlbar_progTipImgPreviewBox {
-moz-box-align: center !important;
-moz-box-pack: center !important;
padding: 4px !important;
}
#_dlbar_finTipImgPreview,
#_dlbar_progTipImgPreview {
border: 1px solid rgba(255,255,255,.3) !important;
border-radius: 1px !important;
box-shadow: 0 0 3px 0 rgba(0,0,0,.5) !important;
}

#_dlbar_finTipLeftImg,
#_dlbar_finTipRightImg,
#_dlbar_progTipLeftImg,
#_dlbar_progTipRightImg,
.fintip_transparent spacer,
.fintip_opaque spacer,
.progresstip_transparent spacer,
.progresstip_opaque spacer,
.fintip_transparent separator,
.fintip_opaque separator,
.progresstip_transparent separator,
.progresstip_opaque separator,
.fintip_transparent grid row > hbox,
.fintip_opaque grid row > hbox,
.progresstip_transparent grid row > hbox,
.progresstip_opaque grid row > hbox {
display: none !important;
visibility: collapse !important;
}

.db_tootipTitle,
.db_tootipText,
.db_tooltipTextBox {
margin: .2em 0 !important;
padding: 0 !important;
}

.db_tootipTitle {
-moz-box-flex: 1 !important;
-moz-box-ordinal-group: 2 !important;
font: -moz-dialog !important;
padding: 0 4px !important;
}

.db_tootipTitle,
.db_tootipText {
color: #fff !important;
text-shadow: 0 1px 0 rgba(0,0,0,.4) !important;
}

.db_tooltipTextBox {
min-width: 300px !important;
}

#_dlbar_finTipIcon,
#_dlbar_progTipIcon {
-moz-box-ordinal-group: 1 !important;
margin: .2em 0 !important;
}
#_dlbar_finTipMiddle > hbox:first-child,
#_dlbar_progTipMiddle > hbox:first-child {
-moz-box-align: stretch !important;
-moz-box-pack: center !important;
}

}