Archived
1
0
Fork 0

fixing up css in blog.

This commit is contained in:
Henrik Hautakoski 2010-10-30 13:47:56 +02:00
parent a54fef3f64
commit 688e37213f
3 changed files with 48 additions and 27 deletions

View file

@ -3,22 +3,14 @@
<p><?=$this->translate('BLOG_LATEST_INTRO') ?></p>
<?php
$postCount = count($this->posts);
for ($i = 0; $i < $postCount; $i++):
$post = $this->posts[$i];
?>
<?php foreach($this->posts as $post) : ?>
<div class="blogpost">
<h3><a href="<?=$this->url(array('action' => 'read','id' => $post->getPermalink()),'blog-default') ?>"><?=$post->getTitle() ?></a></h3>
<div class="publish"><?=$post->getPubDate()->toString('yyyy-MM-dd').' at '.$post->getPubDate()->toString('HH:mm').' '.$post->getAuthor()->getFirstName() ?></div>
<div class="content"><?=$post->getContent() ?></div>
<div class="tags"><?=join(', ',$post->getTags()) ?></div>
<p class="publish"><?=$post->getPubDate()->toString('yyyy-MM-dd').' at '.$post->getPubDate()->toString('HH:mm').' '.$post->getAuthor()->getFirstName() ?></p>
<div class="content">
<?=$post->getContent() ?>
</div>
<!-- <div class="tags"><?=join(', ',$post->getTags()) ?></div> -->
<div class="tags">Something, Something</div>
</div>
<?php if ($i+1 != $postCount): ?>
<div class="line"></div>
<?php endif; ?>
<?php endfor; ?>
<?php endforeach; ?>

View file

@ -6,7 +6,7 @@
<div class="blogpost">
<h1><?=$this->post->getTitle() ?></h1>
<div class="publish"><?=$this->post->getPubDate()->toString('yyyy-MM-dd').' at '.$this->post->getPubDate()->toString('HH:mm').' '.$this->post->getAuthor()->getFirstName() ?></div>
<p class="publish"><?=$this->post->getPubDate()->toString('yyyy-MM-dd').' at '.$this->post->getPubDate()->toString('HH:mm').' '.$this->post->getAuthor()->getFirstName() ?></p>
<div class="content"><?=$this->post->getContent() ?></div>
</div>

View file

@ -18,10 +18,10 @@ h1.leap { margin-bottom: 15px; }
p { line-height: 1.6em; padding: 0 0 8px; }
code {
font-size: 1.2em;
padding: 8px;
margin: 15px;
border-left: 5px solid #f1f1f1;
font-size: 1.2em;
padding: 8px;
margin: 15px;
border-left: 5px solid #f1f1f1;
}
a { text-decoration: none; }
@ -70,6 +70,15 @@ textarea {
overflow: auto;
}
hr {
border-color: #bcbcbc;
border-style: solid;
border-left-width: 0;
border-right-width: 0;
border-bottom-width: 0;
border-top-width: 1px;
}
.float-left { float: left }
.float-right { float: right }
.float-clear { clear: both }
@ -215,6 +224,26 @@ div#foreword a {
border: 1px solid #d6dbe3;
}
/* Blog */
div.blogpost {
border-top: 1px solid #bcbcbc;
padding-top: 5px;
margin-top: 10px;
margin: 1em 0;
}
div.blogpost p.publish {
margin-left: 1em;
color: black;
}
div.blogpost div.content {
margin-bottom: 1em;
}
div.blogpost div.tags {
padding: .5em;
background: #f5f4f4;
border: 1px solid #ccc;
}
/* Grid */
table.grid { padding: 8px; }
@ -230,12 +259,12 @@ table.grid th { background: #f1f1f1 }
table.grid th, table.grid td { padding: .5em .6em; }
div#agrement {
background: #f9f9f9;
text-align: left;
width: 600px;
padding: 8px;
margin: 0 auto 15px;
border: 1px solid #f1f1f1;
background: #f9f9f9;
text-align: left;
width: 600px;
padding: 8px;
margin: 0 auto 15px;
border: 1px solid #f1f1f1;
}
/* Footer */