X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/d0ca88d8941f1596891aa3998ff443894f3f6bf6..fe14330cee64ab56c479ff83a4eb29a214c68d8f:/src/wolnelektury/static/scss/main/header.scss?ds=sidebyside diff --git a/src/wolnelektury/static/scss/main/header.scss b/src/wolnelektury/static/scss/main/header.scss index 645aa7f52..14516b818 100755 --- a/src/wolnelektury/static/scss/main/header.scss +++ b/src/wolnelektury/static/scss/main/header.scss @@ -1,18 +1,35 @@ +@import "../tools"; + $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; color: #bbb; position: relative; - Xtext-align: center; + /*text-align: center;*/ @media screen and (min-width: 1024px) { width: 975px; margin: auto; - } a { @@ -137,7 +154,7 @@ header#main { top: 0; } - X#user-info { + /*#user-info { margin-top: 0; @include size(margin-left, 5px); @include size(margin-right, 5px); @@ -159,7 +176,7 @@ header#main { @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) { @@ -185,7 +202,7 @@ header#main { color: #0D7E85; } } - } + }*/ form#search-area { position: relative; @@ -223,24 +240,24 @@ header#main { @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 { - font-family: Georgia; + font-family: Georgia, serif; font-style: italic; color: #767676; } &::-webkit-input-placeholder { - font-family: Georgia; + font-family: Georgia, serif; font-style: italic; color: #767676; } &::-moz-placeholder { - font-family: Georgia; + font-family: Georgia, serif; font-style: italic; color: #767676; }