Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Search Support

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 ŋuɖoɖo
  • 1 masɔmasɔ sia le esi
  • 8 views
  • Nuɖoɖo mlɔetɔ 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
Screen ƒe photowo kpe ɖe eŋu

cor-el trɔe

All Replies (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