2
0

Add site tip: Promo code for feedback.

This commit is contained in:
Maarten Billemont 2012-07-05 13:40:31 +02:00
parent 8b91c2a0b8
commit 0e8e4dc06d
3 changed files with 54 additions and 5 deletions

View File

@ -258,6 +258,48 @@ header .appstore {
/* appstore.png */ /* appstore.png */
bottom: -25px; bottom: -25px;
} }
.tip {
background: url("../img/tip.png") no-repeat;
color: white;
position: absolute;
display: block;
right: 0;
width: 410px;
height: 60px;
padding: 12px 20px;
margin-top: -60px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font: 14px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", "Liberation Sans", sans-serif;
}
.footnote {
color: #444;
position: absolute;
width: 100%;
bottom: 2px;
font: 14px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", "Liberation Sans", sans-serif !important;
}
.footnote:hover {
color: #666;
}
*>.nothover {
display: inline-block;
}
*:hover>.nothover {
display: none;
}
*>.hover {
display: none;
}
*:hover>.hover {
display: inline-block;
}
.columns { .columns {
position: relative; position: relative;
clear: both; clear: both;

BIN
Site/img/tip.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.2 KiB

View File

@ -92,8 +92,15 @@
<a class="appstore" href="http://itunes.apple.com/app/id510296984"><img src="img/appstore.png" /></a> <a class="appstore" href="http://itunes.apple.com/app/id510296984"><img src="img/appstore.png" /></a>
<header> <header>
<a class="appstore" href="http://itunes.apple.com/app/id510296984"><img src="img/appstore.png" /></a> <a class="appstore" href="http://itunes.apple.com/app/id510296984">
<span class="tip">
<span class="nothover">Tell us what you thought and get a free copy for a friend!</span>
<span class="hover">The most constructive feedback earns a promo code.</span>
</span>
<img src="img/appstore.png" />
</a>
<h1><a href="index.html"><img class="logo" src="img/iTunesArtwork-Bare.png" /> Master Password</a></h1> <h1><a href="index.html"><img class="logo" src="img/iTunesArtwork-Bare.png" /> Master Password</a></h1>
<a class="footnote" href="mailto:masterpassword@lyndir.com">masterpassword@lyndir.com</a>
<div class="divider"></div> <div class="divider"></div>
</header> </header>
@ -102,7 +109,7 @@
</div> </div>
<!--a href="http://bit.ly/vNN5Zi" onclick="_gaq.push(['_trackPageview', '/outbound/testflight']);" id="ribbon"></a--> <!--a href="http://bit.ly/vNN5Zi" onclick="_gaq.push(['_trackPageview', '/outbound/testflight']);" id="ribbon"></a-->
<section class="heading"> <!--section class="heading">
<div> <div>
<div class="slider-wrapper"> <div class="slider-wrapper">
@ -118,8 +125,8 @@
</div> </div>
</div> </div>
</section> </section-->
<!--section class="heading"> <section class="heading">
<div> <div>
<div class="sidebox"> <div class="sidebox">
<div class="clip"> <div class="clip">
@ -143,7 +150,7 @@
<p>Master Password just recreates the passwords for your sites whenever you need them: instantly and on-demand. At the same time it makes sure that your accounts are adequately protected with <em>secure and unique</em> passwords.</p> <p>Master Password just recreates the passwords for your sites whenever you need them: instantly and on-demand. At the same time it makes sure that your accounts are adequately protected with <em>secure and unique</em> passwords.</p>
</div> </div>
</section--> </section>
<section> <section>
<p>Master Password is <strong>different</strong> from other vault-like password solutions. It helps you set <strong>secure passwords</strong> for your sites, and at the same time makes <strong>losing your passwords almost impossible</strong>.</p> <p>Master Password is <strong>different</strong> from other vault-like password solutions. It helps you set <strong>secure passwords</strong> for your sites, and at the same time makes <strong>losing your passwords almost impossible</strong>.</p>