add pictures in search

[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
index d8a1e06..5e14505 100755 (executable)
--- a/src/wolnelektury/static/scss/main/search.scss
+++ b/src/wolnelektury/static/scss/main/search.scss
@@ -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,34 @@
 }
 
 
-.search-hint-label {
-    display: inline-block;
-    @include size(font-size, 11px);
-    @include size(width, 275px);
-    line-height: 1.636em;
+.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-category {
-    @include size(font-size, 11px);
+
+.search-hint-label {
+    display: inline-block;
+    @include size(font-size, 16px);
+    //@include size(width, 275px);
     line-height: 1.636em;
 }
-