View dabblet.css
| /** | |
| * box-shadow vs filter: drop-shadow 2 | |
| */ | |
| body { | |
| background: #ddd; | |
| font: 16px/1 sans-serif; | |
| margin: 50px; | |
| } |
lensco
/ responsive.html
Created Jan 26, 2012
Simple responsive design test page. More info here: http://bricss.net/post/16538278376/simple-responsive-design-test-page
View responsive.html
| <!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; } |
lensco
/ Custom.css
Created Aug 18, 2011
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
View Custom.css
| .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 */ |
View dabblet.css
| /** | |
| * box-shadow vs filter: drop-shadow | |
| */ | |
| body { | |
| background: #ddd; | |
| font: 16px/1 sans-serif; | |
| } | |
| div { | |
| margin: 100px; |
View dabblet.css
| /** | |
| * fine-grained letter-spacing | |
| */ | |
| p { | |
| font: 100%/1 sans-serif; | |
| } | |
| .one { | |
| letter-spacing: .06em; | |
| } | |
| .two { |
View dabblet.css
| .userContent { | |
| padding: 0 5px; | |
| width: 230px; | |
| animation: myfirst 1s; | |
| background: limegreen; | |
| height: 40px; | |
| line-height:40px; | |
| float:left; | |
| } |
View markup.html
| <h1><span>Hey, een scheef blokje zonder afbeeldingen!</span></h1> |