Advanced Search

Posted By

lawlesscreation on 10/11/10

Tagged

Versions (?)

Last Edited at 10/11/10 09:07pm

Statistics

Viewed 555 times
Favorited by 0 user(s)

Related snippets

1
basic css
1162
Center a table with CSS
987
Template for blank CSS
931
Raccourci CSS pour Font
810
CSS vertical nav
439
CSS elements heritage
1095
Content images as CSS background in Ez publish

Enhanced EZ-CSS

/ Published in: CSS
Save to your folder(s)
Original available at http://www.ez-css.org/

Expand | Embed | Plain Text

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.