Projekt

Allgemein

Profil

« Zurück | Weiter » 

Revision 3fc38171

Von Andreas Rudin vor etwa 6 Jahren hinzugefügt

  • ID 3fc381717c5e7f0f657f604880fac7b7be4e492b
  • Vorgänger 9439c4f2
  • Nachfolger a58ef474

HP Aenderungen bis Oktober 2018

Unterschiede anzeigen:

css/style.css
42 42
  }
43 43
}
44 44
a.cti_call_action {
45
  display: inline-block;
45
  display: block;
46 46
  padding-left: 18px;
47
  height: 16px;
48
  position: relative;
49 47
  top: 2px;
50 48
  vertical-align: middle;
51
  text-align: center;
52 49
  background-image: url(../image/icons/16x16/phone.png);
53 50
  background-repeat: no-repeat;
54 51
}
......
80 77
  border-width: 1px;
81 78
}
82 79
.mx-h3-caption {
83
  text-align: left;
84 80
  font-size: 12pt;
85 81
  font-style: normal;
86
  font-weight: bold;
87
  padding: 0.2em 0 0.2em 0.4em;
88
  color: #666 !important ;
82
  font-weight: normal;
83
  color: #021304 !important;
84
  padding: 0.2em 0 0.2em 0.2em;
89 85
  margin: 0;
86
  text-align: left;
90 87
}
91 88
.mx-contentbox-properties {
92
  margin: 1em 1em 0em 1em;
93
  padding: 0 1em 1em 1em;
89
  margin: 1em 1em 1em 0.6em;
90
  padding: 0.6em 1em 1.2em 1.8em;
94 91
}
95 92
.mx-thead-th {
96
  color: #555555;
93
  color: #57ef6b;
94
  background-color: #0f9f22;
95
  border-top: 1px solid #021304;
96
  border-bottom: 1px solid #021304;
97 97
  text-align: left ;
98 98
  vertical-align: middle ;
99 99
}
100 100
.mx-button {
101 101
  display: inline-block;
102
  cursor: auto ;
102 103
  width: auto ;
104
  padding: 0.2em 0.6em;
105
  font-size: 9pt;
106
  font-weight: normal;
107
  font-style: normal;
103 108
  text-align: center;
104 109
  border-style: solid;
105 110
  border-width: 1px;
106 111
  border-radius: 3px;
107
  padding: 0.2em 0.6em;
108
  margin: 0.4em 0.4em 0.8em 0 ;
109
  font-size: 10pt;
110
  font-weight: normal;
111
  font-style: normal;
112
}
113
.mx-button-standard {
114
  border-color: #b4f8bd;
115
  background-color: #0f9f22;
116
  color: #b4f8bd;
117
  text-decoration: none;
118
}
119
.mx-button-standard-hover-focus:hover {
120
  border-color: #021304;
121
  background-color: #13cd2c;
122
  color: #ffffff;
123
  text-decoration: none;
124
}
125
.mx-button-standard-hover-focus:active,
126
.mx-button-standard-hover-focus:focus {
127
  border-color: #021304;
128
  background-color: #13cd2c;
129
  color: #ffffff;
130
  text-decoration: none;
131
}
132
.mx-button-neutral {
133
  border-color: #021304;
134
  background-color: #86f494;
135
  color: #0f9f22;
136
}
137
.mx-button-neutral-hover-focus:hover {
138
  border-color: #021304;
139
  background-color: #57ef6b;
140
  color: #0f9f22;
141
  text-decoration: none;
142
}
143
.mx-button-neutral-hover-focus:active,
144
.mx-button-neutral-hover-focus:focus {
145
  border-color: #021304;
146
  background-color: #57ef6b;
147
  color: #ffffff;
148
  text-decoration: none;
112 149
}
113 150
body {
114 151
  margin: 0 ;
115
  background-color: #efefef;
152
  background-color: #b4f8bd;
116 153
  color: #000000;
117 154
  font-family: Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;
118
  font-size: 12pt;
155
  font-size: 11pt;
119 156
}
120 157
body #frame-header {
121 158
  position: fixed;
122 159
  top: 0;
123 160
  z-index: 1040;
124 161
}
162
body #menuv3:first-child {
163
  top: 0 !important;
164
}
125 165
body #menuv3 {
126
  z-index: 1999;
127 166
  position: fixed;
167
  z-index: 1999;
128 168
  top: 28px ;
129 169
  width: 100%;
130 170
  height: 32px;
......
133 173
  display: block;
134 174
  z-index: 1030;
135 175
  position: fixed;
176
  float: left !important;
136 177
  width: auto;
137
  float: right !important;
138 178
  top: 68px ;
139
  left: auto ;
179
  left: 656px ;
140 180
  right: 0.2em ;
141 181
  margin: 0 0.4em 0 0;
142 182
  padding: 0;
......
148 188
body .layout-actionbar > div + div {
149 189
  margin-left: 2px;
150 190
}
151
body #content {
152
  top: 104px;
153
  position: absolute;
191
body > #content {
154 192
  overflow: hidden;
155 193
  display: block;
156
  width: 100%;
157
  background-color: #fff;
194
  padding: 0 0 0 0;
195
  margin: 104px 0 1em 0;
