633e8bde8bad7758f347223dc3887fd107b653b1
[wolnelektury.git] / apps / wolnelektury_core / static / css / header.css
1 #header-bg {
2         z-index: -1;
3         background: #191919;
4         position: absolute;
5         width: 50%;
6         height: 9.4em;
7 }
8
9 #header {
10     padding-bottom: 0;
11     color: #989898;
12     background: #191919;
13     position: relative;
14 }
15 #header a {
16         color: #17CFDB;
17 }
18
19 #half-header {
20     padding-bottom: 0;
21 }
22
23 #half-header-content {
24     background: #191919;
25     color: #989898;
26 }
27
28
29 #tagline {
30         margin-left: 1.5em;
31 }
32
33 #tagline span {
34     font-size: 1.3em;
35     color: #bbb;
36 }
37
38 #user-info {
39     margin: 0;
40 }
41
42 #search-area {
43     margin: 0;
44     background: #444;
45     color: white;
46 }
47
48 #search-field {
49     display: inline-block;
50     padding-left: .5em;
51     padding-top: 0.5em;
52     padding-bottom: 0;
53 }
54
55 #search {
56     font-size: 1.3em;
57     padding: 0;
58     /*height: 3.3em;
59     width: 62.6em;
60     padding-left: .5em;
61     -webkit-border-radius: .5em;
62     -moz-border-radius: .5em;
63     border: none;
64     border-radius: .5em;
65     -webkit-box-shadow:0 0 .5em #444 inset;
66     -moz-box-shadow:0 0 .5em #444 inset;
67     box-shadow: 0 0 .5em #444 inset;*/
68     height: 2.54em;
69     padding-left: 1em;
70     -webkit-border-radius: .38em;
71     -moz-border-radius: .38em;
72     border: none;
73     border-radius: .38em;
74     -webkit-box-shadow:0 0 .38em #444 inset;
75     -moz-box-shadow:0 0 .38em #444 inset;
76     box-shadow: 0 0 .5em #444 inset;
77     line-height: 2.5em;
78
79     font-family: Georgia;
80     background-color: #fff;
81     color: #000;
82     z-index: 200;
83     position: relative;
84 }
85
86 /* styling search placeholder */
87
88 #search:-webkit-input-placeholder
89 {
90     font-family: Georgia;
91     font-style: italic;
92     color: #767676;
93 }
94
95 #search.placeholder
96 {
97     font-family: Georgia;
98     font-style: italic;
99     color: #767676;
100 }
101
102 #search:-moz-placeholder
103 {
104     font-family: Georgia;
105     font-style: italic;
106     color: #767676;
107 }
108
109 #search-button {
110     display: inline-block;
111     background: #018189;
112     color: white;
113     padding: 0;
114     margin: 0;
115     width: 9.4em;
116 }
117 #search-button button {
118     font-size: 1em;
119     height: 4.5em;
120     border: none;
121     background: #018189;
122     color: white;
123     width: 100%;
124     padding: 0;
125 }
126
127 #search-button button span {
128     font-size: 1.1em;
129     position:relative;
130 }
131
132
133 #nav-line {
134     background-color: #e2e2e2;
135     height: 4.9em;
136 }
137
138 ul#menu {
139     list-style: none;
140     padding: 0;
141     margin: 0 0 0 .6em;
142 }
143
144 li.menu {
145     background-color: #e2e2e2;
146     float: left;
147 }
148 a.menu {
149     display: block;
150     padding-left: 1.4em;
151     padding-right: 1.4em;
152     /* must match grid-line */
153     height: 3.1em;
154     padding-top: 1.8em;
155     color: #0c7076;
156 }
157 #menu a.hidden-box-trigger:hover {
158     border-bottom: 3px solid white;
159     margin-bottom: -3px;
160 }
161 a.menu span {
162     font-size: 1.1em;
163 }
164
165
166 #lang-button {
167     color: #717171;
168 }
169 #lang-button:after {
170     padding-left: 1em;
171     content: url("/static/img/arrow-gray.png");
172     vertical-align: middle;
173 }
174 #lang-menu {
175     position: relative;
176     float: right;
177     display: block;
178     padding-left: 2.5em;
179     padding-right: 2em;
180     /* must match grid-line */
181     height: 3.3em;
182     padding-top: 1.6em;
183     background: #f7f7f7;
184 }
185 #lang-menu .lang-flag {
186         font-size: 1.3em;
187 }
188
189 #lang-menu-items {
190         z-index: 9999;
191 }
192
193 #lang-menu-items button {
194     display: none;
195     background: #f7f7f7;
196     color: #6f6f6f;
197     cursor: pointer;
198     width: 100%;
199     border: solid #ddd;
200     border-width: 0 0 1px 0;
201     padding: .5em 0;
202     margin: 0;
203     font-size: 1.3em;
204 }
205
206 #lang-menu:hover button,
207 #lang-menu.hover button {
208     display: block;
209 }
210
211 #lang-menu:hover #lang-menu-items,
212 #lang-menu.hover #lang-menu-items {
213     position: absolute;
214     width: 100%;
215     padding: 0;
216     left: 0;
217     /* must match grid-line height */
218     top: 3.9em;
219 }
220
221 #lang-menu .active {
222     color: #000;
223 }
224
225 .search-hint-label {
226     display: inline-block;
227     width: 25em;
228     font-size: 1.1em;
229     line-height: 1.636em;
230 }
231
232 .search-hint-category {
233     font-size: 1.1em;
234     line-height: 1.636em;
235     
236 }
237
238
239
240 #user-menu {
241         left: 0;
242         top: 2em;
243         width: 15em;
244         line-height:1.6em;
245 }
246 #user-menu a {
247         color: #0D7E85;
248 }