author | Markus Broeker<broeker.markus@googlemail.com> |
Sun, 14 Feb 2016 19:01:17 +0100 | |
changeset 42 | 015d3f02d4e8 |
parent 41 | 08414729c5b4 |
permissions | -rw-r--r-- |
42
015d3f02d4e8
Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents:
41
diff
changeset
|
1 |
/** |
015d3f02d4e8
Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents:
41
diff
changeset
|
2 |
* @copyright Copyright(C) 2015 4customers |
015d3f02d4e8
Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents:
41
diff
changeset
|
3 |
* @author Markus Bröker<broeker.markus@googlemail.com> |
015d3f02d4e8
Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents:
41
diff
changeset
|
4 |
*/ |
41
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
5 |
html, body, p, textarea, input, select { |
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
6 |
margin: 0; |
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
7 |
padding: 0; |
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
8 |
} |
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
9 |
|
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
10 |
body { |
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
11 |
font-size: 1.5em; |
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
12 |
font-family: sans-serif; |
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
13 |
} |
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
14 |
|
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
15 |
p { |
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
16 |
padding: 5px; |
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
17 |
} |
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
18 |
|
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
19 |
label, input, select, textarea { |
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
20 |
width: 100%; |
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
21 |
line-height: 100%; |
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
22 |
} |
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
23 |
|
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
24 |
input, select, textarea { |
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
25 |
padding: 5px; |
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
26 |
} |
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
27 |
|
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
28 |
form textarea { |
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
29 |
min-height: 250px; |
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
30 |
} |
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
31 |
|
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
32 |
.content { |
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
33 |
margin-bottom: 50px; |
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
34 |
} |
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
35 |
|
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
36 |
.text-info { |
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
37 |
color: #080808; |
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
38 |
} |
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
39 |
|
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
40 |
.footer-area { |
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
41 |
height: 30px; |
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
42 |
} |
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
43 |
|
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
44 |
.knopf input { |
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
45 |
color: #fff; |
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
46 |
background-color: #000; |
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
47 |
|
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
48 |
padding: 10px; |
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
49 |
font-size: 1.5em; |
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
50 |
} |
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
51 |
|
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
52 |
.footer { |
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
53 |
margin: 0; |
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
54 |
padding: 0; |
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
55 |
|
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
56 |
width: 100%; |
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
57 |
text-align: center; |
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
58 |
|
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
59 |
position: fixed; |
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
60 |
bottom: 0; |
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
61 |
|
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
62 |
color: #080808; |
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
63 |
background-color: #e7e7e7; |
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
64 |
|
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
65 |
overflow: hidden; |
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
66 |
} |
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
67 |
|
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
68 |
.ellipsis { |
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
69 |
text-overflow: ellipsis; |
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
70 |
} |
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
71 |
|
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
72 |
.bold { |
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
73 |
font-size: 1.5em; |
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
74 |
font-weight: bold; |
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
75 |
} |
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
76 |
|
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
77 |
.form-inline .form-group { |
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
78 |
width: 100%; |
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
79 |
} |
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
80 |
|
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
81 |
.form-inline .form-group { |
08414729c5b4
Formulare umgestylt
Markus Broeker<broeker.markus@googlemail.com>
parents:
0
diff
changeset
|
82 |
max-width: 49%; |
42
015d3f02d4e8
Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents:
41
diff
changeset
|
83 |
} |
015d3f02d4e8
Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents:
41
diff
changeset
|
84 |
|
015d3f02d4e8
Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents:
41
diff
changeset
|
85 |
.promo { |
015d3f02d4e8
Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents:
41
diff
changeset
|
86 |
margin-top: 10px; |
015d3f02d4e8
Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents:
41
diff
changeset
|
87 |
|
015d3f02d4e8
Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents:
41
diff
changeset
|
88 |
font-weight: bold; |
015d3f02d4e8
Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents:
41
diff
changeset
|
89 |
font-size: 2em; |
015d3f02d4e8
Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents:
41
diff
changeset
|
90 |
} |
015d3f02d4e8
Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents:
41
diff
changeset
|
91 |
|
015d3f02d4e8
Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents:
41
diff
changeset
|
92 |
/* Fluid Iframe starts */ |
015d3f02d4e8
Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents:
41
diff
changeset
|
93 |
.wrapper { |
015d3f02d4e8
Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents:
41
diff
changeset
|
94 |
position: relative; |
015d3f02d4e8
Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents:
41
diff
changeset
|
95 |
|
015d3f02d4e8
Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents:
41
diff
changeset
|
96 |
width: 75%; |
015d3f02d4e8
Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents:
41
diff
changeset
|
97 |
height: 100%; |
015d3f02d4e8
Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents:
41
diff
changeset
|
98 |
|
015d3f02d4e8
Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents:
41
diff
changeset
|
99 |
padding-bottom: 38%; |
015d3f02d4e8
Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents:
41
diff
changeset
|
100 |
|
015d3f02d4e8
Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents:
41
diff
changeset
|
101 |
margin-left: auto; |
015d3f02d4e8
Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents:
41
diff
changeset
|
102 |
margin-right: auto; |
015d3f02d4e8
Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents:
41
diff
changeset
|
103 |
|
015d3f02d4e8
Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents:
41
diff
changeset
|
104 |
text-align: center; |
015d3f02d4e8
Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents:
41
diff
changeset
|
105 |
} |
015d3f02d4e8
Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents:
41
diff
changeset
|
106 |
|
015d3f02d4e8
Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents:
41
diff
changeset
|
107 |
.iframe { |
015d3f02d4e8
Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents:
41
diff
changeset
|
108 |
position: absolute; |
015d3f02d4e8
Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents:
41
diff
changeset
|
109 |
|
015d3f02d4e8
Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents:
41
diff
changeset
|
110 |
width: 100%; |
015d3f02d4e8
Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents:
41
diff
changeset
|
111 |
height: 100%; |
015d3f02d4e8
Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents:
41
diff
changeset
|
112 |
} |
015d3f02d4e8
Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents:
41
diff
changeset
|
113 |
|
015d3f02d4e8
Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents:
41
diff
changeset
|
114 |
.iframe iframe { |
015d3f02d4e8
Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents:
41
diff
changeset
|
115 |
position: relative; |
015d3f02d4e8
Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents:
41
diff
changeset
|
116 |
|
015d3f02d4e8
Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents:
41
diff
changeset
|
117 |
width: 100%; |
015d3f02d4e8
Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents:
41
diff
changeset
|
118 |
height: 100%; |
015d3f02d4e8
Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents:
41
diff
changeset
|
119 |
} |
015d3f02d4e8
Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents:
41
diff
changeset
|
120 |
/* Fluid Iframe ends */ |
015d3f02d4e8
Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents:
41
diff
changeset
|
121 |
|
015d3f02d4e8
Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents:
41
diff
changeset
|
122 |
@media screen and (max-width: 480px) { |
015d3f02d4e8
Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents:
41
diff
changeset
|
123 |
body { |
015d3f02d4e8
Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents:
41
diff
changeset
|
124 |
font-size: 1.25em; |
015d3f02d4e8
Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents:
41
diff
changeset
|
125 |
} |
015d3f02d4e8
Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents:
41
diff
changeset
|
126 |
|
015d3f02d4e8
Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents:
41
diff
changeset
|
127 |
.form-group button { |
015d3f02d4e8
Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents:
41
diff
changeset
|
128 |
width: 100%; |
015d3f02d4e8
Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents:
41
diff
changeset
|
129 |
} |
015d3f02d4e8
Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents:
41
diff
changeset
|
130 |
|
015d3f02d4e8
Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents:
41
diff
changeset
|
131 |
.wrapper { |
015d3f02d4e8
Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents:
41
diff
changeset
|
132 |
height: 220px; |
015d3f02d4e8
Startseite mit Video
Markus Broeker<broeker.markus@googlemail.com>
parents:
41
diff
changeset
|
133 |
} |
0
4869aea77e21
Bröker-Framework BFW-1
Markus Bröker <broeker.markus@googlemail.com>
parents:
diff
changeset
|
134 |
} |