Projekt

Allgemein

Profil

« Zurück | Weiter » 

Revision d25334c6

Von Hans Peter Schlaepfer vor mehr als 6 Jahren hinzugefügt

  • ID d25334c6f26a49abac9707a54e5b987bd587d96e
  • Vorgänger e7c11f83
  • Nachfolger 3740d9a0

Aenderungen hpschlaepfer

Unterschiede anzeigen:

css/style.css
8 8
  margin: 0;
9 9
}
10 10
.mx-contentbox-properties {
11
  margin: 1em 1em 1em 1em;
11
  margin: 1em 1em 0em 1em;
12 12
  padding: 0 1em 1em 1em;
13 13
}
14 14
.mx-thead-th {
15
  color: #555;
15
  color: #555555;
16 16
  text-align: left ;
17 17
  vertical-align: middle ;
18 18
}
19 19
.mx-button {
20
  background-color: #99CCFF;
21
  border: 1px #53619B solid;
20
  display: inline-block;
21
  width: auto ;
22
  text-align: center;
23
  border-style: solid;
24
  border-width: 1px;
22 25
  border-radius: 3px;
23
  color: #06C;
24
  padding: 0px 4px;
26
  padding: 0.2em 0.6em;
27
  margin: 0.4em 0.4em 0.8em 0 ;
28
  font-size: 10pt;
29
  font-weight: normal;
30
  font-style: normal;
25 31
}
26 32
body {
27 33
  margin: 0 ;
......
51 57
  top: 68px ;
52 58
  left: auto ;
53 59
  right: 0.2em ;
54
  margin: 0 0 0 0;
60
  margin: 0 0.4em 0 0;
55 61
  padding: 0;
56 62
  background: none;
57 63
}
......
67 73
  overflow: hidden;
68 74
  display: block;
69 75
  width: 100%;
70
  background-color: #efefef;
76
  background-color: #fff;
