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

Styling sepia story detail.

Browse source
This commit is contained in:
Samuel Clay 2016-02-06 14:06:50 -08:00
parent a8b2e74eb8
commit 17dba6d975
5 changed files with 49 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
clients/ios/Classes/StoryDetailViewController.m
View file

@ -487,7 +487,7 @@
NSString *htmlString = [htmlTop stringByAppendingString:htmlBottom];
// NSLog(@"\n\n\n\nhtmlString:\n\n\n%@\n\n\n", htmlString);
NSLog(@"\n\n\n\nhtmlString:\n\n\n%@\n\n\n", htmlString);
NSString *path = [[NSBundle mainBundle] bundlePath];
NSURL *baseURL = [NSURL fileURLWithPath:path];

11
clients/ios/static/sample_text_dark.html Normal file
View file

File diff suppressed because one or more lines are too long

11
clients/ios/static/sample_text_medium.html Normal file
View file

File diff suppressed because one or more lines are too long

11
clients/ios/static/sample_text_sepia.html Normal file
View file

File diff suppressed because one or more lines are too long

32
clients/ios/static/storyDetailViewSepia.css
View file

@ -14,6 +14,14 @@ body {
/* = Header = */
/* ========== */
.NB-header {
color: black;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffd0), to(#ffffc0));
border-bottom: 1px solid #C2C5BE;
text-shadow: 0 1px 0 rgba(194, 197, 190, .25);
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.NB-story-title {
color: #111111;
}
@ -40,7 +48,7 @@ body {
.NB-story-author {
color: #959B8B;
text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
text-shadow: 0 1px 0 rgba(194, 197, 190, .25);
}
.NB-story-author-positive {
color: #58A353;
@ -54,7 +62,7 @@ body {
.NB-story-tag {
background-color: rgba(0, 0, 0, .1);
color: #959B8B;
text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
text-shadow: 0 1px 0 rgba(245, 245, 192, .9);
border-color: rgba(255, 255, 255, .3) transparent rgba(0, 0, 0, .1);
}
.NB-story-tag-positive {
@ -101,15 +109,6 @@ a:active {
color: rgba(10, 12, 38, .8);
}
.NB-header {
color: black;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffc0), to(#ffffd0));
border-bottom: 1px solid #C2C5BE;
text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* Comments */
.NB-story-comments-group:last-child {
@ -132,7 +131,7 @@ a:active {
}
.NB-story-comment:last-child {
border-bottom: 1px solid #A6A6A6;
border-bottom: 1px solid #A6A6A6;
}
/* Edit, Like, and Reply buttons */
@ -196,7 +195,7 @@ a:active {
#story_pane .NB-story-comment .NB-story-comment-username {
color: #1D4BA6;
text-shadow: 0 -1px 0 #F0F0F0;
text-shadow: 0 1px 0 rgba(194, 197, 190, .25);
}
#story_pane .NB-story-comment .NB-story-comment-date {
color: #9D9D9D;
@ -223,17 +222,16 @@ a:active {
#story_pane .NB-story-comments-friends-header {
background-color: #fffff0;
color: white;
text-shadow: 0 1px 0 #505050;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffd0), to(#ffffe0));
text-shadow: 0 1px 0 rgba(194, 197, 190, .25);
background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6c6), to(#f6f6b0));
color: #404040;
text-shadow: 0 1px 0 white;
border-color: rgba(0, 0, 0, .1) transparent rgba(0, 0, 0, .1);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}
#story_pane .NB-story-comments-shares-teaser {
background-color: #fffff0;
color: #898989;
text-shadow: 0 1px 0 rgba(255, 255, 255, .9);
text-shadow: 0 1px 0 rgba(194, 197, 190, .25);
border-bottom: 1px solid #E3E3DF;
-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, .1);
}