schadeck
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
| /** | |
| * CSS3 Auto Scroll | |
| */ | |
| .container { | |
| width:400px; | |
| height:500px; | |
| overflow: auto; | |
| background:green; |
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
| /** | |
| * CSS3 Auto Scroll | |
| */ | |
| .container { | |
| width:400px; | |
| height:500px; | |
| overflow: auto; | |
| background:green; |
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
| /** | |
| * Fixed Postion Quirks | |
| */ | |
| .container-1 { | |
| width:400px; | |
| height:500px; | |
| overflow:auto; | |
| background:green; |
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
| /** | |
| * CSS box-shadow to create pixel sprites | |
| */ | |
| .sprite-question-box-small{ | |
| height:1px; | |
| width:1px; | |
| box-shadow:1px 0 0 #d8b018, 2px 0 0 #d8b018, 3px 0 0 #d8b018, 4px 0 0 #d8b018, 5px 0 0 #d8b018, 6px 0 0 #d8b018, 7px 0 0 #d8b018, 8px 0 0 #d8b018, 9px 0 0 #d8b018, 10px 0 0 #d8b018, 11px 0 0 #d8b018, 12px 0 0 #d8b018, 13px 0 0 #d0a820, 14px 0 0 #d0a820, 0 1px 0 #d8b018, 1px 1px 0 #e8c030, 2px 1px 0 #f8f8f8, 3px 1px 0 #f8f8f8, 4px 1px 0 #f8e888, 5px 1px 0 #f8e888, 6px 1px 0 #f8e888, 7px 1px 0 #f8e888, 8px 1px 0 #f8e888, 9px 1px 0 #f8e888, 10px 1px 0 #f8e888, 11px 1px 0 #f8e888, 12px 1px 0 #f8d028, 13px 1px 0 #f8d028, 14px 1px 0 #c8a018, 15px 1px 0 #884810, 0 2px 0 #d8b018, 1px 2px 0 #f8e888, 2px 2px 0 #602800, 3px 2px 0 #e0b018, 4px 2px 0 #e0b018, 5px 2px 0 #e0b018, 6px 2px 0 #e0b018, 7px 2px 0 #e0b018, 8px 2px 0 #d8b018, 9px 2px 0 #d8b018, 10px 2px 0 #d8b018, 11px 2px 0 #d8b018, 12px 2px 0 #d0a820, 13px 2px 0 #602800, 14px 2px 0 #b08018, 15px 2px 0 #602800, 0 3px 0 #d8b018, 1px 3px 0 #f8e888, 2p |
schadeck
/ check.html
Created
April 30, 2012 14:19
— forked from andrewrocco/check.html
CSS Media Check
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> | |
| <title>CSS Media Check</title> | |
| <style type="text/css"> | |
| #mediaquery{ | |
| -webkit-transition: width .001s; | |
| -moz-transition: width .001s; |
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
| body { | |
| font-family: sans-serif; | |
| } | |
| ul { | |
| list-style: none | |
| } | |
| li { | |
| background: slategrey; |
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
| /** | |
| * Mozilla inline-block w/ :first-letter fix | |
| */ | |
| /* | |
| @-moz-keyframes bugfix { from { padding-right: 1px ; } to { padding-right: 0; } } | |
| */ | |
| p:nth-child(1) { font-size: 9px; } | |
| p:nth-child(2) { font-size: 12px; } | |
| p:nth-child(4) { font-size: 24px; } |
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
| /** | |
| * Mozilla inline-block w/ :first-letter fix | |
| */ | |
| /* | |
| @-moz-keyframes bugfix { from { padding-right: 1px ; } to { padding-right: 0; } } | |
| */ | |
| p:nth-child(1) { font-size: 9px; } | |
| p:nth-child(2) { font-size: 12px; } | |
| p:nth-child(4) { font-size: 24px; } |
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
| /** | |
| * Mozilla inline-block w/ :first-letter fix | |
| */ | |
| @-moz-keyframes bugfix { from { padding-right: 1px ; } to { padding-right: 0; } } | |
| span { font-size: .8em; text-transform: uppercase; display: inline-block; text-indent: 0; text-decoration: inherit; } | |
| span:first-letter { font-size: 1.25em; } | |
| span { -moz-animation: bugfix 0.001s; } |
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
| /* Animate to natural width */ | |
| body { background: black; padding: 100px; margin: 0; } | |
| .progress-bar { | |
| border: 2px solid red; | |
| border-radius: 14px; | |
| } | |
| .progress-bar > div { |