public-mirrors/NewsBlur
1
0
Fork 0
mirror of https://github.com/samuelclay/NewsBlur.git synced 2025-09-18 21:50:56 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

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

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

29
media/css/reader.css
View file

@ -5960,11 +5960,28 @@ background: transparent;
/* =============== */
.NB-static-iphone .NB-iphone-main {
margin: 24px 36px 72px;
margin: 24px 36px 24px -36px;
text-align: center;
}
.NB-static-iphone .NB-iphone-download {
margin-left: -48px;
.NB-static-iphone .NB-iphone-title {
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 {
padding: 4px 20px 4px 10px;
@ -5990,7 +6007,7 @@ background: transparent;
border-radius: 6px;
font-size: 1.14em;
line-height: 1.73em;
margin: 0 auto 24px;
margin: 0 auto;
cursor: pointer;
}
@ -6038,7 +6055,7 @@ background: transparent;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
margin: 12px 0 0 -48px;
margin: 0 0 0 0;
padding: 0;
font-size: 16px;
text-align: center;
@ -6129,6 +6146,6 @@ background: transparent;
padding: 4px;
}
.NB-static-iphone .NB-iphone-main {
margin-bottom: 108px;
margin-bottom: 54px;
}
}

BIN
media/img/reader/stripe_background.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 16 KiB

10
templates/static/iphone.xhtml
View file

@ -19,12 +19,22 @@
<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">
<button>
<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>
</button>
</a>
</div>
</div>
<br />
<ul class="NB-iphone-features">
<li class="NB-iphone-feature" data-screenshot="1">