commit | author | age
|
f14cbc
|
1 |
|
72c5c3
|
2 |
html, body { |
U |
3 |
height: 100%; |
|
4 |
margin: 0; |
|
5 |
padding: 0; |
|
6 |
} |
f14cbc
|
7 |
|
3c1a75
|
8 |
h1 { |
U |
9 |
margin: 0; |
|
10 |
padding: 0; |
|
11 |
} |
|
12 |
|
|
13 |
#inhalt { |
72c5c3
|
14 |
height: 100%; |
U |
15 |
} |
|
16 |
|
3c1a75
|
17 |
|
f14cbc
|
18 |
|
U |
19 |
|
|
20 |
/* Buttons |
|
21 |
–––––––––––––––––––––––––––––––––––––––––––––––––– */ |
|
22 |
.button, |
|
23 |
button, |
|
24 |
input[type="submit"], |
|
25 |
input[type="reset"], |
|
26 |
input[type="button"] { |
|
27 |
display: inline-block; |
|
28 |
height: 38px; |
|
29 |
padding: 0 30px; |
|
30 |
color: #555; |
|
31 |
text-align: center; |
|
32 |
font-size: 11px; |
|
33 |
font-weight: 600; |
|
34 |
line-height: 38px; |
|
35 |
letter-spacing: .1rem; |
|
36 |
text-transform: uppercase; |
|
37 |
text-decoration: none; |
|
38 |
white-space: nowrap; |
|
39 |
background-color: transparent; |
|
40 |
border-radius: 4px; |
|
41 |
border: 1px solid #bbb; |
|
42 |
cursor: pointer; |
|
43 |
box-sizing: border-box; } |
|
44 |
.button:hover, |
|
45 |
button:hover, |
|
46 |
input[type="submit"]:hover, |
|
47 |
input[type="reset"]:hover, |
|
48 |
input[type="button"]:hover, |
|
49 |
.button:focus, |
|
50 |
button:focus, |
|
51 |
input[type="submit"]:focus, |
|
52 |
input[type="reset"]:focus, |
|
53 |
input[type="button"]:focus { |
|
54 |
color: #333; |
|
55 |
border-color: #888; |
|
56 |
outline: 0; } |
|
57 |
.button.button-primary, |
|
58 |
button.button-primary, |
|
59 |
input[type="submit"].button-primary, |
|
60 |
input[type="reset"].button-primary, |
|
61 |
input[type="button"].button-primary { |
|
62 |
color: #FFF; |
|
63 |
background-color: #33C3F0; |
|
64 |
border-color: #33C3F0; } |
|
65 |
.button.button-primary:hover, |
|
66 |
button.button-primary:hover, |
|
67 |
input[type="submit"].button-primary:hover, |
|
68 |
input[type="reset"].button-primary:hover, |
|
69 |
input[type="button"].button-primary:hover, |
|
70 |
.button.button-primary:focus, |
|
71 |
button.button-primary:focus, |
|
72 |
input[type="submit"].button-primary:focus, |
|
73 |
input[type="reset"].button-primary:focus, |
|
74 |
input[type="button"].button-primary:focus { |
|
75 |
color: #FFF; |
|
76 |
background-color: #1EAEDB; |
|
77 |
border-color: #1EAEDB; } |
|
78 |
|
|
79 |
/* Forms |
|
80 |
–––––––––––––––––––––––––––––––––––––––––––––––––– */ |
|
81 |
input[type="email"], |
|
82 |
input[type="number"], |
|
83 |
input[type="search"], |
|
84 |
input[type="text"], |
|
85 |
input[type="tel"], |
|
86 |
input[type="url"], |
|
87 |
input[type="password"], |
c79c12
|
88 |
textarea { |
f14cbc
|
89 |
height: 38px; |
U |
90 |
padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */ |
|
91 |
background-color: #fff; |
|
92 |
border: 1px solid #D1D1D1; |
|
93 |
border-radius: 4px; |
|
94 |
box-shadow: none; |
|
95 |
box-sizing: border-box; } |
|
96 |
/* Removes awkward default styles on some inputs for iOS */ |
|
97 |
input[type="email"], |
|
98 |
input[type="number"], |
|
99 |
input[type="search"], |
|
100 |
input[type="text"], |
|
101 |
input[type="tel"], |
|
102 |
input[type="url"], |
|
103 |
input[type="password"], |
|
104 |
textarea { |
|
105 |
-webkit-appearance: none; |
|
106 |
-moz-appearance: none; |
|
107 |
appearance: none; } |
|
108 |
textarea { |
|
109 |
min-height: 65px; |
|
110 |
padding-top: 6px; |
|
111 |
padding-bottom: 6px; } |
|
112 |
input[type="email"]:focus, |
|
113 |
input[type="number"]:focus, |
|
114 |
input[type="search"]:focus, |
|
115 |
input[type="text"]:focus, |
|
116 |
input[type="tel"]:focus, |
|
117 |
input[type="url"]:focus, |
|
118 |
input[type="password"]:focus, |
|
119 |
textarea:focus, |
|
120 |
select:focus { |
|
121 |
border: 1px solid #33C3F0; |
|
122 |
outline: 0; } |
|
123 |
label, |
|
124 |
legend { |
|
125 |
display: block; |
|
126 |
margin-bottom: .5rem; |
|
127 |
font-weight: 600; } |
|
128 |
fieldset { |
|
129 |
padding: 0; |
|
130 |
border-width: 0; } |
|
131 |
input[type="checkbox"], |
|
132 |
input[type="radio"] { |
|
133 |
display: inline; } |
|
134 |
label > .label-body { |
|
135 |
display: inline-block; |
|
136 |
margin-left: .5rem; |
|
137 |
font-weight: normal; } |