Styles for image gallery

[prawokultury.git] / prawokultury / static / css / entry.scss

diff --git a/prawokultury/static/css/entry.scss b/prawokultury/static/css/entry.scss
old mode 100755 (executable)
new mode 100644 (file)
index 4c54530..e8ddda8
--- a/prawokultury/static/css/entry.scss
+++ b/prawokultury/static/css/entry.scss
@@ -1,25 +1,36 @@
 .avatar {
     float: left;
-    margin-left: -7.5em;
-    margin-top: .8em;
+    margin-left: -8em;
+    margin-top: 0em;
 }
 
 .entry-short {
-    border-top: 1px solid #8b8b87;
+    border-bottom: 1px solid #8b8b87;
+
+    .entry-wrapped {
+        padding-top: .7em;
+    }
 }
 
 .entry-wrapped {
     margin-left: 8em;
-    padding-top: .7em;
 
-    h2 {
+    h1, h2 {
         margin: 0;
-        font-size: 1.2em;
-        color: #01519a;
+        color: #ed7f00;
+        font-size: 1.3em;
+
+        a {
+            color: #01519a;
+        }
+    }
+
+    h2.section {
+        margin: 2em 0;
     }
 
     .entry-data {
-        font-size: 1.1em;
+        font-size: 1.3em;
         margin-top: 1.4em;
         margin-bottom: 1.4em;
         .date {
@@ -37,19 +48,36 @@
     }
 
     .lead {
-        font-size: 1.1em;
+        font-size: 1.3em;
     }
 
     .body {
-        font-size: 1.1em;
+        font-size: 1.3em;
+    }
+
+    blockquote {
+        position:relative;
+        left:1em;
+        font-style:italic;
+        margin-left: 1em;
+    }
+
+    .toolbar {
+        font-size: 1.3em;
+        margin-top: 1.4em;
+        margin-bottom: 1.8em;
+
+        .social a {
+            margin-right: .6em;
+            img {
+                vertical-align: middle;
+            }
+        }
     }
 
     .more {
         float: right;
-        font-size: 1.1em;
         font-style: italic;
-        margin-top: .6em;
-        margin-bottom: 1.8em;
 
         a {
             color: #acacac;
@@ -66,8 +94,33 @@
             margin-left: .7em;
         }
     }
+
+    .gallery-item {
+        float: left;
+        width: 300px;
+        text-align: center;
+        margin-top: 2em;
+    }
+
+    .gallery-image {
+        height: 250px;
+        width: 300px;
+        display: table-cell;
+        vertical-align: middle;
+        img {
+            margin: 0;
+        }
+    }
 }
 
+.entry-info .entry-wrapped,
+.entry-publications .entry-wrapped {
+    margin-left: 0;
+    h1 {
+        font-size: 2em;
+        margin-bottom: .5em;
+    }
+}
 
 .entry-picture {
     float: left;
@@ -76,16 +129,42 @@
 
 .submit-link {
     margin-top: 1em;
-    margin-bottom: 1em;
+    padding-bottom: 1em;
     height: 1.7em;
+    border-bottom: 1px solid #8b8b87;
 
     a {
         color: black;
-        font-size: 1.1em;
+        font-size: 1.3em;
     }
     a:before {
         content: url("/static/img/plus.png");
         vertical-align: top;
         margin-right: 1em;
     }
-}
\ No newline at end of file
+}
+
+
+.comments {
+    margin-left: 8em;
+
+    .comment-form {
+        border-top: 1px solid #494948;
+    }
+
+    .comment-data {
+        font-size: 1.3em;
+        margin-top: 1.4em;
+        margin-bottom: 1.4em;
+        .comment-date {
+            color: #acacac;
+        }
+        .comment-author {
+            font-weight: bold;
+        }
+    }
+
+    .body {
+        font-size: 1.3em;
+    }
+}