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