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
________________________________________________________________________________________________
Change Windows Control Position on Lucid Lynx
Author: Bharath M Urs
________________________________________________________________________________________________
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
(Click on the image for larger view)
But many of us like the control position to be placed to the right side of the Window, as below.
(Click on the image for larger view)
So, How do we change it.?
> Step 1 : Right click on the Application Menu -> Edit Menus. When you click Edit Menus, you get the below screen.
Now select on System Tools and check the Configuration Editor under Items, and close.
(Click on the image for larger view)
> Step 2 : Now goto, Applications -> System Tools -> Configuration Editor.
(Click on the image for larger view)
> Step 3 : Now in the Configuration Editor, navigate to apps->metacity->general and in general double click on button_layout.
By default the value will be " close,minimize,maximize: "
Change the value to " :minimize,maximize,close "
Now you will be able to see your controls onto the right side of the window.
(Click on the image for larger view)
[Thanks to http://tombott.com/ ]
________________________________________________________________________________________________