Nicer collection boxes.
[wolnelektury.git] / src / wolnelektury / static / scss / main / header.scss
index 14516b8..c8adda5 100644 (file)
@@ -68,6 +68,9 @@ header#main {
     @include size(top, 3px);
     @include size(left, 255px);
     @include size(font-size, 13px);
+    margin: 0;
+    @include size(line-height, 43px);
+    
 
     @media screen and (min-width: 1024px) {
       display: block;
@@ -83,7 +86,8 @@ header#main {
     @include mono;
 
     #lang-button {
-      display: block;
+        display: block;
+        cursor: pointer;
 
       @include size(font-size, 10px);
       @include size(line-height, 17px);
@@ -100,9 +104,8 @@ header#main {
         }
       }
 
-      .lang-flag {
-        @include size(font-size, 13px);
-        @include size(line-height, 15px);
+      img {
+          vertical-align: middle;
       }
     }
 
@@ -134,7 +137,7 @@ header#main {
       }
     }
 
-    &:hover, &.hover {
+    &.hover {
       #lang-menu-items {
         position: absolute;
         padding: 0;
@@ -146,6 +149,9 @@ header#main {
       }
     }
 
+    @media screen and (min-width: 1024px) {
+        right: 300px;
+    }
   }
 
   #main-menu-toggle {
@@ -240,24 +246,24 @@ header#main {
         @include size(border-radius, 5px);
         @include box-shadow(0 0 6.5px #444444 inset);
 
-        font-family: Georgia, serif;
+        font-family: Gelasio, Georgia, serif;
         @include size(font-size, 13px);
         background-color: white;
         color: black;
 
         /* styling search placeholder */
         &::placeholder {
-          font-family: Georgia, serif;
+          font-family: Gelasio, Georgia, serif;
           font-style: italic;
           color: #767676;
         }
         &::-webkit-input-placeholder {
-          font-family: Georgia, serif;
+          font-family: Gelasio, Georgia, serif;
           font-style: italic;
           color: #767676;
         }
         &::-moz-placeholder {
-          font-family: Georgia, serif;
+          font-family: Gelasio, Georgia, serif;
           font-style: italic;
           color: #767676;
         }