Add verse indent styles.

[wolnelektury.git] / src / wolnelektury / static / scss / main / search.scss

diff --git a/src/wolnelektury/static/scss/main/search.scss b/src/wolnelektury/static/scss/main/search.scss
old mode 100755 (executable)
new mode 100644 (file)
index d8a1e06..6017d21
--- a/src/wolnelektury/static/scss/main/search.scss
+++ b/src/wolnelektury/static/scss/main/search.scss
@@ -5,7 +5,7 @@
 }
 
 .ui-widget {
-    font-family: Georgia !important;
+    font-family: Gelasio, Georgia, serif !important;
     @include size(font-size, 10px !important);
 }
 
@@ -26,8 +26,7 @@
     @include size(margin-bottom, 16px);
 }
 
-
-.search-result {
+/*.search-result {
     @include size(border, 1px solid #ddd);
     @include size(box-shadow, 2px 2px 2px #ddd);
     @include size(margin, 1px);
@@ -55,7 +54,7 @@
             margin: 0;
         }
     }
-}
+}*/
 
 
 
@@ -78,12 +77,12 @@
 
 .snippets {
     @media screen and (min-width: 62.5em) {
-        @include size(width, 440px);
+        @include size(width, 360px);
         float: right;
     }
 
     .snippet-text {
-        @include size(font-size, 12px);
+        @include size(font-size, 16px);
         @include size(margin, 13px 0);
         @include size(padding, 12px);
         background: #f7f7f7;
@@ -95,15 +94,51 @@
 }
 
 
+.search-result {
+    @media screen and (min-width: 62.5em) {
+        .picture-left-column {
+            display: inline-block;
+            @include size(width, 800px);
+        }
+        .picture-right-column {
+            display: inline-block;
+            @include size(padding-top, 15px);
+            @include size(width, 150px);
+        }
+    }
+
+    .area-hit {
+        @include size(font-size, 16px);
+        @include size(margin, 13px 0);
+        @include size(padding-left, 20px);
+        @include size(padding-right, 20px);
+        @include size(padding-top, 1px);
+        @include size(padding-bottom, 20px);
+        background: #f7f7f7;
+    }
+}
+
+
 .search-hint-label {
     display: inline-block;
-    @include size(font-size, 11px);
-    @include size(width, 275px);
+    @include size(font-size, 16px);
+    //@include size(width, 275px);
     line-height: 1.636em;
 }
 
-.search-hint-category {
-    @include size(font-size, 11px);
-    line-height: 1.636em;
-}
 
+
+
+.search-filter {
+    a {
+        margin-right: 1em;
+    }
+    strong {
+        display: inline-block;
+        width: 5em;
+    }
+    em {
+        margin-right: 1em;
+    }
+        
+}