Paul Fields LliyoR
LliyoR
/ dabblet.css
Created
December 26, 2015 00:21
— forked from csssecrets/dabblet.css
Vertical stripes
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
| /** | |
| * Vertical stripes | |
| */ | |
| height: 100%; width: 100%; | |
| background: | |
| linear-gradient( | |
| to right, | |
| #fb3 50%, | |
| #58a 0); | |
| /*bg repeated 15 times and finishing |
LliyoR
/ dabblet.css
Created
December 25, 2015 23:35
— forked from csssecrets/dabblet.css
Inner rounding
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
| /** | |
| * Inner rounding | |
| */ | |
| div { | |
| border-radius: .8em; | |
| outline:calc(.34em + .01em) solid #655; /*min .35em*/ | |
| box-shadow:0 0 0 .34em #655; /*min .34em*/ | |
| max-width: 10em; |
LliyoR
/ dabblet.css
Created
December 24, 2015 16:12
— forked from csssecrets/dabblet.css
Flexible background positioning
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
| /** | |
| * Flexible background positioning | |
| * via calc() | |
| */ | |
| div { | |
| margin: 3em auto; | |
| background: url(http://csssecrets.io/images/code-pirate.svg) | |
| no-repeat bottom right #58a; | |
| background-position: calc(100% - 20px) calc(100% - 10px); |
LliyoR
/ dabblet.css
Last active
December 24, 2015 16:01
— forked from csssecrets/dabblet.css
Flexible background positioning
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
| /** | |
| * Flexible background positioning | |
| * via extended background-position | |
| */ | |
| div { | |
| background: url(http://csssecrets.io/images/code-pirate.svg) | |
| no-repeat bottom right #58a; | |
| background-origin: content-box; | |
LliyoR
/ dabblet.css
Last active
December 24, 2015 15:44
— forked from csssecrets/dabblet.css
Multiple borders
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
| /** | |
| * Multiple borders | |
| */ | |
| div { | |
| width: 100px; | |
| height: 60px; | |
| margin: calc(50% - 40px) auto; | |
| background: yellowgreen; | |
| box-shadow: |
LliyoR
/ dabblet.css
Created
December 24, 2015 15:20
— forked from csssecrets/dabblet.css
Translucent borders
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
| /** | |
| * Translucent borders | |
| */ | |
| body { | |
| margin: 0; | |
| background: url('http://csssecrets.io/images/stone-art.jpg'); | |
| } | |
| div { |
LliyoR
/ github.css
Created
November 23, 2013 20:42
— forked from theconektd/github.css
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
| body { | |
| font-family: Helvetica, arial, sans-serif; | |
| font-size: 14px; | |
| line-height: 1.6; | |
| padding-top: 10px; | |
| padding-bottom: 10px; | |
| background-color: white; | |
| padding: 30px; } | |
| body > *:first-child { |
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
| /** | |
| * Justified Menu | |
| */ | |
| body { text-align: center; } | |
| nav { | |
| user-select: none; | |
| resize: both; | |
| overflow: auto; | |
| display: inline-block; |
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
| /** | |
| * Add event listeners | |
| */ |
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
| /** | |
| * Angry Birds Star Wars purple button | |
| */ | |
| :root, body { | |
| overflow: hidden; | |
| height: 100%; | |
| background-color: #122347; | |
| } | |
| .b-angry-birds-star-wars-btn { |
NewerOlder