My (mostly technical) blog

Posts Tagged ‘form

Clean CSS Form

Posted by: sabbour on: July 4, 2008

I shamelessly ripped of the form designed at this excellent blog to use a somehow modified CSS structure.

The CSS button classes are customizable to allow positive/negative action buttons with different CSS images.

body{
font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

p, h1, form, button{border:0; margin:0; padding:0;}
.spacer{clear:both; height:1px;}

form.cleanform{
margin:0 auto;
width:400px;
padding:14px;
border:solid 2px #b7ddf2;
background:#EAFFD5;
}

form.cleanform div.header {
border-bottom:solid 1px #b7ddf2;
font-size:11px;
margin-bottom:20px;
}

form.cleanform div.header h1 [...]

Tags: , ,

Ahmed Sabbour's Facebook profile

 

December 2009
S M T W T F S
« Apr    
 12345
6789101112
13141516171819
20212223242526
2728293031  

Recently bookmarked