bibweb.git

1) 
2) @import url("https://mosterei-wurst.de/wp-content/fonts/fonts.css");
3) 
4) body {
5)   font-family: linux_biolinum_o;
6)   font-size: 150%;
7)   background-color: #ffa;
8) }
9) 
10) .auftrag-kopf {
11)     display: flex;
12)     width: 100%;
13)     align-items: stretch;
14)     margin-bottom: 1em;
15) }
16) 
17) .auftrag-kopf > div {
18)     border: 1px solid black;
19)     border-radius: 5px;
20)     padding: 0.5em;
21) }
22) 
23) .auftrag-kopf div.kundendaten_aktionen {
24)     border: none;
25) }
26) 
27) .auftrag-kopf div.kundendaten_aktionen button {
28)     display: block;
29)     margin-bottom: 1em;
30) }
31) 
32) 
33) .navbutton {
34)     margin: 2em;
35) }
36) 
37) div.lieferart {
38)     display: flex;
39) 
40) }

41) div.lieferart > a {

42)     text-align: center;
43)     padding: 0.2em;
44)     margin: 0.2em;
45)     border: 1px solid #040;

46)     color: #000;

47) }
48) 

49) a.gitterbox {

50) 
51) }
52) 
53) img.gitterbox {
54)     width: 67px;
55)     height: 50px;
56) }
57) 
58) img.anhaenger {
59)     width: 86px;
60)     height: 50px;
61) }
62) 
63) .auftrag-container, .unterauftrag-container {
64)     display: flex;
65)     flex-direction: row;
66)     flex-wrap: wrap;
67)     align-items: stretch;
68) }
69) a.auftrag, div.unterauftrag {
70)     border: 1px solid #007900; 
71)     border-radius: 5px;
72)     padding: 0.5em;
73)     margin: 1em;
74)     color: #000;
75)     text-decoration: none;
76) }
77) a.auftrag:hover {
78)     background-color: #ccffcc;
79) }
80) 
81) a.auftrag.incomplete:hover {
82)     background-color: #ffcccc;
83) }
84) 
85) .auftrag.incomplete {
86)     border: 1px dotted #777;
87) }
88) 
89) .auftrag h4 {
90)     font-weight: bold;
91)     font-size: 110%;
92) }
93) 
94) .auftrag > .unterauftrag {
95)     border: none;
96)     border-radius: 0;
97)     border-top: 1px dotted black;
98)     padding: 0em;
99)     margin: 0em;
100) }
101) 
102) .unterauftrag .lieferart {
103)     min-height: 1.5em;
104) }
105) 
106) .auftrag .kundenname {
107)     font-size: 60%;
108) }
109) 
110) #banner {
111)     width: 100%;
112)     background-color: #007900;
113)     padding: 0.5em;
114)     overflow: hidden;
115) }
116) 
117) 
118) #banner-back {
119)     width: 65px;
120)     text-align: left;
121)     float: left;
122) }
123) 
124) #banner-headline {
125)     width: 100%;
126)     min-height: 65px;
127)     text-align: center;
128)     color: #ffc;
129) }
130) #banner-headline h1 {
131)     display: inline;
132) }
133) 
134) #banner-logo {
135)     float: right;
136)     width: 244px;
137)     text-align: right;
138) }
139) 
140) #banner-clear {
141)     clear: both;
142)     height: 0px;
143)     width: 100%;
144)     padding: 0;
145)     margin: 0;
146) }
147) 
148) h1, h2, h3 {
149)   font-family: "Caveat Brush";
150) }
151) @media(min-width:992px){
152)     h1 {
153)         font-size: 250%;
154)     }
155) 
156)     h1.termsheader {
157)         font-size: 200%;
158)     }   
159)     .modal-dialog {
160)         max-width: 700px;
161)     }
162) }
163) 
164) @media(max-width: 991px) {
165)     #banner-headline {
166)         clear: both;
167)     }
168) 
169)     .modal-footer button,
170)     .modal-footer a {
171)         max-width: 50%;
172)         font-size: 100%;
173)     }
174) 
175) }
176) 
177) 
178) 
179) .modal-body.terms {
180)     text-align: left;
181)     max-height: 500px;
182)     overflow-y: auto;
183) }
184) 
185) input, textarea, .form-control {
186)     font-size: 120%;
187) }
188) 
189) input.btn[type=submit] {
190)     white-space: normal !important;
191)     min-height: 5em;
192) }
193) 
194) input[type=submit] {
195)     width: 100%;
196) }
197) 
198) .btn {
199)     font-size: 120%;
200) }
201) 
202) .btn-light, .btn-light:hover {
203)     border-color: black;
204)     margin-bottom: 0.5em;
205) }
206) 
207) .container {
208)     max-width: 100%;
209) }
210) 
211) #footer {
212)     margin-top: 5em;
213) }
214)