fixing up css in blog.
This commit is contained in:
parent
a54fef3f64
commit
688e37213f
3 changed files with 48 additions and 27 deletions
|
|
@ -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; ?>
|
||||
|
|
@ -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>
|
||||
|
||||
|
|
|
|||
|
|
@ -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 */
|
||||
|
|
|
|||
Reference in a new issue