add pictures in search

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

diff --git a/src/wolnelektury/static/scss/main/header.scss b/src/wolnelektury/static/scss/main/header.scss
index e720b4d..14516b8 100755 (executable)
--- a/src/wolnelektury/static/scss/main/header.scss
+++ b/src/wolnelektury/static/scss/main/header.scss
@@ -1,6 +1,24 @@
+@import "../tools";
+

 $header_bg: #191919;
 $small_logo: .9;
 
 $header_bg: #191919;
 $small_logo: .9;
 

+#banners {
+  display: inline-block;
+  width: 100%;
+
+  > a {
+    display: block;
+    width: 100%;
+  }
+
+  img {
+    display: block;
+    margin: 0 auto;
+    width: 100%
+  }
+}
+

 header#main {
   @include size(line-height, 20px); /* Make links easier to click when wrapped. */
   background-color: $header_bg;
 header#main {
   @include size(line-height, 20px); /* Make links easier to click when wrapped. */
   background-color: $header_bg;


@@ -222,24 +240,24 @@ header#main {
         @include size(border-radius, 5px);
         @include box-shadow(0 0 6.5px #444444 inset);
 
         @include size(border-radius, 5px);
         @include box-shadow(0 0 6.5px #444444 inset);
 

-        font-family: Georgia;
+        font-family: Georgia, serif;

         @include size(font-size, 13px);
         background-color: white;
         color: black;
 
         /* styling search placeholder */
         &::placeholder {
         @include size(font-size, 13px);
         background-color: white;
         color: black;
 
         /* styling search placeholder */
         &::placeholder {

-          font-family: Georgia;
+          font-family: Georgia, serif;

           font-style: italic;
           color: #767676;
         }
         &::-webkit-input-placeholder {
           font-style: italic;
           color: #767676;
         }
         &::-webkit-input-placeholder {

-          font-family: Georgia;
+          font-family: Georgia, serif;

           font-style: italic;
           color: #767676;
         }
         &::-moz-placeholder {
           font-style: italic;
           color: #767676;
         }
         &::-moz-placeholder {

-          font-family: Georgia;
+          font-family: Georgia, serif;

           font-style: italic;
           color: #767676;
         }
           font-style: italic;
           color: #767676;
         }