FreshRSS
/
NetNewsWire
mirror of https://github.com/Ranchero-Software/NetNewsWire.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Start working on finalizing detail view design.

This commit is contained in:
Brent Simmons 2018-02-28 13:32:29 -08:00
parent 9935df1a0d
commit a8068d8297
2 changed files with 19 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
Evergreen/MainWindow/Detail/styleSheet.css
View File

@ -1,10 +1,10 @@
body { body {
color: #444; color: #444;
background-color: white; background-color: white;
margin-top: 32px; margin-top: 0px;
margin-bottom: 100px; margin-bottom: 100px;
margin-left: 64px; margin-left: 0px;
margin-right: 64px; margin-right: 0px;
font-family: -apple-system; font-family: -apple-system;
font-size: 18px; font-size: 18px;
} }
@ -17,6 +17,10 @@ a, a:link, a:visited {
a:hover { a:hover {
text-decoration: underline; text-decoration: underline;
} }
.content {
margin-left: 64px;
margin-right: 64px;
}
.articleDateline { .articleDateline {
color: rgba(0, 0, 0, 0.3); color: rgba(0, 0, 0, 0.3);
padding-bottom: 0px; padding-bottom: 0px;
@ -50,13 +54,19 @@ a:hover {
margin-bottom: 0; margin-bottom: 0;
} }
.headerContainer { .headerContainer {
color: rgba(0, 0, 0, 0.3); padding-top: 10px;
padding-bottom: 10px;
background-color: rgba(66, 66, 73, 1.0);
} }
.headerContainer a:link, .headerContainer a:visited { /*.headerContainer a:link, .headerContainer a:visited {*/
color: rgba(0, 0, 0, 0.3); /* color: rgba(1, 1, 1, 0.3);*/
/*}*/
.header, .header a:link, .header a:visited {
color: rgba(255, 255, 255, 0.75);
} }
.header { .header {
color: rgba(0, 0, 0, 0.3); padding-left: 64px;
padding-right: 64px;
} }
.headerTable { .headerTable {
width: 100%; width: 100%;

3
Evergreen/MainWindow/Detail/template.html
View File

@ -8,7 +8,8 @@
</tr> </tr>
</table> </table>
</div> </div>
<div class="content">
<div class="articleTitle"><h1>[[newsitem_title]]</h1></div> <div class="articleTitle"><h1>[[newsitem_title]]</h1></div>
<div class="articleDateline">[[date_medium]]</div> <div class="articleDateline">[[date_medium]]</div>
<div id="articleDescription">[[newsitem_description]]</div> <div id="articleDescription">[[newsitem_description]]</div>
</div>