Topic: How do I change the appearance of my text boxes/areas? (Page 1 of 1)

ie.- The Ozone's whole look.

I'm sure this is some simple css but I'm not familiar with using it, other than your average <style> sheet.

Thanks alot,



Kalan

Taken straight from the Ozone Style sheet:

INPUT,password {

	BORDER-TOP:    #FC6203 1px outset; 

	BORDER-LEFT:   #FC6203 1px outset; 



	BORDER-BOTTOM: #BD4901 1px inset; 

	BORDER-RIGHT:  #BD4901 1px inset; 

	FONT-SIZE: 11px; font-weight:bold; COLOR: #FC6203; FONT-FAMILY: verdana,arial; BACKGROUND-COLOR: #240000;

}

TEXTAREA {

	BORDER-TOP:    #FC6203 1px outset; 

	BORDER-LEFT:   #FC6203 1px outset; 



	BORDER-BOTTOM: #BD4901 1px inset; 

	BORDER-RIGHT:  #BD4901 1px inset; 

	FONT-SIZE: 11px; font-weight:bold; COLOR: #FC6203; FONT-FAMILY: verdana,arial; BACKGROUND-COLOR: #240000;

}

TEXTAREA.inputbox {

FONT-FAMILY: verdana,arial;	PADDING: 4px 4px 4px 4px;

}

SELECT {

	FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: verdana,arial; BACKGROUND-COLOR: #cbc6c3

}

Look in the :FAQ: for info on CSS. CSS is your friend. Love it, live it, learn it.

Later,

C:\


~Binary is best~

[This message has been edited by CPrompt (edited 02-20-2004).]

Of course, to clarify - the border specifications that Doc used are somewhat incorrect.

He used "outset" to imply that the particular side of the border was outset (and used "inset" the same way) when in actuality the values of "outset" and "inset" should be used to apply to the border in its entirety -

ie -

border:#ff0000 1px outset;

would specify a border that would give the illusion that the element is popping out, whereas

border:#ff0000 1px inset;

would specify one that is recessed into the page.