Advanced Search

Posted By

lawlesscreation on 10/11/10

Tagged

Versions (?)

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

Statistics

Viewed 548 times
Favorited by 0 user(s)

Related snippets

1
basic css
1147
Center a table with CSS
972
Template for blank CSS
920
Raccourci CSS pour Font
799
CSS vertical nav
439
CSS elements heritage
1078
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.