Peter Peterson ipetepete
ipetepete
/ dabblet.css
Created
December 29, 2011 17:24
The first commented line is your dabblet’s title
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
| /** | |
| * The first commented line is your dabblet’s title | |
| */ | |
| body{ | |
| background: #000; | |
| color: rgb(247, 203, 5); | |
| font-family: helvetica, sans-serif; | |
| line-height:1.5em | |
| } | |
| .stage{ |
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
| /** | |
| * Star Wars Episode Cliff Notes | |
| */ | |
| body{ | |
| background: #000; | |
| color: rgb(247, 203, 5); | |
| font-family: helvetica, sans-serif; | |
| line-height:1.5em | |
| } | |
| .stage{ |
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
| /** | |
| * Tree List | |
| */ | |
| nav{ font: 120%/1.5 sans-serif; } | |
| nav ul { -webkit-padding-start: 15px; list-style:none; } | |
| nav li { line-height: 1.5em; -webkit-padding-start: 0.8em; display:list-item; } | |
| nav li:before { content: "» "; color: lightblue; font-size: 1.1em; margin-top: -5px; margin-right: 5px; vertical-align: middle; display: inline-block;} |
ipetepete
/ index.html
Created
August 29, 2012 16:38
I wanted to make form controls a little more finger friendly using the latest/greatest tricks. All while maintaining accessibility. Some solutions I found involved using images, and display: none. Unacceptable. This uses plain 'ol CSS to get the job done
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
| <h3>The Check-BIOX!</h3> | |
| <input type="checkbox" id="howudoin"/> <label for="howudoin"> Sup?</label> | |
| <h3>The ham radio group</h3> | |
| <div> | |
| <input type="radio" name="ham" value="1" id="brkrbrkr"/> <label for="brkrbrkr">Breaker breaker</label> | |
| </div><div> | |
| <input type="radio" name="ham" value="2" id="tenfour"/> | |
| <label for="tenfour">10-4</label> | |
| </div> |
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
| h2{ font-size: 0.3em;} | |
| h2:after{ | |
| display: block; | |
| content: "sup"; | |
| font-size: 24px; | |
| } |
ipetepete
/ jquery.sparkli.js
Created
September 14, 2012 22:46
Sparkli sprite animator plugin for jQuery
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
| (function($){ | |
| $.fn.sparkli = function( opts ){ | |
| options = { | |
| spriteWidth: null, | |
| spriteHeight: null, | |
| spritePadding: 0, | |
| rows : 1, | |
| cols : 10, | |
| totalSprites : 0, | |
| framesPerSecond: 20, |
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
| /** | |
| * This flexible grid system is based on percentage of columns | |
| * e.g. fgu3 (3 grid units) is 3/columns percent in a 800px wide container thats 800*.03 = 24px | |
| * | |
| * So its always known that fguX is X percent of the container. | |
| * Nested units get a bit more complicated. | |
| * | |
| * Up to 100 columns is possible | |
| */ |
ipetepete
/ dabblet.css
Created
December 28, 2012 23:52
— forked from anonymous/dabblet.css
Button styles
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
| /** | |
| * Button styles | |
| */ | |
| body{ | |
| background: #fc6; | |
| font-size: 16px; | |
| font-family: sans-serif; | |
| min-height: 100%; | |
| } |
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
| /** | |
| * Button styles | |
| */ | |
| body{ | |
| background: #fc6; | |
| font-size: 16px; | |
| font-family: sans-serif; | |
| min-height: 100%; | |
| } |
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
| /** | |
| * Keep calm and carry on | |
| */ | |
OlderNewer