Created
June 23, 2012 21:17
-
-
Save valentin9/2980055 to your computer and use it in GitHub Desktop.
looque
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
| /** | |
| * looque | |
| */ | |
| html { | |
| height:100%; | |
| } | |
| body | |
| { | |
| background: url(http://img535.imageshack.us/img535/2730/back4o.jpg) no-repeat center center fixed; | |
| -webkit-background-size: cover; | |
| -moz-background-size: cover; | |
| -o-background-size: cover; | |
| background-size: cover; | |
| } | |
| .wrapper { | |
| width:630px; | |
| background:url('http://img26.imageshack.us/img26/4256/whitehc.png'); | |
| margin:80px auto 0; | |
| min-height: 100%; /* Mindesthohe fur moderne Browser */ | |
| height:auto !important; /* Important Regel fur moderne Browser */ | |
| height:100%; /* Mindesthohe fur den IE */ | |
| overflow: hidden !important; /* FF Scroll-leiste */ | |
| padding:50px 30px 50px; | |
| border-radius:5px; | |
| } | |
| .top { | |
| font-family: Myriad Pro , Arial, Helvetica, Tahoma, sans-serif; font-stretch:normal; font-size:30px; | |
| -webkit-font-smoothing: antialiased; color:#3f3f3f; text-shadow:0 1px 0 white; | |
| height:50px; float:left; margin: 0; | |
| } | |
| .top a {margin:0 10px 0 15px; border: 0; text-decoration: none; padding:0; | |
| } | |
| .table {} | |
| .columns {font-family: Myriad Pro , Arial, Helvetica, Tahoma, sans-serif; font-stretch:normal; | |
| font-size:25px; -webkit-font-smoothing: antialiased; color:#3f3f3f; font-weight:bold; | |
| } | |
| .columns td {} | |
| .small{font-size:16px; margin: ;font-weight:normal} | |
| .error { text-shadow:0 1px 0 #fff; height:0; font-family:Arial, Helvetica, Tahoma, sans-serif; font-stretch:normal; | |
| font-size:14px; -webkit-font-smoothing: antialiased; color:#ff4c00; width:275px; margin:0 auto; | |
| } | |
| .form {width:420px;height:200px; margin:70px 100px 0; float:left;background-color:#eaeaea; | |
| border-radius:4px; box-shadow:0px 4px 6px rgba(50,50,50,0.6); | |
| } | |
| .formdiv {width:350px;margin:0 auto; padding:15px 0 0; } | |
| #input-head {font-family: Myriad Pro, Arial, Helvetica, Tahoma, sans-serif; font-stretch:normal; | |
| font-size:22px; -webkit-font-smoothing: antialiased; color:#2d2d2d; width:410px; margin:-40px auto 10px; | |
| } | |
| .input { | |
| color:#2d2d2d; | |
| padding:12px 18px 10px; | |
| font-size: 18px; | |
| border-radius:3px; | |
| width:310px; | |
| background: linear-gradient(rgba(240,240,240,1), rgba(275,275,275,1) ); | |
| border:none; | |
| box-shadow:inset 0 1px 3px rgba(0,0,0,0.5); | |
| margin:25px 0 15px; | |
| } | |
| p.note {font-family: Arial, Helvetica, Tahoma, sans-serif; font-stretch:normal; | |
| font-size:10px; -webkit-font-smoothing: antialiased; color:#3f3f3f;display:block; width:290px; margin:0 auto; | |
| } | |
| .search { | |
| margin:15px 40px 0 0; | |
| padding:10px 25px 9px;font-size: 18px; | |
| background: #99CE1C; | |
| border-radius:4px; | |
| border:1px solid #ccc; | |
| box-shadow:inset 0 21px 1px rgba(255,255,255,0.2); | |
| color:white; | |
| text-shadow:0 1px 0 #2d2d2d;float:right; | |
| } | |
| .search:hover{box-shadow:inset 0 -21px 1px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.3);margin-top:14px;} | |
| .search:active{box-shadow:inset 0 21px 10px rgba(0,0,0,0.05), 0 -1px 2px rgba(0,0,0,0.3);margin-top:16px;padding-bottom:9px;} | |
| .socialwrap {width:630px;height:100px; float:left;padding:50px 0 0;} | |
| .social {width:280px;margin:0 auto;} | |
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 PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" | |
| "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | |
| <!-- saved from url=(0014)about:internet --> | |
| <html xmlns="http://www.w3.org/1999/xhtml"> | |
| <head> | |
| <title>Looque - meine Styles in meiner Nähe</title> | |
| <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"> | |
| <script type="text/javascript"> var switchTo5x=true;</script> | |
| <script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script> | |
| <script type="text/javascript">stLight.options({publisher: "4a127e09-0870-42e9-9685-9304b6d3342c"}); </script> | |
| <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | |
| <link rel="stylesheet" type="text/css" href="css/style.css" /> | |
| </head> | |
| <body> | |
| <div class="wrapper"> | |
| <div class="top"><a href="#" ><img src="http://img140.imageshack.us/img140/9981/logogt.png"/></a></div> | |
| <div class="top"><p class="top"> - meine Styles in meiner Nähe</p></div> | |
| <table class="columns" border="0" bordercolor="" width="630px" cellpadding="5" cellspacing="10"> | |
| <tr> | |
| <td><p>Inspirieren</p><p class="small">looque bietet aktuellste Modetrends aus Laden in deiner Nahe</p></td> | |
| <td><p>Entdecken</p><p class="small">looque berat dich bei der Auswahl von deinen Lieblingsstyles</p></td> | |
| <td><p>Einkaufen</p><p class="small">looque hilft dir beim Shoppen und versorgt dich mit personlichen Rabatten</p></td> | |
| </tr> | |
| </table> | |
| <div class="form"> | |
| <div id="input-head">Erfahre als erster über den baldigen Start:</div> | |
| <div class="formdiv"> | |
| <div class="error">Bitte eine gültige E-Mail-Adresse eingeben.</div> | |
| <from> | |
| <input type="input" class="input" placeholder="E-Mail"/> | |
| </form> | |
| </div> | |
| <p class="note">Deine E-Mail ist bei uns sicher, keine Weitergabe, kein Spam.</p> | |
| <input type="submit" value="Informiere mich!" class="search"></input> | |
| </div> | |
| <div class="socialwrap"> | |
| <div class="social"> | |
| <span class='st_facebook_vcount' displayText='Facebook'></span> | |
| <span class='st_twitter_vcount' displayText='Tweet'></span> | |
| <span class='st_pinterest_vcount' displayText='Pinterest'></span> | |
| <span class='st_email_vcount' displayText='Email'></span> | |
| </div> | |
| </div> | |
| </div> | |
| </body> | |
| </html> | |
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
| {"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment