Map fix.

[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
old mode 100755 (executable)
new mode 100644 (file)
index ee7da24..c8adda5
--- a/src/wolnelektury/static/scss/main/header.scss
+++ b/src/wolnelektury/static/scss/main/header.scss
@@ -1,7 +1,9 @@
+@import "../tools";
+

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

-#ads {
+#banners {

   display: inline-block;
   width: 100%;
 
   display: inline-block;
   width: 100%;
 


@@ -13,6 +15,7 @@ $small_logo: .9;
   img {
     display: block;
     margin: 0 auto;
   img {
     display: block;
     margin: 0 auto;

+    width: 100%

   }
 }
 
   }
 }
 


@@ -22,12 +25,11 @@ header#main {
   color: #bbb;
   position: relative;
 
   color: #bbb;
   position: relative;
 

-  Xtext-align: center;
+  /*text-align: center;*/

 
   @media screen and (min-width: 1024px) {
     width: 975px;
     margin: auto;
 
   @media screen and (min-width: 1024px) {
     width: 975px;
     margin: auto;

-

   }
 
   a {
   }
 
   a {


@@ -66,6 +68,9 @@ header#main {
     @include size(top, 3px);
     @include size(left, 255px);
     @include size(font-size, 13px);
     @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;
 
     @media screen and (min-width: 1024px) {
       display: block;


@@ -81,7 +86,8 @@ header#main {
     @include mono;
 
     #lang-button {
     @include mono;
 
     #lang-button {

-      display: block;
+        display: block;
+        cursor: pointer;

 
       @include size(font-size, 10px);
       @include size(line-height, 17px);
 
       @include size(font-size, 10px);
       @include size(line-height, 17px);


@@ -98,9 +104,8 @@ header#main {
         }
       }
 
         }
       }
 

-      .lang-flag {
-        @include size(font-size, 13px);
-        @include size(line-height, 15px);
+      img {
+          vertical-align: middle;

       }
     }
 
       }
     }
 


@@ -132,7 +137,7 @@ header#main {
       }
     }
 
       }
     }
 

-    &:hover, &.hover {
+    &.hover {

       #lang-menu-items {
         position: absolute;
         padding: 0;
       #lang-menu-items {
         position: absolute;
         padding: 0;


@@ -144,6 +149,9 @@ header#main {
       }
     }
 
       }
     }
 

+    @media screen and (min-width: 1024px) {
+        right: 300px;
+    }

   }
 
   #main-menu-toggle {
   }
 
   #main-menu-toggle {


@@ -152,7 +160,7 @@ header#main {
     top: 0;
   }
 
     top: 0;
   }
 

-  X#user-info {
+  /*#user-info {

     margin-top: 0;
     @include size(margin-left, 5px);
     @include size(margin-right, 5px);
     margin-top: 0;
     @include size(margin-left, 5px);
     @include size(margin-right, 5px);


@@ -174,7 +182,7 @@ header#main {
       @include size(margin-right, 0);
     }
 
       @include size(margin-right, 0);
     }
 

-    /* We want submenu on far left on small screens. */
+    !* We want submenu on far left on small screens. *!

     .hidden-box-wrapper {
       position: static;
       @media screen and (min-width: 24em) {
     .hidden-box-wrapper {
       position: static;
       @media screen and (min-width: 24em) {


@@ -200,7 +208,7 @@ header#main {
         color: #0D7E85;
       }
     }
         color: #0D7E85;
       }
     }

-  }
+  }*/

 
   form#search-area {
     position: relative;
 
   form#search-area {
     position: relative;


@@ -238,24 +246,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: Gelasio, 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: Gelasio, Georgia, serif;

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

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

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

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

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


@@ -288,31 +296,6 @@ header#main {
 
   #header-wrapper {
     position: relative;
 
   #header-wrapper {
     position: relative;

-
-    /* Upper-half both sides dark background */
-    &:before {
-      content: " ";
-      display: block;
-      z-index: -1;
-      position: absolute;
-      top: 0;
-      @include size(bottom, 45px);
-      left: 0;
-      width: 100%;
-      background-color: $header_bg;
-    }
-
-    /* Left-side dark background */
-    &:after {
-      content: " ";
-      display: block;
-      z-index: -1;
-      position: absolute;
-      top: 0;
-      bottom: 0;
-      left: 0;
-      width: 50%;
-      background-color: $header_bg;
-    }
+    background-color: $header_bg;

   }
 }
   }
 }