158 196
}
159
body .wrapper,
160
body .cols-no-padding {
197
body > #content .wrapper {
161 198
  clear: both;
162
  overflow: hidden;
163 199
  display: block;
164
  width: 100%;
200
  overflow: hidden;
201
  width: auto;
202
  height: auto;
165 203
}
166
body .wrapper .col,
167
body .cols-no-padding .col,
168
body .wrapper .col-left,
169
body .cols-no-padding .col-left,
170
body .wrapper .col-right,
171
body .cols-no-padding .col-right {
204
body > #content .wrapper > .col {
172 205
  display: block;
173 206
  overflow: hidden;
207
  float: left;
208
  margin-right: 1.6em;
174 209
}
175
body .wrapper .col p,
176
body .cols-no-padding .col p,
177
body .wrapper .col-left p,
178
body .cols-no-padding .col-left p,
179
body .wrapper .col-right p,
180
body .cols-no-padding .col-right p {
210
body > #content .wrapper > .col div label {
181 211
  font-size: 10pt;
212
  line-height: 12.6pt;
182 213
}
183
body .wrapper .col,
184
body .cols-no-padding .col,
185
body .wrapper .col-left,
186
body .cols-no-padding .col-left,
187
body .wrapper .tbl-horizontal,
188
body .cols-no-padding .tbl-horizontal {
189
  float: left;
190
  margin-right: 1.8em;
214
body > #content .wrapper > .col p {
215
  font-size: 10pt;
191 216
}
192
body .wrapper .col-right,
193
body .cols-no-padding .col-right {
194
  float: right;
195
  margin-left: 2.0em;
217
body > #content .wrapper > .col,
218
body > #content .wrapper > .tbl-horizontal {
219
  float: left;
220
  margin-right: 1.6em;
221
  padding-bottom: 2px ;
196 222
}
197
body .wrapper.center,
198
body .cols-no-padding.center {
223
body > #content .wrapper.center {
199 224
  margin: 0 auto;
200 225
  display: table;
201 226
  width: auto;
202 227
}
203
body .wrapper.width-moderate,
204
body .cols-no-padding.width-moderate {
228
body > #content .wrapper.width-moderate {
205 229
  width: auto;
206 230
}
207
body .col {
208
  display: block;
209
  overflow: hidden;
210
  float: left;
211
  margin-right: 3.0em;
212
}
213
body .col div label {
214
  font-size: 10pt;
215
  line-height: 12.6pt;
231
body > #content .ui-tabs-panel {
232
  background-color: #b4f8bd;
216 233
}
217
body .fullwidth {
234
body .full-width {
218 235
  width: 100% ;
219 236
  padding: 0 0 1.0em 0 ;
220 237
  margin: 0 0 0 0;
221 238
}
222
body .wrapper .col,
223
body .wrapper .col-left {
224
  float: left;
225
}
226
body .wrapper .col-right {
227
  float: right;
228
  padding-right: 0 ;
229
  padding-left: 1.0em ;
230
}
231 239
body div.center {
232 240
  margin: 0 auto;
233 241
  display: table;
234 242
  width: auto;
235 243
}
236
@media print {
237
  #menuv3,
238
  #html-menu,
239
  #frame-header,
240
  #main_menu_div,
241
  #js-header {
242
    display: none;
243
  }
244
  #content.html-menu {
245
    margin-left: 0;
246
  }
247
}
248 244
.ui-helper-hidden {
249 245
  display: none;
250 246
}
......
265 261
  outline: 0;
266 262
  line-height: 1.3;
267 263
  text-decoration: none;
268
  font-size: 12pt;
264
  font-size: 11pt;
269 265
  list-style: none;
270 266
}
271 267
.ui-helper-clearfix:before,
......
552 548
  text-align: center;
553 549
}
554 550
.ui-datepicker .ui-datepicker-title select {
555
  font-size: 12pt;
551
  font-size: 11pt;
556 552
  margin: 1px 0;
557 553
}
558 554
.ui-datepicker select.ui-datepicker-month-year {
......
564 560
}
565 561
.ui-datepicker table {
566 562
  width: 100%;
567
  font-size: 12pt;
563
  font-size: 11pt;
568 564
  border-collapse: collapse;
569 565
  margin: 0 0 .4em;
570 566
}
......
646 642
.ui-dialog .ui-dialog-titlebar {
647 643
  padding: 0.4em 1.0em;
648 644
  border: none;
649
  background: #9ccb21;
650
  color: #003c18;
645
  background: #0f9f22;
646
  color: #86f494;
651 647
  font-weight: normal;
652 648
  position: relative;
653 649
  text-align: left;
654
  font-size: 12pt;
650
  font-size: 13pt;
655 651
}
656 652
.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
657 653
  float: left;
......
662 658
}
663 659
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
664 660
  position: absolute;
665
  right: .3em;
661
  right: 0.3em;
666 662
  top: 50%;
667 663
  width: 21px;
668
  margin: -10px 0 0 0;
664
  margin: 10px 0 0 0;
669 665
  padding: 1px;
670 666
  height: 20px;
