Created
June 14, 2012 22:41
-
-
Save valentin9/2933449 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-image:url(http://img535.imageshack.us/img535/2730/back4o.jpg); | |
| background-size: 100%; | |
| height:auto; | |
| background-repeat: no-repeat; | |
| margin: 0; | |
| } | |
| #wrapper { | |
| width:630px; | |
| background-color:rgba(255,255,255,0.85); | |
| margin:80px auto 50px; | |
| min-height: 100%; /* Mindesthöhe für moderne Browser */ | |
| height:auto !important; /* Important Regel für moderne Browser */ | |
| height:100%; /* Mindesthöhe für den IE */ | |
| overflow: hidden !important; /* FF Scroll-leiste */ | |
| padding:50px 30px 100px; | |
| border-radius:5px; | |
| } | |
| .form {width:383px;height:200px; margin:70px 125px 0;float:left;background-color:#eaeaea; border-radius:4px; box-shadow:0px 4px 6px rgba(50,50,50,0.6);} | |
| .formdiv {width:285px;margin:0 auto;} | |
| .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; | |
| } | |
| .outertop { margin:0 10px; width:620px; height:100%;} | |
| .top a img {margin:0 10px;} | |
| #trata {height:100%;display:block;} | |
| .twelve{font-size:14px;display:block; margin-top:-10px;} | |
| .left {margin-left:10px; float:left; width:28%;font-family: “Myriad Pro”, Arial, Helvetica, Tahoma, sans-serif; font-stretch:normal; | |
| font-size:25px; -webkit-font-smoothing: antialiased; color:#3f3f3f;display:block; | |
| } | |
| .center {margin-left:60px; float:left; width:28%;font-family: “Myriad Pro”, Arial, Helvetica, Tahoma, sans-serif; font-stretch:normal; | |
| font-size:25px; -webkit-font-smoothing: antialiased; color:#3f3f3f;display:block; | |
| } | |
| .right { float:left; margin-left:35px; width:25%;font-family: “Myriad Pro”, Arial, Helvetica, Tahoma, sans-serif; font-stretch:normal; | |
| font-size:25px; -webkit-font-smoothing: antialiased; color:#3f3f3f;display:block; | |
| } | |
| .search { | |
| margin:15px 50px 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;} | |
| .input { | |
| color:#2d2d2d; | |
| padding:12px 18px 10px; | |
| font-size: 18px; | |
| border-radius:3px; | |
| width:249px; | |
| 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:35px 0 15px; | |
| } | |
| #oninput {font-family: “Myriad Pro”, Arial, Helvetica, Tahoma, sans-serif; font-stretch:normal; | |
| font-size:22px; -webkit-font-smoothing: antialiased; color:#2d2d2d; width:405px; margin:-40px auto 10px; | |
| } | |
| .note {font-family: “Myriad Pro”, Arial, Helvetica, Tahoma, sans-serif; font-stretch:normal; | |
| font-size:10px; -webkit-font-smoothing: antialiased; color:#3f3f3f;display:block; width:290px; 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
| <html> | |
| <body> | |
| <div id="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> | |
| <div class="left"><p>Inspirieren</p> <p class="twelve">Entdecke aktuellste Modetrends und bekomme persönliche Beratung.</p></div> | |
| <div class="center"><p>Entdecken</p> <p class="twelve">Was sollen wir hier reinschreinben?</p> </div> | |
| <div class="right"><p>Einkaufen</p> <p class="twelve">Informiere Dich, wo Du die Styles in Deiner Nähe findest und freue Dich über Coupons und Rabatte</p> </div> | |
| <div class="form"> | |
| <div id="oninput">Erfahre als erster über den baldigen Start:</div> | |
| <div class="formdiv"> | |
| <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="Informieren Sie mich!" class="search"></input> | |
| </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":"result"} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment