Skip to content

Instantly share code, notes, and snippets.

🎯
Focusing

Francesco Improta zetareticoli

🎯
Focusing
Block or report user

Report or block zetareticoli

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
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.