legacy/fx60-90/css/aboutaddons/addons_manager_alternative_appearance_v2.css
/* Firefox Quantum userChrome.css tweaks ************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
/****************************************************************************************/

@-moz-document url-prefix(chrome://mozapps/content/extensions/extensions.xul),
	url-prefix(about:addons),
	url-prefix(chrome://mozapps/content/extensions/aboutaddons.html),
	url-prefix(chrome://mozapps/content/extensions/aboutaddons.xhtml) {

	.category {
	  margin-inline-start: 0px !important;
	}

	/* main colors addons-page */
	#addons-page {
	  background: linear-gradient(to bottom right, #f5f5f5,-moz-Dialog,#f5f5f5,-moz-Dialog) !important;
	}

	#addons-page #nav-header,
	#addons-page #categories,
	#addons-page .main-content{
	  background-color: transparent !important;
	}

	#addons-page .alert,
	#addons-page #legacy-view,
	#addons-page #detail-view,
	#addons-page #search-list {
	  background-color: white !important;
	}
	
	#addons-page .alert {
	  box-shadow: 2px 2px 2px rgba(200,200,200,0.5) !important;
	  padding: 0px !important;
	}
	
	/* Highlight */
	#addons-page .main-content .addon:hover,
	#addons-page .main-content .addon[active="false"]:hover{
	  background: Highlight !important;
	  color: HighlightText !important;
	}
	#addons-page .main-content .addon:hover .button-link label,
	#addons-page .main-content .addon:hover .basicinfo-container label,
	#addons-page .main-content .addon:hover .description-container label,
	#addons-page .main-content .addon:hover .relnotes-toggle:not(:hover) label{
	  color: HighlightText !important;
	}
	
	#addons-page .main-content .addon:hover .button-link:hover label {
	  text-decoration: underline !important;
	  text-decoration-color: HighlightText !important;
	}
	
	/* main colors category items */
	#addons-page button.sorter[checked="true"],
	#addons-page #categories .category[selected]{
	  background-color: white !important;
	  color: black !important;
	}

	#addons-page button.sorter:not([checked="true"]):hover,
	#addons-page #categories .category:not([selected]):hover{
	  background-color: Highlight !important;
	  color: HighlightText !important;
	}

	#addons-page button.sorter:not([checked="true"]):not(:hover),
	#addons-page #categories .category:not([selected]):not(:hover){
	  color: black !important;
	}

	/* dimensions / positioning */
	#addons-page .main-content{
	  padding: 0 !important;
	  margin: 0 !important;
	}

	#addons-page #header-search{
	  min-height: unset !important;
	}

	#addons-page #header-search .textbox-input-box{
	  height: 18px !important;
	}
	
	#addons-page #addon-list {
	  -moz-margin-start: -1px !important;
	}

	#addons-page:not(.inSidebar):not([aios-inSidebar="true"])  .view-pane > .list > scrollbox {
	  padding-right: 0 !important;
	  padding-left: 0 !important;
	}

	#addons-page #detail-view,
	#addons-page #userstyle-sorting,
	#addons-page .global-warning-container,
	#addons-page .global-info-container{
	  -moz-margin-start: 0px !important;
	  -moz-margin-end: 1px !important;
	}

	#addons-page .detail-view-container {
	  -moz-margin-start: 10px !important;
	}

	#addons-page #view-port{
	  -moz-margin-end: 4px !important;
	}

	#addons-page #header{
	  padding: 2px 0 !important;
	  margin: 0 !important;
	}

	/* buttons / menulists */
	#addons-page  #custombutons-add-new,
	#addons-page #header button,
	#addons-page #header #header-utils-btn,
	#addons-page #list-view .global-info button,
	#addons-page #list-view .discover-button,
	#addons-page .status-control-wrapper button,
	#addons-page #userstyle-sorting button,
	#addons-page #update-actions button,
	#addons-page #updates-list-empty button,
	#addons-page .relnotes-toggle,
	#list-view menulist,
	#updates-list menulist{
	  padding: 2px !important;
	  min-height: unset !important;
	  height: unset !important;
	}
	
	#addons-page  #custombutons-add-new,
	#addons-page #header button:not(.button-link),
	#addons-page #header #header-utils-btn,
	#addons-page #list-view .global-info button:not(.button-link),
	#addons-page #list-view .discover-button,
	#addons-page #list-view menulist,
	#addons-page #updates-list menulist,
	#addons-page .status-control-wrapper button,
	#addons-page #userstyle-sorting .addon-control,
	#addons-page #update-actions button,
	#addons-page #updates-list-empty button,
	#addons-page .relnotes-toggle:hover{
	  background-image: linear-gradient(to bottom, rgba(255,255,255,0.15), rgba(255,255,255,0.20),rgba(0,0,0,0.01)) !important;
	}

	#addons-page #header-utils-btn{
	  padding: 2px !important;
	  height: unset !important;
	}

	#addons-page button.sorter{
	  padding: 2px !important;
	  min-height: 26px !important;
	  height: unset !important;
	}

	#addons-page #header-search{
	  padding: 1px !important;
	  height: unset !important;
	}
	
	/* add-on entry */
	#addons-page .main-content .addon[active="false"]{
	  opacity: .8 !important;
	}
	
	#addons-page .main-content #search-list .addon[status="installed"][active="false"]{
	  opacity: .5 !important;
	}

	/* detail view */
	#detail-view button:not(.button-link):not(.text-link),
	#detail-view menulist{
	  padding: 2px !important;
	  min-height: unset !important;
	  height: unset !important;
	  background-image: linear-gradient(to bottom, rgba(255,255,255,0.15), rgba(255,255,255,0.20),rgba(0,0,0,0.01)) !important;
	}
	
	#detail-view colorpicker[type="button"]{
	  padding: 2px !important;
	  min-height: 26px !important;
	  min-width: 40px !important;
	  height:auto !important;
	  width: auto !important;
	}

	#detail-view .box-inherit.scrollbox-innerbox {
	  margin: 0px !important;
	}
	
	#detail-name-container {
	  font-size: 150% !important;
	}
	
	/* checkbox and radio items */
	#addons-page checkbox image,
	#addons-page radio image {
	  width: 16px !important;
	  height: 16px !important;
	  margin: 0 !important;
	}
	
	/* remove navigation buttons */
	#nav-header #back-btn,
	#nav-header #forward-btn {
	  visibility: hidden !important;
	}
	
	/* tweaks for small windows */
	@media (max-width: 830px) {
	  
	  .category {
		padding-inline-start: 10px !important;
		margin-inline-end: 0px !important;
	  }

	  .main-content {
		padding-left: 28px !important;
		padding-right: 28px !important;
	  }

	}
	
	/* colorize category icons */
	#category-search .category-icon {
	  fill: #8aa8cc !important;
	}

	#category-discover .category-icon {
	  fill: #8b8b8b !important;
	}

	#category-extension .category-icon {
	  fill: #63c54f !important;
	}

	#category-theme .category-icon {
	  fill: #ffba2f !important;
	}

	#category-plugin .category-icon {
	  fill: #2b63c1 !important;
	}

	#category-dictionary .category-icon {
	  fill: purple !important;
	}

	#category-legacy .category-icon {
	  fill: red !important;
	}

	#category-availableUpdates .category-icon {
	  fill: orange !important;
	}

	#category-recentUpdates .category-icon {
	  fill: #b99c16 !important;
	}

	.category:not([selected="true"]):hover .category-icon {
	  filter: brightness(2.00) !important;
	}
	
	#category-discover:not([selected="true"]):hover .category-icon,
	#category-theme:not([selected="true"]):hover .category-icon{
	  filter: brightness(1.5) !important;
	}
	
	#category-plugin:not([selected="true"]):hover .category-icon{
	  filter: brightness(2.25) !important;
	}
	
	/* Firefox 64 changes */
	#list-view-heading {
	  margin-top: unset !important;
	  margin-bottom: unset !important;
	  margin-inline-start: unset !important;
	  min-width: 100% !important;
	}

	#list-view-heading .header-name {
	  font-size: inherit !important;
	  font-weight: unset !important;
	}

	#nav-header {
	  min-height: unset !important;;
	}

	#header-inner {
	  width: unset !important;
	  margin-top: 2px !important;
	  margin-bottom: 2px !important;
	  -moz-margin-start: 25vw !important;
	}

	#list-view-heading {
	  margin-top: -27px !important;
	}

	.addon.card {
	  max-width: unset !important;
	  padding-inline-end: 0px !important;
	}

	.list-view-heading-inner {
	  -moz-box-flex: 1 !important;
	  width: unset !important;
	}

	.list > .addon {
	  margin: unset !important;
	}

	.list > .addon,
	.list > .addon:hover {
	  /*outset: unset !important;*/
	  box-shadow: unset !important;
	  /*duration: unset !important;*/
	  padding-top: 10px !important;
	  padding-bottom: 10px !important;
	  margin-top: 4px !important;
	  margin-bottom: 4px !important;
	}

	.sidebar-footer-button .text-link {
	  margin-inline-start: 0 !important;
	}

	#detail-view .card {
	  /*outset: unset !important;*/
	  box-shadow: unset !important;
	  /*duration: unset !important;*/
	}
	
	#detail-view .detail-view-container {
	  width: calc(100vw - 300px) !important;
	}
	#detail-view .detail-view-wrapper > spacer {
	  display: none !important;
	}
	
	#detail-icon {
	  min-width: 64px !important;
	  min-height: 64px !important;
	  max-width: 64px !important;
	  max-height: 64px !important;
	}

}

/* get add-ons discovery page */
html[data-reactroot] body[class="js-focus-visible"],
html[data-reactid][data-reactroot] head[data-reactid] + body[data-reactid]{
  background: white !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
}

@-moz-document  url-prefix(chrome://mozapps/content/extensions/shortcuts.html) {

	html,
	body {
	  background: -moz-Dialog !important;
	}

	.body {
	  margin-inline-start: 0px !important;
	  margin-inline-end: 0px !important;
	  margin-bottom: 4px !important;
	  max-width: unset !important;
	}

	#addon-shortcuts .shortcut.card {
	  width: unset !important;
	  padding-top: 0 !important;
	  padding-bottom: 0 !important;
	  margin: 1px 0  !important;
	}

}

@-moz-document url-prefix(chrome://mozapps/content/extensions/extensions.xul),
	url-prefix(about:addons),
	url-prefix(chrome://mozapps/content/extensions/aboutaddons.html),
	url-prefix(chrome://mozapps/content/extensions/aboutaddons.xhtml) {
	.main-heading,
	.main-search {
	  background: unset !important;
	  max-width: unset !important;
	  padding-inline-start: unset !important;
	  padding-top: unset !important;
	  padding-bottom: unset !important;
	}
	.sticky-container {
	  background: -moz-Dialog !important;
	  z-index: 1000 !important;
	}
}
