X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/faef1a564460905fd4c78953bf2f7023b5a94fc7..d82209da8b4ed8cda90275eae128e87e0b887279:/wolnelektury/static/css/header.css?ds=inline diff --git a/wolnelektury/static/css/header.css b/wolnelektury/static/css/header.css index fc89f8223..4876371e8 100755 --- a/wolnelektury/static/css/header.css +++ b/wolnelektury/static/css/header.css @@ -1,15 +1,3 @@ -/* Logo font */ -@font-face { - /* IE version */ - font-family: WL-Logo; - src: url(/static/fonts/WL.eot); -} -@font-face { - font-family: WL-Logo; - src: url(/static/fonts/WL.ttf) format("truetype"); -} - - #header-bg { z-index: -1; background: #191919; @@ -19,12 +7,14 @@ } #header { - height: 3em; padding-top: 1.9em; padding-bottom: 0; color: #989898; background: #191919; } +#header a { + color: #17CFDB; +} #half-header { padding-bottom: 0; @@ -36,50 +26,37 @@ } -#user-info { - float: right; - margin: 0; -} - -#logo { - position: absolute; - top: -1.6em; - margin-left: 1.5em; -} - #logo a { - font-family: WL-Logo; - font-size: 2.05em; color:#f7f7f7; - line-height: 7em; + font-size: 2.05em; + text-shadow: 0 0 10px #f7f7f7; } #tagline { - display: inline-block; - margin-left: 25.5em; + margin-left: 1.5em; } + #tagline span { font-size: 1.3em; - color: #ccc; + color: #bbb; } -#tagline a, -#user-info a { - color: #17cfdb; + +#user-info { + margin: 0; + padding: 1em 0; + margin-left: 1.5em; } #search-area { margin: 0; background: #444; color: white; - margin-left: 24em; - width: 73.5em; } #search-field { display: inline-block; - width: 63.1em; padding-left: .5em; - padding-right: 0; + padding-right: .5em; padding-top: 0.5em; padding-bottom: 0; } @@ -98,7 +75,6 @@ -moz-box-shadow:0 0 .5em #444 inset; box-shadow: 0 0 .5em #444 inset;*/ height: 2.54em; - width: 47.47em; padding-left: 1em; -webkit-border-radius: .38em; -moz-border-radius: .38em; @@ -112,6 +88,8 @@ font-family: Georgia; background-color: #fff; color: #000; + z-index: 200; + position: relative; } /* styling search placeholder */ @@ -120,37 +98,36 @@ { font-family: Georgia; font-style: italic; - color: #888; + color: #767676; } #search.placeholder { font-family: Georgia; font-style: italic; - color: #888; + color: #767676; } #search:-moz-placeholder { font-family: Georgia; font-style: italic; - color: #888; + color: #767676; } #search-button { display: inline-block; - background: #02adb7; + background: #018189; color: white; padding: 0; margin: 0; width: 9.4em; - float: right; } #search-button button { font-size: 1em; height: 4.5em; border: none; - background: #02adb7; + background: #018189; color: white; width: 100%; padding: 0; @@ -184,6 +161,7 @@ a.menu { /* must match grid-line */ height: 3.1em; padding-top: 1.8em; + color: #0c7076; } a.menu span { font-size: 1.1em; @@ -191,7 +169,7 @@ a.menu span { #lang-button { - color: #aaa; + color: #717171; } #lang-button:after { padding-left: 1em; @@ -206,10 +184,13 @@ a.menu span { padding-left: 2.5em; padding-right: 2em; /* must match grid-line */ - height: 3em; - padding-top: 1.9em; + height: 3.3em; + padding-top: 1.6em; background: #f7f7f7; } +#lang-menu .lang-flag { + font-size: 1.3em; +} #lang-menu-items { z-index: 9999; @@ -218,20 +199,23 @@ a.menu span { #lang-menu-items button { display: none; background: #f7f7f7; - color: #777; + color: #6f6f6f; cursor: pointer; width: 100%; border: solid #ddd; border-width: 0 0 1px 0; padding: .5em 0; margin: 0; + font-size: 1.3em; } -#lang-menu:hover button { +#lang-menu:hover button, +#lang-menu.hover button { display: block; } -#lang-menu:hover #lang-menu-items { +#lang-menu:hover #lang-menu-items, +#lang-menu.hover #lang-menu-items { position: absolute; width: 100%; padding: 0; @@ -243,3 +227,28 @@ a.menu span { #lang-menu .active { color: #000; } + +.search-hint-label { + display: inline-block; + width: 25em; + font-size: 1.1em; + line-height: 1.636em; +} + +.search-hint-category { + font-size: 1.1em; + line-height: 1.636em; + +} + + + +#user-menu { + left: 0; + top: 2em; + width: 15em; + line-height:1.6em; +} +#user-menu a { + color: #0D7E85; +}