Permalink
Browse files

Add comments and comment styles

  • Loading branch information...
1 parent 20887a7 commit 4d058ddd645d939837449b7eb3731e2b58173c85 @morninj committed May 31, 2012
Showing with 95 additions and 2 deletions.
  1. +11 −0 comments.php
  2. +2 −1 header.php
  3. +14 −0 single.php
  4. +9 −1 style.css
  5. +59 −0 styles/comments.css
View
@@ -0,0 +1,11 @@
+ <div id="comments" class="row">
+ <div class="span8">
+ <h2>Comments</h2>
+ <ol class="comments-list">
+ <?php
+ wp_list_comments();
+ ?>
+ </ol><!--/.comments-list-->
+ <?php comment_form(); ?>
+ </div><!--/.span8-->
+ </div><!--/#comments .row -->
View
@@ -69,13 +69,14 @@
<!-- Additional WordPress header output -->
<?php wp_head(); ?>
+
</head>
<body <?php body_class(); ?>>
<div class="container">
<header>
<div class="row">
<div class="span2" id="header-logo-container">
- <a href="<?php echo( site_url() ); ?>"><img src="http://i.imgur.com/TgRuA.png" width="32" height="32" alt="Lessig" id="header-logo" /></a>
+ <a href="<?php echo( site_url() ); ?>"><img src="http://i.imgur.com/TgRuA.png" width="32" height="32" alt="Lessig" id="header-logo" /></a><!-- TODO: update avatar link-->
<div class="clear-both"></div>
</div><!--/.span2-->
<div class="span6">
View
@@ -0,0 +1,14 @@
+<?php get_header(); ?>
+
+<?php
+
+if ( have_posts() ) :
+ while ( have_posts() ) : the_post();
+ get_template_part( 'content', get_post_format() );
+ comments_template();
+ endwhile;
+endif;
+?>
+
+
+<?php get_footer(); ?>
View
@@ -24,9 +24,17 @@ License URI: https://creativecommons.org/licenses/by/3.0/us/
/* Entries */
@import url('styles/entries.css');
+/* Comments */
+@import url('styles/comments.css');
+
body {
font-weight: 300;
-}
+}/* TODO: add documentation about typekit:
+
+1. this css chunk
+2. typekit header html
+3. LESS variables to adjust if not using typekit
+*/
div.clear-both { clear: both; }
View
@@ -0,0 +1,59 @@
+div#comments {
+ margin-top: 30px;
+}
+
+ol.comments-list {
+ margin: 0;
+ padding: 0;
+ list-style: none;
+}
+
+ ol.comments-list li {
+ border-bottom: 1px solid #efefef;
+ padding: 20px 0;
+ }
+
+ ol.comments-list li div.comment-meta {
+ font-size: 0.7em;
+ letter-spacing: 1px;
+ margin: 15px 0;
+ text-transform: uppercase;
+ }
+
+ ol.comments-list ul.children {
+ border-left: 5px solid #efefef;
+ list-style: none;
+ margin-left: 50px;
+ padding: 0 0 0 15px;
+ }
+
+ ol.comments-list ul.children li {
+ border: none;
+ margin: 15px 0;
+ padding: 0;
+ }
+
+div#respond {
+ margin-top: 15px;
+ padding-top: 20px;
+}
+
+ div#respond span.required {
+ color: #f00;
+ padding-right: 10px;
+ }
+
+ div#respond textarea {
+ width: 100%;
+ }
+
+ div#respond code {
+ display: block;
+ margin: 15px 0;
+ }
+
+ div#respond input#submit {
+ background-color: #333;
+ color: #fff;
+ padding: 5px 10px;
+ }

0 comments on commit 4d058dd

Please sign in to comment.