Chris Coleman freshyill
freshyill
/ 1140-extras.css
Created
September 18, 2012 03:44
— forked from inky/1140-extras.css
Some additional rules for the 1140px CSS Grid System, to allow whitespace to the left of a column. (Not tested extensively…)
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
| .onepush { | |
| margin-left: 8.65%; | |
| } | |
| .twopush { | |
| margin-left: 17.3%; | |
| } | |
| .threepush { | |
| margin-left: 25.95%; |
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
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>CodePen · A Pen by freshyill</title> | |
| <!-- | |
| Copyright (c) 2012 Chris Coleman, http://codepen.io/freshyill | |
| Permission is hereby granted, free of charge, to any person obtaining |
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
| /** | |
| * "New" sashes | |
| */ | |
| body {background: url(https://a1.lscdn.net/imgs/9150ea6b-2d69-4dce-ba12-6838c560909f/original_q60.jpg) no-repeat center center fixed; background-size: cover; font-family: Arial Rounded MT Bold; -webkit-font-smoothing: antialiased; font-size: 14px;} | |
| .nav ul {width: 220px;} | |
| .nav li {background: #262626; display: block; border-top: 1px solid rgba(255,255,255,.1); border-bottom: 1px solid rgba(0,0,0,.5);} | |
| .nav li a {display: block; color: #fff; padding: 10px; text-decoration: none; padding-left: 40px; position: relative;} | |
| .nav li:first-child {border-radius: 4px 4px 0 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
| /** | |
| * The first commented line is your dabblet’s title | |
| */ | |
| body {font-family: Arial Rounded MT Bold;} | |
| * {box-sizing: border-box;} | |
| a { text-decoration: none;} |
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 | |
| */ | |
| .shadowy { | |
| border: 1px solid #ccc; | |
| padding: 20px; | |
| width: 500px; | |
| box-shadow: 1px 0 0 1px rgba(0,0,0,.1) inset; | |
| } |
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
| /** | |
| * Rotator | |
| */ | |
| body {font-family: Arial Rounded MT Bold; color: #333;} | |
| h2 { font-weight: normal;} | |
| .bones .stage {overflow: visible;} | |
| .bones [class^=carousel] {background: rgba(1,1,1,.2);} |
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
| /** | |
| * Rotator | |
| */ | |
| body {font-family: Arial Rounded MT Bold; color: #333;} | |
| h2 { font-weight: normal;} | |
| .outline {overflow: hidden;} | |
| .adventures-stage {overflow: hidden; border: 1px solid #222; height: 300px; width: 700px; margin: 50px auto; position: relative; z-index: 5; border-radius: 4px;} | |
| [class^=slide] {box-sizing: border-box; position: absolute; transition: .2s all ease 0; padding: 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
| /** | |
| * Rotator | |
| */ | |
| body {font-family: Arial Rounded MT Bold; color: #333;} | |
| h2 { font-weight: normal;} | |
| /* Stage */ | |
| @keyframes stage { | |
| from {background-color: #ccc;} /* Slide 1 / Start */ | |
| 20.0% {background-color: #ccc;} |
freshyill
/ dabblet.css
Created
December 16, 2011 15:58
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 | |
| */ | |
| background: #f06; | |
| background: linear-gradient(45deg, #f06, yellow); | |
| min-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
| // Example variable | |
| $realistic-drop: 1px 1px 5px #000, 1px 1px 1px #000; | |
| // Example mixin | |
| @mixin box-shadow ($box-shadow) { | |
| -webkit-box-shadow: $box-shadow; | |
| -moz-box-shadow: $box-shadow; | |
| -ms-box-shadow: $box-shadow; | |
| -o-box-shadow: $box-shadow; | |
| box-shadow: $box-shadow; |