We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

Buscar en Ayuda

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

firefox theme problem

  • 1 respuesta
  • 1 tiene este problema
  • 8 visitas
  • Última respuesta de the-edmeister

more options

after months i created a theme which i love with old theme restorer and stylish but one problem still remain!!!!!!!!!!!!!! if i maximize windows half left (or right )and then maximize window to take all screen (not full screen) the ui is not properly restored extra pixel about 4 are subtracked see pic my stylish is

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@-moz-document url(chrome://browser/content/browser.xul) {
#TabsToolbar {
	min-height: 22px!important
}
.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,
.tabbrowser-tabs{
	min-height: 22px!important
}

#nav-bar .toolbarbutton-1:not([type=menu-button]),
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button,
#nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
	padding-top: 1px!important;
	padding-bottom: 1px!important
}
    
#main-window:not([inFullscreen]) #TabsToolbar:-moz-window-inactive {
    margin-bottom: 1px !important;
}

#main-window:-moz-window-inactive #TabsToolbar {
    margin-bottom: 0 !important;
}
	
#main-window[sizemode="maximized"]{ margin-top: -27px; } 
#main-window[sizemode="normal"]{ margin-top: -24px; }

	

#nav-bar {

background:none !important;
}
/* normal */

#main-window:not([inFullscreen]):not([privatebrowsingmode]) #TabsToolbar {
    margin-bottom: 1px;
    margin-top: -7px;
    border: 0.1px solid !important;
}

#main-window:not([inFullscreen]):not([privatebrowsingmode]) .tabbrowser-tabs {
    margin-bottom: -2px !important;
    
    
}
.tab-throbber { display: none !important }

/* private */

#main-window[privatebrowsingmode] #TabsToolbar {
    margin-bottom: -1px !important;
    margin-top: -4px !important;
}

#main-window[privatebrowsingmode] #TabsToolbar:-moz-window-inactive {
    margin-bottom: -1px !important;
    border: 0.1px solid !important;
}


.tabbrowser-tab[pinned=true] {

    width: 0.4in;

}
tabs {
    margin-left: -16px !important;

}

tabs > * > *  {
    
    max-height: 27px;
}

#nav-bar {
    
    height: 33.5px !important;

    border: 0.1px solid !important;
}

/* Lower the tab bar */
tab {height: 26px !important;
     max-height: 26px !important;
     -moz-appearance: none !important;
}
/*Style Small Buttons*/
#navigator-toolbox:not([iconsize="large"]) #nav-bar toolbarbutton:not([class="box-inherit toolbarbutton-menubutton-button"]):not([id="back-button"]):not([id="forward-button"]):not([id="zoom-out-button"]):not([id="zoom-in-button"]):not([id="urlbar-reload-button"]):not([id="urlbar-stop-button"]):not([id="urlbar-go-button"]),
#navigator-toolbox:not([iconsize="large"]) toolbar #back-button,
#navigator-toolbox:not([iconsize="large"]) toolbar #forward-button,
#navigator-toolbox:not([iconsize="large"]) toolbar #zoom-out-button,
#navigator-toolbox:not([iconsize="large"]) toolbar #zoom-in-button {
border-radius: 1px !important;
min-height: 28px !important;
max-height: 28px !important;}
     



		toolbarbutton:hover > .toolbarbutton-icon,

		statusbarpanel:hover > .statusbarpanel-icon,
		
		statusbarpanel:hover > image,
		
		/*statusbarpanel:hover > label,/*uncomment if needed*/
		
		.urlbar-icon:hover,
		
		#urlbar > dropmarker:hover,

		#page-proxy-favicon:hover {

			/*opacity: 1.00 !important;/*uncomment if needed*/

			margin-top: -1px !important;

			-moz-transform: scale(1.25) !important;

			image-rendering: auto !important;

		}
	.tabbrowser-tab[selected="true"],
.tabbrowser-tab:not([selected="true"]):hover {
	background-image: url(file:///Users/Al3/Library/Application%20Support/firefox/imagemia.png) !important;

}

    .tabbrowser-tab[selected="true"] {
   border-top: 1px solid #FF0000   !important;
  }

/* Change text color of loading/reloading tab - Magenta */
.tabbrowser-tab[busy]{
   border-top: 3px solid #00ddff   !important;
    }

   
}

the main problem is related to

#main-window[sizemode="maximized"]{ margin-top: -27px; } 
#main-window[sizemode="normal"]{ margin-top: -24px; }

when RE-maximizing windows margin top is messed!!!!!!!!!!! please halp me i love firefox but i m very feed up!!!!!!!!!!!

since i cannot even upload creen shot here a public link for it shame!!!!!!! https://copy.com/DxqBIu0TC2ooLe7n

