Jakob Cosoroabă jcsrb
This file contains hidden or 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
| /** | |
| * The first commented line is your dabblet’s title | |
| */ | |
| body{ | |
| background-image: url(http://img.ffffound.com/static-data/assets/6/b27b7437910f2a8b67d8473219f909e251053ec7_m.gif) | |
| } |
This file contains hidden or 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
| /* | |
| * Dabblet: CSS button done i 10seconds | |
| * thanks to CSSHat and this PSD file: http://365psd.com/day/56/ | |
| * Workman: @machal | |
| */ | |
| .test { | |
| color: #fff; | |
| font: 15px/30px sans-serif; | |
| text-align: center; |
jcsrb
/ dabblet.css
Created
June 12, 2012 22:05
User login based on http://dribbble.com/shots/598906-User-Login
This file contains hidden or 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
| /** | |
| * User login based on http://dribbble.com/shots/598906-User-Login | |
| */ | |
| body { background-color: #f1f6f9} | |
| * { | |
| appearance: none!important | |
| margin: 0; | |
| padding: 0; |
This file contains hidden or 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
| /** | |
| * Recipt | |
| */ | |
| @font-face { | |
| font-family: 'Conv_FakeReceipt'; | |
| src: url('http://dl.dropbox.com/u/453380/FakeReceipt.woff') format('woff'); | |
| font-weight: normal; | |
| font-style: normal; | |
| } |
jcsrb
/ dabblet.css
Created
June 5, 2012 09:38
rotate card (Chrome bug http://code.google.com/p/chromium/issues/detail?id=97458 )
This file contains hidden or 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
| /** | |
| * rotate card (Chrome bug http://code.google.com/p/chromium/issues/detail?id=97458 ) | |
| */ | |
| .id-card { | |
| width: 200px; | |
| height: 200px; | |
| padding: 5%; | |
| border-radius: 50%; | |
| box-sizing: border-box; | |
| background: plum; |
This file contains hidden or 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
| /** | |
| * Border Image Gradient | |
| */ | |
| #bi{ | |
| display:block; | |
| width:500px; | |
| height: 300px; | |
| position: absolute; | |
| top: 50%; | |
| margin-top: -150px; |
This file contains hidden or 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
| /* Code Forward */ | |
| @import url(http://fonts.googleapis.com/css?family=Old+Standard+TT:400,700); | |
| body{ | |
| background-color: #bec4b5; | |
| background-image: url('http://jakob.cosoroaba.ro/demos/Tools/miniplayer/dot.png'), url('http://30.media.tumblr.com/tumblr_lvsuuuw7lI1qe0eclo1_r8_500.gif'); | |
| background-size: auto, cover; | |
| font-family: 'Old Standard TT', serif; | |
| } | |
| #svg3214{ |
This file contains hidden or 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
| /** | |
| * Top and Bottom inset shadow | |
| */ | |
| #element{ | |
| background-color: #E3F2F7; | |
| height: 55px; | |
| position: relative; /* to position pseudo absolute*/ | |
| overflow: hidden; /* to cut of overflow shadow*/ |
This file contains hidden or 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
| /** | |
| * Phisicaly size based mediaqueries | |
| */ | |
| body{ | |
| display:block; | |
| } | |
| body:after{ | |
| content:''; | |
| font-size: 4em; |
This file contains hidden or 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
| a{ | |
| display:block; | |
| } | |
| /* | |
| should this work? | |
| concat of an attr with a string seams to work | |
| if you look at the content rule in line 21 | |
| based on the css3 spec http://www.w3.org/TR/css3-values/#attr-value |