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

/*changes color of AOM tab when selected*/
.tabbrowser-tab[label*="Add-ons Manager"][selected] { 
     background-image:-moz-linear-gradient(top,rgba(17,17,17,.3)10%, rgba(17,17,17,.6)30%, rgb(17,17,17)60%) !important;
     color: #aaa !important;
}

@-moz-document url("chrome://mozapps/content/extensions/extensions.xul"), url("about:addons") { 

#updates-container > label { 
color: #000  !important;
}

#new-userstyle {
-moz-appearance: none !important; 
background: none !important; 
border: 0 !important;
margin-top: 0 !important; 
margin-bottom: 0 !important; 
-moz-box-ordinal-group: 2 !important; 
cursor: pointer !important;
color: #5196FF  !important;
box-shadow: none !important;
}

.button-link.global-info-plugincheck {
color: #5196FF !important;
}

.button-link.global-info-plugincheck:hover,
.text-link:hover,
#new-userstyle:hover {
color: lightblue !important;
}

#userstyle-sorting .sorter {
 -moz-box-ordinal-group: 3 !important;
} 

.view-header:not(.global-warning-container) {min-height: 30px !important}

#list-view[type="plugin"] .view-header.global-info-container { 
      margin-top: -29px !important;
      direction: rtl !important;
}

.global-info-plugincheck .button-link{ color: #5196FF   !important}

.global-info-plugincheck .button-link:hover {
color: skyblue !important;
}

#new-userstyle label {
margin-top: -1px !important; 
}

#list-view:not([type="user-script"]) #greasemonkey-sort-bar,
#greasemonkey-sort-bar > spacer  {
display: none !important;
}

#greasemonkey-sort-bar > vbox > label {
margin-top: 0px !important; 
margin-right: 15px !important;
}

#userstyle-footer {
display: none !important;
}

#userstyle-sorting.view-header {
margin-top: -30px !important; 
padding: 8px 0 0 0  !important;
}

#updates-view[updatetype="available"] #update-actions #update-selected-btn {
margin-top: -29px !important; 
}

.details.button-link,
#category-recentUpdates,
#category-availableUpdates {
-moz-box-ordinal-group: 2 !important;
}

.sorter {
max-height:16px !important; 
box-shadow: none !important; 
background: none !important;
}

#greasemonkey-sort-bar.view-header {
padding-top:8px !important;
}

#addons-page {
border-color: transparent !important;
}

#addons-page,
#view-port {
background: #111 !important;
}

#header {
background: #aaa !important;
border-radius: 5px !important;
}

#header button,
.header-button {
-moz-appearance: toolbarbutton !important;
background: none !important;
box-shadow: none !important
}

.nav-button.header-button {
display: inline !important;
}

#back-btn {
margin-left: 8px !important;
}

#header-utils-btn .toolbarbutton-icon { 
margin-left: 5px !important; 
}

#header-utils-btn dropmarker,
#search-filter-label {
display: none !important;
}

#header-search {
background-color: #111 !important;
border:none !important;
border-radius: 5px !important;
-moz-appearance:none !important;
color: #eee !important; 
margin-right: 10px !important;
}

.view-header + #search-filter {
height:19px !important; 
}

#greasemonkey-sort-bar,
#userstyle-top-container {
margin-top: -30px !important;
}

#userstyle-top-container   {
-moz-box-pack: end !important;
}

#userstyle-top-container > spacer {
display: none !important;
}

#search-filter-radiogroup {
position: fixed !important;
margin-top: -36px !important;
}

#view-port-container {
border-color: black !important;
}

#search-list.list,
#addon-list.list {
background: #222 !important; 
}

#category-search[current="true"] {
margin-top: 0px !important;
background: #444 !important;
color: #eee !important;
border-color: #000 !important;
border-right: 0 !important;
}

#categories {
margin-top: 0px !important;
}

#categories > scrollbox {
overflow: hidden !important;
}

#categories[last-selected="category-discover"] + #view-port-container,
#categories[last-selected="category-search"] + #view-port-container{
border-top-left-radius: 0 !important;
}

