Skip to content

Instantly share code, notes, and snippets.

View Quinten's full-sized avatar
🔭
restless

Quinten Clause Quinten

🔭
restless
View GitHub Profile
@Quinten
Quinten / tabs.css
Created December 16, 2013 08:34
Quick tabs
.tabs {
position: relative;
padding: 37px 0 0 0;
margin-bottom: 2em;
}
.tabs > ul {
position: absolute;
top: 0;
}
@Quinten
Quinten / arrow
Created January 15, 2014 14:32
arrow behind each link
a:after {
content: '\2192';
}
@Quinten
Quinten / img responsive no blowup
Created January 21, 2014 15:45
Use when there is content from a database containing images that are wider then 320px, and we want to shrink them to the mobile width, but not make them wider then their original width
.content-from-database img {
max-width: 100%;
height: auto;
}
@Quinten
Quinten / help-icon.css
Created February 20, 2014 09:52
Help icon with tooltip
.info-icon {
display: inline-block;
position: relative;
width: 16px;
height: 16px;
margin-bottom: .5em;
}
.info-icon-button {
font-family: serif;
@Quinten
Quinten / mobpop.css
Created April 3, 2014 08:30
popup mobile/responsive
#area {
position: relative;
}
.popup {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
@Quinten
Quinten / meter.css
Created April 10, 2014 07:35
display equally distributed (needs editing)
.meter ul.markers {
list-style: none;
padding: 0;
margin: 0;
text-align: justify;
height: 1em;
line-height: 1em;
}
.meter ul.markers:after {
@Quinten
Quinten / backgroundsize-cover.css
Created April 22, 2014 12:11
background-size cover in IE (for elements with scalable backgrounds)
#selector {
background-image: url(./path/relative/to/cssfile/to/image.png);
background-size: cover;
}
.ie #selector {
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/path/relative/to/document/or/absolute/path/to/image.png',sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/path/relative/to/document/or/absolute/path/to/image.png',sizingMethod='scale')";
}
@Quinten
Quinten / play-icon.css
Last active August 29, 2015 14:04
play-icon in css
.youtube-thumb {
height: 100px;
line-height: 100px;
background: #fff;
position: relative;
}
.youtube-thumb:before {
content: " ";
display: block;
@Quinten
Quinten / cookie.js
Last active August 29, 2015 14:18
fast js cookies
@Quinten
Quinten / gist:791e49ba46423fb6cbb5
Created June 9, 2015 14:00
smooth scroll script
var scrollVal = 0;
setInterval(function () {
scrollVal += 3;
jQuery('body').scrollTop(scrollVal);
},17);