]> git.mxchange.org Git - friendica.git/blob - view/style.css
new todo list
[friendica.git] / view / style.css
1
2 body { 
3         background: #EEEEEE;
4         font-family: verdana, sans-serif;
5         font-size: 1.0em;
6         margin-left: 10px;
7 }
8
9 img.photo {
10         border: 1px solid #AAAAAA;
11         padding: 5px;
12         background: #FFFFFF;
13 }
14
15 aside {
16         position: absolute;
17         left: 0px;
18         top: 60px;
19         right: 250px;
20         width: 250px;
21         margin-left: 20px;
22         margin-right: 0px;
23         font-size: 0.9em;
24 }
25 section {
26         position: absolute;
27         left: 270px;
28         top: 60px;
29         margin-left: 20px;
30         margin-right: 20px;
31 }
32 h1 {
33         font-size: 1.6em;
34 }
35
36 nav {
37         position: absolute;
38         top: 0px;
39         height: 30px;
40         left: 0px;
41         right: 0px;
42         margin-top: 20px;
43 }
44
45 footer {
46         position: absolute;
47         left: 0px;
48         right: 0px;
49         bottom: 0px;
50         margin: 20px 20px 20px 20px;
51 }
52 .fn {
53         font-size: 1.4em;
54         margin-bottom: 10px;
55         line-height: 1.5;
56 }
57
58 .powered {
59         font-size: 0.6em;
60 }
61 .error-message {
62         color: #FF0000;
63         font-size: 1.1em;
64         border: 1px solid #FF8888;
65         background-color: #FFEEEE;
66         padding: 10px;
67 }
68 .nav-link {
69         float: right;
70         margin-left: 0px;
71         margin-right: 10px;
72         padding: 5px;
73         border: 1px solid black;
74         background: #DDDDFF;
75         font-size: 0.7em;
76         font-weight: bold;
77         
78 }
79
80 .nav-commlink {
81         float: left;
82         margin-left: 10px;
83         margin-right: 0px;
84         padding: 5px;
85         border: 1px solid black;
86         background: #DDDDFF;
87         font-size: 0.7em;
88         font-weight: bold;
89 }
90 #nav-end {
91         clear: both;
92 }
93
94 .login-extra-links {
95         font-size: 0.7em;
96 }
97
98 #profile-extra-links {
99         margin-top: 20px;
100         margin-bottom: 20px;
101         margin-left: 20px;
102         margin-right: 20px;
103 }
104
105 #label-register-name, #label-register-email {
106         float: left;
107         width: 350px;
108         margin-top: 10px;
109 }
110
111 #register-name, #register-email {
112         float: left;
113         margin-top: 10px;
114         width: 150px;
115 }
116
117 #register-name-end, #register-email-end, #register-submit-end {
118         clear: both;
119 }
120
121 #register-submit-button {
122         margin-top: 10px;
123         margin-left: 350px;
124 }
125
126 #label-login-name, #label-login-password, #login-extra-filler {
127         float: left;
128         width: 150px;
129         margin-bottom: 20px;
130 }
131
132
133 #login-name, #login-password {
134         float: left;
135         width: 150px;
136 }
137
138 #register-link, #lost-password-link {
139         float: left;
140         font-size: 0.7em;
141         margin-right: 15px;
142 }
143
144 #login-name-end, #login-password-end, #login-extra-end, #login-submit-end {
145         clear: both;
146 }
147
148 #login-submit-button {
149         margin-top: 10px;
150         margin-left: 150px;
151 }
152
153 input#dfrn-url {
154         float: left;
155         background: url(dfrn.gif) no-repeat;
156         background-position: 2px center;
157         font-size: 17px;
158         padding-left: 21px;
159         height: 21px;
160         background-color: #FFFFFF;
161         color: #000000;
162         margin-bottom: 20px;
163 }
164
165 #dfrn-url-label {
166         float: left;
167         width: 250px;
168 }
169
170 #dfrn-request-url-end {
171         clear: both;
172 }
173
174 #knowyouyes, #knowyouno {
175         float: left;
176 }
177
178 #dfrn-request-knowyou-yes-wrapper, #dfrn-request-knowyou-no-wrapper {
179
180         float: none;
181 }
182 #dfrn-request-knowyou-yes-label, #dfrn-request-knowyou-no-label {
183         float: left;
184         width: 75px;
185         margin-left: 50px;
186         margin-bottom: 7px;
187 }
188 #dfrn-request-knowyou-break, #dfrn-request-knowyou-end {
189         clear: both;
190
191 }
192
193 #dfrn-request-message-wrapper {
194         margin-bottom: 50px;
195 }
196 #dfrn-request-submit-wrapper {
197         clear: both;
198         margin-left: 50px;
199 }
200
201 #dfrn-request-info-wrapper {
202         margin-left: 50px;
203 }
204
205 #settings-username-end, #settings-email-end, #settings-nick-end, #settings-timezone-end, #settings-password-end, #settings-confirm-end {
206         margin-bottom: 5px;
207         clear: both;
208 }
209
210 #settings-username-label, #settings-email-label, #settings-nick-label, #settings-timezone-label, #settings-password-label, #settings-confirm-label {
211         float: left;
212         width: 200px;
213 }
214
215 #settings-username, #settings-email, #settings-nick, #timezone-select, #settings-password, #settings-confirm {
216         float: left;
217         margin-bottom: 20px;
218 }
219
220 #settings-nick-desc {
221         width: 500px;
222 }
223
224 #settings-nick {
225         margin-bottom: 50px;
226 }
227
228 #cropimage-wrapper, #cropimage-preview-wrapper {
229         float: left;
230         padding: 30px;
231 }
232
233 #crop-image-form {
234         margin-top: 30px;
235         clear: both;
236 }
237
238 .intro-fullname {
239         font-size: 1.1em;
240         font-weight: bold;
241
242 }
243 .intro-desc {
244         margin-bottom: 20px;
245 }
246
247 .intro-note {
248         padding: 10px;
249 }
250
251 .intro-end {
252         padding: 30px;
253 }
254
255 .intro-approve-form, .intro-form {
256         float: left;
257 }
258 .intro-submit-approve, .intro-submit-ignore {
259         margin-right: 20px;
260 }
261 .intro-top {
262         width: 500px;
263         margin-bottom: 30px;
264 }
265 .intro-end {
266         clear: both;
267         margin-bottom: 30px;
268 }
269 #profile-edit-default-desc {
270         color: #FF0000;
271         border: 1px solid #FF8888;
272         background-color: #FFEEEE;
273         padding: 7px;
274
275
276 }
277
278
279 #profile-edit-profile-name-label,
280 #profile-edit-name-label,
281 #profile-edit-gender-label,
282 #profile-edit-address-label,
283 #profile-edit-locality-label,
284 #profile-edit-region-label,
285 #profile-edit-postal-code-label,
286 #profile-edit-country-name-label,
287 #profile-edit-marital-label,
288 #profile-edit-homepage-label {
289         float: left;
290         width: 175px;
291 }
292
293 #profile-edit-profile-name,
294 #profile-edit-name,
295 #gender-select,
296 #profile-edit-address,
297 #profile-edit-locality,
298 #profile-edit-region,
299 #profile-edit-postal-code,
300 #profile-edit-country-name,
301 #marital-select,
302 #profile-in-dir-yes,
303 #profile-in-dir-no {
304         float: left;
305         margin-bottom: 20px;
306 }
307
308 #profile-in-dir-yes-label, #profile-in-dir-no-label {
309         margin-left: 125px;
310         float: left;
311         width: 50px;
312 }
313
314 #profile-edit-homepage {
315         float: left;
316         margin-bottom: 35px;
317 }
318
319 #profile-edit-profile-name-end,
320 #profile-edit-name-end,
321 #profile-edit-gender-end,
322 #profile-edit-address-end,
323 #profile-edit-locality-end,
324 #profile-edit-region-end,
325 #profile-edit-postal-code-end,
326 #profile-edit-country-name-end,
327 #profile-edit-marital-end,
328 #profile-edit-homepage-end,
329 #profile-in-dir-break, 
330 #profile-in-dir-end {
331         clear: both;
332 }
333
334 #gender-select, #marital-select {
335  width: 145px;
336 }
337
338 #profile-edit-profile-name-wrapper .required {
339         color: #FF0000;
340         float: left;
341 }
342
343 #contacts-main {
344         margin-bottom: 20px;
345 }
346 .contact-entry-photo-wrapper {
347         float: left;
348 }
349 .contact-entry-direction-icon {
350         margin-top: 24px;
351         float: left;
352 }
353 .contact-entry-photo img {
354         border: none;
355 }
356 .contact-entry-photo-end {
357         clear: both;
358 }
359 .contact-entry-edit-links {
360         float: left;
361         margin-top: 10px;
362 }
363 .contact-entry-name {
364         float: left;
365 }
366 .contact-entry-nav-wrapper {
367         float: left;
368         margin-left: 10px;
369 }
370 .contact-entry-nav-end {
371         clear: both;
372 }
373 .contact-entry-break {
374         clear: both;
375 }
376 .contact-entry-edit-links img {
377         border: none;
378         margin-right: 15px;
379 }
380 .contact-entry-photo {
381         float: left;
382 }
383 .contact-entry-end {
384         clear: both;
385 }
386
387 .wall-item-photo-wrapper {
388         margin-top: 20px;
389         width: 100px;
390         float: left;
391 }
392 .wall-item-wrapper {
393         margin-top: 30px;
394         float: left;
395 }
396
397 .wall-item-wrapper-end {
398         clear: both;
399 }
400 .wall-item-name-link {
401         font-weight: bold;
402         text-decoration: none;
403         color: #3172BD;
404 }
405 .wall-item-photo {
406         border: none;
407 }
408
409 .comment-edit {
410         font-size: 0.8em;
411         cursor: pointer;
412         color: #3172BD;
413         margin-top: 15px;
414 }
415
416
417 #profile-jot-submit-wrapper {
418         margin-top: 15px;
419 }
420 #profile-jot-end {
421         margin-bottom: 30px;
422 }
423 #about-jot-submit-wrapper {
424         margin-top: 15px;
425 }
426 #about-jot-end {
427         margin-bottom: 30px;
428 }
429 #contacts-main {
430         margin-bottom: 30px;
431 }
432
433 #profile-listing-new-link-wrapper {
434         margin-bottom: 30px;
435 }
436 .profile-listing-photo-wrapper {
437         float: left;
438 }
439
440 .profile-listing-edit-buttons-wrapper {
441         clear: both;
442 }
443 .profile-listing-photo-edit-link {
444         float: left;
445         width: 125px;
446 }
447 .profile-listing-end {
448         clear: both;
449 }
450 .profile-listing-edit-buttons-wrapper img{
451         border: none;
452         margin-right: 20px;
453 }
454 .profile-listing {
455         margin-top: 25px;
456 }
457 .profile-listing-name {
458         float: left;
459         margin-top: 10px;
460 }
461 .fortune {
462         margin-top: 50px;
463         color: #3172BD;
464         font-weight: bold;
465         margin-bottom: 20px;
466 }