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