fixes xpmethod#51

Author: denten

_layouts/strains.html

@@ -11,9 +11,11 @@ <h3><a href="{{ BASE_PATH }}{{ post.url }}">{{ post.title }}</a></h3>
         {% endif %}
 
         <!-- list all projects as a strain in subscript -->
+        <div id="strains">
         {% for post in site.categories[post.title] %}
-            <sup><code>&raquo; <a href="{{ post.url }}">{{ post.title }}</a></code></sup>
+            <li><a href="{{ post.url }}">{{ post.title }}</a></li>
         {% endfor %}
+        </div>
 
         <div class='indent'>
             {{ post.content | truncatewords:275 }}

public/css/screen.css

@@ -367,7 +367,10 @@ img {
    max-height: 15em;
 }
 
-/* Events 2 column setup */
+
+/* events -------------------------------------------------- */
+/* events -------------------------------------------------- */
+/* events -------------------------------------------------- */
 
 .events p {
     margin-top: 0em;
@@ -408,3 +411,33 @@ img {
 .footnotes p {
     margin:0px;
 }
+
+
+/* strains -------------------------------------------------- */
+/* strains -------------------------------------------------- */
+/* strains -------------------------------------------------- */
+
+#strains {
+    line-height: 1.3em;
+    font-family: monospace;
+    vertical-align: sub;
+    font-size: .9em;
+    margin-bottom: 1em;
+}
+
+#strains li {
+  display: inline;
+}
+
+#strains li:after {
+  content: " » ";
+}
+
+/* this gets rid of the trailing comma*/
+#strains li:last-child:after {
+  content: "";
+
+}
+#strains a {
+    text-decoration: none;
+}