Advanced Search

Formy CSS Framework

/ Published in: CSS
Save to your folder(s)
Formy is CSS Framework for better form management.

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. /*  Formy - CSS Framework 0.8   */
  2.  
  3. /* 
  4. 	reset.css  
  5. */
  6.  
  7. fieldset, form, label, legend
  8.  { margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline; }
  9.  
  10. /* 
  11. 	Structural
  12. */
  13.  
  14.  
  15. fieldset
  16. 	{ margin: 0 0 1.5em 0; padding: 1.4em;  }
  17.  
  18. legend
  19. 	{ padding: 0 .4em; font-size:1.2em;  }
  20.  
  21.  
  22. label	 
  23. 	{ float:left; width:9em; display:block; clear:left; margin-right:1em; text-align:left;  cursor:hand; }
  24.  
  25. textarea, input, select, label, button, optgroup
  26. 	{ margin-top:5px; }
  27.  
  28.  
  29. input[type="checkbox"] ,input[type="radio"]
  30. 	{ margin-bottom:7px; }	
  31.  
  32.  
  33.  
  34.  
  35. /* 
  36. 	Color palette
  37. */
  38.  
  39. fieldset
  40. 	{ border:1px solid #ccc; }
  41.  
  42. legend
  43. 	{ background-color: #e3dfdf; color: #333; }
  44.  
  45. label
  46. 	{ color:#333; }
  47.  
  48. textarea
  49. 	{ border: 1px solid #666; }
  50.  
  51. textarea:focus, input[type="text"]:focus  
  52. 	{ border: 2px solid #666; }
  53.  
  54. select
  55. 	{  background-color: #fff; color: #000; }
  56.  
  57. input[type="text"]
  58. 	{ border: 1px solid #666; }
  59.  
  60. input[type="submit"]
  61. 	{  background-color: #ccc; color: #333; }
  62.  
  63. input[type="checkbox"]
  64. 	{ color: #000; }
  65.  
  66. input[type="radio"]
  67. 	{  background-color: #fff; color: #000; }
  68.  
  69. option
  70. 	{ background-color:#fff; color:#000; }
  71.  
  72. optgroup
  73. 	{ background-color:#ccc; color:#000; }
  74.  
  75. button
  76. 	{ background-color: #ccc; color: #333; }

URL: http://code.google.com/p/formy-css-framework/

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.