Continue experimentation with detail view and avatars.

This commit is contained in:
Brent Simmons 2017-12-29 18:14:16 -08:00
parent 4be6df2c56
commit 3b92c543fb
2 changed files with 21 additions and 17 deletions

View File

@ -17,16 +17,17 @@ a, a:link, a:visited {
a:hover { a:hover {
text-decoration: underline; text-decoration: underline;
} }
#articleDateline { .articleDateline {
color: rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.3);
border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-bottxom: 1px solid rgba(0, 0, 0, 0.1);
/* border-top: 1px solid rgba(0, 0, 0, 0.1);*/ border-txop: 1px solid rgba(0, 0, 0, 0.1);
padding-bottom: 6px; padding-bottom: 0px;
padding-top: 0px; padding-top: 0px;
margin-bottom: 25px; margin-bottom: 25px;
font-style: italic;
} }
#articleDateline a:link, #articleDateline a:visited { .articleDateline a:link, #articleDateline a:visited {
color: rgba(0, 0, 0, 0.4); color: rgba(0, 0, 0, 0.3);
} }
#articleDateline img { #articleDateline img {
border-radius: 7px; border-radius: 7px;
@ -54,22 +55,25 @@ a:hover {
.leftAlign { .leftAlign {
text-align: left; text-align: left;
} }
.articleTitle {
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.headerContainer { .headerContainer {
border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-botxtom: 1px solid rgba(0, 0, 0, 0.1);
color: rgba(0, 0, 0, 0.3); color: rgba(0, 0, 0, 0.3);
} }
.header { .header {
color: rgba(0, 0, 0, 0.3); color: rgba(0, 0, 0, 0.3);
} }
.headerTable { .headerTable {
width: 100%; widtdh: 100%;
} }
.headerContainer img { .headerContainer img {
border-radius: 7px; border-radius: 7px;
margin-right: 8px; margin-right: 8px;
} }
.headerContainer a:link, .headerContainer a:visited { .headerContainer a:link, .headerContainer a:visited {
color: rgba(0, 0, 0, 0.5); color: rgba(0, 0, 0, 0.3);
} }
.feedIcon { .feedIcon {

View File

@ -1,14 +1,14 @@
<div class="headerContainer"><p>[[avatars]]</p> <!--<div class="headerContainer"><p>[[avatars]]</p>
<p>[[feedlink]] • [[byline]] • [[date_short]]</p></div> <p>[[feedlink]] • [[byline]] • [[date_short]]</p></div>-->
<!--<div class="headerContainer"> <div class="headerContainer">
<table class="headerTable"> <table cellpadding=0 cellspacing=0 border=0 class="headerTable">
<tr> <tr>
<td class="header leftAlign">[[avatars]]</td> <td class="header leftAlign">[[avatars]]</td>
<td class="header leftAlign">[[date_medium]]<br />[[feedlink]]<br />[[byline]]</td> <td class="header leftAlign"><b>[[feedlink]]</b><br />[[byline]]</td>
</tr> </tr>
</table> </table>
</div>--> </div>
<div class="articleTitle"><h1>[[newsitem_title]]</h1></div> <div class="articleTitle"><h1>[[newsitem_title]]</h1></div>
<div class="articleDateline">[[date_medium]]</div>
<div id="articleDescription">[[newsitem_description]]</div> <div id="articleDescription">[[newsitem_description]]</div>