Skip to content

Instantly share code, notes, and snippets.

View patrickkettner's full-sized avatar

patrick kettner patrickkettner

View GitHub Profile
* {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.a {color: #FBFBFB; font-family: sans-serif; width: 40px; display: inline-block;margin: 0;padding: 2px;height: 20px; vertical-align: top; margin: 0 -4px}
.b {position: relative;left: 20px;width: 100px;margin: 0 -100px 0 0;padding: 0; opacity: 0}
label {text-align: center;}
#toggle-1 {-webkit-transition: margin 0.2s ease-in-out}
#toggle-1:checked { margin-left: -50%}
#switch {height: 20px;margin: 0;padding: 0; margin: 0; background: red;}
#switchHolder {background: gray;width: 80px;overflow: hidden;white-space: nowrap;position: relative;}
* {color: rgb(90,50,100); font-weight: boldest; font-size: 200px}
@patrickkettner
patrickkettner / dabblet.css
Created April 4, 2012 19:00
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
background-image: linear-gradient(bottom, rgb(110,85,187) 9%, rgb(143,111,225) 69%);
background-image: -o-linear-gradient(bottom, rgb(110,85,187) 9%, rgb(143,111,225) 69%);
background-image: -moz-linear-gradient(bottom, rgb(110,85,187) 9%, rgb(143,111,225) 69%);
background-image: -webkit-linear-gradient(bottom, rgb(110,85,187) 9%, rgb(143,111,225) 69%);
background-image: -webkit-gradient(
​.bucket {
background-image: url(http://i.minus.com/jbiCQLW8rXSxBh.jpg);
width: 298px;
height: 272px;
}
select {
font-size: 500px;
}
div {
width: 250px;
background: blue;
}
#select {
display: block;
margin: auto;
width: auto
}
body {background-color: orange}
.zoom {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAAEsCAMAAAAW+bp3AAACPVBMVEUA8P////8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8A8P8wC7LlAAAAvnRSTlMAABIkAQUPLObl9ocm7QSFYfz9+95k8WkDYJcLKS7j9yqCyAzd6oMvDeLwhiMf4MUxizLDiZjv9JmdoYzUiMH1X2Xk816/00HyimMhvcJ1
background:radial-gradient(hsla(0,0%,0%,0) 68%, hsl(0,0%,0%) 70%, hsl(0,0%,0%) 70%, hsla(0,0%,0%,0) 70%),
linear-gradient(0deg, transparent 99%, transparent 99%, black 100%,transparent 100%) 0 0,
linear-gradient(90deg, transparent 99%, transparent 99%, black 100%,transparent 100%) 0 0,
linear-gradient(45deg, transparent 49%, #fdfdfd 49%, transparent 50%, hsla(0,0%,0%,0) 100%) 0 0;
background-size: 75px 75px;
background:linear-gradient(45deg, transparent 49%, #2d87a9 50%, transparent 51%),
linear-gradient(135deg, transparent 49%, #fc4a1c 50%, transparent 51%);
background-size:50px 50px;
background-color: white;
div {
background-image:url(http://space.1337arts.com/wp-content/uploads/2009/09/thumb.jpg)
}