Lennart Schoors lensco
lensco
/ Custom.css
Created
August 18, 2011 11:28
User stylesheet to customize the WebKit Inspector (cleaning up and improving the styles panel). See http://bricss.net/post/9076968710/customize-the-webkit-inspector-chrome-dev-tools
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
| .monospace { | |
| font: 11px/1.3 Monaco !important; | |
| } | |
| /* slightly larger indentation of source code */ | |
| .outline-disclosure ol { | |
| -webkit-padding-start: 18px !important; | |
| } | |
| /* margin underneath styles panel heading */ |
lensco
/ responsive.html
Created
January 26, 2012 21:11
Simple responsive design test page. More info here: http://bricss.net/post/16538278376/simple-responsive-design-test-page
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
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>Responsive Design Testing</title> | |
| <style> | |
| body { margin: 20px; font-family: sans-serif; overflow-x: scroll; } | |
| .wrapper { width: 6000px; } | |
| .frame { float: left; } | |
| h2 { margin: 0 0 5px 0; } |
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
| /** | |
| * box-shadow vs filter: drop-shadow 2 | |
| */ | |
| body { | |
| background: #ddd; | |
| font: 16px/1 sans-serif; | |
| margin: 50px; | |
| } |
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
| /** | |
| * box-shadow vs filter: drop-shadow | |
| */ | |
| body { | |
| background: #ddd; | |
| font: 16px/1 sans-serif; | |
| } | |
| div { | |
| margin: 100px; |
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
| /** | |
| * fine-grained letter-spacing | |
| */ | |
| p { | |
| font: 100%/1 sans-serif; | |
| } | |
| .one { | |
| letter-spacing: .06em; | |
| } | |
| .two { |
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
| .userContent { | |
| padding: 0 5px; | |
| width: 230px; | |
| animation: myfirst 1s; | |
| background: limegreen; | |
| height: 40px; | |
| line-height:40px; | |
| float:left; | |
| } |
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
| <h1><span>Hey, een scheef blokje zonder afbeeldingen!</span></h1> |