Cogzidel Templates Blog

Let we see how to change the theme in Firefox, as we already discuss that , coding structure are different in firefox as compare with other browser.

So ,Here we are going to see how to change original design in firefox.When we analysis the coding, it is designed as xul element like treecol,menu, toolbarbutton etc

So , set the css property using the ID of the element

-moz-appearance :

none

Border:

none

Please don’t hide the original style when you inspect the element because its affect the browser default style which comes from firebox global style.

And write your own style using the component Id what we set like:

Background-color :

green !important;

Color:

#fff !important; etc

If you want to set on mouse over image for toolbarbutton

-moz-appearance :

none
And apply the

border:

0px

If it may be moved when on mouse over set padding

If u need to change appearance when on Mouse over the Menu ,here is the property need to be change as

menubar > menu[_moz-menuactive="true"]
{
 -moz-appearance: none !important;
   border:none !important;
   cursor:pointer;
   color:#fff !important;
   padding:2px;
   background:#3784b9;
}
This style for Menu Item Mouse over
menuitem[_moz-menuactive="true"]
{
 }

Next to change the Inbox Treecol ( Header) background Color or Image, here is the property need to be change as

#inbox_detail > treecol
         {
	-moz-appearance: none !important; //remove default style
	 border:none !important;
	 background:url(../../../../images/blue_line.gif)!important;
	 height:30px; //header height
	 color:#FFFFFF !important; //textcolor
	 font-weight:bold;
	 background-color:none !important;
	 border-right-color:#ffff !important; //act  as a splitter for each column
	 border-right-style:groove!important;
	 border-right-width:1px!important;
}

for more information please refer the below link.

https://developer.mozilla.org/en/XUL_Tutorial/Adding_Style_Sheets

This entry was posted on Saturday, July 3rd, 2010 at 3:46 am and is filed under atmail Integration. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.