after months i created a theme which i love with old theme restorer and stylish but one problem still remain!!!!!!!!!!!!!! if i maximize windows half left (or right )and then maximize window to take all screen (not full screen) the ui is not properly restored extra pixel about 4 are subtracked see pic my stylish is <pre><nowiki>@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); @-moz-document url(chrome://browser/content/browser.xul) { #TabsToolbar { min-height: 22px!important } .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, .tabbrowser-tabs{ min-height: 22px!important } #nav-bar .toolbarbutton-1:not([type=menu-button]), #nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button, #nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker { padding-top: 1px!important; padding-bottom: 1px!important } #main-window:not([inFullscreen]) #TabsToolbar:-moz-window-inactive { margin-bottom: 1px !important; } #main-window:-moz-window-inactive #TabsToolbar { margin-bottom: 0 !important; } #main-window[sizemode="maximized"]{ margin-top: -27px; } #main-window[sizemode="normal"]{ margin-top: -24px; } #nav-bar { background:none !important; } /* normal */ #main-window:not([inFullscreen]):not([privatebrowsingmode]) #TabsToolbar { margin-bottom: 1px; margin-top: -7px; border: 0.1px solid !important; } #main-window:not([inFullscreen]):not([privatebrowsingmode]) .tabbrowser-tabs { margin-bottom: -2px !important; } .tab-throbber { display: none !important } /* private */ #main-window[privatebrowsingmode] #TabsToolbar { margin-bottom: -1px !important; margin-top: -4px !important; } #main-window[privatebrowsingmode] #TabsToolbar:-moz-window-inactive { margin-bottom: -1px !important; border: 0.1px solid !important; } .tabbrowser-tab[pinned=true] { width: 0.4in; } tabs { margin-left: -16px !important; } tabs > * > * { max-height: 27px; } #nav-bar { height: 33.5px !important; border: 0.1px solid !important; } /* Lower the tab bar */ tab {height: 26px !important; max-height: 26px !important; -moz-appearance: none !important; } /*Style Small Buttons*/ #navigator-toolbox:not([iconsize="large"]) #nav-bar toolbarbutton:not([class="box-inherit toolbarbutton-menubutton-button"]):not([id="back-button"]):not([id="forward-button"]):not([id="zoom-out-button"]):not([id="zoom-in-button"]):not([id="urlbar-reload-button"]):not([id="urlbar-stop-button"]):not([id="urlbar-go-button"]), #navigator-toolbox:not([iconsize="large"]) toolbar #back-button, #navigator-toolbox:not([iconsize="large"]) toolbar #forward-button, #navigator-toolbox:not([iconsize="large"]) toolbar #zoom-out-button, #navigator-toolbox:not([iconsize="large"]) toolbar #zoom-in-button { border-radius: 1px !important; min-height: 28px !important; max-height: 28px !important;} toolbarbutton:hover > .toolbarbutton-icon, statusbarpanel:hover > .statusbarpanel-icon, statusbarpanel:hover > image, /*statusbarpanel:hover > label,/*uncomment if needed*/ .urlbar-icon:hover, #urlbar > dropmarker:hover, #page-proxy-favicon:hover { /*opacity: 1.00 !important;/*uncomment if needed*/ margin-top: -1px !important; -moz-transform: scale(1.25) !important; image-rendering: auto !important; } .tabbrowser-tab[selected="true"], .tabbrowser-tab:not([selected="true"]):hover { background-image: url(file:///Users/Al3/Library/Application%20Support/firefox/imagemia.png) !important; } .tabbrowser-tab[selected="true"] { border-top: 1px solid #FF0000 !important; } /* Change text color of loading/reloading tab - Magenta */ .tabbrowser-tab[busy]{ border-top: 3px solid #00ddff !important; } } </nowiki></pre> the main problem is related to <pre><nowiki>#main-window[sizemode="maximized"]{ margin-top: -27px; } #main-window[sizemode="normal"]{ margin-top: -24px; }</nowiki></pre> when RE-maximizing windows margin top is messed!!!!!!!!!!! please halp me i love firefox but i m very feed up!!!!!!!!!!! since i cannot even upload creen shot here a public link for it shame!!!!!!! https://copy.com/DxqBIu0TC2ooLe7n
Capturas de pantalla adjuntas

Modificadas por cor-el el

Todas las respuestas (1)

more options

Both those screenshots are too small to actually see the problem that you mention - except maybe on a Retina screen. And considering you are running the Nightly 38.0a1 version, which isn't always stable ....

Try posting at MozillaZine in the Builds forum. http://forums.mozillazine.org/viewforum.php?f=23 Or the Theme Development forum. http://forums.mozillazine.org/viewforum.php?f=18