Skip to content

Instantly share code, notes, and snippets.

@valentin9

valentin9/dabblet.css

Created June 23, 2012 21:13
Show Gist options
  • Save valentin9/2980025 to your computer and use it in GitHub Desktop.
Save valentin9/2980025 to your computer and use it in GitHub Desktop.
Download ZIP
looque
Raw
dabblet.css
/**
* 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:475px;
background:url('http://img26.imageshack.us/img26/4256/whitehc.png');
margin:0px auto 0;
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:5px 30px 0px;
border-radius:5px;
}
.top a img {margin:0px 40px 0; border: 0; text-decoration: none; padding:0;
}
.top {
width:585px;
margin:120px auto 10px;
border-radius:5px;
}
#danke p {
Font-family: Myriad Pro, Helvetica, Arial, Tahoma, sans-serif; font-stretch:normal; font-size:36px;
-webkit-font-smoothing: antialiased; color:#3f3f3f; width:405px; margin: 30px auto 0;
}
#dankebox {
width:405px; margin: 0 auto;
}
#dankebox p { margin: 5px 0 10px 2px;
Font-family: Myriad Pro, Helvetica, Arial, Tahoma, sans-serif; font-stretch:normal; font-size:20px;
-webkit-font-smoothing: antialiased; color:#3f3f3f;
}
.socialwrap {width:475px;height:100px; float:left;margin:10px 0 10px;}
.social {width:280px;margin:0 auto;}
.bgbtn {background-color:#ccc; height:30px; width:20px; border-radius:2px; border:1px solid #9f9f99 ;padding:8px 0px 0 10px; float:left; margin-left:5px;}
.bgbtn a { text-decoration:none; color:#fff; text-shadow:0 -1px 0 #999;
Font-family: Myriad Pro, Helvetica, Arial, Tahoma, sans-serif; font-stretch:normal;font-size:14px;
}
.bgbtn:hover {background-color:#c1c1c1;}
Raw
dabblet.html
<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<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>
</head>
<body>
<div class="top"><a href="#" ><img src="http://img85.imageshack.us/img85/561/whitew.png"/></a></div>
<div class="wrapper">
<div id="danke"><p>Danke für dein Interesse!</p></div>
<div id="dankebox"><p>
Wir freuen uns dich beim Start begrüßen
zu dürfen.
</p></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>
Raw
settings.json
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment