-- fervenTech --

Make your Firefox 4 look like Google Chrome

2010-08-22T21:24:00.005+05:30

________________________________________________________________________________________________

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; }

}

******** 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

________________________________________________________________________________________________

Change Windows Control Position on Lucid Lynx

2010-05-02T08:01:00.009+05:30

________________________________________________________________________________________________

Change Windows Control Position on Lucid Lynx

Steps to change the default Window Control Position in Lucid Lynx.

By default the Windows Control position are placed to the left side of the Window, as below