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

View File

@ -1,14 +1,14 @@
<div class="headerContainer"><p>[[avatars]]</p>
<p>[[feedlink]] • [[byline]] • [[date_short]]</p></div>
<!--<div class="headerContainer">
<table class="headerTable">
<!--<div class="headerContainer"><p>[[avatars]]</p>
<p>[[feedlink]] • [[byline]] • [[date_short]]</p></div>-->
<div class="headerContainer">
<table cellpadding=0 cellspacing=0 border=0 class="headerTable">
<tr>
<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>
</table>
</div>-->
</div>
<div class="articleTitle"><h1>[[newsitem_title]]</h1></div>
<div class="articleDateline">[[date_medium]]</div>
<div id="articleDescription">[[newsitem_description]]</div>