Skip to content

Instantly share code, notes, and snippets.

View titox's full-sized avatar

Vte titox

12 followers · 16 following
View GitHub Profile
@titox
titox / dabblet.css
Created April 23, 2015 06:57 — forked from csssecrets/dabblet.css
Inner rounding
/**
* Inner rounding
*/
div {
outline: .6em solid #655;
box-shadow: 0 0 0 .1em red; /* todo calculate max of this */
max-width: 10em;
border-radius: .8em;
@titox
titox / dabblet.css
Last active August 29, 2015 14:19 — forked from csssecrets/dabblet.css
Multiple borders
/**
* Multiple borders
*/
body {
text-align :center;
}
div {
width: 200px;
height: 200px;
@titox
titox / dabblet.css
Created April 21, 2015 06:28 — forked from csssecrets/dabblet.css
Translucent borders
/**
* Translucent borders
*/
body {
background: url('http://csssecrets.io/images/stone-art.jpg');
}
div {
border: 10px solid hsla(0,0%,100%,.5);
@titox
titox / dabblet.css
Created January 9, 2012 13:24 — forked from philippbosch/dabblet.css
iOS Native App Default Style implemented in CSS
/* iOS Native App Default Style implemented in CSS */
/* Bootstrapping … */
* {
margin: 0;
padding: 0;
font-size: inherit;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
@titox
titox / dabblet.css
Created December 20, 2011 08:46
The wrapper
/* The wrapper */
.b-block {
position: relative;
display: inline-block;
overflow: hidden;
width: 10em;
height: 10em;
vertical-align: middle;
@titox
titox / dabblet.css
Created December 20, 2011 08:46
The wrapper
/* The wrapper */
.b-block {
position: relative;
display: inline-block;
overflow: hidden;
width: 10em;
height: 10em;
vertical-align: middle;
@titox
titox / dabblet.css
Created December 20, 2011 08:46
The wrapper
/* The wrapper */
.b-block {
position: relative;
display: inline-block;
overflow: hidden;
width: 10em;
height: 10em;
vertical-align: middle;
@titox
titox / dabblet.css
Created December 20, 2011 08:10 — forked from LeaVerou/dabblet.css
Previewer test
/**
* Previewer test
*/
background: #f06;
background: linear-gradient(left bottom,
hsla(340, 100%, 50%,.7), yellow);
min-width: 100px;
width: 400px;
transition-duration: 10s;
@titox
titox / dabblet.css
Created December 20, 2011 08:10 — forked from LeaVerou/dabblet.css
Previewer test
/**
* Previewer test
*/
background: #f06;
background: linear-gradient(left bottom,
hsla(340, 100%, 50%,.7), yellow);
min-width: 100px;
width: 400px;
transition-duration: 10s;
@titox
titox / dabblet.css
Created December 20, 2011 08:10 — forked from LeaVerou/dabblet.css
Previewer test
/**
* Previewer test
*/
background: #f06;
background: linear-gradient(left bottom,
hsla(340, 100%, 50%,.7), yellow);
min-width: 100px;
width: 400px;
transition-duration: 10s;