still derping away on duhsign

v1.18.x
psychobunny 12 years ago
parent c3e7aa9766
commit 7e67260a74

2
.gitignore vendored

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

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

@ -5,26 +5,37 @@
<div id="category_active_users"></div>
</ul>
</div>
<div class="category row">
<div class="span3">
<div class="block">
<strong>Top posters in {category_name}</strong>
<img src="http://www.gravatar.com/avatar/fd37ce111f863c6665045c2d72d199bf?s=48" class="img-polaroid" />
<img src="http://www.gravatar.com/avatar/07c9c7170c3ac676c2561e3eeaee063c?s=48" class="img-polaroid" />
<img src="http://www.gravatar.com/avatar/91050ce0072697b53380c6a03a1bc12a?s=48" class="img-polaroid" />
<img src="http://www.gravatar.com/avatar/fd37ce111f863c6665045c2d72d199bf?s=48" class="img-polaroid" />
<img src="http://www.gravatar.com/avatar/07c9c7170c3ac676c2561e3eeaee063c?s=48" class="img-polaroid" />
<img src="http://www.gravatar.com/avatar/91050ce0072697b53380c6a03a1bc12a?s=48" class="img-polaroid" />
<img src="http://www.gravatar.com/avatar/fd37ce111f863c6665045c2d72d199bf?s=48" class="img-polaroid" />
<img src="http://www.gravatar.com/avatar/07c9c7170c3ac676c2561e3eeaee063c?s=48" class="img-polaroid" />
<img src="http://www.gravatar.com/avatar/91050ce0072697b53380c6a03a1bc12a?s=48" class="img-polaroid" />
</div>
</div>
<div class="span9">
<ul class="topic-container">
<!-- BEGIN topics -->
<a href="../../topic/{topics.slug}"><li class="topic-row">
<div class="row">
<div class="span1 topic-row-icon">
<i class="icon-lock icon-3x"></i>
<i class="{topics.pin-icon}"></i><i class="{topics.lock-icon}"></i>
</div>
<div class="span11 topic-row-content">
<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="img-polaroid pull-right">
<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>
<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
@ -35,6 +46,9 @@
</li></a>
<!-- END topics -->
</ul>
</div>
</div>
<hr />
<button id="new_post" class="btn btn-primary btn-large {show_topic_button}">New Topic</button>

Loading…
Cancel
Save