#categories .category-name {
display: none !important;
}

#search-list-empty,
.category {
color: #999 !important;
}

.name-container,
.category {
font-weight: normal !important;
}

.global-warning-container.global-warning,
.global-warning-checkcompatibility,
image.warning-icon {
display:none !important;
}

#search-filter,
.view-header.global-warning-container,
#list-view > hbox {
background: #444 !important;
border-bottom: none !important;
}

.view-header.global-warning-container {
display: -moz-box !important;
}

.search-filter-radio,
.sorter:not([checkState="2"]):not([checkState="1"]){
color:#aaa !important;
}

.alert {
background: #111 !important;
box-shadow: none !important;
border: 0 !important;
color: #999 !important;
}

.search-filter-radio[selected="true"],
.sorter[checkState="2"],
.sorter[checkState="1"] {
background-color: #111 !important;
color: lightblue !important;
box-shadow: none !important;
}

#updates-view.view-pane,
#detail-view.view-pane.addon-view:not([notification="warning"]) ,
.addon.addon-view {
background:#222 !important;
color: #eee !important;
}

#detail-view[active="true"] #warning-container {
display: none !important;
}

#detail-view > hbox:last-child > spacer:first-child,
#detail-view > hbox:last-child > spacer:last-child {
min-width: 20px !important; 
max-width: 20px !important;
}

.addon.addon-view {
border-bottom: 1px dotted black !important;
border-top: 0 !important;
}

#addon-list > richlistitem:last-child {
border-bottom: 0 !important;
}

.view-pane.addon-view[notification="warning"] {
background: #222 !important;
color: orange !important;
}

.name-container {
text-shadow: none !important; 
color: inherit !important;
}

#updates-noneFound,
.pending {
text-shadow: none !important;
}

.pending {
opacity: 1 !important;
}

.addon-view[pending="disable"] .pending-icon,
.addon-view[pending="uninstall"] .pending-icon {
list-style-image: url("chrome://mozapps/skin/extensions/alerticon-warning.png") !important;
}

.addon-view[pending="disable"] .pending,
.addon-view[pending="uninstall"] .pending {
color: violet !important; 
}

.addon.addon-view[active="false"] {
color: #555 !important;
}

.addon.addon-view[active="true"][notification="warning"] {
color: orange !important;
}

.addon.addon-view[selected="true"] {
background: #333 !important;
}

.addon.addon-view[notification="error"] {
    display: none !important;
}
.addon.addon-view:hover:not([selected="true"]) {
background-color: rgba(0,0,0,.5) !important;
}

.category[selected="true"]:not(#category-search) {
background: #222 !important;
color: #eee !important;
border-color: #000 !important;
border-right: 0 !important;
}

#detail-view[type="userstyle"] acrCompatibilityButton,
.addon.addon-view[active="true"]:not([notification="warning"]) acrCompatibilityButton {
display:none !important;
}

.relnotes-toggle,
.details.button-link,
#update-selected-btn,
.control-container button,
.addon-control[label="Install"],
.addon-control[label="Update Now"],
.addon-control[label="Check For Updates"],
#search-list-empty .addon-control,
#detail-controls button {
-moz-appearance: none !important;
color: #ccc !important;
background: rgba(0,0,0,.5) !important;
box-shadow: 0 0 4px rgba(161,161,161,.9) inset !important;
border-radius: 3px !important;
border: 1px solid transparent !important;
cursor: default !important;
font-weight: normal !important;
}

.relnotes-toggle:hover,
.details.button-link:hover,
#update-selected-btn:hover,
.control-container button:hover,
.addon-control[label="Install"]:hover,
.addon-control[label="Update Now"]:hover,
.addon-control[label="Check For Updates"]:hover,
#detail-controls button:hover,
#search-list-empty .addon-control:hover {
color: #eee !important;
background: rgba(0,0,0,.9) !important;
}

