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

still derping away on duhsign

Browse Source
This commit is contained in:
psychobunny
2013-05-14 13:05:58 -04:00
parent c3e7aa9766
commit 7e67260a74
3 changed files with 80 additions and 79 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
.gitignore vendored
View File

@@ -8,3 +8,5 @@ sftp-config.json
public/config.json public/config.json
config.js config.js
public/css/style.css public/css/style.css
*.sublime-project
*.sublime-workspace

87
public/css/style.less
View File

@@ -121,52 +121,34 @@ footer.footer {
} }
.topic-container {
list-style-type: none;
padding: 0;
margin: 0; .category {
margin-top: 10px; .block {
} strong {
.topic-container a:nth-child(odd) li.topic-row { margin-bottom: 10px;
background-color: #fdfdfd; display: block
}
.topic-container a:nth-child(even) li.topic-row { }
background-color: #fff; border: 1px solid #eee;
} background: white;
.topic-container a { padding: 10px;
margin-bottom: 10px; .img-polaroid {
display: block; margin-top: 2px;
border: 1px solid #ddd;
border-radius: 5px; }
text-decoration: none;
color: #333;
}
.topic-container li.topic-row {
cursor: pointer;
border-bottom: 1px solid #eee;
border-radius: 5px;
}
.topic-container li:last-child {
border-bottom: 0;
}
.topic-container .row {
}
.topic-row-icon, .topic-row-content {
} }
.topic-row-icon {
border-radius: 5px 0 0 5px; li {
height: 64px; list-style: none;
background: #0059B2; border-bottom: 1px solid #eee;
color: white; margin-bottom: 10px;
line-height: 105px; padding-bottom: 10px;
min-width: 64px;
i {
vertical-align: 25%;
margin-left: 8px;
} }
} }
@media (max-width: 767px) @media (max-width: 767px)
{ {
.topic-row-icon { .topic-row-icon {
@@ -177,9 +159,10 @@ footer.footer {
.top-posters { .top-posters {
float: right; float: right;
padding-top: 2px; padding-top: 2px;
margin-right: 30px;
div.img-polaroid { div.latest-post {
width: 300px; width: 100%;
height: 50px; height: 50px;
line-height: 16px; line-height: 16px;
img { img {
@@ -189,30 +172,32 @@ footer.footer {
p { p {
display: block; display: block;
float: left; float: left;
width: 240px; width: 400px;
margin-left: 10px; margin-left: 10px;
overflow: hidden; overflow: hidden;
height: 50px; height: 50px;
} }
} }
.img-polaroid { .latest-post {
margin-left: 1px; margin-left: 1px;
border: 1px solid rgba(0,0,0,0.1); border: 1px solid rgba(0,0,0,0.05);
padding: 5px;
} }
} }
.topic-row-content { .topic-row {
width: 80%; width: 100%;
padding-left: 20px;
} }
.topic-row-content h3 { .topic-row h3 {
padding: 0; padding: 0;
margin: 0; margin: 0;
margin-top: 4px; margin-top: 4px;
line-height: 30px; line-height: 30px;
} }
.topic-row-content h3 small { .topic-row h3 small {
vertical-align: 3px; vertical-align: 3px;
} }

70
public/templates/category.tpl
View File

@@ -5,36 +5,50 @@
<div id="category_active_users"></div> <div id="category_active_users"></div>
</ul> </ul>
</div> </div>
<div class="category row">
<ul class="topic-container"> <div class="span3">
<!-- BEGIN topics --> <div class="block">
<a href="../../topic/{topics.slug}"><li class="topic-row"> <strong>Top posters in {category_name}</strong>
<div class="row"> <img src="http://www.gravatar.com/avatar/fd37ce111f863c6665045c2d72d199bf?s=48" class="img-polaroid" />
<div class="span1 topic-row-icon"> <img src="http://www.gravatar.com/avatar/07c9c7170c3ac676c2561e3eeaee063c?s=48" class="img-polaroid" />
<i class="icon-lock icon-3x"></i> <img src="http://www.gravatar.com/avatar/91050ce0072697b53380c6a03a1bc12a?s=48" class="img-polaroid" />
<i class="{topics.pin-icon}"></i><i class="{topics.lock-icon}"></i> <img src="http://www.gravatar.com/avatar/fd37ce111f863c6665045c2d72d199bf?s=48" class="img-polaroid" />
</div> <img src="http://www.gravatar.com/avatar/07c9c7170c3ac676c2561e3eeaee063c?s=48" class="img-polaroid" />
<div class="span11 topic-row-content"> <img src="http://www.gravatar.com/avatar/91050ce0072697b53380c6a03a1bc12a?s=48" class="img-polaroid" />
<div class="top-posters"> <img src="http://www.gravatar.com/avatar/fd37ce111f863c6665045c2d72d199bf?s=48" class="img-polaroid" />
<!--<img src="http://www.gravatar.com/avatar/fd37ce111f863c6665045c2d72d199bf?s=50" class="img-polaroid" /> <img src="http://www.gravatar.com/avatar/07c9c7170c3ac676c2561e3eeaee063c?s=48" class="img-polaroid" />
<img src="http://www.gravatar.com/avatar/07c9c7170c3ac676c2561e3eeaee063c?s=50" class="img-polaroid" /> <img src="http://www.gravatar.com/avatar/91050ce0072697b53380c6a03a1bc12a?s=48" class="img-polaroid" />
<img src="http://www.gravatar.com/avatar/91050ce0072697b53380c6a03a1bc12a?s=50" class="img-polaroid" />-->
<div class="img-polaroid pull-right">
<img src="http://www.gravatar.com/avatar/fd37ce111f863c6665045c2d72d199bf?s=50" />
<p><strong>psychobunny</strong>: Some post content goes here, the latest posts of course blah blahposts of course blah blahposts of course blah blahposts of course blah blah</p>
</div>
<img src="http://www.gravatar.com/avatar/07c9c7170c3ac676c2561e3eeaee063c?s=50" class="img-polaroid pull-right" />
<img src="http://www.gravatar.com/avatar/91050ce0072697b53380c6a03a1bc12a?s=50" class="img-polaroid pull-right" />
</div>
<div>
<h3><span class="badge {topics.badgeclass}">{topics.post_count}</span> {topics.title} <small>24<i class="icon-star"></i><br />Posted {topics.relativeTime} ago by
<span class="username">{topics.username}</span>.</small></h3>
</div>
</div> </div>
</div> </div>
</li></a> <div class="span9">
<!-- END topics --> <ul class="topic-container">
</ul> <!-- BEGIN topics -->
<a href="../../topic/{topics.slug}"><li>
<div class="row-fluid">
<div class="span12 topic-row img-polaroid">
<div class="top-posters">
<i class="{topics.pin-icon}"></i><i class="{topics.lock-icon}"></i>
<!--<img src="http://www.gravatar.com/avatar/fd37ce111f863c6665045c2d72d199bf?s=50" class="img-polaroid" />
<img src="http://www.gravatar.com/avatar/07c9c7170c3ac676c2561e3eeaee063c?s=50" class="img-polaroid" />
<img src="http://www.gravatar.com/avatar/91050ce0072697b53380c6a03a1bc12a?s=50" class="img-polaroid" />-->
<div class="latest-post pull-right">
<img src="http://www.gravatar.com/avatar/fd37ce111f863c6665045c2d72d199bf?s=50" />
<p><strong>psychobunny</strong>: Some post content goes here, the latest posts of course blah blahposts of course blah blahposts of course blah blahposts of course blah blah</p>
</div>
</div>
<div>
<h3><span class="badge {topics.badgeclass}">{topics.post_count}</span> {topics.title} <small>24<i class="icon-star"></i><br />Posted {topics.relativeTime} ago by
<span class="username">{topics.username}</span>.</small></h3>
</div>
</div>
</div>
</li></a>
<!-- END topics -->
</ul>
</div>
</div>
<hr /> <hr />
<button id="new_post" class="btn btn-primary btn-large {show_topic_button}">New Topic</button> <button id="new_post" class="btn btn-primary btn-large {show_topic_button}">New Topic</button>