As you can see, it is very minimalistic and clean. The main colors are lime/olive green and different tones of gray. It is 100% valid css. Enjoy ;]

summergreen102.zip

There is no doubt that accessibility is an important factor when creating webpages and forms. Many people have trouble telling if they actually clicked on a text box and other form elements that are similar. To create the effect that allow these visually handicapped users to more easily use your form and adds a bit of style to your site you need to use :focus. Here is an example of a text box:

Try it. Click in the box. It may be somewhat difficult to see if your cursor for writing is flashing inside the box. A better idea is to use :focus to create a border around the edge of the text box. Here is the css we can use to achieve this effect:

All that is happening in this code is the creation of a class called “textbox” (without the quotes of course). The “:focus” part after the class name, makes the style apply to the text box when the cursor is inside of the text box. This will create a more accessible text box. Here is how to apply it to the html:

Lastly, here it is in action:

Comments are greatly appriciated ;).