.relnotes-toggle:hover:active,
.details.button-link:hover:active,
#update-selected-btn:hover:active,
.control-container button:hover:active,
.addon-control[label="Install"]:hover:active,
.addon-control[label="Update Now"]:hover:active,
.addon-control[label="Check For Updates"]:hover:active,
#detail-controls button:hover:active,
#search-list-empty .addon-control:hover:active {
color: #777  !important;
background: rgba(0,0,0,.3) !important;
}

.details.button-link { 
padding: 0 22px  !important; 
max-height: 20px !important; 
min-height: 20px !important; 
margin-top: -2px !important;
 }

.details.button-link:not(:hover):not(:active) .button-text { 
color: #ccc !important;
}

#detail-grid,
#detail-contributions  {
background: #000 !important;
border-radius: 4px !important;
color: #eee !important;
border: 0 !important;
margin-right:10px !important; 
}

#detail-downloads,
#detail-size,
.detail-row-complex {
border:0 !important;
}

#detail-warning,
.addon.addon-view .warning,
.button-link[label="Restart now"],
label[value="Compatibility Problems"] {
color:#FF4444 !important;
text-shadow: none !important;
}

.addon[status="installed"][active="true"] .warning {
display:none !important;
}

row {
border-bottom: none !important;
}

.text-link {
color: #5196FF !important;
}

.text-link,
.button-link {
text-decoration: none !important;
}

.button-link[label="Undo"] {
color: yellow !important;
}

#updates-manualUpdatesFound-btn,
#updates-restart-btn {
color: royalblue !important;
}

#updates-downloaded,
#updates-installed  {
color: darkgreen !important;
}

#detail-contrib-description,
.addon-view[pending="enable"] .pending,
label[value="An update is available"],
label[value="Works properly"] {
color: lightgreen !important;
}

.category-badge {
background-color: royalblue !important;
color: black !important;
}

#detail-controls > spacer { 
display: none !important;
}

.detail-view-container > hbox > vbox {
background: #111 !important;
margin-left:-47px !important; 
margin-bottom: 30px !important;
padding-left: 47px !important;
border-radius: 5px !important;
}

#detail-desc-container {
color: #ccc !important;
}

.addon .icon, 
#detail-icon.icon  {
max-width: 32px !important;
max-height: 32px !important; 
}

#updates-list  .details.button-link,
.addon.addon-view[type="userstyle"] .details.button-link,
#detail-view[type="userstyle"] #detail-prefs-btn,
#addonitem-popup[addontype="userstyle"] #menuitem_preferences  {
display: none !important;
}

#userstyle-top-container {
color: #ccc  !important;
}

/* AMO Button Provided By Foximirror Addon */
button[label="AMO"] {
    margin-right: -4px !important;
}

button[label="AMO"] .button-icon {
    list-style-image: url("https://static-cdn.addons.mozilla.net/media/img/favicon.ico") !important;
    margin-right: 2px !important;
}

button[label="AMO"] .button-text {
    display:none !important;
}

/* Hide Add-on Buttons Until Selection (thanks !K.WeEabo0o) */
.details-container.fade > *:nth-child(2),
.addon:not([selected="true"]) .control-container,
.addon:not([selected="true"])  .details.button-link { 
display: none !important; 
}

/* addons counts & IDs from K.WeEabo0o - thanks! */
.addon { 
counter-increment: addoncount !important;
content: counter(addoncount) !important; 
}

.addon:first-child { 
counter-reset: addoncount !important; 
}

.addon[active="false"] { 
counter-increment: disabled !important; 
}

#addon-list:after { 
content: "("counter(addoncount)" enabled, "counter(disabled)" disabled)" !important;
position: fixed !important;
top: 72px !important;
left: 100px  !important;
font-size: 12px !important;
color: #ccc !important;
text-shadow: #313B44 1px 1px 4px !important;
white-space: nowrap !important;
cursor: default;
}

.addon[selected="true"]::after { 
content: " ID: " attr(value) !important;
position: absolute !important;
margin-left: 54px !important;
font-size: 12px !important;
color: yellow !important;
cursor: default;
}
}

/*--Scrollbars by makondo--*/

