| .feature-box { | |
| width: 300px; | |
| float: left; | |
| margin: 30px 0 15px 20px; | |
| padding: 0; | |
| position: relative; | |
| } | |
| .feature-box:first-child { |
| body { | |
| background:#e9e8e1; | |
| } | |
| .button { | |
| display: inline-block; | |
| padding: 8px 13px; | |
| color: #fff; | |
| font-weight: bold; | |
| text-decoration: none; |
| body { | |
| background:#e9e8e1; | |
| } | |
| .button { | |
| display: inline-block; | |
| padding: 8px 13px; | |
| color: #fff; | |
| font-weight: bold; | |
| text-decoration: none; |
| #wrapper { | |
| width: 900px; | |
| margin: 0 auto; | |
| position: relative; | |
| background: #999; | |
| } | |
| #content { | |
| width: 500px; |
| /** | |
| * Weirdness when using "size" and HTML5 number input | |
| */ | |
| input { | |
| display: block | |
| } | |
| .small { width: 30px; } | |
| .medium { width: 120px; } |
Save manifest.json and style.css in a directory on your machine.
Click the Chrome menu icon and select Extensions from the Tools menu. Ensure that the "Developer mode" checkbox in the top right-hand corner is checked. Click "Load unpacked extension" and select to your newly created directory.