nb influenced styles to make news page more better porpotioned/sized/looking

This commit is contained in:
Dan Ballard 2015-09-30 07:33:06 -07:00
parent df78114c6d
commit 31106490b8
2 changed files with 37 additions and 9 deletions

View File

@ -1,5 +1,6 @@
body { body {
padding-top: 50px; padding-top: 50px;
font-family: 'Lucida Sans', 'Lucida Grande', Verdana, 'Helvetica Neue', Helvetica, sans-serif;
} }
.starter-template { .starter-template {
padding: 40px 15px; padding: 40px 15px;
@ -17,3 +18,30 @@ body {
.news-row { .news-row {
margin-bottom: 1em; margin-bottom: 1em;
} }
.post-category {
font-weight: bold;
font-size: 11px;
}
.post-title {
font-weight: bold;
font-size: 13px;
}
.post-date {
font-weight: bold;
font-size: 12px;
}
.post-url {
font-size: 12px;
}
.post-preview {
font-size: 12px;
}
.post-delete, .post-edit {
font-size: 12px;
}

View File

@ -24,27 +24,27 @@
{{define "row-news"}} {{define "row-news"}}
<div class="news-row"> <div class="news-row">
<div class="row"> <div class="row">
<div class="col-xs-3"> <div class="col-xs-2 post-category">
{{fullCategoryPath .categories .post.Category_id}} {{fullCategoryPath .categories .post.Category_id}}
</div> </div>
<div class="col-xs-6"> <div class="col-xs-8 post-title">
<strong>{{truncate .post.Title 100}}</strong> <strong>{{truncate .post.Title 100}}</strong>
</div> </div>
<div class="col-xs-3"> <div class="col-xs-2 post-date">
{{dateFormat .post.Date}} {{dateFormat .post.Date}}
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-xs-3">&nbsp;</div> <div class="col-xs-2">&nbsp;</div>
<div class="col-xs-6"> <div class="col-xs-8 post-url">
<a href="{{.post.Url}}">{{truncate .post.Url 100}}</a> <a href="{{.post.Url}}">{{truncate .post.Url 100}}</a>
</div> </div>
<div class="col-xs-3"><a href="/edit?id={{.post.Id}}">Edit</a></div> <div class="col-xs-2 post-edit"><a href="/edit?id={{.post.Id}}">Edit</a></div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-xs-3">&nbsp;</div> <div class="col-xs-2">&nbsp;</div>
<div class="col-xs-6">{{truncate .post.Notes 500}}</div> <div class="col-xs-8 post-preview">{{truncate .post.Notes 500}}</div>
<div class="col-xs-3"><a class="confirm-delete" href="/delete?id={{.post.Id}}">Delete</a></div> <div class="col-xs-2 post-delete"><a class="confirm-delete" href="/delete?id={{.post.Id}}">Delete</a></div>
</div> </div>
</div> </div>
{{end}} {{end}}