Posted By


lawlesscreation on 10/11/10

Tagged


Statistics


Viewed 420 times
Favorited by 0 user(s)

Enhanced EZ-CSS


/ Published in: CSS
Save to your folder(s)

Original available at http://www.ez-css.org/


Copy this code and paste it in your HTML
  1. // Core used for all browsers
  2. /* 2009 - 2010 (c) | ez-css.org
  3.  * ez-min.css :: version 1.3 :: 03132010
  4.  */
  5. .ez-oh{overflow:hidden}.ez-oa{overflow:auto}.ez-dt{display:table}.ez-it{display:inline-table}.ez-tc{display:table-cell}.ez-ib{display:inline-block}.ez-fl{float:left}.ez-fr{float:right}.ez-20{width:20%}.ez-25{width:25%}.ez-33{width:33.33%}.ez-50{width:50%}.ez-66{width:66.66%}.ez-75{width:75%}.ez-80{width:80%}.ez-negml{margin-left:-1px}.ez-wr:after,.ez-box:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ez-wr,.ez-box,.ez-last{min-height:0;display:block}.ez-negmr,.ez-negmx{margin-right:-1px}
  6.  
  7.  
  8. //IE6 fixes
  9. /* 2009 - 2010 (c) | ez-css.org
  10.  * ez-min.css :: version 1.3 :: 03132010
  11.  */
  12. .ez-wr,.ez-box,.ez-last{height:1%}.ez-oh{overflow:visible}.ez-fl{margin-right:-3px}.ez-fr{margin-left:-3px}.ez-negmr{margin-right:-4px}.ez-negml{margin-left:-4px}
  13.  
  14.  
  15. //media query support for resetting floats at small screen sizes
  16. @media only screen and (max-device-width: 480px), only screen and (max-width: 50em) {
  17. .ez-fl,.ez-fr,.ez-negmr,.ez-negmx{float:none;margin:0}
  18. .ez-20,.ez-25,.ez-33,.ez-50,.ez-66,.ez-75,.ez-80 {width:100%}
  19. }

URL: http://lawlesscreation.com/css/enhanced-ez-css-layouts/

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.