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
/** | |
* kremlin | |
**/ | |
background: | |
linear-gradient(-45deg, transparent 50%, rgba(0,0,0,0.1) 50%) 20em 0em, | |
linear-gradient(45deg, transparent 50%, rgba(255,255,255,0.2) 50%) 20em 0em, | |
linear-gradient(45deg, transparent 10%, green 10%, green 35%, transparent 35%, transparent 60%, green 60%, green 85%, transparent 85%); | |
background-size: 50em 50em, 50em 50em, 100em 100em; | |
background-color: yellow; | |
font-size: 1px; |
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
/** | |
* heart shape thumbnail | |
**/ | |
body { | |
background: #eee; | |
counter-reset:section; | |
} | |
li { | |
background: url(http://dl.dropbox.com/u/10214082/heart3-back.png) no-repeat 50% 1px;/*url(http://f.cl.ly/items/3i1z343e1G1A1x2O3L3L/Untitled-2.png) no-repeat 20px 20px*/ |
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
/** | |
* Merry Christmass Newsletter Template | |
**/ | |
body { | |
background: linear-gradient(27deg, transparent 48%, rgba(0,0,0,0.5) 48%, transparent 49%), | |
linear-gradient(-27deg, transparent 48%, rgba(0,0,0,0.5) 48%, transparent 49%); | |
background-size: 20px 40px; | |
background-color: #00906f; | |
height: 100%; |
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
/** | |
* carbon fiber | |
**/ | |
background: | |
radial-gradient(circle, #231d18 25%, transparent 25%) 3em 3em, | |
radial-gradient(circle, #3f3932 25%, transparent 25%) 3em 4em, | |
radial-gradient(circle, #231d18 25%, transparent 25%), | |
radial-gradient(circle, #3f3932 25%, transparent 25%) 0 1em; | |
background-size: 6em 6em; | |
background-color: #38322b; |
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
/** | |
* jack frost | |
**/ | |
background: | |
radial-gradient(circle, black 3%, transparent 3%) 3px -33px, /* rigth eye */ | |
radial-gradient(circle, black 3%, transparent 3%) -3px -33px, /* left eye */ | |
linear-gradient(75deg, orange 4%, transparent 4%) -50px 8px, /* nose */ | |
radial-gradient(circle, white 15%, transparent 15%) 0 -31px, /* head */ | |
radial-gradient(circle, rgba(0,0,0,.05) 15%, transparent 15%) 0px -30px,/* head shadow */ | |
radial-gradient(circle, red 15%, transparent 15%) 0px -28px, /* neck scarf */ |
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
/** | |
* kremlin2 | |
**/ | |
background: | |
linear-gradient(-45deg, transparent 50%, rgba(0,0,0,0.05) 50%), | |
linear-gradient(45deg, transparent 50%, rgba(255,255,255,0.2) 50%), | |
linear-gradient(315deg, red 0%, red 25%, transparent 25%) -50em 0, | |
linear-gradient(225deg, red 0%, red 25%, transparent 25%) -50em 0, | |
linear-gradient(135deg, red 0%, red 25%, transparent 25%), | |
linear-gradient(45deg, red 0%, red 25%, transparent 25%); |
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
/** | |
* fibonaci | |
**/ | |
BODY { | |
counter-reset: nra; | |
} | |
.fibonaci:after, | |
.fibonaci div:after { | |
content: " " counter(nra); | |
counter-increment: nra;} |
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
/** | |
* Christmass present | |
**/ | |
background: | |
linear-gradient(135deg, transparent 85%, red 85%) 72em -27em, | |
linear-gradient(315deg, transparent 85%, red 85%) 29em -70em, | |
radial-gradient(circle, red 40%, transparent 40%) 50em 51em, | |
linear-gradient(45deg, transparent 67%, red 85%) 29em 73em, |
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
/** | |
* couch | |
**/ | |
background: | |
radial-gradient(circle, #c5376d 2%, transparent 2%) 100em 100em, | |
radial-gradient(circle, #c5376d 2%, transparent 2%), | |
linear-gradient(-45deg, transparent 49.5%, #c5376d 49.5%, #c5376d 50%, transparent 50%, transparent 99.5%, #a39483 99.5%), | |
linear-gradient(45deg, transparent 49.5%, #c5376d 49.5%, #c5376d 50%, transparent 50%, transparent 99.5%, #a39483 99.5%); | |
background-size:200em 200em; |
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
/** | |
* canvas | |
**/ | |
background-color: #dedede; | |
background-image: | |
linear-gradient(45deg, transparent 40%, #dedede 40%, #dedede 50%, transparent 50%, transparent 90%, #dedede 90%), | |
linear-gradient(-45deg, transparent 40%, rgba(0,0,0,.1) 40%, rgba(0,0,0,.1) 50%, transparent 50%, transparent 90%, rgba(0,0,0,.1) 90%), | |
linear-gradient(-45deg, transparent 30%, rgba(255,255,255,.2) 30%, rgba(255,255,255,.2) 40%, transparent 40%, transparent 80%, rgba(255,255,255,.2) 80%, rgba(255,255,255,.2) 90%, transparent 90%); | |
background-size: 10em 10em; | |
font-size:1px; |