Nemcio/NodeBB
1
0
Fork 0
mirror of https://github.com/NodeBB/NodeBB.git synced 2025-11-02 12:05:57 +01:00
Code Issues Packages Projects Releases Wiki Activity

cerulean theme: new users view

Browse Source
This commit is contained in:
psychobunny
2013-09-18 12:45:31 -04:00
parent ccca4d2914
commit 8ec3371139
3 changed files with 64 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app.js
View File

@@ -125,4 +125,4 @@
process.exit(); process.exit();
}); });
} }
}()); }());

22
public/templates/users.tpl
View File

@@ -23,16 +23,18 @@
<a href="/users/{users.userslug}"> <a href="/users/{users.userslug}">
<img src="{users.picture}" class="img-thumbnail"/> <img src="{users.picture}" class="img-thumbnail"/>
</a> </a>
<br/> <br />
<a href="/users/{users.userslug}">{users.username}</a> <div class="user-info">
<br/> <a href="/users/{users.userslug}">{users.username}</a>
<div title="reputation"> <br />
<span class='formatted-number'>{users.reputation}</span> <div title="reputation" class="reputation">
<i class='icon-star'></i> <span class='formatted-number'>{users.reputation}</span>
</div> <i class='icon-star'></i>
<div title="post count"> </div>
<span class='formatted-number'>{users.postcount}</span> <div title="post count" class="post-count">
<i class='icon-pencil'></i> <span class='formatted-number'>{users.postcount}</span>
<i class='icon-pencil'></i>
</div>
</div> </div>
</div> </div>
<!-- END users --> <!-- END users -->

52
public/themes/cerulean/users.less
View File

@@ -1 +1,51 @@
@import "../vanilla/users"; @import "../vanilla/users";
.users {
.users-container {
padding-top: 20px; // might be better off in vanilla
padding-left: 6px;
}
.users-box {
padding: 0;
margin: 0px;
margin-left: -6px; // todo: check why do I have to do this?
max-width: 164px;
width: 164px;
height: 164px;
a {
padding: 0;
margin: 0;
img {
padding: 0;
margin: 0;
width: 164px;
height: 164px;
border: 1px solid #777;
border-radius: 0;
}
}
position: relative;
.user-info {
background: rgba(0,0,0,0.65);
padding: 2px;
position: absolute;
bottom: 0px;
width: 164px;
a, span, i {
color: white;
}
a {
font-weight: 700;
}
}
.post-count, .reputation {
display: inline-block;
}
}
}