671 667
}
......
793 789
.ui-slider .ui-slider-range {
794 790
  position: absolute;
795 791
  z-index: 1;
796
  font-size: 10pt;
792
  font-size: 9pt;
797 793
  display: block;
798 794
  border: 0;
799 795
  background-position: 0 0;
......
858 854
.ui-spinner-button {
859 855
  width: 16px;
860 856
  height: 50%;
861
  font-size: 10pt;
857
  font-size: 9pt;
862 858
  padding: 0;
863 859
  margin: 0;
864 860
  text-align: center;
......
943 939
  border-width: 2px;
944 940
}
945 941
.ui-widget {
946
  font-size: 10pt;
942
  font-size: 9pt;
947 943
}
948 944
.ui-widget .ui-widget {
949
  font-size: 11pt;
945
  font-size: 10pt;
950 946
}
951 947
.ui-widget input,
952 948
.ui-widget select,
953 949
.ui-widget textarea,
954 950
.ui-widget button {
955
  font-size: 11pt;
951
  font-size: 9pt;
956 952
}
957 953
.ui-widget-content {
958 954
  border: 1px solid #dddddd;
......
999 995
.ui-state-hover a:hover,
1000 996
.ui-state-hover a:link,
1001 997
.ui-state-hover a:visited {
1002
  color: #c77405;
1003
  text-decoration: none;
998
  color: #000;
999
  text-decoration: underline;
1004 1000
}
1005 1001
.ui-state-active,
1006 1002
.ui-widget-content .ui-state-active,
......
1673 1669
  cursor: default;
1674 1670
  display: block;
1675 1671
  font: menu;
1676
  font-size: 12pt;
1672
  font-size: 11pt;
1677 1673
  /*hps: vorher 12px */
1678 1674

  
1679 1675
  line-height: 16px;
......
1718 1714
}
1719 1715
div.part_picker_part:hover,
1720 1716
div.chart_picker_chart:hover {
1721
  color: #FE5F14;
1717
  color: #000;
1718
  text-decoration: underline;
1722 1719
}
1723 1720
.ms2side__div {
1724 1721
  clear: left;
......
1735 1732
  color: #666;
1736 1733
  /* hps */
1737 1734

  
1738
  font-size: 10pt;
1735
  font-size: 9pt;
1739 1736
  line-height: 1.0em;
1740 1737
  padding: 0 0 0.3em 0;
1741 1738
  display: block;
......
1743 1740
.ms2side__options,
1744 1741
.ms2side__updown {
1745 1742
  float: left;
1746
  font-size: 11pt;
1743
  font-size: 10pt;
1747 1744
  margin: 0;
1748 1745
  padding: 0 8px;
1749 1746
  width: 40px;
......
1755 1752
  padding-top: 1.0em !important;
1756 1753
}
1757 1754
.ms2side__updown {
1758
  font-size: 11pt;
1755
  font-size: 10pt;
1759 1756
}
1760 1757
.ms2side__options p,
1761 1758
.ms2side__updown p {
......
1766 1763
  width: auto !important;
1767 1764
  /* hps */
1768 1765

  
1769
  background-color: #cdcdcd;
1766
  background-color: #86f494;
1770 1767
  /* hps */
1771 1768

  
1772
  color: #666666;
1769
  color: #0f9f22;
1773 1770
  /* hps */
1774 1771

  
1775
  border-color: #666666;
1772
  border-color: #021304;
1776 1773
  /* hps */
1777 1774

  
1778 1775
  border-radius: 3px;
......
1811 1808
}
1812 1809
/* Use this next selector to style things like font-size and line-height: */
1813 1810
.tooltipster-default .tooltipster-content {
1814
  font-size: 11pt;
1811
  font-size: 10pt;
1815 1812
  line-height: 16px;
1816 1813
  padding: 1.2em 1.0em 1.2em 1.4em;
1817 1814
  overflow: hidden;
......
2077 2074
  color: #fff;
2078 2075
}
2079 2076
.tooltipster-light .tooltipster-content {
2080
  font-size: 10pt;
2077
  font-size: 9pt;
2081 2078
  line-height: 16px;
2082 2079
  padding: 1.0em 1.4em;
2083 2080
}
......
2126 2123
}
2127 2124
div.part_picker_part:hover,
2128 2125
div.chart_picker_chart:hover {
2129
  color: #FE5F14;
2126
  color: #000;
2127
  text-decoration: underline;
2130 2128
}
2131 2129
/* ------------------------------------------- */
2132 2130
/* Bloecke                                     */
......
2224 2222
  outline: 0;
2225 2223
  line-height: 1.3;
2226 2224
  text-decoration: none;
2227
  font-size: 12pt;
2225
  font-size: 11pt;
2228 2226
  font-weight: bold;
2229 2227
  list-style: none;
2230 2228
  display: block;
......
2253 2251
  white-space: nowrap;
2254 2252
  border: 1px solid #cccccc;
2255 2253
  background: #f6f6f6 url(ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
2256
  font-size: 10pt;
2254
  font-size: 9pt;
2257 2255
  font-weight: bold;
2258 2256
  color: #1c94c4;
2259 2257
}
......
2262 2260
  padding-bottom: 1px;
2263 2261
}
2264 2262
.tabwidget > ul li.ui-tabs-selected a {
2265
  cursor: text;
2263
  cursor: pointer;
2266 2264
}
2267 2265
.tabwidget > ul li a {
2268 2266
  float: left;
......
2272 2270
}
2273 2271
.tabwidget > ul li.ui-state-hover a,
2274 2272
.tabwidget > ul li.ui-state-hover a:hover {
2275
  color: #fff;
2276
  background-color: #dcdcdc;
2273
  color: #0f9f22;
2274
  background-color: #e3fce6;
2277 2275
}
2278 2276
.tabwidget > ul li.ui-state-active {
2279 2277
  color: #000;
2280
  background-color: #ececec;
2278
  background-color: #b4f8bd;
2281 2279
}
2282 2280
.tabwidget > ul li.ui-state-active a,
2283 2281
.tabwidget > ul li.ui-state-active a:link,
2284 2282
.tabwidget > ul li.ui-state-active a:visited {
2285 2283
  color: #000;
2286
  background-color: #ececec;
2284
  background-color: #b4f8bd;
2287 2285
  outline: 0 ;
2288 2286
}
2289 2287
.tabwidget > ul li.ui-state-active.ui-state-hover a,
2290 2288
.tabwidget > ul li.ui-state-active.ui-state-hover a:hover {
2291 2289
  color: #000;
2292
  background-color: #ececec;
2290
  background-color: #57ef6b;
2293 2291
}
2294 2292
.tabwidget > ul li.ui-state-default {
2295
  border: 1px solid #aaa;
2293
  border: 1px solid #021304;
2296 2294
  background: #fff;
2297 2295
  font-weight: normal;
2298
  color: #1c94c4;
2296
  color: #021304;
2299 2297
  margin: 0 0 0 0.6em;
2300 2298
}
2301 2299
.tabwidget > ul li.ui-state-default a,
2302 2300
.tabwidget > ul li.ui-state-default a:link {
2303
  color: #000000;
2301
  color: #021304;
2304 2302
}
2305 2303
.tabwidget > ul li.ui-state-disabled a {
2306 2304
  cursor: text;
......
2313 2311
  outline: 0 ;
2314 2312
}
2315 2313
.tabwidget > ul.ui-tabs-nav {
2316
  margin: 0 0.4em 0 1.2em;
2317
  padding: 0.2em 0.2em 0;
2314
  margin: 0 0.4em 0.6em 0;
2315
  padding: 0.4em 0.2em 0 0.7em;
2316
  background-color: #ffffff;
2317
  position: fixed;
2318
  top: 100px;
2319
  width: 100%;
2320
  z-index: 1029;
2321
  border-bottom: 1px solid #999 !important;
2318 2322
}
2319 2323
.tabwidget > ul.ui-tabs-nav li {
2320 2324
  margin: 1px 0.2em 0 0;
......
2323 2327
  padding: 0.2em 0.7em;
2324 2328
}
2325 2329
.tabwidget > ul.ui-tabs-nav li.ui-tabs-active {
2326
  border-bottom: 1px #ececec solid !important ;
2330
  border-bottom: 1px #b4f8bd solid !important;
2327 2331
  margin-bottom: -1px;
2328 2332
  padding-bottom: 0;
2329 2333
}
......
2332 2336
}
2333 2337
.tabwidget > div {
2334 2338
  display: none;
2335
  border-top: 1px solid #999 !important;
2339
  padding-top: 1.8em !important;
2336 2340
  border-bottom: none;
2337 2341
  width: 100%;
2342
  height: 100%;
2343
  min-height: 400px;
2344
  overflow: hidden ;
2338 2345
}
2339 2346
.tabwidget > div.ui-tabs-panel {
2340
  background: none;
2341
  background-color: #efefef;
2342
  overflow: hidden;
2343 2347
  width: 100%;
2348
  overflow: hidden;
2349
  background-color: #b4f8bd;
2344 2350
  display: block;
2345 2351
}
2346 2352
.tabwidget > div.ui-tabs-panel > .tabwidget {
2347
  background-color: #efefef;
2353
  position: relative ;
2348 2354
}
2349 2355
.tabwidget > div.ui-tabs-panel > .tabwidget .ui-tabs-panel {
2350
  background-color: #efefef !important;
2356
  background-color: #b4f8bd;
2357
  position: relative ;
2358
  top: auto;
2359
  padding-top: 0 !important ;
2360
}
2361
.tabwidget > div.ui-tabs-panel > .tabwidget .ui-tabs-nav {
2362
  background-color: #b4f8bd;
2363
}
2364
#content > form > .tabwidget > .ui-tabs-panel > .tabwidget {
2365
  background-color: #efefef;
