Skip to content

Instantly share code, notes, and snippets.

Francesco Improta zetareticoli

View GitHub Profile
View Cross Browser Support for inline-block Styling
display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline;
View clearfix
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
@zetareticoli
zetareticoli / CSS
Created Mar 10, 2011
Box shadow curl effect in CSS
View CSS
ul.box {
margin: 0;
padding: 0;
clear: both;
overflow: hidden; }
ul.box li {
list-style-type: none;
margin: 0 30px 30px 0;
padding: 0;
View gist:934071
/* For modern browsers */
.cf:before,
.cf:after {
content:"";
display:block;
}
.cf:after {
clear:both;
}
@zetareticoli
zetareticoli / gist:1042158
Created Jun 23, 2011
Stick footer to bottom
View gist:1042158
* {
margin: 0;
}
html, body {
height: 100%;
}
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
@zetareticoli
zetareticoli / gist:1760518
Created Feb 7, 2012
Drop and Inset tiny shadow
View gist:1760518
-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;
@zetareticoli
zetareticoli / gist:1828976
Created Feb 14, 2012
Footer always on bottom
View gist:1828976
#wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -140px; /* margin bottom = footer's height */
...
}
View gist:1958728
.hide-text {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
@zetareticoli
zetareticoli / dabblet.css
Created Apr 18, 2012 — forked from LeaVerou/dabblet.css
Vertical centering with Flexbox + margin fallback
View dabblet.css
/**
* Vertical centering with Flexbox + margin fallback
* Lea Verou & David Storey
*/
html, body { height: 100%; }
body {
width: 100%; /* needed for FF */
margin: 0;
@zetareticoli
zetareticoli / Animated scroll
Created Jun 16, 2012
Animated scroll to anchor/id function with jQuery
View Animated scroll
function goToByScroll(id){
$('html,body').animate({scrollTop: $("#"+id).offset().top},'slow');
}
<a href="#linkID" onclick="goToByScroll('linkID')">Link</a>
You can’t perform that action at this time.