Advanced Search

Posted By

lawlesscreation on 10/11/10

Tagged

Versions (?)

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

Statistics

Viewed 541 times
Favorited by 0 user(s)

Related snippets

1
basic css
1135
Center a table with CSS
967
Template for blank CSS
907
Raccourci CSS pour Font
788
CSS vertical nav
439
CSS elements heritage
1071
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.