Francesco Improta zetareticoli
👨💻
zetareticoli
/ Cross Browser Support for inline-block Styling
Created
August 31, 2010 11:01
Inline block elements
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| display:-moz-inline-stack; | |
| display:inline-block; | |
| zoom:1; | |
| *display:inline; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .clearfix:after { | |
| content: "."; | |
| display: block; | |
| clear: both; | |
| visibility: hidden; | |
| line-height: 0; | |
| height: 0; | |
| } | |
| .clearfix { |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| ul.box { | |
| margin: 0; | |
| padding: 0; | |
| clear: both; | |
| overflow: hidden; } | |
| ul.box li { | |
| list-style-type: none; | |
| margin: 0 30px 30px 0; | |
| padding: 0; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* For modern browsers */ | |
| .cf:before, | |
| .cf:after { | |
| content:""; | |
| display:block; | |
| } | |
| .cf:after { | |
| clear:both; | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| * { | |
| margin: 0; | |
| } | |
| html, body { | |
| height: 100%; | |
| } | |
| .wrapper { | |
| min-height: 100%; | |
| height: auto !important; | |
| height: 100%; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.08), inset 0 1px 0 white; | |
| -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.08), inset 0 1px 0 white; | |
| box-shadow: 2px 1px 3px rgba(0,0,0,0.08), inset 0 1px 0 white; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| #wrapper { | |
| min-height: 100%; | |
| height: auto !important; | |
| height: 100%; | |
| margin: 0 auto -140px; /* margin bottom = footer's height */ | |
| ... | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .hide-text { | |
| text-indent: 100%; | |
| white-space: nowrap; | |
| overflow: hidden; | |
| } |
zetareticoli
/ dabblet.css
Created
April 18, 2012 08:33
— forked from LeaVerou/dabblet.css
Vertical centering with Flexbox + margin fallback
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * Vertical centering with Flexbox + margin fallback | |
| * Lea Verou & David Storey | |
| */ | |
| html, body { height: 100%; } | |
| body { | |
| width: 100%; /* needed for FF */ | |
| margin: 0; |
zetareticoli
/ Animated scroll
Created
June 16, 2012 11:48
Animated scroll to anchor/id function with jQuery
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| function goToByScroll(id){ | |
| $('html,body').animate({scrollTop: $("#"+id).offset().top},'slow'); | |
| } | |
| <a href="#linkID" onclick="goToByScroll('linkID')">Link</a> |
OlderNewer