X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/57e98a5807465f9494e5006e16860f16abbf4136..222ee5203f1559d81672089fb8208835ecc280f4:/wolnelektury/static/css/header.css diff --git a/wolnelektury/static/css/header.css b/wolnelektury/static/css/header.css index 3fe0edd86..bdc2bff7a 100755 --- a/wolnelektury/static/css/header.css +++ b/wolnelektury/static/css/header.css @@ -10,6 +10,14 @@ } +#header-bg { + z-index: -1; + background: #191919; + position: absolute; + width: 50%; + height: 9.4em; +} + #header { height: 3em; padding-top: 1.9em; @@ -17,12 +25,12 @@ color: #989898; background: #191919; } +#header a { + color: #17CFDB; +} #half-header { padding-bottom: 0; - background: url('/static/img/bg-header.png'); - background-position: center; - background-size: 100%; } #half-header-content { @@ -38,7 +46,7 @@ #logo { position: absolute; - top: 1.9em; + top: -1.6em; margin-left: 1.5em; } @@ -46,6 +54,7 @@ font-family: WL-Logo; font-size: 2.05em; color:#f7f7f7; + line-height: 7em; } #tagline { @@ -54,11 +63,7 @@ } #tagline span { font-size: 1.3em; - color: #ccc; -} -#tagline a, -#user-info a { - color: #17cfdb; + color: #bbb; } #search-area { @@ -74,7 +79,7 @@ width: 63.1em; padding-left: .5em; padding-right: 0; - padding-top: 0.6em; + padding-top: 0.5em; padding-bottom: 0; } @@ -101,20 +106,39 @@ -webkit-box-shadow:0 0 .38em #444 inset; -moz-box-shadow:0 0 .38em #444 inset; box-shadow: 0 0 .5em #444 inset; + line-height: 2.5em; font-family: Georgia; background-color: #fff; color: #000; } -#search.blur { + +/* styling search placeholder */ + +#search:-webkit-input-placeholder +{ + font-family: Georgia; + font-style: italic; + color: #767676; +} + +#search.placeholder +{ + font-family: Georgia; + font-style: italic; + 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; @@ -125,7 +149,7 @@ font-size: 1em; height: 4.5em; border: none; - background: #02adb7; + background: #018189; color: white; width: 100%; padding: 0; @@ -159,6 +183,7 @@ a.menu { /* must match grid-line */ height: 3.1em; padding-top: 1.8em; + color: #0c7076; } a.menu span { font-size: 1.1em; @@ -166,7 +191,7 @@ a.menu span { #lang-button { - color: #aaa; + color: #717171; } #lang-button:after { padding-left: 1em; @@ -186,10 +211,14 @@ a.menu span { background: #f7f7f7; } +#lang-menu-items { + z-index: 9999; +} + #lang-menu-items button { display: none; background: #f7f7f7; - color: #777; + color: #6f6f6f; cursor: pointer; width: 100%; border: solid #ddd;