@-moz-document url("chrome://mozapps/content/extensions/extensions.xul"), url("about:addons"), url-prefix("https://services.addons.mozilla.org/") {

scrollbar * { 
-moz-appearance: none !important;
background: transparent !important; }

scrollbar { 
-moz-appearance: none !important;
background: rgb(34, 34, 34) !important;
border: none !important; 
}

scrollcorner { 
-moz-appearance: none !important;
background: none !important; 
width: 0 !important;
height: 0 !important; 
}

scrollbar thumb { 
-moz-appearance: none !important; 
min-height: 50px !important;
width: 0 !important;
border: none !important;
background:  transparent url("data:image/gif;base64,R0lGODlhBwDCAbMAAAsLC7q6uqSkpICAgFdXV+Li4rCwsCgoKMzMzFlZWa6urkhISUVFRt3d3ZeWlRETEywAAAAABwDCAUAE/vA9QKkIpRgCbt4dpnHeGH6kCJarmqKnyb6yG7fwfNNGsv+6oE2YGxqLyFoSp2wyFbwo8OiUEqvTJDTr9F2ZPYBCYUAoEo9Lo7H9Wqng91Le5cbt9Lv75oXn/3iBe4MibX6Ch4Rzdn2LV4YwBgIOAgNoX40amWGKWJ16KpuAJZCeiaeOqAWloKkZrKOqraautLazuLG1uYi7ure/vJ88or3AxrjFw8h5yqF8zNGEa1sJBAwLDAcPBgYBAQJvDXWY0J/OWsHqyJmw5rLox8vzsuvl9B/xwvXS/Pjy/gLWcvdvn69+BwvSISgQ4EB7cPRBTNjQoC2GFPMhdMjRoseJJh1BcqoocmHJjR+5YAyJ8uQ9ki1jFpSokgMZBGa8CFAQwMCAAxEAADs=") center no-repeat !important; 
opacity: .2 !important; 
}

scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] {
margin-left: 0px !important; 
margin-right: 1px !important; 
}

scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] { 
margin-right: 1px !important; 
}

scrollbarbutton {
border: none !important;
background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAACXBIWXMAAC4jAAAuIwF4pT92AAAA4klEQVR42jXPPaqDQBAH8CWdJ3hd6kD6QO4gYuEBBMEP0EIFP0BEz+CKjZ0nSKGlvPeQgIWVHsQixGiKzYyQ4rf8dxh2Zkkcx4ckSQhyXfcHfe9oP8IwPJVleZum6TGO46MoilsQBKe9QdO0KzT8DsPA5nl+o77vGdTugCM8z1Pf95emaV5d163gVdf10/M8pqrqkYiiSBVFWSilK9jyPN+yLFtkWWa6rh+J4zhXaPqDeaxt2w280zRlgiDcoyji9iUtyzobhvFfVdWKMJumed6XhG9yGGzbvkiSRBFmrMELhw9B4Yc3YgC0lAAAAABJRU5ErkJggg==) center no-repeat !important;
opacity: .2 !important; 
}

}

/*Get Addons View*/

@-moz-document url-prefix("https://services.addons.mozilla.org/") {

html, body {
background: #222 !important;
}

HTML > BODY > HEADER {
background: transparent !important;
}

#recs .header,
.feature h2 {
background: transparent !important;
color: #111 !important;
text-shadow: none !important;
color: #000 !important;
}

.feature {
border: none !important
}

#up-and-coming,
#recs,
#recs .gallery-wrap ,
header, 
#images,
#more-ways,
#featured-addons, 
#featured-personas {
background: #6f6f6f !important;
color: black !important;
text-shadow: none !important;
box-shadow:none !important;
border: none !important
}

#top-addons .addon-title:not(:hover) { 
background-color: #6f6f6f !important; 
}

#main > HEADER {
background-color: #111 !important;
border-radius: 6px 6px 0 0 !important;
}

#lightbox-image-details,
h1.addon,
h1.addon > .version,
h2.author {
color: #aaa !important;
text-shadow: none !important;
}

h1.addon {
padding-top: 6px !important;
border: 0 !important;
}

h1.addon > .icon {
margin-left: 6px !important;
}

