Advanced Search

Posted By

lawlesscreation on 10/11/10

Tagged

Versions (?)

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

Statistics

Viewed 563 times
Favorited by 0 user(s)

Related snippets

1
basic css
1164
Center a table with CSS
990
Template for blank CSS
938
Raccourci CSS pour Font
818
CSS vertical nav
439
CSS elements heritage
1098
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.