71 77
}
72
body .cols,
78
body .wrapper,
73 79
body .cols-no-padding {
74 80
  clear: both;
75 81
  overflow: hidden;
76 82
  display: block;
77 83
  width: 100%;
78 84
}
79
body .cols .col,
85
body .wrapper .col,
80 86
body .cols-no-padding .col,
81
body .cols .col-left,
87
body .wrapper .col-left,
82 88
body .cols-no-padding .col-left,
83
body .cols .col-right,
89
body .wrapper .col-right,
84 90
body .cols-no-padding .col-right {
85 91
  display: block;
86 92
  overflow: hidden;
87 93
}
88
body .cols .col p,
94
body .wrapper .col p,
89 95
body .cols-no-padding .col p,
90
body .cols .col-left p,
96
body .wrapper .col-left p,
91 97
body .cols-no-padding .col-left p,
92
body .cols .col-right p,
98
body .wrapper .col-right p,
93 99
body .cols-no-padding .col-right p {
94 100
  font-size: 10pt;
95 101
}
96
body .cols .col,
102
body .wrapper .col,
97 103
body .cols-no-padding .col,
98
body .cols .col-left,
99
body .cols-no-padding .col-left {
104
body .wrapper .col-left,
105
body .cols-no-padding .col-left,
106
body .wrapper .tbl-horizontal,
107
body .cols-no-padding .tbl-horizontal {
100 108
  float: left;
101
  margin-right: 1.2em;
109
  margin-right: 1.8em;
102 110
}
103
body .cols .col-right,
111
body .wrapper .col-right,
104 112
body .cols-no-padding .col-right {
105 113
  float: right;
106 114
  margin-left: 2.0em;
107 115
}
108
body .cols.center,
116
body .wrapper.center,
109 117
body .cols-no-padding.center {
110 118
  margin: 0 auto;
111 119
  display: table;
112 120
  width: auto;
113 121
}
114
body .cols.width-moderate,
122
body .wrapper.width-moderate,
115 123
body .cols-no-padding.width-moderate {
116 124
  width: auto;
117 125
}
118
body .cols {
119
  margin: 1em 1em 1em 1em;
120
}
121
body .cols.test .col {
122
  border: 1px #6CF solid;
123
}
124 126
body .col {
125 127
  display: block;
126 128
  overflow: hidden;
127 129
  float: left;
128 130
  margin-right: 3.0em;
129 131
}
130
body .col.test {
131
  border: 1px #6CF solid;
132
}
133 132
body .col div label {
134 133
  font-size: 10pt;
135 134
  line-height: 12.6pt;
......
139 138
  padding: 0 0 1.0em 0 ;
140 139
  margin: 0 0 0 0;
141 140
}
142
body .wrapper {
143
  overflow: hidden;
144
  margin: 0 ;
145
  padding: 0;
146
  display: block;
147
  width: 100%;
148
}
149 141
body .wrapper .col,
150 142
body .wrapper .col-left {
151 143
  float: left;
152
  padding-right: 2.0em ;
153 144
}
154 145
body .wrapper .col-right {
155 146
  float: right;
......
195 186
  font: menu;
196 187
  font-size: 12pt;
197 188
  /*hps: vorher 12px */
189

  
198 190
  line-height: 16px;
199 191
  overflow: hidden;
200 192
}
201 193
.ac_loading {
202
  background: white url('indicator.gif') right center no-repeat;
194
  background: #ffffff url('indicator.gif') right center no-repeat;
203 195
}
204 196
.ac_odd {
205 197
  background-color: #eee;
......
256 248
.ms2side__header {
257 249
  color: #666;
258 250
  /* hps */
251

  
259 252
  font-size: 10pt;
260 253
  line-height: 1.0em;
261 254
  padding: 0 0 0.3em 0;
......
284 277
  padding: 0;
285 278
  cursor: pointer;
286 279
  border: 1px solid black;
280
  width: auto !important;
281
  /* hps */
282

  
283
  background-color: #cdcdcd;
284
  /* hps */
285

  
286
  color: #666666;
287
  /* hps */
288

  
289
  border-color: #666666;
290
  /* hps */
291

  
292
  border-radius: 3px;
293
  /* hps */
294

  
287 295
}
288 296
.ms2side__options p.ms2side_hover,
289 297
.ms2side__updown p.ms2side_hover {
290
  background-color: #F0F0FF;
291
  border-color: #0000FF;
298
  background-color: #3C3C3B;
299
  /* hps */
300

  
301
  border-color: #000000;
302
  color: #ffffff ;
292 303
  cursor: pointer;
293 304
}
294
.ms2side__options p.ms2side__hide,
295
.ms2side__updown p.ms2side__hide {
305
.ms2side__options > p.ms2side__hide,
306
.ms2side__updown > p.ms2side__hide {
296 307
  cursor: default;
297
  color: grey;
308
  color: #9e9e9e;
298 309
  border: 1px solid grey;
299
  background-color: #F0F0F0;
310
  background-color: #D4D4D4 !important;
300 311
}
301 312
.ms2side__div select {
302 313
  width: 12.0em;
303 314
  /*hps:400px*/
315

  
304 316
  float: left;
305 317
}
306 318
/* This is the default Tooltipster theme */
......
313 325
}
314 326
/* Use this next selector to style things like font-size and line-height: */
315 327
.tooltipster-default .tooltipster-content {
316
  font-size: 12pt;
328
  font-size: 11pt;
317 329
  line-height: 16px;
318
  padding: 8px 10px;
330
  padding: 1.2em 1.0em 1.2em 1.4em;
319 331
  overflow: hidden;
320 332
}
321 333
/* This next selector defines the color of the border on the outside of the arrow. */
......
323 335
/* Set display: none; if you would like a border around the tooltip but no border around the arrow */
324 336
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
325 337
  /* border-color: ... !important; */
338

  
326 339
}
327 340
/* If you're using the icon option, use this next selector to style them */
328 341
.tooltipster-icon {
......
574 587
.tooltipster-light {
575 588
  border-radius: 5px;
576 589
  border: 1px solid #7D964D;
577
  background-color: #DDFE93;
578
  color: #7D964D;
590
  background-color: #3C72A7;
591
  color: #fff;
579 592
}
580 593
.tooltipster-light .tooltipster-content {
581
  font-size: 12pt;
594
  font-size: 10pt;
582 595
  line-height: 16px;
583
  padding: 8px 10px;
596
  padding: 1.0em 1.4em;
584 597
}
585 598
.ui-helper-hidden {
586 599
  display: none;
......
1280 1293
  border-width: 2px;
1281 1294
}
1282 1295
.ui-widget {
1283
  font-size: 11pt;
1296
  font-size: 10pt;
1284 1297
}
1285 1298
.ui-widget .ui-widget {
1286 1299
  font-size: 11pt;
......
1300 1313
  color: #333333;
1301 1314
}
1302 1315
.ui-widget-header {
1303
  border: 1px solid #e78f08;
1304 1316
  background: none;
1305 1317
  color: #ffffff;
1306 1318
  font-weight: bold;
......
1411 1423
}
1412 1424
.ui-icon,
1413 1425
.ui-widget-content .ui-icon {
1414
  background-image: url(images/ui-icons_222222_256x240.png);
1426
  background-image: url(/css/ui-lightness/images/ui-icons_222222_256x240.png);
1415 1427
}
1416 1428
.ui-widget-header .ui-icon {
1417
  background-image: url(images/ui-icons_ffffff_256x240.png);
1429
  background-image: url(/css/ui-lightness/images/ui-icons_ffffff_256x240.png);
1418 1430
}
1419 1431
.ui-state-default .ui-icon {
1420
  background-image: url(images/ui-icons_ef8c08_256x240.png);
1432
  background-image: url(/css/ui-lightness/images/ui-icons_ef8c08_256x240.png);
1421 1433
}
1422 1434
.ui-state-hover .ui-icon,
1423 1435
.ui-state-focus .ui-icon {
1424
  background-image: url(images/ui-icons_ef8c08_256x240.png);
1436
  background-image: url(/css/ui-lightness/images/ui-icons_ef8c08_256x240.png);
1425 1437
}
1426 1438
.ui-state-active .ui-icon {
1427
  background-image: url(images/ui-icons_ef8c08_256x240.png);
1439
  background-image: url(/css/ui-lightness/images/ui-icons_ef8c08_256x240.png);
1428 1440
}
1429 1441
.ui-state-highlight .ui-icon {
1430
  background-image: url(images/ui-icons_228ef1_256x240.png);
1442
  background-image: url(/css/ui-lightness/images/ui-icons_228ef1_256x240.png);
1431 1443
}
1432 1444
.ui-state-error .ui-icon,
1433 1445
.ui-state-error-text .ui-icon {
1434
  background-image: url(images/ui-icons_ffd27a_256x240.png);
1446
  background-image: url(/css/ui-lightness/images/ui-icons_ffd27a_256x240.png);
1435 1447
}
1436 1448
.ui-icon-blank {
1437 1449
  background-position: 16px 16px;
......
1971 1983
  filter: alpha(opacity=20);
1972 1984
  border-radius: 5px;
1973 1985
}
1986
.ui-datepicker-header .ui-datepicker-prev.ui-corner-all,
1987
.ui-datepicker-header .ui-datepicker-next.ui-corner-all {
1988
  cursor: pointer ;
1989
}
1990
.ui-datepicker-header .ui-datepicker-prev.ui-corner-all.ui-state-hover,
1991
.ui-datepicker-header .ui-datepicker-next.ui-corner-all.ui-state-hover {
1992
  border: none !important ;
1993
  curser: pointer ;
1994
}
1995
.ui-datepicker-calendar .ui-state-highlight {
1996
  color: #ffffff ;
1997
  background-color: #c77405;
1998
}
1999
.ui-datepicker-calendar td a.ui-state-hover {
2000
  color: #ffffff ;
2001
  background-color: #c77405;
2002
}
2003
.ui-datepicker-title select.ui-datepicker-month {
2004
  margin-right: 0.2em ;
2005
}
2006
/* ------------------------------------------------------------- */
2007
/* Chart-Picker                                                  */
2008
/*                                                               */
2009
/* Entnommen aus main.less, gehoert ev. zu Autocomplete          */
2010
/* ------------------------------------------------------------- */
2011
/* ------------------------------------------- */
2012
/* Picker                                      */
2013
/* ------------------------------------------- */
2014
.chart_picker,
2015
.part_picker {
2016
  display: inline-block;
2017
}
2018
.chart_picker:before,
2019
.part_picker:before {
2020
  display: inline-block;
2021
  vertical-align: middle;
2022
  height: 100%;
2023
}
2024
span.chart_picker,
2025
span.part_picker {
2026
  white-space: nowrap ;
2027
}
2028
span.chart_picker input,
2029
span.part_picker input {
2030
  /* padding-right: 20px; */
2031

  
2032
  box-sizing: border-box;
2033
  -moz-box-sizing: border-box;
2034
  -webkit-box-sizing: border-box;
2035
}
2036
div.part_picker_part,
2037
div.chart_picker_chart {
2038
  padding: 5px;
2039
  margin: 5px;
2040
  border: 1px;
2041
  border-color: darkgray;
2042
  border-style: solid;
2043
  -webkit-border-radius: 4px;
2044
  -moz-border-radius: 4px;
2045
  border-radius: 4px;
2046
  background-color: white;
2047
  cursor: pointer;
2048
}
2049
div.part_picker_part:hover,
2050
div.chart_picker_chart:hover {
2051
  color: #FE5F14;
2052
}
2053
/* ------------------------------------------- */
2054
/* Bloecke                                     */
2055
/* ------------------------------------------- */
2056
div.cpc_block,
2057
div.ppp_block {
2058
  overflow: hidden;
2059
  float: left;
2060
  width: 350px;
2061
}
2062
/* --------------------- */
2063
/* PPP-Block             */
2064
/* --------------------- */
2065
div.ppp_block span.ppp_block_number {
2066
  float: left;
2067
}
2068
div.ppp_block span.ppp_block_description {
2069
  float: right;
2070
  margin-left: 1em;
2071
  font-weight: bold;
2072
}
2073
/* --------------------- */
2074
/* CPC-Block             */
2075
/* --------------------- */
2076
div.cpc_block span.cpc_block_number {
2077
  float: left;
2078
}
2079
div.cpc_block span.cpc_block_description {
2080
  float: left;
2081
  margin-left: 1em;
2082
  font-weight: bold;
2083
}
2084
div.cpc_block span.cpc_block_balance {
2085
  float: right;
2086
}
2087
div.cpc_block span.cpc_line_balance {
2088
  display: none;
2089
}
2090
/* ------------------------------------------- */
2091
/* Linien                                      */
2092
/* ------------------------------------------- */
2093
/* --------------------- */
2094
/* PPP-Linie             */
2095
/* --------------------- */
2096
div.ppp_line span.ppp_block_description {
2097
  margin-left: 1em;
2098
  font-weight: bold;
2099
}
2100
/* --------------------- */
2101
/* CPC-Linie             */
2102
/* --------------------- */
2103
div.cpc_line span.cpc_block_description {
2104
  margin-left: 1em;
2105
  font-weight: bold;
2106
}
2107
div.cpc_line span.cpc_block_second_row {
2108
  display: none;
2109
}
2110
/* ------------------------------------------------------------- */
2111
/* Diverses                                                      */
2112
/* ------------------------------------------------------------- */
2113
.customer-vendor-picker-undefined,
2114
.chartpicker-undefined,
2115
.projectpicker-undefined,
2116
.partpicker-undefined {
2117
  color: red;
2118
  font-style: italic;
2119
}
2120
span.cpc_popup_button,
2121
span.ppp_popup_button {
2122
  display: inline-block;
2123
  vertical-align: middle;
2124
  margin-left: -24px;
2125
  height: 20px;
2126
  width: 20px;
2127
  cursor: pointer;
2128
  background: url("../../image/search.svg") no-repeat center right;
2129
  background-size: contain;
2130
}
1974 2131
.ui-widget-content {
1975 2132
  background: white;
1976 2133
}
......
2117 2274
.jstree a {
2118 2275
  border-bottom: none;
2119 2276
}
2120
/* ------------------------------------------------------------- */
2121
/* Chart-Picker                                                  */
2122
/*                                                               */
2123
/* Entnommen aus main.less, gehoert ev. zu Autocomplete          */
2124
/* ------------------------------------------------------------- */
2125
/* ------------------------------------------- */
2126
/* Picker                                      */
2127
/* ------------------------------------------- */
2128
.chart_picker,
2129
.part_picker {
2130
  display: inline-block;
2277
span.part_picker,
2278
span.chart_picker {
2279
  margin: 0 !important;
2280
  padding: 0 !important;
2131 2281
}
2132
.chart_picker:before,
2133
.part_picker:before {
2134
  display: inline-block;
2135
  vertical-align: middle;
2136
  height: 100%;
2282
span.customer_vendor_picker {
2283
  margin: 0 !important;
2284
  padding: 0 !important;
2137 2285
}
2138
span.chart_picker,
2139
span.part_picker {
2140
  white-space: nowrap ;
2286
input.datepicker {
2287
  margin: -0.3em 0 0 0 !important;
2141 2288
}
2142
span.chart_picker input,
2143
span.part_picker input {
2144
  /* padding-right: 20px; */
2145
  box-sizing: border-box;
2146
  -moz-box-sizing: border-box;
2147
  -webkit-box-sizing: border-box;
2289
html {
2290
  overflow-y: scroll;
2148 2291
}
2149
div.part_picker_part,
2150
div.chart_picker_chart {
2151
  padding: 5px;
2152
  margin: 5px;
2153
  border: 1px;
2154
  border-color: darkgray;
2155
  border-style: solid;
2156
  -webkit-border-radius: 4px;
2157
  -moz-border-radius: 4px;
2158
  border-radius: 4px;
2159
  background-color: white;
2160
  cursor: pointer;
2292
body {
2293
  padding: 0px;
2294
  margin: 0 ;
2161 2295
}
2162
div.part_picker_part:hover,
2163
div.chart_picker_chart:hover {
2164
  color: #FE5F14;
2296
div,
2297
p,
2298
span,
2299
input,
2300
textarea,
2301
select,
2302
button,
2303
a.button,
2304
table,
2305
col,
2306
th,
2307
td {
2308
  box-sizing: border-box;
2165 2309
}
2166
/* ------------------------------------------- */
2167
/* Bloecke                                     */
2168
/* ------------------------------------------- */
2169
div.cpc_block,
2170
div.ppp_block {
2171
  overflow: hidden;
2172
  float: left;
2173
  width: 350px;
2310
.clearfix:after {
2311
  clear: both;
2312
  content: ".";
2313
  display: block;
2314
  height: 0;
2315
  visibility: hidden;
2174 2316
}
2175
/* --------------------- */
2176
/* PPP-Block             */
2177
/* --------------------- */
2178
div.ppp_block span.ppp_block_number {
2179
  float: left;
2317
@media screen {
2318
  .noscreen {
2319
    display: none;
2320
  }
2180 2321
}
2181
div.ppp_block span.ppp_block_description {
2182
  float: right;
2183
  margin-left: 1em;
2184
  font-weight: bold;
2185
}
2186
/* --------------------- */
2187
/* CPC-Block             */
2188
/* --------------------- */
2189
div.cpc_block span.cpc_block_number {
2190
  float: left;
2191
}
2192
div.cpc_block span.cpc_block_description {
2193
  float: left;
2194
  margin-left: 1em;
2195
  font-weight: bold;
2196
}
2197
div.cpc_block span.cpc_block_balance {
2198
  float: right;
2199
}
2200
div.cpc_block span.cpc_line_balance {
2201
  display: none;
2202
}
2203
/* ------------------------------------------- */
2204
/* Linien                                      */
2205
/* ------------------------------------------- */
2206
/* --------------------- */
2207
/* PPP-Linie             */
2208
/* --------------------- */
2209
div.ppp_line span.ppp_block_description {
2210
  margin-left: 1em;
2211
  font-weight: bold;
2212
}
2213
/* --------------------- */
2214
/* CPC-Linie             */
2215
/* --------------------- */
2216
div.cpc_line span.cpc_block_description {
2217
  margin-left: 1em;
2218
  font-weight: bold;
2219
}
2220
div.cpc_line span.cpc_block_second_row {
2221
  display: none;
2222
}
2223
/* ------------------------------------------------------------- */
2224
/* Diverses                                                      */
2225
/* ------------------------------------------------------------- */
2226
.customer-vendor-picker-undefined,
2227
.chartpicker-undefined,
2228
.projectpicker-undefined,
2229
.partpicker-undefined {
2230
  color: red;
2231
  font-style: italic;
2232
}
2233
span.cpc_popup_button,
2234
span.ppp_popup_button {
2235
  display: inline-block;
2236
  vertical-align: middle;
2237
  margin-left: -24px;
2238
  height: 20px;
2239
  width: 20px;
2240
  cursor: pointer;
2241
  background: url("../../image/search.svg") no-repeat center right;
2242
  background-size: contain;
2243
}
2244
html {
2245
  overflow-y: scroll;
2246
}
2247
body {
2248
  padding: 0px;
2249
  margin: 0 ;
2250
}
2251
div {
2252
  box-sizing: border-box;
2253
}
2254
.clearfix:after {
2255
  clear: both;
2256
  content: ".";
2257
  display: block;
2258
  height: 0;
2259
  visibility: hidden;
2260
}
2261
@media screen {
2262
  .noscreen {
2263
    display: none;
2264
  }
2265
}
2266
@media print {
2267
  .noprint {
2268
    display: none ;
2269
  }
2322
@media print {
2323
  .noprint {
2324
    display: none ;
2325
  }
2270 2326
}
2271 2327
@media handheld {
2272 2328
  .nomobile {
......
2285 2341
  background-repeat: no-repeat;
2286 2342
}
2287 2343
.interact {
2288
  color: gray;
2344
  color: #808080;
2289 2345
}
2290 2346
.interact:hover {
2291 2347
  color: black;
......
2340 2396
  background-color: #9ccb21;
2341 2397
  padding: 0.4em 0.5em 0.6em 0.5em ;
2342 2398
}
2343
#login h1 {
2344
  color: #000 ;
2345
  background: none ;
2346
}
2347 2399
.listtop {
2348 2400
  color: #003c18;
2349 2401
  background: none;
......
2356 2408
.admin h2 {
2357 2409
  padding: 0.6em 0.2em;
2358 2410
  margin: 0.6em 0 0 0 ;
2359
  color: #000;
2411
  color: #000000;
2360 2412
  font-size: 15pt;
2361 2413
  font-weight: normal;
2362 2414
  text-align: left;
......
2377 2429
  padding: 0.2em 0 0.2em 0.4em;
2378 2430
  color: #666 !important ;
2379 2431
  margin: 0;
2380
  color: #000;
2432
  color: #000000;
2381 2433
  padding-left: 0 ;
2382 2434
}
2435
.wrapper h3 {
2436
  margin-top: 1.0em ;
2437
}
2438
div.record-title {
2439
  width: 100% ;
2440
  font-size: 140% ;
2441
  display: block;
2442
  overflow: hidden ;
2443
  font-weight: bold ;
2444
  margin: 0.8em 2.0em 1.0em 0.2em ;
2445
}
2383 2446
a {
2384 2447
  text-decoration: none;
2385 2448
}
......
2411 2474
  background-color: #FF0000;
2412 2475
  border: none;
2413 2476
}
2477
a.button {
2478
  display: inline-block;
2479
  width: auto ;
2480
  text-align: center;
2481
  border-style: solid;
2482
  border-width: 1px;
2483
  border-radius: 3px;
2484
  padding: 0.2em 0.6em;
2485
  margin: 0.4em 0.4em 0.8em 0 ;
2486
  font-size: 10pt;
2487
  font-weight: normal;
2488
  font-style: normal;
2489
}
2414 2490
a.button.below {
2415 2491
  clear: both !important;
2416 2492
}
2417
a.button .wi-wider {
2418
  width: 24em;
2493
a.button.toggle.off::after {
2494
  content: " ⇨";
2495
  content: " →";
2496
  padding-right: 1.0em;
2497
}
2498
a.button.toggle.on::after {
2499
  content: " ⇩";
2500
  content: " ↓";
2501
  padding-right: 1.0em;
2502
}
2503
a.button.toggle.with-panel {
2504
  margin-bottom: 0 ;
2505
  border-bottom: none;
2506
  border-bottom-left-radius: 0px ;
2507
  border-bottom-right-radius: 0px ;
2508
}
2509
a.button:link,
2510
a.button:visited {
2511
  color: #5562b2;
2512
  background-color: #99ccff;
2513
  border-color: #5562b2;
2514
}
2515
a.button:hover,
2516
a.button.hover {
2517
  background-color: #5562b2;
2518
  border-color: #99ccff;
2519
  color: #ffffff;
2520
}
2521
a.button:active,
2522
a.button.active {
2523
  background-color: #757eff;
2524
  border-color: #5562b2;
2525
  color: #ffffff;
2526
}
2527
a.button.toggle:hover,
2528
a.button.toggle.hover {
2529
  background-color: #cdcdcd !important;
2530
  border-color: #666666 !important;
2531
  color: #000000;
2532
}
2533
a.button.neutral:link,
2534
a.button.neutral:visited {
2535
  background-color: #cdcdcd;
2536
  border-color: #666666;
2537
  color: #666666;
2538
}
2539
a.button.neutral:hover,
2540
a.button.neutral-hover {
2541
  background-color: #bbbbbb;
2542
  border-color: #666666;
2543
  color: #000000;
2544
}
2545
a.button.neutral:active,
2546
a.button.neutral-active {
2547
  background-color: #9bc6ee;
2548
  border-color: #3c72a7;
2549
  color: #3c72a7;
2550
}
2551
a.button.neutraltoggle:hover {
2552
  background-color: #cdcdcd !important;
2553
  border-color: #666666 !important;
2554
  color: #000000;
2555
}
2556
a.button.wi-tiny {
2557
  width: auto ;
2558
  padding: 0.16em 0.2em 0.1em 0.2em;
2559
  margin: -0.3em 0 0 0.2em;
2560
  display: inline-block;
2561
  font-size: 84% ;
2419 2562
}
2420 2563
div.wi-smallest,
2421 2564
span.wi-smallest {
2422
  width: 2.6em;
2565
  width: 41.6px;
2423 2566
}
2424 2567
div.wi-verysmall,
2425 2568
span.wi-verysmall {
2426
  width: 7em;
2569
  width: 128px;
2427 2570
}
2428 2571
div.wi-small,
2429 2572
span.wi-small {
2430
  width: 7em;
2573
  width: 128px;
2431 2574
}
2432 2575
div.wi-mediumsmall,
2433 2576
span.wi-mediumsmall {
2434
  width: 9em;
2577
  width: 160px;
2435 2578
}
2436 2579
div.wi-normal,
2437 2580
span.wi-normal {
2438
  width: 12em;
2581
  width: 208px;
2582
}
2583
div.wi-lightwide,
2584
span.wi-lightwide {
2585
  width: 256px;
2439 2586
}
2440 2587
div.wi-wide,
2441 2588
span.wi-wide {
2442
  min-width: 18em;
2589
  min-width: 320px;
2443 2590
}
2444 2591
div.wi-wider,
2445 2592
span.wi-wider {
2446
  min-width: 24em;
2593
  min-width: 384px;
2447 2594
}
2448 2595
div.wi-verywide,
2449 2596
span.wi-verywide {
2450
  min-width: 36em;
2597
  min-width: 576px;
2451 2598
}
2452 2599
div.long-description,
2453 2600
div.long-desc,
2454 2601
div.longdescription,
2455 2602
div.longdesc {
2456
  font-size: 12pt;
2603
  font-size: 10pt;
2457 2604
}
2458 2605
div.long-description.small,
2459 2606
div.long-desc.small,
......
2467 2614
div.longdesc p {
2468 2615
  margin: 0 0 0.6em 0;
2469 2616
}
2617
div.long-description ul,
2618
div.long-desc ul,
2619
div.longdescription ul,
2620
div.longdesc ul,
2621
div.long-description ol,
2622
div.long-desc ol,
2623
div.longdescription ol,
2624
div.longdesc ol {
2625
  margin-top: 0 ;
2626
}
2627
div.long-description ul li,
2628
div.long-desc ul li,
2629
div.longdescription ul li,
2630
div.longdesc ul li,
2631
div.long-description ol li,
2632
div.long-desc ol li,
2633
div.longdescription ol li,
2634
div.longdesc ol li {
2635
  font-size: 10pt;
2636
}
2470 2637
span.label {
2471 2638
  color: #666 ;
2472 2639
  margin: 0 0.3em 0 0 ;
......
2485 2652
  background-color: #ddd;
2486 2653
  margin: 0.8em 2.0em 0 1.2em !important;
2487 2654
}
2655
div.select-item input,
2656
div.select-item select {
2657
  margin-left: 0.6em ;
2658
}
2659
div.select-item span.label {
2660
  float: left ;
2661
  font-size: 11pt;
2662
}
2663
table.jump-to {
2664
  border: 1px #ccc solid;
2665
  border-radius: 0.2em ;
2666
  background-color: #ddd;
2667
  margin: 0.8em 2.0em 0 1.2em !important;
2668
}
2669
table.jump-to.right {
2670
  float: right;
2671
}
2488 2672
div.description {
2489 2673
  display: block;
2490 2674
  float: left ;
2491 2675
  padding: 0 0 0.6em 0 ;
2492 2676
}
2493 2677
div.description.wi-verysmall {
2494
  width: 5em;
2678
  width: 80px;
2495 2679
}
2496 2680
div.description.wi-small {
2497
  width: 7em;
2681
  width: 128px;
2498 2682
}
2499 2683
div.description.wi-mediumsmall {
2500
  width: 9em;
2684
  width: 160px;
2501 2685
}
2502 2686
div.description.wi-normal {
2503
  width: 12em;
2687
  width: 208px;
2504 2688
}
2505 2689
div.description.wi-wide {
2506
  width: 18em;
2690
  width: 320px;
2691
}
2692
div.description.wi-lightwide {
2693
  width: 256px;
2694
}
2695
div.description.wi-wider {
2696
  width: 384px;
2507 2697
}
2508 2698
div.description.wi-verywide {
2509
  width: 36em;
2699
  width: 576px;
2510 2700
}
2511 2701
div.instructions {
2512
  background-color: #E6E6E6;
2702
  background-color: #e6e6e6;
2513 2703
  border: 1px #808080 solid;
2514 2704
  border-radius: 0.3em;
2515 2705
  max-width: 70% ;
2516
  margin: 1em 1em 1em 1em;
2706
  margin: 1em 1em 0em 1em;
2517 2707
  padding: 0 1em 1em 1em;
2518 2708
  color: #4C4C4C;
2519 2709
  font-size: 80%;
......
2521 2711
div.instructions p {
2522 2712
  width: 30em;
2523 2713
}
2524
.pad-wrapper {
2714
.wrapper {
2525 2715
  overflow: hidden;
2526 2716
  padding: 0 ;
2527
  margin: 1em 1em 1em 1em;
2717
  margin: 1em 1em 0em 1em;
2528 2718
  clear: both;
2529 2719
}
2720
.wrapper.test {
2721
  background-color: #FFE67C;
2722
}
2723
.wrapper .tbl-horizontal,
2724
.wrapper .tbl-plain {
2725
  float: left ;
2726
}
2727
.wrapper .col.test {
2728
  background-color: #FFD7BA;
2729
  border: 1px #6CF solid;
2730
}
2731
.wrapper .col.wi-small {
2732
  width: 128px;
2733
}
2734
.wrapper .col.wi-mediumsmall {
2735
  width: 160px;
2736
}
2737
.wrapper .col.wi-normal {
2738
  width: 208px;
2739
}
2740
.wrapper .col.wi-wide {
2741
  width: 320px;
2742
}
2743
.wrapper .col.wi-lightwide {
2744
  width: 256px;
2745
}
2746
.wrapper .col.wi-wider {
2747
  width: 384px;
2748
}
2749
.wrapper .col.wi-verywide {
2750
  width: 576px;
2751
}
2752
.wrapper .col .tbl-horizontal,
2753
.wrapper .col .tbl-plain {
2754
  float: none ;
2755
  clear: left ;
2756
}
2757
.wrapper > p {
2758
  max-width: 36.0em ;
2759
  overflow: hidden ;
2760
  font-size: 10pt;
2761
  line-height: 140%;
2762
  color: #222222;
2763
  padding-bottom: 1.0em ;
2764
}
2765
.center {
2766
  margin: auto;
2767
}
2530 2768
.accent div.label {
2531 2769
  float: left ;
2532 2770
  color: gray ;
......
2551 2789
  background-color: #dedede;
2552 2790
  border-radius: 0.6em;
2553 2791
  padding: 0 1em 1em 1em;
2554
  margin: auto ;
2792
  margin: 1.6em 1.0em 1.6em 1.0em !important ;
2555 2793
  width: 96% !important ;
2794
  overflow: hidden ;
2556 2795
}
2557 2796
.form-addition h3,
2558 2797
.form-addition table caption,
2559 2798
.form-addition div.list h4 {
2560 2799
  color: #666 !important;
2800
  margin-top: 0.6em;
2801
}
2802
.form-addition div.list h4 {
2803
  padding: 1.2em 0 0.2em 0.0em !important;
2804
}
2805
.form-addition div.list {
2806
  min-width: 130px ;
2807
  max-width: 180px ;
2808
}
2809
.wrapper.formaddition {
2810
  margin: 1.6em 1.0em 1.6em 1.0em !important ;
2811
}
2812
.filter-toggle-panel {
2813
  display: block;
2814
  max-width: 60% ;
2815
  min-width: 30% ;
2816
  overflow: hidden;
2817
  padding: 1.0em ;
2818
  margin: 0 1.0em 2.0em 0 ;
2819
  background-color: #ccc;
2820
  border-color: #666 ;
2821
  border-width: 1px;
2822
  border-style: solid ;
2823
  border-bottom-left-radius: 5px ;
2824
  border-bottom-right-radius: 5px ;
2825
  border-top-right-radius: 5px ;
2826
  background-color: #ccc ;
2827
  margin-top: -1px;
2828
}
2829
.filter-toggle-panel .buttons {
2830
  clear: left ;
2831
  padding: 0 ;
2561 2832
}
2562 2833
div.hidden,
2563 2834
.hidden {
......
2575 2846
  max-width: 16px;
2576 2847
  max-height: 16px;
2577 2848
}
2578
.message {
2579
  width: 80% ;
2580
  font-size: 80% ;
2581
  line-height: 110% ;
2582
  margin: 0 auto 1.0em auto ;
2583
  padding: 0.4em ;
2584
  border-radius: 0.6em;
2585
}
2586
.message_ok,
2587 2849
.message_error,
2588
.message_hint {
2589
  padding: 0.5em;
2850
.message_warning,
2851
.message_hint,
2852
.message_info,
2853
.message_ok {
2854
  min-width: 26.0em ;
2855
  max-width: 88% ;
2856
  width: auto;
2857
  display: block;
2858
  overflow: hidden;
2859
  margin: 0.2em 1.0em 0.8em 1.0em ;
2860
  padding: 0.6em 0.8em ;
2861
  border-radius: 0.6em;
2590 2862
  border-style: solid;
2591
  border-width: thin;
2863
  border-width: 1px;
2864
  font-size: 80% ;
2592 2865
  font-weight: normal;
2866
  line-height: 110% ;
2593 2867
  text-align: left;
2868
  white-space: normal;
2594 2869
}
2595
.message_ok {
2596
  color: black;
2597
}
2598
.message_hint {
2599
  color: #288DCE;
2600
  background-color: #CED7EE;
2601
  border: 1px #3C72A7 solid;
2870
.message_error > .message_error,
2871
.message_warning > .message_error,
2872
.message_hint > .message_error,
2873
.message_info > .message_error,
2874
.message_ok > .message_error,
2875
.message_error > .message_warning,
2876
.message_warning > .message_warning,
2877
.message_hint > .message_warning,
2878
.message_info > .message_warning,
2879
.message_ok > .message_warning,
2880
.message_error > .message_hint,
2881
.message_warning > .message_hint,
2882
.message_hint > .message_hint,
2883
.message_info > .message_hint,
2884
.message_ok > .message_hint,
2885
.message_error > .message_info,
2886
.message_warning > .message_info,
2887
.message_hint > .message_info,
2888
.message_info > .message_info,
2889
.message_ok > .message_info,
2890
.message_error > .message_ok,
2891
.message_warning > .message_ok,
2892
.message_hint > .message_ok,
2893
.message_info > .message_ok,
2894
.message_ok > .message_ok {
2895
  display: none;
2602 2896
}
2603
.message_hint h4 {
2897
.message_error {
2898
  color: #ae0014;
2899
  background-color: #ffd6d6;
2900
  border-color: 1px solid #ae0014;
2901
}
2902
.message_warning {
2903
  color: #6d613e;
2904
  background-color: #f6d972;
2905
  border-color: 1px solid #6d613e;
2906
}
2907
.message_hint,
2908
.message_info {
2909
  color: #0039c1;
2910
  background-color: #bee1e6;
2911
  border-color: 1px solid #0039c1;
2912
}
2913
.message_hint h4,
2914
.message_info h4 {
2604 2915
  color: #288DCE ;
2605 2916
}
2606
.message_hint p {
2917
.message_hint p,
2918
.message_info p {
2607 2919
  color: #288DCE ;
2608 2920
}
2609
.message_error {
2610
  background-color: #CC0000;
2611
  color: white;
2921
.message_ok {
2922
  color: #088604;
2923
  background-color: #c9ee8e;
2924
  border-color: 1px solid #088604;
2612 2925
}
2613 2926
.message.attention {
2614 2927
  font-size: 10pt;
2615
  border: 1px #E5700A solid;
2928
  border-color: #E5700A;
2616 2929
  background-color: #FFE7B6;
2617
  padding: 0.4em 0.8em;
2618
  margin: 1.0em 0 0.6em 0 ;
2619
  border-radius: 0.6em;
2620 2930
}
2621 2931
.message.attention h4 {
2622 2932
  color: #CD4E00 ;
......
2634 2944
  margin: 0 0 0.6em 0 ;
2635 2945
  padding: 0;
2636 2946
}
2947
body > div.login .message {
2948
  width: 30.0em !important;
2949
  text-align: center ;
2950
  margin: 0 auto 1.0em auto ;
2951
}
2637 2952
.flash_message {
2638 2953
  margin: 1em 2em 0.6em 1em;
2639
  padding: 0.6em 1.6em 0.5em 0.6em;
2954
  padding: 0.6em 0.6em 0.5em 0.6em;
2640 2955
  border-radius: 0.3em;
2641
  font-size: 88% ;
2642
  width: auto !important;
2956
  border-style: solid ;
2957
  border-width: 1px ;
2958
  font-size: 80% ;
2959
  max-width: 56.0em !important;
2643 2960
  overflow: hidden ;
2644 2961
}
2645
.flash_message a.icon-close {
2646
  font-size: 80% ;
2647
  float: right ;
2962
.flash_message a.button.wi-tiny {
2963
  font-size: 76% ;
2648 2964
  padding: 0 0.2em 0 0.2em ;
2965
  margin: 0 0.4em 0 0.4em  ;
2966
  width: auto ;
2967
  background-color: transparent;
2968
}
2969
.flash_message div.button-container,
2970
.flash_message div.icon-container {
2971
  overflow: hidden ;
2972
  width: 12% ;
2973
  float: right ;
2974
}
2975
.flash_message div.button-container a.icon-close,
2976
.flash_message div.icon-container a.icon-close {
2977
  float: right ;
2978
}
2979
.flash_message div.button-container span.display,
2980
.flash_message div.icon-container span.display {
2981
  float: right !important;
2982
  display: block;
2983
  width: auto ;
2984
  text-align: right ;
2649 2985
  margin: 0 ;
2650
  border-radius: 0.22em ;
2986
  padding: 0;
2987
}
2988
.flash_message div.message-container {
2989
  overflow: hidden ;
2990
  width: 86% ;
2991
  float: left ;
2992
}
2993
.flash_message div.message-container > span.flash_title {
2994
  display: block;
2995
  float: left ;
2996
  width: auto ;
2997
}
2998
.flash_message div.message-container > div.flash_notification {
2999
  display: block;
3000
  float: left ;
3001
  max-width: 80% ;
3002
  width: auto ;
3003
}
3004
.flash_message div.message-container > div.flash_notification span.content {
3005
  float: left ;
3006
  display: block;
3007
  width: 100% ;
3008
}
3009
.flash_message div.message-container > div.flash_notification div.detail {
3010
  display: block;
3011
  clear: both ;
3012
  padding-top: 0.9em ;
3013
}
3014
.flash_message div.message-container > div.flash_notification div.detail span {
3015
  display: block;
3016
  width: 94%;
3017
  float: right;
3018
}
3019
.flash_message div.message-container > div.flash_notification div.detail a.button.wi-tiny {
3020
  display: block ;
3021
  float: left ;
3022
  margin-left: 0 ;
2651 3023
}
2652 3024
.flash_message.flash_message_error {
2653
  background-color: #FFD6D6;
2654
  border: 1px solid #AE0014;
2655
  color: #AE0014;
3025
  background-color: #ffd6d6;
3026
  border-color: 1px solid #ae0014;
3027
  color: #ae0014;
2656 3028
}
2657
.flash_message.flash_message_error a.icon-close {
2658
  border: 1px solid #AE0014;
2659
  color: #AE0014;
3029
.flash_message.flash_message_error a.button.wi-tiny {
3030
  border: 1px solid #ae0014 !important;
3031
  color: #ae0014;
2660 3032
}
2661 3033
.flash_message.flash_message_ok {
2662
  background-color: #ADFFB6;
2663
  border: 1px solid #007F0F;
2664
  color: #007F0F;
3034
  background-color: #c9ee8e;
3035
  border: 1px solid #088604;
3036
  color: #088604;
2665 3037
}
2666
.flash_message.flash_message_ok a.icon-close {
2667
  border: 1px solid #007F0F;
2668
  color: #007F0F;
3038
.flash_message.flash_message_ok a.button.wi-tiny {
3039
  border: 1px solid #088604;
3040
  color: #088604;
2669 3041
}
2670 3042
.flash_message.flash_message_warning {
2671
  background-color: #FFE8C7;
2672
  border: 1px solid #FF6600;
2673
  color: #FF6600;
3043
  background-color: #f6d972;
3044
  border-color: 1px solid #6d613e;
3045
  color: #6d613e;
2674 3046
}
2675
.flash_message.flash_message_warning a.icon-close {
2676
  border: 1px solid #FF6600;
2677
  color: #FF6600;
3047
.flash_message.flash_message_warning a.button.wi-tiny {
3048
  border: 1px solid #6d613e;
3049
  color: #6d613e;
2678 3050
}
2679 3051
.flash_message.flash_message_info {
2680
  background-color: #DCF2FF;
2681
  border: 1px solid #4690FF;
2682
  color: #4690FF;
3052
  background-color: #bee1e6;
3053
  border: 1px solid #0039c1;
3054
  color: #0039c1;
2683 3055
}
2684
.flash_message.flash_message_info a.icon-close {
2685
  border: 1px solid #4690FF;
2686
  color: #4690FF;
3056
.flash_message.flash_message_info a.button.wi-tiny {
3057
  border: 1px solid #0039c1;
3058
  color: #0039c1;
2687 3059
}
2688 3060
.flash_message .flash_title {
2689 3061
  font-weight: bold;
......
2726 3098
  color: #FFFFFF;
2727 3099
}
2728 3100
.shipped {
2729
  color: green;
3101
  color: #008000;
2730 3102
}
2731 3103
.not_shipped {
2732
  color: red;
3104
  color: #ff0000;
2733 3105
}
2734 3106
hr {
2735
  background-color: #006400;
3107
  background-color: #79B61B;
2736 3108
  border: none;
2737
  color: #79B61B;
2738
  height: 2px;
3109
  height: 1px;
3110
}
3111
ul,
3112
ol {
3113
  font-size: 12pt;
3114
}
3115
ul li,
3116
ol li {
3117
  font-size: 11pt;
3118
}
3119
.wrapper .col ul {
3120
  list-style: circle inside;
3121
  padding: 0 ;
3122
  margin: 0 ;
3123
}
3124
.wrapper .col ul li {
3125
  padding: 0 0 0 -0.6em;
3126
  margin: 0 0 0 0 ;
3127
}
3128
#content > p {
3129
  margin: 0.6em 2em 1em 1em;
3130
}
3131
#content > p.message_hint {
3132
  margin: 0.6em 2em 1em 1em;
2739 3133
}
2740 3134
div#login,
2741 3135
div.login {
2742
  margin: 2.0em auto;
2743
  width: 40.0em;
3136
  margin: 0 auto;
3137
  width: 100%;
3138
  padding: 0 ;
3139
  margin: 0 auto ;
3140
  text-align: center ;
2744 3141
}
2745 3142
div#login h1,
2746 3143
div.login h1 {
2747 3144
  text-align: center;
2748 3145
  font-size: 150%;
3146
  top: 0 ;
3147
  display: block ;
3148
  background-color: green ;
3149
  color: white ;
3150
  padding: 0.8em 0 ;
2749 3151
}
2750 3152
div#login h3,
2751 3153
div.login h3 {
......
2763 3165
div.login div.logo {
2764 3166
  width: auto;
2765 3167
  clear: both;
2766
  margin: 1.0em auto;
3168
  margin: 3.0em auto 1.0em auto;
3169
  padding: 2.0em 0 0 0;
3170
}
3171
div#login form,
3172
div.login form {
3173
  margin: 0 auto ;
3174
  width: 100% ;
3175
}
3176
div#login div.separate-form,
3177
div.login div.separate-form {
3178
  background-color: #ddd ;
3179
  border: 1px #aaa solid;
3180
  display: block ;
3181
  margin: 0 auto ;
3182
  width: 24.0em ;
3183
  padding: 0 0.6em 1.0em 0.6em ;
2767 3184
}
2768 3185
div#login table.login,
2769 3186
div.login table.login {
2770 3187
  width: auto;
2771 3188
  float: none;
2772 3189
  clear: both;
2773
  margin: 0.6em auto;
2774 3190
}
2775 3191
div.logged-in {
2776 3192
  margin: 0 auto ;
......
2808 3224
#menuv3 li div.x,
2809 3225
#menuv3 li div.x:visited {
2810 3226
  display: block;
2811
  color: #000;
3227
  color: #000000;
2812 3228
  text-decoration: none;
2813 3229
}
2814 3230
#menuv3 > ul {
......
2824 3240
  background-color: #dcdcdc;
2825 3241
  vertical-align: middle;
2826 3242
  /* List 2nd Level (Vertical) */
3243

  
2827 3244
}
2828 3245
#menuv3 > ul > li:hover {
2829 3246
  background-color: #cdcdcd;
......
2852 3269
  background: no-repeat right url("/image/menu-arrow-to-right-5.png");
2853 3270
}
2854 3271
#menuv3 > ul > li > ul > li:hover {
2855
  color: #000;
3272
  color: #000000;
2856 3273
  background-color: #dcdcdc;
2857 3274
}
2858 3275
#menuv3 > ul > li > ul > li:hover > ul {
......
2868 3285
}
2869 3286
#menuv3 > ul > li > ul > li > ul > li {
2870 3287
  background-color: #dcdcdc;
2871
  border-left: 0.2em solid #EBEBEB;
3288
  border-left: 0.2em solid #ebebeb;
2872 3289
}
2873 3290
#menuv3 > ul > li > ul > li > ul > li:hover {
2874 3291
  background-color: #cdcdcd;
......
2952 3369
  padding-left: 8px ;
2953 3370
}
2954 3371
#html-menu div.s2 {
2955
  padding-left: 16px ;
3372
  padding-left: 22px ;
2956 3373
}
2957 3374
#html-menu img {
2958 3375
  vertical-align: top;
......
2970 3387
  top: 0px;
2971 3388
  background-color: #FFFFFF;
2972 3389
}
3390
#layout-split-left {
3391
  width: 180px ;
3392
  margin-top: 20px ;
3393
  padding: 0 0 0 0 ;
3394
  height: 100% ;
3395
  overflow: hidden;
3396
  display: block ;
3397
}
3398
#layout-split-left #html-menu .mi a.ml {
3399
  width: 180px !important;
3400
}
3401
#layout-split-left #html-menu .mi a.ml .mii {
3402
  display: none;
3403
}
3404
#layout-split-left #html-menu .mi a.ml .mic {
3405
  width: 180px !important;
3406
}
3407
#layout-split-left #html-menu .mi.s0 {
3408
  border-top: 1px #888 solid ;
3409
  padding: 0.5em 0 1.0em 0.7em !important;
3410
  display: table-cell;
... Dieser Diff wurde abgeschnitten, weil er die maximale Anzahl anzuzeigender Zeilen überschreitet.

Auch abrufbar als: Unified diff