2366
  position: relative ;
2367
}
2368
#content > form > .tabwidget > .ui-tabs-panel > .tabwidget > .ui-tabs-nav {
2369
  position: relative ;
2370
  top: auto;
2371
  background-color: none;
2372
}
2373
#content > form > .tabwidget > .ui-tabs-panel > .tabwidget > .ui-tabs-panel {
2374
  background-color: #efefef;
2375
  position: relative ;
2376
  top: auto;
2351 2377
}
2352 2378
.jstree a {
2353 2379
  border-bottom: none;
......
2378 2404
  border: none ;
2379 2405
  color: #000 ;
2380 2406
}
2407
.ui-widget-header .ui-icon {
2408
  background-image: url(ui-lightness/images/ui-icons_222222_256x240.png);
2409
}
2410
.ui-widget-header .ui-state-hover .ui-icon {
2411
  background-image: url(ui-lightness/images/ui-icons_ef8c08_256x240.png);
2412
}
2413
.ui-state-default,
2414
.ui-widget-content .ui-state-default,
2415
.ui-widget-header .ui-state-default {
2416
  color: #666666;
2417
}
2418
img.ui-datepicker-trigger {
2419
  vertical-align: middle;
2420
  margin-left: 0.2em ;
2421
}
2422
.ui-datepicker-calendar .ui-state-highlight {
2423
  color: #ffffff ;
2424
  background-color: #666666;
2425
  border: #000000 ;
2426
}
2427
.ui-datepicker-calendar td a.ui-state-hover {
2428
  color: #ffffff ;
2429
  background-color: #000000;
2430
  border: #000000 ;
2431
}
2432
.ui-state-hover,
2433
.ui-widget-content .ui-state-hover,
2434
.ui-widget-header .ui-state-hover,
2435
.ui-state-focus,
2436
.ui-widget-content .ui-state-focus,
2437
.ui-widget-header .ui-state-focus {
2438
  border: 1px solid #000000;
2439
  background: #ffffff;
2440
  color: #000000;
2441
}
2442
.ui-widget-header .ui-datepicker-header .ui-state-hover .ui-icon {
2443
  background: #ffffff;
2444
}
2445
.ui-state-default .ui-icon {
2446
  background-image: url(ui-lightness/images/ui-icons_777777_256x240.png) !important;
2447
}
2448
.ui-state-hover .ui-icon,
2449
.ui-state-focus .ui-icon {
2450
  background-image: url(ui-lightness/images/ui-icons_777777_256x240.png) !important;
2451
}
2452
.ui-state-active .ui-icon {
2453
  background-image: url(ui-lightness/images/ui-icons_777777_256x240.png) !important;
2454
}
2455
.ui-datepicker select.ui-datepicker-month,
2456
.ui-datepicker select.ui-datepicker-year {
2457
  width: 48%;
2458
}
2381 2459
.cke_editable {
2382 2460
  background-color: white;
2383
  padding: 10px;
2384
  margin-left: -0.3em;
2461
  padding: 6px;
2385 2462
  border-top: 1px #999 solid;
2386 2463
  border-right: 1px #ddd solid;
2387 2464
  border-left: 1px #ddd solid;
2388 2465
  overflow: auto ;
2466
  font-size: 11pt ;
2467
  min-width: 220px;
2468
  min-height: 4.0em ;
2469
}
2470
.cke_editable:focus {
2471
  outline: none ;
2472
  background-color: #e7ffce;
2473
  border: 1px solid #9ccb21;
2389 2474
}
2390 2475
.cke_editable p {
2391
  font-size: 80% ;
2476
  font-size: 10pt !important;
2392 2477
  padding: 0  ;
2393 2478
  margin: 0 0 0.4em 0 ;
2394 2479
  font-weight: normal;
......
2396 2481
div.cke_editable.wi-small-wide {
2397 2482
  margin-right: 24px !important ;
2398 2483
}
2484
body > .ui-dialog > .ui-dialog-content > p > .cke_editable {
2485
  border: 1px #dcdcdc solid !important;
2486
  padding: 0.4em;
2487
  margin: 0;
2488
  font-size: 100%;
2489
  width: 100% !important;
2490
}
2491
.ui-dialog-titlebar.ui-widget-header button.ui-dialog-titlebar-close {
2492
  right: 0.3em;
2493
  top: 0;
2494
  width: 21px;
2495
  margin: 5px 0 0 0;
2496
}
2399 2497
#content > p,
2400 2498
#content > div,
2401 2499
#content > td,
2402 2500
#content > th {
2403
  font-size: 11pt;
2501
  font-size: 10pt;
2404 2502
}
2405 2503
#content input,
2406 2504
#content select,
2407 2505
#content option,
2408 2506
#content textarea {
2409
  font-size: 10pt;
2507
  font-size: 9pt;
2410 2508
}
2411 2509
h1 {
2412 2510
  display: block;
2413 2511
  text-align: left;
2414 2512
  margin: 0;
2415 2513
  font-weight: normal;
2416
  font-size: 16pt;
2417
  line-height: 16pt;
2514
  font-size: 12pt;
2515
  line-height: 1.2em ;
2418 2516
}
2419
#content h1 {
2420
  z-index: 1020;
2517
#content > h1 {
2421 2518
  position: fixed;
2519
  z-index: 1020;
2422 2520
  top: 60px;
