Blueprint CSS forms extension
Changes the widths of form elements so they fit into smaller columns created using the Blueprint CSS framework.
1 div.span-1 input.text, div.span-1 input.title { width: 30px; } 2 div.span-2 input.text, div.span-2 input.title { width: 50px; } 3 div.span-3 input.text, div.span-3 input.title { width: 90px; } 4 div.span-4 input.text, div.span-4 input.title { width: 130px; } 5 div.span-5 input.text, div.span-5 input.title { width: 170px; } 6 div.span-6 input.text, div.span-6 input.title { width: 210px; } 7 div.span-7 input.text, div.span-7 input.title { width: 250px; } 8 div.span-8 input.text, div.span-8 input.title { width: 290px; } 9 10 div.span-1 select { width: 30px; } 11 div.span-2 select { width: 50px; } 12 div.span-3 select { width: 90px; } 13 div.span-4 select { width: 130px; } 14 div.span-5 select { width: 170px; } 15 16 div.span-1 textarea { width: 30px; height: 25px; } 17 div.span-2 textarea { width: 50px; height: 50px; } 18 div.span-3 textarea { width: 90px; height: 75px; } 19 div.span-4 textarea { width: 130px; height: 100px; } 20 div.span-5 textarea { width: 170px; height: 125px; } 21 div.span-6 textarea { width: 210px; height: 150px; } 22 div.span-7 textarea { width: 250px; height: 175px; } 23 div.span-8 textarea { width: 290px; height: 200px; } 24 div.span-9 textarea { width: 330px; height: 225px; } 25 div.span-10 textarea { width: 370px; height: 250px; }
