Re: New tab
It's occured to me that you are just not understanding how CSS code works.
If you are going to keep modifying things, you really should learn what the different parts of the code do.
To that end, here is a short (relatively) Primer of what things mean and do.
I'll use the menubar code we were doing as an example.
/*change the color of the menubar*/
#toolbar-menubar {
-moz-appearance:none !important;
background-color:#DCDCDC !important;
}
The block of code can be broken down into three parts.
Part 1 is the comment section.
That's the part that begins with /* and ends with */.
Anything placed between the /* and */ will not affect the code.
This part is only for your information so you know what the code is for.
Part 2 is what you are trying to make changes to.
In this example it's the toolbar-menubar.
This is probably the hardest part as you need to find the specific ID (what it's called by the program) of the element you are working on.
Part 3 is what you want to do with the element you defined in part 2.
This part makes changes to specific parts of the element.
This part is bracketed with { }.
Only things between the brackets will have an effect on the element.
If you're changing colors the first line after the opening bracket { can usually be -moz-appearance: none !important; to cancel any defaults for the element.
You can follow that with specific changes, in this case it's background-color:#DCDCDC !important;
To break down what the line does, the first part to the colon ":" is the element part you're changing. background-color:
The next part is the change itself, the actual color #DCDCDC.
The line ends with !important; to set the change as a priority over anything else that may have an effect on that part of the element.
Any part of the element defined in Part 2 of the code can be modified in this section as long as you put it between the brackets { }.
That includes such things as font, color, size of the element, borders, margin, and padding.
For example, if you want to increase the size of the element, you would add padding to it.
The line would look like padding: 2px !important; which would add 2 pixels of space all the way around the element.
That's a pretty simplistic explanation of how a block of CSS code works, but hopefully it will give you a better understanding of what you're actually doing.
