Kevin Kleinjung Fresh-Dev
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
| lineUp='\x1b[1A' | |
| lineDel='\x1b[2K' | |
| print(lineUp + lineDel) |
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:before { | |
| content: ""; | |
| position: fixed; | |
| top: -10px; | |
| left: 0; | |
| width: 100%; | |
| height: 10px; | |
| -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8); | |
| -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8); |
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
| input[type=text], textarea { | |
| -webkit-transition: all 0.30s ease-in-out; | |
| -moz-transition: all 0.30s ease-in-out; | |
| -ms-transition: all 0.30s ease-in-out; | |
| -o-transition: all 0.30s ease-in-out; | |
| outline: none; | |
| padding: 3px 0px 3px 3px; | |
| margin: 5px 1px 3px 0px; | |
| border: 1px solid #ddd; | |
| } |
Fresh-Dev
/ centeredLayoutFixedWidth.css
Created
February 10, 2016 19:25
Centered Layout Fixed Width
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
| #page-wrap { | |
| width: 800px; | |
| margin: 0 auto; | |
| } |
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
| @font-face { | |
| font-family: 'MyWebFont'; | |
| src: url('webfont.eot'); /* IE9 Compat Modes */ | |
| src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ | |
| url('webfont.woff') format('woff'), /* Modern Browsers */ | |
| url('webfont.ttf') format('truetype'), /* Safari, Android, iOS */ | |
| url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */ | |
| } | |
| body { |
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
| #colorbox { | |
| background: #629721; | |
| background-image: -webkit-gradient(linear, left top, left bottom, from(#83b842), to(#629721)); | |
| background-image: -webkit-linear-gradient(top, #83b842, #629721); | |
| background-image: -moz-linear-gradient(top, #83b842, #629721); | |
| background-image: -ms-linear-gradient(top, #83b842, #629721); | |
| background-image: -o-linear-gradient(top, #83b842, #629721); | |
| background-image: linear-gradient(top, #83b842, #629721); | |
| } |
Fresh-Dev
/ verticallyCenteredContent.css
Created
February 10, 2016 19:25
Vertically Centered Content
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
| .container { | |
| min-height: 6.5em; | |
| display: table-cell; | |
| vertical-align: middle; | |
| } |
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
| html { | |
| background: url('images/bg.jpg') no-repeat center center fixed; | |
| -webkit-background-size: cover; | |
| -moz-background-size: cover; | |
| -o-background-size: cover; | |
| background-size: cover; | |
| } |
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
| .has-pullquote:before { | |
| /* Reset metrics. */ | |
| padding: 0; | |
| border: none; | |
| /* Content */ | |
| content: attr(data-pullquote); | |
| /* Pull out to the right, modular scale based margins. */ | |
| float: right; |
NewerOlder