Created
March 8, 2011 06:18
-
-
Save davidyeiser/859926 to your computer and use it in GitHub Desktop.
The basic setup CSS for the text explosion sample.
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
| .lab-exploading-text-example { padding-top:20px; background-color:#edeeee; } | |
| .lab-exploading-text-example form { padding-bottom:20px; position:relative; } | |
| .email-signup { height:80px; margin:20px 18px; position:relative; } | |
| .email-signup label { width:457px; height:31px; padding:17px 10px 8px 10px; position:absolute; left:1px; top:2px; font-size:18px; line-height:21px; text-shadow:0 0 1px rgba(0,0,0,0.15); cursor:text; color:#202020; background-color:transparent; z-index:3; } | |
| .no-js .email-signup label { position:relative; left:0; top:0; } | |
| .email-signup input { display:inline-block; width:457px; height:37px; padding:10px; position:relative; font-family:"proxima-nova-1", "proxima-nova-2", "Trebuchet MS", Verdana, sans-serif; font-size:18px; text-shadow:0 0 1px rgba(0,0,0,0.15); color:#909090; border:1px solid #d0d0d0; background-color:#fff; z-index:2; } | |
| .email-signup input:focus { outline:0; -webkit-box-shadow:2px 2px 0 rgba(0,0,0,0.1); } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment