Posted By

mike_fowler on 09/29/10


Tagged

css Framework formy


Versions (?)

Who likes this?

2 people have marked this snippet as a favorite

bobbym245
satsuma


Formy CSS Framework


 / Published in: CSS
 

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

Formy is CSS Framework for better form management.

  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; }

Report this snippet  

You need to login to post a comment.