Skip to content

Instantly share code, notes, and snippets.

@davidyeiser

davidyeiser/text-explosion-sample.css

Created March 8, 2011 06:18
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save davidyeiser/859926 to your computer and use it in GitHub Desktop.
Save davidyeiser/859926 to your computer and use it in GitHub Desktop.
Download ZIP
The basic setup CSS for the text explosion sample.
Raw
text-explosion-sample.css
.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