/* Glass8 ( http://www.glass8.eu/ ) required for 'Windows 7'-like window transparency */
@-moz-document url(chrome://browser/content/browser.xul) {
#main-window {
background-color: transparent !important;
-moz-appearance: -moz-win-glass !important;
}
}
#main-window:not([customizing]) .titlebar-button,
#main-window:not([customizing]) .titlebar-button:not(#titlebar-close) > .toolbarbutton-icon{
opacity: 0.1 !important;
}
#main-window:not([customizing]) .titlebar-button:hover {
opacity: 1 !important;
}
#main-window:not([customizing]) .titlebar-button:hover {
opacity: 0.60 !important;
}
#main-window:not([customizing])
opacity: 1 !important;
background: red !important;
}
#titlebar-close):hover {
opacity: 1 !important;
background: red !important;
}
/* Firefox userChrome.css */
@namespace url("userChrome.xml#js");
toolbarbutton#characterencoding-button {
-moz-binding: url("userChrome.xml#js");
}
#main-window:not([customizing="true"]) toolbarbutton#characterencoding-button {
visibility: collapse;
}
tabpanels{
background:transparent none!important;
}
:root:not([uidensity="compact"]):not([chromehidden~="toolbar"]) #PanelUI-button {
border-inline-start: none !important;
}
#page-action-buttons > :not([hidden]) ~ #pageActionSeparator {
visibility: hidden !important;
}
/******* button icon colors ******/
#containers-panelmenu,
#web-apps-button,
#e10s-button,
#panic-button,
#cut-button,
#zoom-out-button,
#stop-button,
#stop-button .toolbarbutton-animatable-image,
#stop-reload-button[animate] > #reload-button[displaystop] + #stop-button > .toolbarbutton-animatable-box > .toolbarbutton-animatable-image,
#save-page-button ,
#back-button,
#forward-button,
#new-window-button,
#new-tab-button,
#alltabs-button,
.scrollbutton-up,
.scrollbutton-down,
#navigator-toolbox #TabsToolbar:not(:-moz-lwtheme) #alltabs-button,
#navigator-toolbox #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-arrowscrollbox > .scrollbutton-up,
#navigator-toolbox #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-arrowscrollbox > .scrollbutton-down,
#downloads-button,
#downloads-button[indicator="true"]:not([attention="success"]) #downloads-indicator-icon,
#zoom-in-button,
#copy-button,
#find-button,
#sidebar-button,
#fullscreen-button,
#PanelUI-customize,
#password-notification-icon,
#PanelUI-fxa-status,
#sync-button,
#tabview-button,
#paste-button,
#email-link-button,
#reload-button,
#reload-button .toolbarbutton-animatable-image,
#add-ons-button,
#open-file-button,
#home-button,
#feed-button,
#history-button,
#history-panelmenu,
#library-button,
#privatebrowsing-button,
#print-button,
#webide-button,
#PanelUI-menu-button,
#nav-bar-overflow-button,
#bookmarks-menu-button,
#bookmarks-button,
#bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
#developer-button,
#preferences-button,
#characterencoding-button {
fill: #0d4680 !important;
fill-opacity: 1.0 !important;
opacity: 1.0 !important;
}
/* navigation toolbar background */
#main-window #navigator-toolbox #nav-bar:not(:-moz-lwtheme),
#main-window #navigator-toolbox #nav-bar:-moz-lwtheme,
#main-window #navigator-toolbox #nav-bar {
background: unset !important;
border: unset !important;
box-shadow: unset !important;
}
#main-window[style*='--lwt-header-image'] #navigator-toolbox #nav-bar:-moz-lwtheme {
margin-top: -1px !important;
}
@-moz-document url("chrome://browser/content/browser.xul") {
/* Pinned tab fix */
.tabbrowser-tab[pinned] {
width: 34px;
height: 33px;
}
.tab-background-start[selected=true]::after,
.tab-background-start[selected=true]::before,
.tab-background-start,
.tab-background-end,
.tab-background-end[selected=true]::after,
.tab-background-end[selected=true]::before {
width: 0px !important;
}
/* Obsoleto */
/*.tabbrowser-tab[pinned] .tab-text {
display: none !important;
}*/
/* Usa el color seleccionado en Windows 10 */
#main-window,#titlebar-buttonbox-container {
background-color: transparent !important;
}
#titlebar-buttonbox .toolbarbutton-icon {
opacity: 0 !important;
}
#titlebar-close:hover .toolbarbutton-icon {
opacity: 1 !important;
margin-top: -2px !important;
}
tab:not([selected="true"] ) {
color: rgba(0,0,0,0.75) !important;
}
#identity-box:not(.verifiedIdentity):not(.verifiedDomain) {
background: none !important;
box-shadow: none !important;
border-color: transparent !important;
}
/*Addon bar*/
#browser-bottombox {
border: none !important;
background: transparent !important;
background-image: -moz-linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.3)) !important;
margin-top: -1px !important;
}
}
#TabsToolbar .tab-background {
margin: 0;
background: transparent;
}
/* Obsoleto */
/*.tab-background-start, .tab-background-end {
display: none;
}*/
#TabsToolbar .tab-background-middle {
margin: 3px 3px;
background: transparent;
transition: .2s
}
#TabsToolbar .tabbrowser-tab[selected] {
color: rgba(0,0,0,1);
background: rgba(246,246,246,1);
transition-duration: .2s ;
}
#TabsToolbar .tabbrowser-tab:hover:not([selected]) {
background: rgba(246,246,246,0.65);
transition-duration: .2s ;
}
#TabsToolbar .tabbrowser-tab:not([selected]) {
background: rgba(200,200,200,0.55);
}
#TabsToolbar .tabs-newtab-button {
background: rgba(246,246,246,0.55);
margin-left: 0;
width: auto;
padding: 10px 10px 10px;
transition: .2s ;
}
#TabsToolbar .tabs-newtab-button:hover {
background: rgba(246,246,246,0.65);
}
#TabsToolbar .tabs-newtab-button:active {
background: rgba(246,246,246,0.55);
}
}/*Hide urlbar history dropmarker*/
.urlbar-history-dropmarker {
display: none !important;
}
/*Reduce titlebar margin - choose margin according your windows theme (minimize, maximize close buttons)*/
#main-window {
margin-top: 0 !important;
}
#main-window[sizemode="normal"] #navigator-toolbox[tabsontop="true"] #TabsToolbar,#main-window[sizemode="normal"] #appmenu-button-container {
padding-left: 3px !important;
}
#TabsToolbar[tabsontop="true"] {
background: none !important;
margin-bottom: 0 !important;
height: 23px !important;
}
#TabsToolbar[tabsontop="false"] {
background-image: -moz-linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.1)) !important;
background-color: transparent !important;
border: none !important;
margin-bottom: 0 !important;
padding: 0 !important;
}
#navigator-toolbox::after {
height: 0 !important;
border: none !important;
}
#main-window[sizemode="maximized"] {
margin-top: -2px !important;
}
#main-window[sizemode="fullscreen"] {
margin-top: 0 !important;
}
/*remove background of the combined go/reload/stop button in location bar*/
#urlbar > toolbarbutton {
border-left: none !important;
border-radius: 0 !important;
padding-left: 2px !important;
}
#urlbar[focused="true"]{
-moz-appearance: none !important;
box-shadow: transparent 0px 0px 10px 4px!important;
}
#urlbar:not(:-moz-lwtheme)[focused],
.searchbar-textbox:not(:-moz-lwtheme)[focused] {
box-shadow: none;
}
/* AGENT_SHEET */
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
/* [FAT] Firefox Aero Transparent v 1.8.2 CUSTOM */
/* Made by At-M Visit http://atmsupload.cwsurf.de/*/
/* Ideas, Bugreports or something like that, to Support@ConnectCraft.de */
/* IF YOU USE CODE, CREDIT IT! ( user 62569 )*/
searchbar#searchbar textbox:hover, #urlbar:hover{
border-style: none!important;}
#web-developer-toolbar, #web-developer-toolbar toolbarbutton{
background-color: transparent!important;
border-style: none!important;
color:#FFFFFF!important;
text-shadow: #81F0F6 0px 0px 2px !important;}
.tabbrowser-tab, .tabs-newtab-button {
background: transparent !important;
text-shadow: #FFF 0px 0px 2px !important;
font-size: 0.9em !important;
box-shadow: inset 0px 0px 0px rgba(255,255,255,.5) !important;
height: 24px !important;
border:none !important;}
.tabs-newtab-button{margin-left: 1px !important;}
.tabbrowser-tab:not([pinned="true"]){
margin-left: 1px !important;
color: #FFFFFF !important;}
.tabbrowser-tab[selected="true"]{
background: transparent !important;
color: #FFFFFF !important;
text-shadow: #81F0F6 0px 0px 2px !important;
box-shadow: inset 0px 0px 10px -6px #00bfff !important;}
.tabbrowser-tab:hover{
background: transparent !important;
color: #00bfff !important;
text-shadow: #555444 0px 0px 2px !important;
}
}
/* fix large space issue at items end */
#urlbar-results .urlbarView-row {
border-inline-end: 0px solid transparent !important;
}
/* show scrollbar if needed */
#urlbar-results > .urlbarView-body-outer {
overflow-x: hidden !important;
}
#urlbar-results > .urlbarView-body-outer,
#urlbar-results scrollbox,
#urlbar-results > .urlbarView-body-outer {
overflow-y: auto !important;
}
#urlbar, #page-proxy-stack, #identity-box, .searchbar-textbox
{
background-image: none !important;
background: transparent !important;
border: none !important;
color: #99d6ff !important;
}
#urlbar:hover, #urlbar:active, .searchbar-textbox:hover, .searchbar-textbox:active
{
background-image: none !important;
background: transparent !important;
border: none !important;
color: #99d6ff !important;
}
#identity-box
{
box-shadow: none !important;
}
#searchbar textbox button, .searchbar-engine-image
{
-moz-appearance: none !important;
border: none !important;
box-shadow: none !important;
background: none !important;
}
#search-container .searchbar-textbox
{
font-family: calibri !important;
font-size: 11pt !important;
color: #99d6ff !important; /* Put here the color of the font of searchbar*/
}
#urlbar > .autocomplete-textbox-container {
background-color: #transparent;
color: #99d6ff !important;
}
/* Blank the placeholder text in the address bar */
.urlbar-input-box > .urlbar-input::placeholder {
opacity: 0 !important;
}
/* Blank the placeholder text in the search bar */
#searchbar .textbox-input::placeholder {
opacity: 0 !important;
}
#searchbar textbox button, .searchbar-engine-image
{
-moz-appearance: none !important;
border: none !important;
box-shadow: none !important;
background: none !important;
}
#search-container .searchbar-textbox
{
font-family: calibri !important;
font-size: 11pt !important;
color: #99d6ff !important; /* Put here the color of the font of searchbar*/
}
#urlbar > .autocomplete-textbox-container {
background-color: #transparent;
color: #99d6ff !important;
}
/* Blank the placeholder text in the address bar */
.urlbar-input-box > .urlbar-input::placeholder {
opacity: 0 !important;
}
/* Blank the placeholder text in the search bar */
#searchbar .textbox-input::placeholder {
opacity: 0 !important;
}
/* AGENT_SHEET */
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
/* [FAT] Firefox Aero Transparent v 1.8.2 CUSTOM */
/* Made by At-M Visit http://atmsupload.cwsurf.de/*/
/* Ideas, Bugreports or something like that, to Support@ConnectCraft.de */
/* IF YOU USE CODE, CREDIT IT! ( user 62569 )*/
tooltip {
-moz-appearance: none !important;
background-color: black !important;
opacity: 0.8px !important;
color: white !important;
border: 1px solid black !important;
padding: 5px !important;
}
tooltip label {
-moz-appearance: none !important;
background-color: black !important;
opacity: 0.8px !important;
color: white !important;
border: 1px solid black !important;
padding: 5px !important;
}
searchbar#searchbar textbox:hover, #urlbar:hover{
background-color: none(129, 240, 246, 0.2)!important;
border-style: none!important;}
#web-developer-toolbar, #web-developer-toolbar toolbarbutton{
background-color: transparent!important;
border-style: none!important;
color:#FFFFFF!important;
text-shadow: #81F0F6 0px 0px 2px !important;}
}
https://superuser.com/questions/128928/cant-change-firefox-menu-background-color-using-userchrome-css-on-windows-7
{
}
/*Theme color Setting*/@-moz-document url("chrome://browser/content/browser.xul"),regexp("about:.*"){:root{
--in-content-border-highlight:var(--?);--in-content-link-color:var(--?);--in-content-link-color-hover:var(--?)}}
#context-sep-navigation {
background: black !important; -moz-appearance:black -moz-win-glass !important;
-moz-appearance: -moz-win-borderless-glass !important;
opacity: 0.12 !important;
color: transparent !important;
/* display: none !important; */
}
#context-navigation {
background: black !important; -moz-appearance:black -moz-win-glass !important;
-moz-appearance: -moz-win-borderless-glass !important;
opacity: 0.5 !important;
color: transparent !important;
/* display: none !important; */
}
.panel-arrow {filter:brightness(1)!important}
#PanelUI-fxa-avatar {filter:invert(1)hue-rotate(180deg)}
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
@-moz-document url(chrome://browser/content/browser.xul),
url(chrome://global/content/customizeToolbar.xul){
}
/*AGENT_SHEET*/
/* Github: https://github.com/LionWrathz/Fox ************************************/
/****************************************************************************************/
@import url(./classic_squared_tabs_australized.css);
#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab {
color: white !important;
text-shadow: 1px 1px 1px black !important;
}
/* remove default tab colors */
#TabsToolbar .tabbrowser-tab[visuallyselected="true"],
#TabsToolbar .tabbrowser-tab,
#TabsToolbar .tabbrowser-tab .tab-background {
background: unset !important;
border: unset !important;
}
/* tab border color */
#TabsToolbar .tabbrowser-tab:not(:-moz-lwtheme):not([selected]):hover .tab-content,
#TabsToolbar:not(:-moz-lwtheme) .tabs-newtab-button:hover {
border-top: 1px solid important;
}
#TabsToolbar:not(:-moz-lwtheme) .tabs-newtab-button,
#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab .tab-content {
background-image: linear-gradient(to top,transparent,transparent) !important;
}
#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab .tab-content[selected="true"] {
}
#TabsToolbar,
#main-window:not([style*='--lwt-header-image']):-moz-lwtheme-brighttext #TabsToolbar:-moz-lwtheme,
#main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-brighttext #TabsToolbar:-moz-lwtheme {
border-bottom: 0 !important;
}
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {
padding-bottom: calc(0px + var(--tab-min-height_tnot)) !important;
border-bottom: 0 !important;
}
/*AGENT_SHEET*/
/* Firefox 57+ userChrome.css tweaks ****************************************************/
/* Github: https://github.com/LionWrathz/Fox ************************************/
/****************************************************************************************/
/* tabs toolbar background */
#main-window #navigator-toolbox #TabsToolbar:not(:-moz-lwtheme),
#main-window #navigator-toolbox #TabsToolbar:-moz-lwtheme,
#main-window #navigator-toolbox #TabsToolbar {
background: unset !important;
border: unset !important;
box-shadow: unset !important;
}
#main-window[sizemode="normal"] #TabsToolbar:not(:-moz-lwtheme){
border-left: unset !important;
border-right: unset !important;
}
/*AGENT_SHEET*/
/* Firefox 57+ userChrome.css tweaks ****************************************************/
/* Github: https://github.com/LionWrathz/Fox ************************************/
/****************************************************************************************/
#main-window[tabsintitlebar][sizemode="normal"] #toolbar-menubar[autohide="true"][inactive="true"] {
margin-top: 30px !important;
}
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] {
margin-top: 30px !important;
}
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
/*Removes background-color from Chrome*/
#appcontent,
#appcontent > #content,
#appcontent > #content > tabbox > tabpanels
{
background-color: transparent !important;
}
/*For transparency in fullscreen*/
#main-window[inFullscreen="true"]
{
-moz-appearance: -moz-win-borderless-glass !important;
background: none !important;
}
/*Sets content transparent*/
#main-window[stylish-url="about:blank"]:not([onclose^="PrintUtils"]):not([title^="Source Chart"]):not([chromehidden="menubar toolbar directories extrachrome "]) #content browser:not([src])
{
opacity: 0.5 !important;
}
#main-window[stylish-url="about:newtab"]:not([onclose^="PrintUtils"]):not([title^="Source Chart"]):not([chromehidden="menubar toolbar directories extrachrome "]) #content browser:not([src])
{
opacity: 0.5 !important;
}
/*Fixes Aero border*/
#main-window[stylish-url="about:blank"]:not([onclose^="PrintUtils"]):not([title^="Source Chart"]):not([chromehidden="menubar toolbar directories extrachrome "]) #appcontent
{
-moz-appearance: none !important;
}
#main-window[stylish-url="about:newtab"]:not([onclose^="PrintUtils"]):not([title^="Source Chart"]):not([chromehidden="menubar toolbar directories extrachrome "]) #appcontent
{
-moz-appearance: none !important;
}
/*Sets tab appearance*/
.tabbrowser-tab
{
background: transparent!important;
color: #ffffff!important;
border: none !important;
/*border-bottom: solid 0px !important;*/
padding-left: 2px !important;
padding-right: 2px !important;
height: 20px !important;
text-shadow: #555444 0px 0px 5px !important;
border-radius: 3px 3px 0px 0px !important;
box-shadow: inset 0px 0.5px 0.5px 0px #e3e3e3;
}
/*Sets selected tab appearance*/
.tabbrowser-tab[selected="true"]
{
background: transparent !important;
border-bottom: none !important;
color: #ffffff !important;
font-weight: bold;
text-shadow: #555444 0px 0px 5px !important;
box-shadow: inset 1px 5px 5px 0px #e3e3e3;
}
/*Sets tab appearance when hovered over*/
.tabbrowser-tab:hover
{
background: transparent !important;
border-bottom: solid 0px;
color: #FFFFFF !important;
/*font-weight: bold;*/
text-shadow: #e3e3e3 0px 0px 5px !important;
box-shadow: inset 1px 5px 5px 0px #e3e3e3;
}
#TabsToolbar .tabs-newtab-button .toolbarbutton-icon {
padding: 9px !important;
margin: 0px !important;
width: 32px !important;
height: 32px !important;
}
#main-window #navigator-toolbox #TabsToolbar .tabs-newtab-button,
#main-window #navigator-toolbox #TabsToolbar #new-tab-button {
margin-left: -2px !important;
margin-right: 0px !important;
}
/*Sets tab and new tab button spacing*/
.tabbrowser-tab:not([pinned="true"])
{
margin-left: 0px !important;
margin-right: 0px !important;
color: #ffffff !important;
}
/*Settings for toolbars, status-bar, add-on etc. appearance*/
#TabsToolbar, #browser-bottombox, #status-bar, #status-bar > *, #PersonalToolbar, #addon-bar
{
background: transparent !important;
border: #000000 !important;
border-style: none !important;
color: #ffffff !important;
text-shadow: #FFFFFF 0px 0px 5px !important;
-moz-appearance: none !important;
}
/*AGENT_SHEET*/
/* Firefox 57+ userChrome.css tweaks ****************************************************/
/* Github: https://github.com/LionWrathz/Fox ************************************/
/****************************************************************************************/
/* bookmarks toolbar background */
#main-window #navigator-toolbox #PersonalToolbar:not(#TabsToolbar):not(#toolbar-menubar):not(#nav-bar):not(:-moz-lwtheme),
#main-window #navigator-toolbox #PersonalToolbar:not(:-moz-lwtheme),
#main-window #navigator-toolbox #PersonalToolbar:-moz-lwtheme,
#main-window #navigator-toolbox #PersonalToolbar {
background: unset !important;
border: unset !important;
box-shadow: unset !important;
}
#nav-bar
{
background: transparent !important;
border: #000000 !important;
border-style: none !important;
color: #ffffff !important;
text-shadow: #FFFFFF 0px 0px 5px !important;
-moz-appearance: none !important;
}
searchbar#searchbar textbox
{
border-style: none !important;
color: #000000 !important;
}
}
stack#page-proxy-stack
{
background-color: transparent !important;
border-style: none !important;
color: #ffffff!important;
}
image#page-proxy-favicon
{
background-color: transparent !important;
border-style: none !important;
}
box.unknownIdentity#identity-box
{
background-color: transparent !important;
border-style: none !important;
}
#webdeveloper-toolbar
{
background-color: transparent!important;
border-style: none !important;
color: #ffffff !important;
text-shadow: #FFFFFF 0px 0px 5px !important;
}
#PersonalToolbar
{
background-color: transparent!important;
color: #ffffff!important;
}
.chromeclass-directories *, #bookmarksPanel *
{
/*color: #ffffff !important;*/
text-shadow: #FFFFFF 0px 0px 5px !important;
}
#personal-bookmarks
{
background-color: transparent!important;
}
tooltip
{
-moz-appearance: none !important;
border: none !important;
color: #e3e3e3 !important;
text-shadow: #000000 0px 0px 5px !important;
background-color: rgba(0,0,0,0.60) !important;
border-radius: 7px 7px 7px 7px;
}
#appmenu-button
{
padding: 1px 5px 1px 5px !important;
background: transparent !important;
border-radius: 0px 0px 4px 4px !important;
border-top: 0px !important;
margin-top: 0px !important;
margin-left: 3px !important;
}
