Skip to content

Instantly share code, notes, and snippets.

View princed's full-sized avatar
🏗️
Building

Eugene Datsky princed

🏗️
Building
View GitHub Profile
@princed
princed / dabblet.css
Created July 17, 2012 13:30
— цвет внешних ссылок #f70;
a[href ^= 'http://'], a[href ^= 'https://'] {
color: #f70;
}
a[href *= 'google'] {
color: #666;
}
a[target = '_blank']:after {
position: absolute;
@princed
princed / dabblet.css
Created July 17, 2012 15:04 — forked from tyv/dabblet.css
— четные строки выделить цветом #ddebf7
table,
td
{
border-collapse: collapse;
}
td {
border-bottom: 1px solid #ccc;
padding: 5px 10px;
}
@princed
princed / dabblet.css
Created July 17, 2012 15:20 — forked from tyv/dabblet.css
— Первый параграф в article
/*
— Первый параграф в article
выделить бОльшим кеглем
— последний цветом #999
*/
article p:first-of-type {
font-size: 120%;
}
@princed
princed / dabblet.css
Created July 17, 2012 15:45 — forked from tyv/dabblet.css
по состоянию checked включать/выключать
body {
font: 14px Helvetica, sans-serif;
}
input
{
display: none;
}
label {
@princed
princed / dabblet.css
Created July 17, 2012 17:03 — forked from tyv/dabblet.css
реализовать анимированную
.container {
width: 300px;
}
.menu {
display: inline-block;
width: 10px;
}
.body {
@princed
princed / dabblet.css
Created July 17, 2012 22:14 — forked from tyv/dabblet.css
сделать так, чтобы элементы
/*
сделать так, чтобы элементы
sub и sup не увеличивали строку
так плохо: http://clck.ru/d/mWi7nomA145GV
так хорошо: http://clck.ru/d/sdxajxRo145GJ
*/
body {
font: 18px Helvetica, sans-serif;
@princed
princed / dabblet.css
Created July 18, 2012 15:25 — forked from tyv/dabblet.css
Кнопка с иконкой шрифтом
/*
Кнопка с иконкой шрифтом
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
*/
@princed
princed / dabblet.css
Created July 18, 2012 16:14 — forked from tyv/dabblet.css
сделать таблицу проверки зрения,
/*
сделать таблицу проверки зрения,
глазами плохо видящего человека
http://clck.ru/d/ubPU44a314BE9
http://clck.ru/d/XPwfJrtk14BEv
*/
html,
body,
p
@princed
princed / dabblet.css
Created July 18, 2012 16:26 — forked from tyv/dabblet.css
сделать псевдоссылку с точечным подчеркивание
/*
сделать псевдоссылку с точечным подчеркивание
которое было бы на одном уровне с
подчеркиванием ссылки
http://clck.ru/d/fLXRAghf14C1t
*/
a.pseudo
{
text-decoration: none;
@princed
princed / dabblet.css
Created July 18, 2012 16:46 — forked from tyv/dabblet.css
Сделать объемную надпись
/*
Сделать объемную надпись
http://clck.ru/d/wF6GyFCC14CDp
*/
html, body {
margin: 0;
padding: 0;
height: 100%;
width: 100%;