2423 2521
  width: 100%;
2424
  color: #003c18;
2425
  background-color: #9ccb21;
2426
  padding: 0.4em 0.5em 0.6em 0.5em ;
2427
}
2428
.listtop {
2429
  color: #003c18;
2430
  background: none;
2431
  text-align: left;
2432
  padding: 0.8em 0.5em;
2433
  font-size: 16pt;
2434
  font-weight: normal;
2522
  color: #86f494;
2523
  background-color: #0f9f22;
2524
  padding: 0.7em 0.5em 0.7em 0.7em;
2525
}
2526
#content .wrapper h1 {
2527
  color: #021304;
2528
  font-size: 13pt;
2529
  margin: 0 0 0.4em 0;
2530
}
2531
body > h1 {
2532
  color: #86f494;
2533
  background-color: #0f9f22;
2534
  padding: 0.7em 0.5em 0.7em 0.7em;
2535
}
2536
h2 {
2537
  color: #021304;
2538
  font-size: 13pt;
2539
  border-style: none;
2540
  letter-spacing: 0.14em;
2435 2541
}
2436
#content h2,
2437
.admin h2 {
2438
  padding: 0.6em 0.2em;
2542
#content > h2,
2543
.admin > h2 {
2544
  padding: 0.6em 0.2em ;
2439 2545
  margin: 0.6em 0 0 0 ;
2440
  color: #000000;
2441
  font-size: 15pt;
2442
  font-weight: normal;
2443
  text-align: left;
2444
  border-style: none;
2445
  letter-spacing: 0.1em;
2546
}
2547
#content ui-tabs-panel .wrapper > h2,
2548
.admin ui-tabs-panel .wrapper > h2 {
2549
  padding: 0 0.2em 0.6em 0.2em;
2550
  margin: 0 0 0.4em 0;
2551
}
2552
#content .wrapper > h2,
2553
.admin .wrapper > h2 {
2554
  padding: 0 0.2em 0.6em 0.2em;
2446 2555
}
2447 2556
h2.confirm {
2448
  color: blue;
2557
  color: #003c18;
2449 2558
}
2450 2559
h2.error {
2451
  color: red;
2560
  color: #ae0014;
2561
}
2562
h2.record-title {
2563
  padding: 0.6em 0 0 0 !important;
2564
  font-size: 13pt;
2565
  color: #000000;
2566
}
2567
h2.record-title small {
2568
  color: #021304;
2569
  letter-spacing: 0 ;
2570
}
2571
.wrapper > h2.record-title {
2572
  margin: 0em 1em 1em 0.2em !important;
2573
}
2574
.ui-tabs-panel > h2.record-title {
2575
  margin: 1em 1em 0.2em 0.6em !important;
2576
  padding: 0.8em 0 0 0.1em !important;
2452 2577
}
2453 2578
h3 {
2454
  text-align: left;
2455 2579
  font-size: 12pt;
2456 2580
  font-style: normal;
2457
  font-weight: bold;
2458
  padding: 0.2em 0 0.2em 0.4em;
2459
  color: #666 !important ;
2581
  font-weight: normal;
2582
  color: #021304 !important;
2583
  padding: 0.2em 0 0.2em 0.2em;
2460 2584
  margin: 0;
2461
  color: #000000;
2585
  text-align: left;
2586
}
2587
h3.caption {
2588
  margin: 0.6em 0 0.4em 0 !important;
2589
}
2590
#content h3 {
2591
  color: #021304;
2462 2592
  padding-left: 0 ;
2593
  margin: 0.8em 0 0.4em 0 ;
2463 2594
}
2464
.wrapper h3 {
2595
#content .wrapper h3 {
2465 2596
  margin-top: 1.0em ;
2466 2597
}
2467
div.record-title {
2468
  width: 100% ;
2469
  font-size: 140% ;
2470
  display: block;
2471
  overflow: hidden ;
2472
  font-weight: bold ;
2473
  margin: 0.8em 2.0em 1.0em 0.2em ;
2598
#content table.tbl-horizontal > tbody > tr > th > h3,
2599
#content table.tbl-horizontal > tbody > tr > td > h3 {
2600
  margin-top: 0.2em !important;
2474 2601
}
2475 2602
a {
2476 2603
  text-decoration: none;
......
2478 2605
a:link,
2479 2606
a:visited,
2480 2607
a:active {
2481
  color: #000000;
2608
  color: #13cd2c;
2482 2609
}
2483 2610
a:hover {
2484
  color: #FE5F14;
2611
  color: #0d871d;
2612
  text-decoration: underline;
2485 2613
}
2486 2614
a.selected:hover {
2487 2615
  color: #EBEBEB;
......
2503 2631
  background-color: #FF0000;
2504 2632
  border: none;
2505 2633
}
2506
a.button {
2507
  display: inline-block;
2508
  width: auto ;
2509
  text-align: center;
2510
  border-style: solid;
2511
  border-width: 1px;
2512
  border-radius: 3px;
2513
  padding: 0.2em 0.6em;
2514
  margin: 0.4em 0.4em 0.8em 0 ;
2515
  font-size: 10pt;
2516
  font-weight: normal;
2517
  font-style: normal;
2634
div.wi-smallest,
2635
span.wi-smallest,
2636
div.list.wi-smallest {
2637
  width: 42px;
2518 2638
}
2519
a.button.below {
2520
  clear: both !important;
2639
div.wi-verysmall,
2640
span.wi-verysmall,
2641
div.list.wi-verysmall {
2642
  width: 80px;
2521 2643
}
2522
a.button.toggle.off::after {
2523
  content: " ⇨";
2524
  content: " →";
2525
  padding-right: 1.0em;
2644
div.wi-small,
2645
span.wi-small,
2646
div.list.wi-small {
2647
  width: 128px;
2526 2648
}
2527
a.button.toggle.on::after {
2528
  content: " ⇩";
2529
  content: " ↓";
2530
  padding-right: 1.0em;
2531
}
2532
a.button.toggle.with-panel {
2533
  margin-bottom: 0 ;
2534
  border-bottom: none;
2535
  border-bottom-left-radius: 0px ;
2536
  border-bottom-right-radius: 0px ;
2537
}
2538
a.button:link,
2539
a.button:visited {
2540
  color: #5562b2;
2541
  background-color: #99ccff;
2542
  border-color: #5562b2;
2543
}
2544
a.button:hover,
2545
a.button.hover {
2546
  background-color: #5562b2;
2547
  border-color: #99ccff;
2548
  color: #ffffff;
2549
}
2550
a.button:active,
2551
a.button.active {
2552
  background-color: #757eff;
2553
  border-color: #5562b2;
2554
  color: #ffffff;
2555
}
2556
a.button.toggle:hover,
2557
a.button.toggle.hover {
2558
  background-color: #cdcdcd !important;
2559
  border-color: #666666 !important;
2560
  color: #000000;
2561
}
2562
a.button.neutral:link,
2563
a.button.neutral:visited {
2564
  background-color: #cdcdcd;
2565
  border-color: #666666;
2566
  color: #666666;
2567
}
2568
a.button.neutral:hover,
2569
a.button.neutral-hover {
2570
  background-color: #bbbbbb;
2571
  border-color: #666666;
2572
  color: #000000;
2573
}
2574
a.button.neutral:active,
2575
a.button.neutral-active {
2576
  background-color: #9bc6ee;
2577
  border-color: #3c72a7;
2578
  color: #3c72a7;
2579
}
2580
a.button.neutraltoggle:hover {
2581
  background-color: #cdcdcd !important;
2582
  border-color: #666666 !important;
2583
  color: #000000;
2584
}
2585
a.button.wi-tiny {
2586
  width: auto ;
2587
  padding: 0.16em 0.2em 0.1em 0.2em;
2588
  margin: -0.3em 0 0 0.2em;
2589
  display: inline-block;
2590
  font-size: 84% ;
2591
}
2592
div.wi-smallest,
2593
span.wi-smallest {
2594
  width: 41.6px;
2595
}
2596
div.wi-verysmall,
2597
span.wi-verysmall {
2598
  width: 128px;
2599
}
2600
div.wi-small,
2601
span.wi-small {
2602
  width: 128px;
2603
}
2604
div.wi-mediumsmall,
2605
span.wi-mediumsmall {
2606
  width: 160px;
2649
div.wi-mediumsmall,
2650
span.wi-mediumsmall,
2651
div.list.wi-mediumsmall {
2652
  width: 160px;
2607 2653
}
2608 2654
div.wi-normal,
2609
span.wi-normal {
2655
span.wi-normal,
2656
div.list.wi-normal {
2610 2657
  width: 208px;
2611 2658
}
2612 2659
div.wi-lightwide,
2613
span.wi-lightwide {
2660
span.wi-lightwide,
2661
div.list.wi-lightwide {
2614 2662
  width: 256px;
2615 2663
}
2616 2664
div.wi-wide,
2617
span.wi-wide {
2618
  min-width: 320px;
2665
span.wi-wide,
2666
div.list.wi-wide {
2667
  width: 320px;
2619 2668
}
2620 2669
div.wi-wider,
2621
span.wi-wider {
2622
  min-width: 384px;
2670
span.wi-wider,
2671
div.list.wi-wider {
2672
  width: 384px;
2623 2673
}
2624 2674
div.wi-verywide,
2625
span.wi-verywide {
2626
  min-width: 576px;
2675
span.wi-verywide,
2676
div.list.wi-verywide {
2677
  width: 576px;
2627 2678
}
2628 2679
div.long-description,
2629 2680
div.long-desc,
2630 2681
div.longdescription,
2631 2682
div.longdesc {
2632
  font-size: 10pt;
2683
  font-size: 9pt;
2633 2684
}
2634 2685
div.long-description.small,
2635 2686
div.long-desc.small,
2636 2687
div.longdescription.small,
2637 2688
div.longdesc.small {
2638
  font-size: 10pt;
2689
  font-size: 9pt;
2639 2690
}
2640 2691
div.long-description p,
2641 2692
div.long-desc p,
......
2661 2712
div.long-desc ol li,
2662 2713
div.longdescription ol li,
2663 2714
div.longdesc ol li {
2664
  font-size: 10pt;
2715
  font-size: 9pt;
2665 2716
}
2666 2717
span.label {
2667
  color: #666 ;
2718
  color: #0f9f22;
2719
  font-size: 9pt;
2720
  font-style: normal ;
2668 2721
  margin: 0 0.3em 0 0 ;
2669 2722
}
2670 2723
span.value {
2671 2724
  color: #000 ;
2672 2725
  margin: 0 2.6em 0 0 ;
2673 2726
}
2674
div.select-item {
2675
  display: inline-block;
2676
  width: auto ;
2677
  height: auto;
2678
  padding: 0.4em 3.0em 0.4em 0.8em;
2679
  border: 1px #ccc solid;
2680
  border-radius: 0.2em ;
2681
  background-color: #ddd;
2682
  margin: 0.8em 2.0em 0 1.2em !important;
2683
}
2684
div.select-item input,
2685
div.select-item select {
2686
  margin-left: 0.6em ;
2687
}
2688
div.select-item span.label {
2689
  float: left ;
2690
  font-size: 11pt;
2691
}
2692
table.jump-to {
2693
  border: 1px #ccc solid;
2694
  border-radius: 0.2em ;
2695
  background-color: #ddd;
2696
  margin: 0.8em 2.0em 0 1.2em !important;
2697
}
2698
table.jump-to.right {
2699
  float: right;
2700
}
2701 2727
div.description {
2702 2728
  display: block;
2703 2729
  float: left ;
......
2728 2754
  width: 576px;
2729 2755
}
2730 2756
div.instructions {
2731
  background-color: #e6e6e6;
2732
  border: 1px #808080 solid;
2733
  border-radius: 0.3em;
2757
  background-color: #86f494;
2758
  border: 1px #021304 solid;
2759
  border-radius: 0.6em;
2734 2760
  max-width: 70% ;
2735
  margin: 1em 1em 0em 1em;
2736
  padding: 0 1em 1em 1em;
2761
  margin: 1em 1em 1em 0.6em;
2762
  padding: 0.6em 1em 1.2em 1.8em;
2737 2763
  color: #4C4C4C;
2738 2764
  font-size: 80%;
2739 2765
}
......
2741 2767
  width: 30em;
2742 2768
}
2743 2769
.wrapper {
2744
  overflow: hidden;
2745
  padding: 0 ;
2746
  margin: 1em 1em 0em 1em;
2747
  clear: both;
2770
  overflow: hidden ;
2771
  margin: 1em 1em 1em 0.6em;
2772
  padding: 0 0 1.0em 0 ;
2773
  clear: both ;
2774
  display: block ;
2775
  border: 1px transparent solid ;
2776
}
2777
.wrapper .wrapper {
2778
  margin-left: 0 !important ;
2748 2779
}
2749 2780
.wrapper.test {
2750
  background-color: #FFE67C;
2781
  background-color: #FFE67C        ;
2782
}
2783
.wrapper.toggled {
2784
  display: inline-block !important;
2785
}
2786
.wrapper.bordered {
2787
  border: 1px #0f9f22 solid;
2788
}
2789
.wrapper > .toggles {
2790
  display: inline-block;
2791
  position: relative     ;
2792
  top: 0            ;
2793
  margin-top: 4px          ;
2794
  float: right        ;
2795
}
2796
.wrapper > .toggles a.toggle {
2797
  display: inline-block;
2798
  width: 18px ;
2799
  height: 18px ;
2800
  background-repeat: no-repeat;
2801
  background-position: 50% 50%;
2802
}
2803
.wrapper > .toggles a.toggle.min {
2804
  background-image: url(../image/toggle-down.png);
2805
}
2806
.wrapper > .toggles a.toggle.max {
2807
  background-image: url(../image/toggle-left.png);
2751 2808
}
2752 2809
.wrapper .tbl-horizontal,
2753 2810
.wrapper .tbl-plain {
2754 2811
  float: left ;
2755 2812
}
2813
.wrapper .col {
2814
  float: left ;
2815
}
2756 2816
.wrapper .col.test {
2757 2817
  background-color: #FFD7BA;
2758 2818
  border: 1px #6CF solid;
......
2786 2846
.wrapper > p {
2787 2847
  max-width: 36.0em ;
2788 2848
  overflow: hidden ;
2789
  font-size: 10pt;
2849
  font-size: 9pt;
2790 2850
  line-height: 140%;
2791
  color: #222222;
2792 2851
  padding-bottom: 1.0em ;
2793 2852
}
2794 2853
.center {
2795 2854
  margin: auto;
2796 2855
}
2856
.center {
2857
  margin: 0 auto;
2858
  width: auto;
2859
}
2797 2860
.accent div.label {
2798 2861
  float: left ;
2799
  color: gray ;
2862
  color: #0f9f22;
2800 2863
  font-size: 80% ;
2801 2864
  padding-top: 0.8em ;
2802 2865
}
......
2809 2872
.accent div.data input[type="text"] {
2810 2873
  width: 20em !important ;
2811 2874
}
2812
.center {
2813
  margin: 0 auto;
2814
  width: auto;
2815
}
2816
.form-addition {
2817
  border: 1px #999 solid;
2818
  background-color: #dedede;
2819
  border-radius: 0.6em;
2820
  padding: 0 1em 1em 1em;
2821
  margin: 1.6em 1.0em 1.6em 1.0em !important ;
2822
  width: 96% !important ;
2823
  overflow: hidden ;
2824
}
2825
.form-addition h3,
2826
.form-addition table caption,
2827
.form-addition div.list h4 {
2828
  color: #666 !important;
2829
  margin-top: 0.6em;
2830
}
2831
.form-addition div.list h4 {
2832
  padding: 1.2em 0 0.2em 0.0em !important;
2833
}
2834
.form-addition div.list {
2835
  min-width: 130px ;
2836
  max-width: 180px ;
2837
}
2838
.wrapper.formaddition {
2839
  margin: 1.6em 1.0em 1.6em 1.0em !important ;
2840
}
2841
.filter-toggle-panel {
2842
  display: block;
2843
  max-width: 60% ;
2844
  min-width: 30% ;
2845
  overflow: hidden;
2846
  padding: 1.0em ;
2847
  margin: 0 1.0em 2.0em 0 ;
2848
  background-color: #ccc;
2849
  border-color: #666 ;
2850
  border-width: 1px;
2851
  border-style: solid ;
2852
  border-bottom-left-radius: 5px ;
2853
  border-bottom-right-radius: 5px ;
2854
  border-top-right-radius: 5px ;
2855
  background-color: #ccc ;
2856
  margin-top: -1px;
2857
}
2858
.filter-toggle-panel .buttons {
2859
  clear: left ;
2860
  padding: 0 ;
2861
}
2862
div.hidden,
2863 2875
.hidden {
2864 2876
  display: none ;
2865 2877
}
......
2875 2887
  max-width: 16px;
2876 2888
  max-height: 16px;
2877 2889
}
2878
.message_error,
2879
.message_warning,
2880
.message_hint,
2881
.message_info,
2882
.message_ok {
2883
  min-width: 26.0em ;
2884
  max-width: 88% ;
2885
  width: auto;
2886
  display: block;
2887
  overflow: hidden;
2888
  margin: 0.2em 1.0em 0.8em 1.0em ;
2889
  padding: 0.6em 0.8em ;
2890
  border-radius: 0.6em;
2891
  border-style: solid;
2892
  border-width: 1px;
2893
  font-size: 80% ;
2894
  font-weight: normal;
2895
  line-height: 110% ;
2896
  text-align: left;
2897
  white-space: normal;
2898
}
2899
.message_error > .message_error,
2900
.message_warning > .message_error,
2901
.message_hint > .message_error,
2902
.message_info > .message_error,
2903
.message_ok > .message_error,
2904
.message_error > .message_warning,
2905
.message_warning > .message_warning,
2906
.message_hint > .message_warning,
2907
.message_info > .message_warning,
2908
.message_ok > .message_warning,
2909
.message_error > .message_hint,
2910
.message_warning > .message_hint,
2911
.message_hint > .message_hint,
2912
.message_info > .message_hint,
2913
.message_ok > .message_hint,
2914
.message_error > .message_info,
2915
.message_warning > .message_info,
2916
.message_hint > .message_info,
2917
.message_info > .message_info,
2918
.message_ok > .message_info,
2919
.message_error > .message_ok,
2920
.message_warning > .message_ok,
2921
.message_hint > .message_ok,
2922
.message_info > .message_ok,
2923
.message_ok > .message_ok {
2924
  display: none;
2925
}
2926
.message_error {
2927
  color: #ae0014;
2928
  background-color: #ffd6d6;
2929
  border-color: 1px solid #ae0014;
2890
.plus,
2891
.minus,
2892
.plus0,
2893
.plus1 {
2894
  display: inline !important;
2895
  clear: none;
2930 2896
}
2931
.message_error h4 {
2897
.minus,
2898
plus0 {
2932 2899
  color: #ae0014;
2933 2900
}
2934
.message_error p {
2935
  color: #ae0014;
2901
.plus,
2902
.plus1 {
2903
  color: #003c18;
2936 2904
}
2937
.message_warning {
2938
  color: #6d613e;
2905
span.unbalanced_ledger {
2939 2906
  background-color: #f6d972;
2940
  border-color: 1px solid #6d613e;
2941
}
2942
.message_hint,
2943
.message_info {
2944
  color: #0039c1;
2945
  background-color: #bee1e6;
2946
  border-color: 1px solid #0039c1;
2947 2907
}
2948
.message_hint h4,
2949
.message_info h4 {
2950
  color: #288DCE ;
2908
div.dimmed-text,
2909
span.dimmed-text {
2910
  color: #888888;
2911
  font-style: italic;
2951 2912
}
2952
.message_hint p,
2953
.message_info p {
2954
  color: #288DCE ;
2913
.dunned_invoice {
2914
  font-weight: bold;
2915
  color: #f00;
2955 2916
}
2956
.message_ok {
2957
  color: #088604;
2958
  background-color: #c9ee8e;
2959
  border-color: 1px solid #088604;
2917
.customer_dunning_level {
2918
  font-weight: bold;
2960 2919
}
2961
.message.attention {
2962
  font-size: 10pt;
2963
  border-color: #E5700A;
2964
  background-color: #FFE7B6;
2920
#dunning_invoice_list .direct_debit td,
2921
#dunning_invoice_list .direct_debit a {
2922
  color: #aaaaaa;
2965 2923
}
2966
.message.attention h4 {
2967
  color: #CD4E00 ;
2924
#bank_transactions_proposals .invoice_number_highlight a,
2925
#bank_transactions_proposals span.invoice_number_highlight {
2926
  background-color: #003c18;
2927
  color: #FFFFFF;
2968 2928
}
2969
.message.attention p {
2970
  color: #630    ;
2929
hr {
2930
  background-color: #9ccb21;
2931
  border: none;
2932
  height: 1px;
2971 2933
}
2972
.message h4 {
2973
  font-weight: bold;
2974
  font-size: 110%;
2975
  margin: 0.4em 0 0.2em 0 ;
2976
  padding: 0;
2934
ul,
2935
ol {
2936
  font-size: 11pt;
2977 2937
}
2978
.message p {
2979
  margin: 0 0 0.6em 0 ;
2980
  padding: 0;
2938
ul li,
2939
ol li {
2940
  font-size: 10pt;
2981 2941
}
2982
body > div.login .message {
2983
  width: 30.0em !important;
2984
  text-align: center ;
2985
  margin: 0 auto 1.0em auto ;
2942
.wrapper .col ul {
2943
  list-style: circle outside;
2944
  padding: 0 ;
2945
  margin: 0 ;
2986 2946
}
2987
.flash_message {
2988
  margin: 1em 2em 0.6em 1em;
2989
  padding: 0.6em 0.6em 0.5em 0.6em;
2990
  border-radius: 0.3em;
2991
  border-style: solid ;
2992
  border-width: 1px ;
2993
  font-size: 80% ;
2994
  max-width: 56.0em !important;
2995
  overflow: hidden ;
2947
.wrapper .col ul li {
2948
  padding: 0 0 0 -0.6em;
2949
  margin: 0 0 0 0 ;
2996 2950
}
2997
.flash_message a.button.wi-tiny {
2998
  font-size: 76% ;
2999
  padding: 0 0.2em 0 0.2em ;
3000
  margin: 0 0.4em 0 0.4em  ;
3001
  width: auto ;
3002
  background-color: transparent;
2951
.spacer {
2952
  clear: both;
3003 2953
}
3004
.flash_message div.button-container,
3005
.flash_message div.icon-container {
3006
  overflow: hidden ;
3007
  width: 12% ;
3008
  float: right ;
2954
#content > p {
2955
  margin: 0.6em 2em 1em 0.7em;
3009 2956
}
3010
.flash_message div.button-container a.icon-close,
3011
.flash_message div.icon-container a.icon-close {
3012
  float: right ;
3013
}
3014
.flash_message div.button-container span.display,
3015
.flash_message div.icon-container span.display {
3016
  float: right !important;
3017
  display: block;
3018
  width: auto ;
3019
  text-align: right ;
3020
  margin: 0 ;
3021
  padding: 0;
3022
}
3023
.flash_message div.message-container {
3024
  overflow: hidden ;
3025
  width: 86% ;
3026
  float: left ;
3027
}
3028
.flash_message div.message-container > span.flash_title {
3029
  display: block;
3030
  float: left ;
3031
  width: auto ;
3032
}
3033
.flash_message div.message-container > div.flash_notification {
3034
  display: block;
3035
  float: left ;
3036
  max-width: 80% ;
3037
  width: auto ;
3038
}
3039
.flash_message div.message-container > div.flash_notification span.content {
3040
  float: left ;
3041
  display: block;
3042
  width: 100% ;
3043
}
3044
.flash_message div.message-container > div.flash_notification div.detail {
3045
  display: block;
3046
  clear: both ;
3047
  padding-top: 0.9em ;
3048
}
3049
.flash_message div.message-container > div.flash_notification div.detail span {
3050
  display: block;
3051
  width: 94%;
3052
  float: right;
3053
}
3054
.flash_message div.message-container > div.flash_notification div.detail a.button.wi-tiny {
3055
  display: block ;
3056
  float: left ;
3057
  margin-left: 0 ;
3058
}
3059
.flash_message.flash_message_error {
3060
  background-color: #ffd6d6;
3061
  border-color: 1px solid #ae0014;
3062
  color: #ae0014;
3063
}
3064
.flash_message.flash_message_error a.button.wi-tiny {
3065
  border: 1px solid #ae0014 !important;
3066
  color: #ae0014;
3067
}
3068
.flash_message.flash_message_ok {
3069
  background-color: #c9ee8e;
... Dieser Diff wurde abgeschnitten, weil er die maximale Anzahl anzuzeigender Zeilen überschreitet.

Auch abrufbar als: Unified diff