jyapayne/nimforum
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Design fixes for posts list.

Browse source
This commit is contained in:
Dominik Picheta 2014-11-09 23:35:14 +00:00
commit d1b6d0ad40
2 changed files with 28 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

4
forms.tmpl
View file

@ -124,8 +124,7 @@
<div>
#let profileUrl = c.req.makeUri("profile/", false) & xmlEncode(%userName)
<div class="avatar">${genGravatar(%userEmail)}</div>
<a class="name" href="$profileUrl">marcianx</a>
<p class="date">${xmlEncode(%postCreation)}</p>
<a class="name" href="$profileUrl">${xmlEncode(%userName)}</a>
#if c.userId == %postAuthor and c.currentPost.subject.len == 0:
<hr/><a href="${c.genThreadUrl(%postId, "edit")}">Edit post</a>
#elif c.isAdmin and c.currentPost.subject.len == 0:
@ -140,6 +139,7 @@
#except EParseError:
# c.errorMsg = getCurrentExceptionMsg()
#end
<span class="date">${xmlEncode(%postCreation)}</span>
</div>
</div>
</div>

31
public/css/style.css
View file

@ -153,7 +153,7 @@ pre .end { background:url("/images/tabEnd.png") no-repeat left bottom; }
height:3px;
background:url("/images/glow-line2.png") no-repeat right; }
#content { padding:40px 0; line-height:150%; }
#content { padding:40px 0; }
#content.page { width:680px; min-height:800px; padding-left:20px; }
#content h1 { font-size:20pt; letter-spacing:1px; color:rgba(0,0,0,.75); }
#content h2 { font-size:16pt; letter-spacing:1px; color:rgba(0,0,0,.7); margin-top:40px; }
@ -182,7 +182,12 @@ pre .end { background:url("/images/tabEnd.png") no-repeat left bottom; }
border:8px solid rgba(0,0,0,.8);
border-top:none;
border-bottom:none;
background:rgba(0,0,0,0.1); }
background:rgba(0,0,0,0.1);
}
#talk-threads > div
{
line-height: 150%;
}
#talk-thread > div:nth-child(odd) { background:rgba(255,255,255,0.1); }
#talk-threads > div:nth-child(odd) { background:rgba(0,0,0,0.2); }
#talk-thread > div > div,
@ -196,6 +201,19 @@ pre .end { background:url("/images/tabEnd.png") no-repeat left bottom; }
}
#talk-thread > div > div > div,
#talk-threads > div > div > div { margin: 5px 20px; }
#talk-thread > div > .topic
{
margin-top: 25pt;
white-space: normal;
}
#talk-thread > div > .topic > div > span.date
{
position: absolute;
top: 5px;
right: 10pt;
border-bottom: 1px dashed;
color: #3D3D3D;
}
#talk-threads > div > .topic { width:55%; }
#talk-threads > div > .users { width:15%; overflow:hidden; }
#talk-threads > div > .users > div > img
@ -205,12 +223,16 @@ pre .end { background:url("/images/tabEnd.png") no-repeat left bottom; }
}
#talk-threads > div > .detail { width:15%; overflow:hidden; }
#talk-thread > div > .author,
#talk-threads > div > .author {
#talk-threads > div > .activity {
width:15%;
overflow:hidden;
background:rgba(0,0,0,0.8);
color: white;
}
#talk-thread > div > .author {
height: 100%;
position: absolute;
}
#talk-thread > div > .author a,
#talk-threads > div > .author a { color:#1cb3ec !important; }
#talk-thread > div > .author a:hover,
@ -225,10 +247,9 @@ pre .end { background:url("/images/tabEnd.png") no-repeat left bottom; }
#talk-thread > div { margin:20px 0; min-height:150px; box-shadow:1px 3px 12px rgba(0,0,0,.4) }
#talk-thread > div > .author > div > .avatar { margin-top:20px; }
#talk-thread > div > .author > div > .avatar > img { box-shadow:0 0 12px #1cb3ec; }
#talk-thread > div > .author > div > .name { }
#talk-thread > div > .author > div > .date { font-size: 8pt; color: white; }
#talk-thread > div > .topic { width:85%; padding-bottom:10px; }
#talk-thread > div > .topic { width:85%; padding-bottom:10px; margin-left: 15%; }
#talk-thread > div > .topic pre {
overflow:auto;
margin:0;