Adding title and subtitle. (Big thanks to @ericflo for the inspiration.)

This commit is contained in:
Samuel Clay 2011-12-08 16:14:27 -08:00
parent 2cd4a26328
commit 05922d7cb8
3 changed files with 33 additions and 6 deletions

View file

@ -5960,11 +5960,28 @@ background: transparent;
/* =============== */ /* =============== */
.NB-static-iphone .NB-iphone-main { .NB-static-iphone .NB-iphone-main {
margin: 24px 36px 72px; margin: 24px 36px 24px -36px;
text-align: center; text-align: center;
} }
.NB-static-iphone .NB-iphone-download { .NB-static-iphone .NB-iphone-title {
margin-left: -48px; font-size: 20px;
margin: 0 0 24px;
}
.NB-static-iphone .NB-iphone-subtitle {
font-size: 16px;
margin: 8px 0 0;
color: #6D7D88;
}
.NB-static-iphone .NB-iphone-stripe-wrapper {
border-top: 1px solid #505050;
border-bottom: 1px solid #505050;
margin-right: -36px;
}
.NB-static-iphone .NB-iphone-stripe {
border-top: 1px solid white;
border-bottom: 1px solid white;
padding: 12px 0;
background: #F0F0F0 url('../img/reader/stripe_background.png');
} }
.NB-static-iphone .NB-iphone-download button { .NB-static-iphone .NB-iphone-download button {
padding: 4px 20px 4px 10px; padding: 4px 20px 4px 10px;
@ -5990,7 +6007,7 @@ background: transparent;
border-radius: 6px; border-radius: 6px;
font-size: 1.14em; font-size: 1.14em;
line-height: 1.73em; line-height: 1.73em;
margin: 0 auto 24px; margin: 0 auto;
cursor: pointer; cursor: pointer;
} }
@ -6038,7 +6055,7 @@ background: transparent;
list-style-image: none; list-style-image: none;
list-style-position: outside; list-style-position: outside;
list-style-type: none; list-style-type: none;
margin: 12px 0 0 -48px; margin: 0 0 0 0;
padding: 0; padding: 0;
font-size: 16px; font-size: 16px;
text-align: center; text-align: center;
@ -6129,6 +6146,6 @@ background: transparent;
padding: 4px; padding: 4px;
} }
.NB-static-iphone .NB-iphone-main { .NB-static-iphone .NB-iphone-main {
margin-bottom: 108px; margin-bottom: 54px;
} }
} }

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

View file

@ -19,12 +19,22 @@
<div class="NB-iphone-main"> <div class="NB-iphone-main">
<div class="NB-iphone-title">
<div><a href="/">NewsBlur</a> is a free visual feed reader with intelligence.</div>
<div class="NB-iphone-subtitle">Built <a href="http://github.com/samuelclay">in the open</a> by <a href="http://twitter.com/samuelclay/">@samuelclay</a>.</div>
</div>
<div class="NB-iphone-stripe-wrapper">
<div class="NB-iphone-stripe">
<a href="http://itunes.apple.com/us/app/newsblur/id463981119" class="NB-iphone-download"> <a href="http://itunes.apple.com/us/app/newsblur/id463981119" class="NB-iphone-download">
<button> <button>
<img src="{{ MEDIA_URL }}img/reader/download.png" /> <img src="{{ MEDIA_URL }}img/reader/download.png" />
Download the free NewsBlur iPhone app on the<br /><span class="NB-big">iTunes App Store</span> Download the free NewsBlur iPhone app on the<br /><span class="NB-big">iTunes App Store</span>
</button> </button>
</a> </a>
</div>
</div>
<br /> <br />
<ul class="NB-iphone-features"> <ul class="NB-iphone-features">
<li class="NB-iphone-feature" data-screenshot="1"> <li class="NB-iphone-feature" data-screenshot="1">