P#back {
margin: 5px !important;
}

.addon-info.js {
background: #111 !important;
border-radius: 0 0 6px 6px !important;
}

#no-restart-msg {
color: tomato !important;
background: none !important;
border: 0 !important;
}

.help {
background: #A1A1A1 !important;
color: #111 !important;
}

Header a:not(.button),
.all a,
.more a {
color: lightgreen !important;
text-shadow:none !important;
}

#mission {
background-image: -moz-linear-gradient(50% 0%, #444 0px, rgb(236, 241, 247) 100%) !important;
}

.ryff a,
.ryff h3,
.ryff .desc, 
#mission p,
#intro p,
.more,
.all {
color: #111 !important;
}

.button {
color: #999 !important;
background: rgba(0,0,0,.5) !important;
box-shadow: 0 0 4px rgba(161,161,161,.9) inset !important;
text-shadow: rgba(0, 0, 0, 0.5) 0px 1px 0px !important;
border-color: rgba(0,0,0,0.1) !important;
}

.button:hover {
color: #eee !important;
background: rgba(0,0,0,.8) !important;
}

.button.add.installer > b {
background-position: 49% 1px !important;
}

#addon-reviews > .article, 
#addon-reviews > .article > .review-detail,
#main > .addon-info > li,
#top-addons, 
#more-ways {
border:none !important;
}

#up-and-coming > UL > LI {
border-bottom-color: #888 !important;
}

#top-addons li {
border-bottom:none !important;
}

#top-addons a {
color: #111 !important;
}

.wrap,
.rec-addons li > a:not(.prev):not(.next),
.addons li > a:not(.prev):not(.next) {
background: rgba(0,0,0,.7) !important;
box-shadow: 0 0 4px rgba(161,161,161,.9) inset !important;
text-shadow: rgba(0, 0, 0, 0.5) 0px 1px 0px !important;
border:1px solid rgba(0,0,0,0.1) !important;
color: #ddd !important
}

.rec-addons li > a:not(.prev):not(.next):hover,
.addons li > a:not(.prev):not(.next):hover {
background: rgba(0,0,0,.9) !important;
}

.desc {
color: #ccc !important;
}

h3 {
color: #999 !important;
}

h3:hover {
color: #eee !important;
}

hgroup h3{
color:#555 !important;
}

#my-account {
background-image: url("https://static-cdn.addons.mozilla.net/media/img/zamboni/discovery_pane/bg-home.png"), -moz-linear-gradient(50% 0%, #444 0px, rgb(236, 241, 247) 100%) !important;
color: #ddd !important;
}

#my-account a {
color: #111 !important;
}

#more-addons,
#more-personas  {
border:none !important;
}

#sub h2,
#recs .header{
background: #a1a1a1 !important;
border-color: #555 !important;
box-shadow: none !important;
color: #111 !important;
}


#more-addons a,
#more-personas a {
color: #000 !important;
}

.screenshot.thumbnail  {
border-color: #000 !important;
}

body:not(.recs) #main, 
#addon-reviews {
background: #111 !important; 
border-radius: 6px !important; 
text-shadow: none !important; 
color: #aaa !important;
}

#addon-reviews > .article > .review-detail {
background: black !important;
border-radius: 6px !important;
padding-left:4px !important;
padding-top:4px !important;
}

#images ,
#addon-reviews > .article  {
width: 95% !important;
}

#reviews {
padding-top: 6px !important;
background: none !important;
color: tomato !important;
width: 95% !important;
}

#jquery-overlay {
background-color: rgba(0,0,0, 0.9) !important;
}

#lightbox-container-image-box ,
#lightbox-container-image-data-box {
background: #222 !important;
}

#lightbox-container-image-box {
border-radius: 10px 10px 0 0  !important;
}

#lightbox-container-image-data-box {
padding-top:6px !important;
border-radius: 0 0 10px 10px !important;
}

#lightbox-secNav-btnClose {
margin-bottom: 4px !important;
}

#lightbox-secNav-btnClose:not(:hover) {
background-color: black !important;
}

}