Skip to content

Instantly share code, notes, and snippets.

View tyv's full-sized avatar

Yuri Tkachenko tyv

  • Ukraine/Kyiv
View GitHub Profile
@tyv
tyv / dabblet.css
Created May 1, 2012 15:46
Untitled
@font-face {
font-family: 'FoundationIconsGeneral';
src: url('http://dl.dropbox.com/u/1744447/fonts/foundation-icons-general.eot');
src: url('http://dl.dropbox.com/u/1744447/fonts/foundation-icons-general.eot?#iefix') format('embedded-opentype'),
url('http://dl.dropbox.com/u/1744447/fonts/foundation-icons-general.woff.woff') format('woff'),
url('http://dl.dropbox.com/u/1744447/fonts/foundation-icons-general.ttf') format('truetype'),
url('http://dl.dropbox.com/u/1744447/fonts/foundation-icons-general.svg#FoundationIconsGeneral') format('svg');
font-weight: normal;
font-style: normal;
}
@tyv
tyv / dabblet.css
Created May 10, 2012 12:53
— цвет внешних ссылок #f70;
/*
— цвет внешних ссылок #f70;
— ссылка в новом окне должна
после себя содержать utf символ
без подчеркивания
— ссылки на сервисы google должны быть цвета #666
— http://clck.ru/d/DCx9h3cu142dJ
*/
@tyv
tyv / dabblet.css
Created May 10, 2012 13:35
— четные строки выделить цветом #ddebf7
/*
— четные строки выделить цветом #ddebf7
— третий и далее через один от него столбец
выделить #f2f2de
— http://clck.ru/d/TiOhh2nF142wp
*/
@tyv
tyv / dabblet.css
Created May 10, 2012 13:36
— Первый параграф в article
/*
— Первый параграф в article
выделить бОльшим кеглем
— последний цветом #999
*/
@tyv
tyv / dabblet.css
Created May 10, 2012 13:45
по состоянию checked включать/выключать
/*
по состоянию checked включать/выключать
соответствующие элементы
http://clck.ru/d/Jxj_mgDC143fZ
*/
@tyv
tyv / dabblet.css
Created May 10, 2012 13:49
реализовать анимированную
/*
реализовать анимированную
навигацию по div.a1
без перезагрузки страницы
с поддержкой истории послещений
http://clck.ru/d/nEyP0z8x143w5
*/
@tyv
tyv / dabblet.css
Created May 10, 2012 16:30
Untitled
body
{
font: 18px/1 Helvetica, serif;
}
sup,
sub
{
font-size: 75%;
@tyv
tyv / dabblet.css
Created May 10, 2012 16:30
сделать так, чтобы элементы
/*
сделать так, чтобы элементы
sub и sup не увеличивали строку
так плохо: http://clck.ru/d/mWi7nomA145GV
так хорошо: http://clck.ru/d/sdxajxRo145GJ
*/
@tyv
tyv / dabblet.css
Created May 10, 2012 16:33
внутри .frame позиционировать
/*
внутри .frame позиционировать
блоки на разных слоях
(по имени класса понятно каких)
по клику на .frame изменять с
анимацией.
у каждого блока позицию.
по клику вне .frame
возвращать назад
@tyv
tyv / dabblet.css
Created May 11, 2012 13:40
Кнопка с иконкой шрифтом
/*
Кнопка с иконкой шрифтом
http://clck.ru/d/v2borCbi14BD5
http://dl.dropbox.com/u/1744447/fonts/foundation-icons-general.eot
http://dl.dropbox.com/u/1744447/fonts/foundation-icons-general.woff
http://dl.dropbox.com/u/1744447/fonts/foundation-icons-general.ttf
http://dl.dropbox.com/u/1744447/fonts/foundation-icons-general.svg
*/