initial css for story page

Author: intelekshual

public/stylesheets/default.css

@@ -21,4 +21,11 @@ footer { padding: 15px 0 0 0; margin: 25px 0 0 0; border-top: 1px solid #ccc; }
 #active-stories .story .meta .round { display:block; float:left; }
 #active-stories .story .meta .players { display:block; float:right; }
 #active-stories .story .timer { position: absolute; color: #FFF; font-size: 11px; text-align:center; padding: 3px; width: 24px; background: #000; top:0px; right:0px; }
-#active-stories .story:hover .timer { background: #00B7FF; }
+#active-stories .story:hover .timer { background: #00B7FF; }
+
+#story h2 { padding: 0 0 15px 0; }
+#story .stream { margin: 0 0 25px 0; }
+#story .stream li { display: inline; line-height: 2; font-size: 16px; text-indent: 5px hanging; padding: 5px; background: #f3f3f3; }
+#story .current-round {}
+#story .current-round .entries {}
+#story .current-round .entries li {}

views/story.mustache

@@ -1,6 +1,6 @@
 <div id="story">
   <h2>The story so far...</h2>
-  <ol id="stream">
+  <ol class="stream">
     <li>It was a dark and stormy night...</li>
     <li>Nam vel tincidunt nunc. Curabitur accumsan nisi neque, et aliquam ante. Mauris pulvinar commodo elit id suscipit.</li>
     <li>Integer mattis, est vel sollicitudin egestas, lectus dui ultrices felis, eu placerat nunc diam vitae justo.</li>