Imad Elyafi eelyafi
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .f | |
| { | |
| position: relative; | |
| padding-left: 10em; | |
| } | |
| label | |
| { | |
| position: absolute; | |
| left: 0; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @font-face { | |
| font-family: 'PT Sans'; | |
| font-style: italic; | |
| font-weight: 400; | |
| src: local('PT Sans Italic'), local('PTSans-Italic'), url(http://themes.googleusercontent.com/static/fonts/ptsans/v4/PIPMHY90P7jtyjpXuZ2cLLO3LdcAZYWl9Si6vvxL-qU.woff) format('woff'); | |
| } | |
| @font-face { | |
| font-family: 'PT Sans'; | |
| font-style: normal; |
eelyafi
/ dabblet.css
Created
June 28, 2012 10:52
— forked from tyv/dabblet.css
Сделать объемную надпись
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* | |
| Сделать объемную надпись | |
| http://clck.ru/d/wF6GyFCC14CDp | |
| */ | |
| .hollywood | |
| { | |
| width: 600px; | |
| height: 150px; |
eelyafi
/ dabblet.css
Created
June 28, 2012 10:28
— forked from tyv/dabblet.css
сделать псевдоссылку с точечным подчеркивание
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* | |
| сделать псевдоссылку с точечным подчеркивание | |
| которое было бы на одном уровне с | |
| подчеркиванием ссылки | |
| http://clck.ru/d/fLXRAghf14C1t | |
| */ |
eelyafi
/ dabblet.css
Created
June 27, 2012 22:44
— forked from tyv/dabblet.css
сделать псевдоссылку с точечным подчеркивание
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .pseudo | |
| { | |
| text-decoration: none; | |
| position: relative; | |
| } | |
| .pseudo:after | |
| { | |
| border-bottom: 1px dotted blue; |
eelyafi
/ dabblet.css
Created
June 27, 2012 22:35
— forked from tyv/dabblet.css
сделать таблицу проверки зрения,
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* | |
| сделать таблицу проверки зрения, | |
| глазами плохо видящего человека | |
| http://clck.ru/d/ubPU44a314BE9 | |
| http://clck.ru/d/XPwfJrtk14BEv | |
| */ | |
| .sivtsev | |
| { | |
| adisplay: inline-block; |
eelyafi
/ dabblet.css
Created
June 27, 2012 22:21
— forked from tyv/dabblet.css
Кнопка с иконкой шрифтом
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /*для чего столько подключений ?*/ | |
| @font-face | |
| { | |
| font-family: 'customFont'; 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; |
eelyafi
/ dabblet.css
Created
June 26, 2012 14:17
— forked from tyv/dabblet.css
внутри .frame позиционировать
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .frame | |
| { | |
| width: 800px; | |
| height: 400px; | |
| border-radius: 30px; | |
| position: relative; | |
| background-image: linear-gradient(bottom, #f5f5e0 0, #8ccdec 100%); | |
| outline: 0; | |
| transition: height 0.3s linear; | |
| } |
eelyafi
/ dabblet.css
Created
June 25, 2012 21:19
— forked from tyv/dabblet.css
сделать так, чтобы элементы
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* | |
| сделать так, чтобы элементы | |
| sub и sup не увеличивали строку | |
| так плохо: http://clck.ru/d/mWi7nomA145GV | |
| так хорошо: http://clck.ru/d/sdxajxRo145GJ | |
| */ | |
| body | |
| { | |
| font: 16px/1 Helvetica, serif; |
eelyafi
/ dabblet.css
Created
June 22, 2012 15:15
— forked from tyv/dabblet.css
в построении лэйаута
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* | |
| в построении лэйаута | |
| есть несоколько задач: | |
| — расположить контент горизонтально | |
| display: inline-block, | |
| float: left, | |
| position: absolute | |
| таблица |
NewerOlder