1 files changed, 68 insertions, 3 deletions

@@ -3,9 +3,9 @@
 // You can use Sass (SCSS) here: http://sass-lang.com/
 
 .blog-post {
-  font-size: 16px;
-  line-height: 24px;
+  line-height: 1.5em;
   margin: 0 1em 1em;
+  clear: both;
 
   .blog-title {
     flex-grow: 1;
@@ -41,6 +41,7 @@
     .post-calendar {
       width: 45px;
       height: 49px;
+      flex-shrink: 0;
 
       &.post-date-1 {
         background: image-url("date-bg-1.gif") no-repeat;
@@ -152,7 +153,6 @@
 
     .update-posted {
       display: block;
-      font-style: italic;
       background-color: #EAADEA;
       font-size: 16px;
       margin: .5em -20px;
@@ -160,6 +160,16 @@
       border-width: 1px 0 1px 0;
       border-style: solid;
       border-color: #DB70DB;
+
+      time {
+        font-style: italic;
+      }
+
+      .update-edit-link {
+        float: right;
+        color: blue;
+        font-weight: normal;
+      }
     }
   }
 }
@@ -194,6 +204,14 @@
     box-sizing: border-box;
   }
 
+  video {
+    max-width: 100%;
+  }
+
+  iframe {
+    max-width: 100%;
+  }
+
   figure {
     background-color: #eee;
     border: 1px solid #bbb;
@@ -201,6 +219,10 @@
     font-size: 0.75em;
     line-height: 24px;
 
+    @media only screen and (max-width: 767px) {
+      margin: 0;
+    }
+
     img {
       display: block;
       border: 1px solid #bbb;
@@ -450,3 +472,46 @@
 .next-post {
   float: right;
 }
+
+#streams-index {
+  width: 100%;
+  border-collapse: collapse;
+
+  #streams-index-header-row {
+    th {
+      background-color: #bdbdbd;
+      padding-left: 0.5em;
+      border-top: 1px solid #848484;
+      border-bottom: 1px solid #848484;
+    }
+  }
+
+  th {
+    padding-bottom: 0.5em;
+    padding-top: 0.5em;
+    text-align: left;
+  }
+
+  td {
+    padding-top: 1em;
+    padding-left: 0.5em;
+
+    time {
+      font-size: .75em;
+    }
+
+    .stream-link {
+      font-weight: bold;
+      text-decoration: none;
+
+      &, &:visited {
+        color: #ee2c2c;
+      }
+
+      &:hover {
+        text-decoration: underline;
+        color: #9ea1ad;
+      }
+    }
+  }
+}