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