Cal Wilson oksushi
oksushi
/ dabblet.css
Created
January 31, 2014 23:10
The first commented line is your dabblet’s title
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: url(http://www.placecage.com/1000/1000) center no-repeat fixed; | |
| } | |
| .cont { | |
| position: fixed; | |
| width: 200px; | |
| height: 100px; |
oksushi
/ dabblet.css
Created
February 1, 2014 02:30
The first commented line is your dabblet’s title
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: black;} | |
| ul {list-style: none; overflow: hidden; display: inline-block; margin-top: 10px;} ul {display: block;} | |
| ul li {float: left; position: relative; border: 5px solid #fff; margin-right: 10px; overflow: hidden;} | |
| ul li img {display: block;} | |
| ul li div.caption {position: absolute; top: -100%; background: #fff; padding: 10px; color: #666;} | |
| ul li:hover {cursor: pointer;} | |
| ul li:hover div.caption {top: 0;} |
oksushi
/ dabblet.css
Created
February 3, 2014 21:56
The first commented line is your dabblet’s title
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 | |
| */ | |
| div { | |
| width: 100px; | |
| height: 100px; | |
| background: hotpink; | |
| margin: 200px; | |
| box-shadow: 0 0 14px 2px rgba(0,0,0,.5); |
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
| span, div { | |
| border: 4px solid hotpink; | |
| text-align: right; | |
| } |
oksushi
/ dabblet.css
Created
February 18, 2014 03:24
Using table display to vertically centre a list of blocks
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
| /** | |
| * Using table display to vertically centre a list of blocks | |
| */ | |
| ul { | |
| list-style: none; | |
| margin: 0; | |
| padding: 0; | |
| text-align: justify; | |
| } |
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
| /** | |
| * Making a clickable Cage | |
| */ | |
| div { | |
| position: relative; | |
| float: left; | |
| } | |
| img { | |
| display: block; |
oksushi
/ fiddle.response.json
Created
March 7, 2014 04:00
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
| {"events": [ | |
| { | |
| "title": "Courses", | |
| "start": "2014-03-12" | |
| },{ | |
| "title": "Year of the Writer", | |
| "start": "2014-03-12" | |
| },{ | |
| "title": "Write On!", | |
| "start": "2014-03-12" |
oksushi
/ Gruntfile.js
Last active
August 29, 2015 14:08
— forked from dominikwilkowski/Gruntfile.js
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
| 'use strict'; | |
| /******************************************************************************************************* | |
| * | |
| * FOLDER STRUCTURE | |
| * | |
| * dev // files in root just move to ./prod/ and *.html files will look for grunt-includes directives | |
| * ├── HTMLincludes // HTML snippets included by grunt-includes | |
| * │ └── windows.html | |
| * ├── fonts // files will simply be moved to ./prod/fonts/ |
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
| <div class='container'> | |
| <div class='inner'></div> | |
| </div> | |
| <div class='container big'> | |
| <div class='inner'></div> | |
| </div> |
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
| <div class='container'> | |
| <div class='inner'></div> | |
| </div> | |
| <div class='container big'> | |
| <div class='inner'></div> | |
| </div> |
OlderNewer