Skip to content

Instantly share code, notes, and snippets.

@smmurf
smmurf / dabblet.css
Created May 22, 2012 15:19
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
div {
border: 1px solid red;
width: 300px;
height: 300px;
position: relative;
}
@smmurf
smmurf / dabblet.css
Created May 22, 2012 15:18
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
div {
border: 1px solid red;
width: 300px;
height: 300px;
position: relative;
}
@smmurf
smmurf / dabblet.css
Created May 12, 2012 09:49
Анимированная навигация
/*
Анимированная навигация
*/
.container {
width: 600px;
border: 1px solid #ccc;
padding: 10px;
}
@smmurf
smmurf / dabblet.css
Created May 12, 2012 09:46 — forked from tyv/dabblet.css
Анимированная навигация
/*
Анимированная навигация
*/
.container {
width: 600px;
border: 1px solid #ccc;
padding: 10px;
}
@smmurf
smmurf / dabblet.css
Created May 8, 2012 15:14
Пунктирное подчеркивание ссылки
/**
* Пунктирное подчеркивание ссылки
*/
a {
color: #00e;
text-decoration: none;
background: linear-gradient(left, #00e, #00e 50%, transparent 50%) 0 100% repeat-x;
background-size: 2px 1px;
@smmurf
smmurf / dabblet.css
Created May 8, 2012 13:54
Объемная надпись
/**
* Объемная надпись
*/
body {
background: #060;
}
.hollywood {
color: #ffbf00;
.sivtsev {
float: left;
color: rgba(0,0,0,0);
text-align: justify;
text-shadow: 0 0 5px #555;
word-spacing: .3ex;
font-family: Verdana, sans-serif;
line-height: 100%;
}
@smmurf
smmurf / dabblet.css
Created May 8, 2012 05:53
Списки и счетчики
/**
* Списки и счетчики
*/
.multilevel,
.multilevel ol {
list-style-type: none;
counter-reset: listnumber;
}
.multilevel li {
@smmurf
smmurf / dabblet.css
Created May 8, 2012 05:37
Стопка бумаг
/**
* Стопка бумаг
*/
.paper {
position: relative;
margin: 50px;
padding: 20px 20px 20px 50px;
width: 480px;
min-height: 650px;
@smmurf
smmurf / dabblet.css
Created May 7, 2012 22:18
Страница карточек
/**
* Страница карточек
*/
body {
margin: 0;
text-align: justify;
}
.card {
display: inline-block;