lib/views/schnitzelpress.scss in schnitzelpress-0.1.1 vs lib/views/schnitzelpress.scss in schnitzelpress-0.2.0

@@ -6,10 +6,38 @@
 /* background image */
 body, .container {
   background-image: url(/img/background.png);
 }
 
+.admin_only {
+  display: none;
+  body.show_admin & { display: block; }
+}
+
+/* action panel */
+#actions {
+  @include small-type;
+  margin: 5px;
+
+  a {
+    display: inline-block;
+    padding: 3px 6px;
+    background-color: $color-text;
+    color: $color-background;
+    font-weight: bold;
+    text-decoration: none;
+    border-radius: 3px;
+    @include appear-on-hover;
+  }
+
+  @media only screen and (min-width: 641px) {
+    position: fixed;
+    top: 0px;
+    right: 0px;
+  }
+}
+
 /* posts */
 article.post {
   header {
     h1 {
       span.link-arrow {
@@ -29,12 +57,11 @@
 
     .social_media_buttons {
       @include animated;
 
       margin: 2em 0;
-      opacity: 0.3;
-      &:hover { opacity: 1 }
+      @include appear-on-hover;
     }
   }
 }
 
 // admin
@@ -50,16 +77,39 @@
       @include small-type;
     }
   }
 }
 
-ul.admin-post-list {
+div.admin-post-list {
   padding: 5px 0;
+  margin: 1em 0;
   max-height: 300px;
   overflow: auto;
   border-bottom: 1px dotted rgba($color-text, 0.5);
   border-top: 1px dotted rgba($color-text, 0.5);
+
+  .icons {
+    display: none;
+    text-align: right;
+    a {
+      color: $color-footer;
+      &:hover { color: $color-text };
+    }
+  }
+  .row {
+    padding: 3px;
+    margin-bottom: 0;
+    &:hover {
+      background-color: rgba($color-text, 0.05);
+      .icons {
+        display: block;
+      }
+    }
+  }
+  a {
+    border: none;
+  }
 }
 
 // forms
 .input.post_title input { @include large-type; }
 
@@ -84,6 +134,20 @@
   }
   h3 {
     margin-top: 1em !important;
     @include clearfix;
   }
+}
+
+// font-awesome
+@font-face {
+  font-family: 'FontAwesome';
+  src: url('/font/fontawesome-webfont.eot');
+  src: url('/font/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('/font/fontawesome-webfont.woff') format('woff'), url('/font/fontawesome-webfont.ttf') format('truetype'), url('/font/fontawesome-webfont.svgz#FontAwesomeRegular') format('svg'), url('/font/fontawesome-webfont.svg#FontAwesomeRegular') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}
+.font-awesome {
+    font-family: FontAwesome;
+    font-weight: normal;
+    font-style: normal;
 }