Posts
Make your Firefox 4 look like Google Chrome
Author: Bharath M Urs
________________________________________________________________________________________________
Firefox 4 Tweaks
Here is a small tweak to make your firefox look like Google Chrome.
(click on the image for larger view)
Firstly, open your firefox,
-> Goto HELP > Troubleshooting Information > Click on "Open Containing Folder".
-> Close the firefox for now.
-> In the opened folder, go inside the Chrome folder.
-> Here create a new file - "userChrome.css".
-> Copy the following code inside this file
********userChrome.css START *********
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */
@media all and (-moz-windows-compositor) {
/* This set of declarations moves the menubuttonover over to the right. */
#main-window[sizemode="maximized"][tabsontop="true"] > #appmenu-button-container { position: fixed !important; right: 5em !important; }
#main-window[sizemode="normal"][tabsontop="true"] > #appmenu-button-container { position: fixed !important; right: 4.5em !important; padding-top: 0em; }
/* This makes the menubutton transparent, and adjusts the size of the button. */
/* #appmenu-button{ padding: 0px 0px !important; margin-top:3px !important; background-color: rgba(54, 121, 166, 0.2) !important; } */
/* This set of declarations adjusts the tab bar. It makes the tab bar flush against the scren when maximized, for Fitt's law purposes. */
#main-window[sizemode="normal"][tabsontop="true"] > #navigator-toolbox[tabsontop="true"] > #TabsToolbar { padding-left: 0px !important; padding-top:1em !important; padding-right:13em !important; }
#main-window[sizemode="maximized"][tabsontop="true"] > #navigator-toolbox[tabsontop="true"] > #TabsToolbar { padding-left: 0px !important; padding-top:0px !important; margin-right:13em !important; }
/* This lets the tabs themselves get itsy bitsy before invoking FF's scrolling tab bar. */
.tabbrowser-tab:not([pinned]) { max-width: 250px !important; min-width: 20px !important; }
/* These declarations replace the menubutton with an icon, and style it appropriately. */
#appmenu-button { width: 16px !important; height: 16px !important; background-color: rgba(0,0,0,0) !important; background-repeat: no-repeat !important; -moz-box-shadow: 0 0 0 rgba(0,0,0,0) !important; border: 0 !important; padding: 0 !important;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAL8SURBVHjaYvz//z8DNnDmzJnkP3/+xPz9+5fh9+/fSxwcHOZiUwcQQIzIBly6dEkTqOEpEH8Ban4hJycnCpI/ceLEay4uLgmgGA/QMOmgoKDrMD0AAcSEpHk2UOMVoKKbQEXiQPz358+fDCDMxsb2FyT269evm0B8ZcmSJbNh+gACCGzAxYsXq7m5uVPk5eWZBAUFQTbdBmLxHz9+MHz//p3h379/IANvA+UlgF5hEhERSenp6akG6QUIIBYQATSV6cWLFyC/MIJsFBcX52ZiYgL5HWyLpqYmSJwbJPfw4UOGQ4cO/QcaDrYcIIDgYXDs2LFWfn7+KpCtoID7+PEjw6NHjxhYWVkZFBUVGVhYWMAGfvv2DeTdtrKyMrALAAKIERhAZ4HOFQNibgkJCcGvX78yvH//HmTgcSC7jp2dnQHorSYTExNLkGVArzLs37//PdCwr0A9rwACiAVIGKiqqjK9ffsWbCvIxpcvXzIAvVDX0dGxB2TL7NmzQWK7gRYwgNRZWVkJAr0p2NfXJwUQQEwgZ4H8BjQI7HSQLTw8PAxA78CjF6QGJA8MTLAaYJgxgFwK8g5AALE8efLkAhCIAZ3Jra+vLwgKdWlpaZBNTbNmzQJrBuImSUlJsEZQ4AKj8f2XL1++AsVfAQQQPBDXrl3bClRUBbIJFGAghY8fPwbbKCUlBaZBhoNsBoZB27Rp08CBCBBA4KhYs2ZNLdD0SgEBAbBmYMJhAKY8BmC8MygoKIADDhSYHBwc4BgBhlNlRkZGLUgvQACB0wEwDP4BA4iRk5MTlKgY7t69+xXoAi57e3tGkL+XLVv2n5GR8ZuFhQW3qKgog5CQECMwKv+B9AIEENwLTU1Ns9+9e5cEdOIroAIjXl7ecx4eHqBUCYqFF8D0YQQ07Bww4MSAfp+3bdu2VJA+gACC54W6ujqQgA7Q+epAb7wEKmb+9OkTw+vXr0EuZAbKvQSKq4PUwDSDAEAAMeLKznl5eclAzTGgKAY6fwkwkLFmZ4AAAwDzKLPEVR9s/QAAAABJRU5ErkJggg%3D%3D') !important;
}
#appmenu-button-container { margin-left: 0px !important; margin-top: 2px !important; margin-bottom: -8px !important; }
#appmenu-button .button-text { color: rgba(0,0,0,0) !important; text-shadow: 0 0 0 rgba(0,0,0,0) !important; }
#appmenu-button dropmarker, .tabs-alltabs-button { display: none !important; }
}
@media all and (-moz-windows-compositor) {
/* This set of declarations moves the menubuttonover over to the right. */
#main-window[sizemode="maximized"][tabsontop="true"] > #appmenu-button-container { position: fixed !important; right: 5em !important; }
#main-window[sizemode="normal"][tabsontop="true"] > #appmenu-button-container { position: fixed !important; right: 4.5em !important; padding-top: 0em; }
/* This makes the menubutton transparent, and adjusts the size of the button. */
/* #appmenu-button{ padding: 0px 0px !important; margin-top:3px !important; background-color: rgba(54, 121, 166, 0.2) !important; } */
/* This set of declarations adjusts the tab bar. It makes the tab bar flush against the scren when maximized, for Fitt's law purposes. */
#main-window[sizemode="normal"][tabsontop="true"] > #navigator-toolbox[tabsontop="true"] > #TabsToolbar { padding-left: 0px !important; padding-top:1em !important; padding-right:13em !important; }
#main-window[sizemode="maximized"][tabsontop="true"] > #navigator-toolbox[tabsontop="true"] > #TabsToolbar { padding-left: 0px !important; padding-top:0px !important; margin-right:13em !important; }
/* This lets the tabs themselves get itsy bitsy before invoking FF's scrolling tab bar. */
.tabbrowser-tab:not([pinned]) { max-width: 250px !important; min-width: 20px !important; }
/* These declarations replace the menubutton with an icon, and style it appropriately. */
#appmenu-button { width: 16px !important; height: 16px !important; background-color: rgba(0,0,0,0) !important; background-repeat: no-repeat !important; -moz-box-shadow: 0 0 0 rgba(0,0,0,0) !important; border: 0 !important; padding: 0 !important;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAL8SURBVHjaYvz//z8DNnDmzJnkP3/+xPz9+5fh9+/fSxwcHOZiUwcQQIzIBly6dEkTqOEpEH8Ban4hJycnCpI/ceLEay4uLgmgGA/QMOmgoKDrMD0AAcSEpHk2UOMVoKKbQEXiQPz358+fDCDMxsb2FyT269evm0B8ZcmSJbNh+gACCGzAxYsXq7m5uVPk5eWZBAUFQTbdBmLxHz9+MHz//p3h379/IANvA+UlgF5hEhERSenp6akG6QUIIBYQATSV6cWLFyC/MIJsFBcX52ZiYgL5HWyLpqYmSJwbJPfw4UOGQ4cO/QcaDrYcIIDgYXDs2LFWfn7+KpCtoID7+PEjw6NHjxhYWVkZFBUVGVhYWMAGfvv2DeTdtrKyMrALAAKIERhAZ4HOFQNibgkJCcGvX78yvH//HmTgcSC7jp2dnQHorSYTExNLkGVArzLs37//PdCwr0A9rwACiAVIGKiqqjK9ffsWbCvIxpcvXzIAvVDX0dGxB2TL7NmzQWK7gRYwgNRZWVkJAr0p2NfXJwUQQEwgZ4H8BjQI7HSQLTw8PAxA78CjF6QGJA8MTLAaYJgxgFwK8g5AALE8efLkAhCIAZ3Jra+vLwgKdWlpaZBNTbNmzQJrBuImSUlJsEZQ4AKj8f2XL1++AsVfAQQQPBDXrl3bClRUBbIJFGAghY8fPwbbKCUlBaZBhoNsBoZB27Rp08CBCBBA4KhYs2ZNLdD0SgEBAbBmYMJhAKY8BmC8MygoKIADDhSYHBwc4BgBhlNlRkZGLUgvQACB0wEwDP4BA4iRk5MTlKgY7t69+xXoAi57e3tGkL+XLVv2n5GR8ZuFhQW3qKgog5CQECMwKv+B9AIEENwLTU1Ns9+9e5cEdOIroAIjXl7ecx4eHqBUCYqFF8D0YQQ07Bww4MSAfp+3bdu2VJA+gACC54W6ujqQgA7Q+epAb7wEKmb+9OkTw+vXr0EuZAbKvQSKq4PUwDSDAEAAMeLKznl5eclAzTGgKAY6fwkwkLFmZ4AAAwDzKLPEVR9s/QAAAABJRU5ErkJggg%3D%3D') !important;
}
#appmenu-button-container { margin-left: 0px !important; margin-top: 2px !important; margin-bottom: -8px !important; }
#appmenu-button .button-text { color: rgba(0,0,0,0) !important; text-shadow: 0 0 0 rgba(0,0,0,0) !important; }
#appmenu-button dropmarker, .tabs-alltabs-button { display: none !important; }
}
******** userChrome.css END *********
-> Now save this file and open firefox. You should be able to see your firefox a lot better.
Thanks to http://userstyles.org
________________________________________________________________________________________________