Revision bcebae51
Von Hans Peter Schlaepfer vor fast 6 Jahren hinzugefügt
css/admin.css | ||
---|---|---|
1 |
a.no-underlined-links, |
|
2 |
a.no-underlined-links:visited, |
|
3 |
a.no-underlined-links:hover { |
|
4 |
text-decoration: none !important; |
|
5 |
background-color: transparent !important; |
|
6 |
border: none; |
|
7 |
} |
|
8 |
a.no-underlined-links:hover { |
|
9 |
background: none; |
|
10 |
} |
|
11 |
body div.admin { |
|
12 |
margin: 0 ; |
|
13 |
} |
|
14 |
body div.admin h1 { |
|
15 |
background-color: #fe5f14 !important; |
|
16 |
color: #ffffff; |
|
17 |
top: 0px ; |
|
18 |
position: fixed; |
|
19 |
width: 100% ; |
|
20 |
padding: 0.1em 0.5em 0.3em 0.6em ; |
|
21 |
} |
|
22 |
body div.admin .tabwidget { |
|
23 |
top: 35px ; |
|
24 |
padding: 1.8em 0 0 0 !important; |
|
25 |
} |
|
26 |
body div.admin .tabwidget .ui-tabs-panel { |
|
27 |
padding: 2.0em 1.0em 1.0em 1.0em ; |
|
28 |
} |
|
29 |
body div.admin form { |
|
30 |
display: block ; |
|
31 |
margin-top: 1px ; |
|
32 |
} |
|
33 |
body div.admin > form { |
|
34 |
padding-top: 3.8em ; |
|
35 |
} |
|
36 |
body div.admin .wrapper { |
|
37 |
margin-top: 4.0em ; |
|
38 |
} |
css/kivitendo/main.css | ||
---|---|---|
363 | 363 |
vertical-align: top; |
364 | 364 |
} |
365 | 365 |
.unbalanced_ledger { |
366 |
background-color: #ffa0a0;
|
|
366 |
background-color: @brand_warning;
|
|
367 | 367 |
} |
368 | 368 |
.flash_message_error { |
369 | 369 |
background-color: #FFD6D6; |
css/kivitendo/menu.css | ||
---|---|---|
8 | 8 |
/* background-color: #d0cfc9 */ |
9 | 9 |
/* } */ |
10 | 10 |
|
11 |
/* |
|
11 | 12 |
div.layout-actionbar ~ #content { |
12 | 13 |
padding-top: 32px; |
13 | 14 |
} |
15 |
*/ |
|
14 | 16 |
|
17 |
/* |
|
15 | 18 |
#main_menu_div ~ div.layout-actionbar { |
16 | 19 |
top: 45px; |
17 | 20 |
} |
21 |
*/ |
|
18 | 22 |
|
23 |
/* |
|
19 | 24 |
#main_menu_div ~ #content { |
20 | 25 |
padding-top: 25px; |
21 | 26 |
} |
22 | 27 |
#main_menu_div ~ div.layout-actionbar ~ #content { |
23 | 28 |
padding-top: 54px; |
24 | 29 |
} |
30 |
*/ |
|
25 | 31 |
|
26 | 32 |
body.menuv3 { |
27 | 33 |
behavior: url("css/csshover.htc"); |
... | ... | |
31 | 37 |
color: #000000; |
32 | 38 |
} |
33 | 39 |
#menuv3 { |
34 |
background-color: #FFFFFF;
|
|
35 |
color: #000000;
|
|
40 |
background-color: #FFFFFF;
|
|
41 |
color: #000000;
|
|
36 | 42 |
width: 100%; |
37 | 43 |
position: fixed; |
38 | 44 |
z-index: 30; |
39 | 45 |
} |
40 | 46 |
|
41 |
#menuv3 ~ div.layout-actionbar { |
|
42 |
top: 40px; |
|
43 |
} |
|
44 |
|
|
47 |
/* |
|
45 | 48 |
#menuv3 ~ #content { |
46 | 49 |
padding-top: 35px; |
47 | 50 |
} |
51 |
*/ |
|
48 | 52 |
|
53 |
/* |
|
49 | 54 |
#menuv3 ~ div.layout-actionbar ~ #content { |
50 | 55 |
padding-top: 64px; |
51 | 56 |
} |
57 |
*/ |
|
52 | 58 |
|
53 |
#menuv3 a, #menuv3 h2, #menuv3 div.x { |
|
54 |
font-size: 80%; |
|
55 |
line-height: 120%; |
|
56 |
display: block; |
|
57 |
border: 0; |
|
58 |
white-space: nowrap; |
|
59 |
margin: 0; |
|
60 |
padding: 0.3em 1em; |
|
59 |
#menuv3 a, |
|
60 |
#menuv3 h2, |
|
61 |
#menuv3 div.x { |
|
62 |
font-size: 80%; |
|
63 |
line-height: 120%; |
|
64 |
display: block; |
|
65 |
border: 0; |
|
66 |
white-space: nowrap; |
|
67 |
margin: 0; |
|
68 |
padding: 0.3em 1em; |
|
61 | 69 |
} |
62 | 70 |
#menuv3 h2 { |
63 |
background-color: #ffffff;
|
|
64 |
color: #000000;
|
|
65 |
/*padding: 2px 15px;*/
|
|
71 |
background-color: #ffffff;
|
|
72 |
color: #000000;
|
|
73 |
/*padding: 2px 15px;*/
|
|
66 | 74 |
/* Firefox */ |
67 |
-moz-border-radius: 0.4em 0.4em 0;
|
|
75 |
-moz-border-radius: 0.4em 0.4em 0;
|
|
68 | 76 |
/* Safari, Chrome */ |
69 |
-webkit-border-radius: 0.4em 0.4em 0;
|
|
77 |
-webkit-border-radius: 0.4em 0.4em 0;
|
|
70 | 78 |
/* Konqueror */ |
71 |
-khtml-border-radius: 0.4em 0.4em 0;
|
|
79 |
-khtml-border-radius: 0.4em 0.4em 0;
|
|
72 | 80 |
/* CSS3 */ |
73 |
border-radius: 0.4em 0.4em 0 0;
|
|
74 |
/* behavior: url(border-radius.htc); */
|
|
81 |
border-radius: 0.4em 0.4em 0 0;
|
|
82 |
/* behavior: url(border-radius.htc); */
|
|
75 | 83 |
} |
76 | 84 |
#menuv3 ul:hover h2 { |
77 |
background-color:#DCDCDC;
|
|
85 |
background-color:#DCDCDC;
|
|
78 | 86 |
} |
79 | 87 |
#menuv3 a, #menuv3 a:visited, #menuv3 div.x, #menuv3 div.x:visited { |
80 |
color: #000000;
|
|
81 |
text-decoration: none;
|
|
82 |
padding-right: 10px;
|
|
88 |
color: #000000;
|
|
89 |
text-decoration: none;
|
|
90 |
padding-right: 10px;
|
|
83 | 91 |
} |
84 | 92 |
#menuv3 a { |
85 |
background: #EBEBEB;
|
|
93 |
background: #EBEBEB;
|
|
86 | 94 |
} |
87 | 95 |
#menuv3 div.x, #menuv3 div.x:visited { |
88 |
background-color: #EBEBEB;
|
|
89 |
border-right: 1em solid #FE5F14;
|
|
96 |
background-color: #EBEBEB;
|
|
97 |
border-right: 1em solid #FE5F14;
|
|
90 | 98 |
} |
91 | 99 |
#menuv3 div.x:hover { |
92 |
border-right: none;
|
|
100 |
border-right: none;
|
|
93 | 101 |
} |
94 | 102 |
#menuv3 a:hover, #menuv3 div.x:hover { |
95 |
color: #FE5F14;
|
|
96 |
background-color: #EBEBEB;
|
|
103 |
color: #FE5F14;
|
|
104 |
background-color: #EBEBEB;
|
|
97 | 105 |
} |
98 | 106 |
#menuv3 a:active, #menuv3 div.x:active { |
99 |
color: #FE5F14;
|
|
100 |
background-color: #EBEBEB;
|
|
107 |
color: #FE5F14;
|
|
108 |
background-color: #EBEBEB;
|
|
101 | 109 |
} |
102 | 110 |
#menuv3 ul { |
103 |
list-style: none;
|
|
104 |
margin: 0;
|
|
105 |
padding: 0;
|
|
106 |
float: left;
|
|
111 |
list-style: none;
|
|
112 |
margin: 0;
|
|
113 |
padding: 0;
|
|
114 |
float: left;
|
|
107 | 115 |
} |
108 | 116 |
|
109 | 117 |
#menuv3 li { |
110 |
position: relative;
|
|
111 |
float: none;
|
|
112 |
border: 0;
|
|
118 |
position: relative;
|
|
119 |
float: none;
|
|
120 |
border: 0;
|
|
113 | 121 |
border-width:0 0 1px 0; |
114 | 122 |
} |
115 | 123 |
li.sub { |
116 |
position: relativ;
|
|
117 |
left: 0.2em;
|
|
118 |
top: 0px;
|
|
119 |
background-color: #FFFFFF;
|
|
124 |
position: relative;
|
|
125 |
left: 0.2em;
|
|
126 |
top: 0px;
|
|
127 |
background-color: #FFFFFF;
|
|
120 | 128 |
} |
121 | 129 |
/* IE6 spacing bug fix, <li>s without a bottom border get spaced to far * correction:the bug will change the height of the parent element! this will also cause the whole menu to grow * so the only method to get this pile of crap going is to add a bottom border to the <li>s, where the enclosing <ul> already has * a bottom border, which just looks ugly * the trick:color the bottom border with the same color as the bottom pixel of the background image - noone notices */ |
122 | 130 |
#menuv3 ul li { |
123 |
/* border: solid;
|
|
124 |
border-color: #991900;
|
|
125 |
border-width: 0 0 1px 0;
|
|
131 |
/* border: solid;
|
|
132 |
border-color: #991900;
|
|
133 |
border-width: 0 0 1px 0;
|
|
126 | 134 |
*/ |
127 | 135 |
} |
128 | 136 |
#menuv3 ul ul { |
129 |
padding: 0 2em 2em 2em;
|
|
130 |
margin: 0 -2em -2em -2em;
|
|
137 |
padding: 0 2em 2em 2em;
|
|
138 |
margin: 0 -2em -2em -2em;
|
|
131 | 139 |
} |
132 | 140 |
#menuv3 ul ul li { |
133 |
/*padding-top: 0.01em;*/
|
|
134 |
background-color: #FFFFFF;
|
|
141 |
/*padding-top: 0.01em;*/
|
|
142 |
background-color: #FFFFFF;
|
|
135 | 143 |
} |
136 | 144 |
/* IE6 event bug fix, without a background there hovers will be occassionally lost between the li's to the layer below * causing the menu to close. Opera 9 has the same bug btw. */ |
137 | 145 |
#menuv3 ul ul { |
138 |
position: absolute;
|
|
139 |
z-index: 500;
|
|
140 |
display: none;
|
|
146 |
position: absolute;
|
|
147 |
z-index: 500;
|
|
148 |
display: none;
|
|
141 | 149 |
} |
142 | 150 |
#menuv3 ul ul ul { |
143 |
top: 0;
|
|
144 |
left: 99%;
|
|
145 |
padding: 2em;
|
|
146 |
margin: -2em;
|
|
151 |
top: 0;
|
|
152 |
left: 99%;
|
|
153 |
padding: 2em;
|
|
154 |
margin: -2em;
|
|
147 | 155 |
} |
148 | 156 |
#menuv3 ul ul ul li { |
149 |
border-left: 0.2em solid #EBEBEB;
|
|
157 |
border-left: 0.2em solid #EBEBEB;
|
|
150 | 158 |
} |
151 | 159 |
/* Begin non-anchor hover selectors */ |
152 | 160 |
/* Enter the more specific element (div) selectoron non-anchor hovers for IE5.x to comply with theolder version of csshover.htc - V1.21.041022. Itimproves IE's performance speed to use the olderfile and this method */ |
153 | 161 |
div#menuv3 h2:hover { |
154 |
background: #EBEBEB;
|
|
155 |
color: #FE5F14;
|
|
162 |
background: #EBEBEB;
|
|
163 |
color: #FE5F14;
|
|
156 | 164 |
} |
157 | 165 |
div#menuv3 li:hover { |
158 |
cursor: pointer;
|
|
166 |
cursor: pointer;
|
|
159 | 167 |
} |
160 | 168 |
div#menuv3 li:hover ul ul, div#menuv3 li li:hover ul ul, div#menuv3 li li li:hover ul ul, div#menuv3 li li li li:hover ul ul { |
161 |
display: none;
|
|
169 |
display: none;
|
|
162 | 170 |
} |
163 | 171 |
div#menuv3 li:hover ul, div#menuv3 li li:hover ul, div#menuv3 li li li:hover ul, div#menuv3 li li li li:hover ul { |
164 |
display: block; |
|
165 |
position: relativ: left: 10px; |
|
172 |
display: block; |
|
173 |
position: relative; |
|
174 |
left: 10px; |
|
166 | 175 |
} |
167 | 176 |
/* End of non-anchor hover selectors */ |
168 | 177 |
|
169 | 178 |
li.sub { |
170 |
position: relativ;
|
|
171 |
left: 0.2em;
|
|
172 |
top: 0px;
|
|
173 |
background-color: #FFFFFF;
|
|
179 |
position: relative;
|
|
180 |
left: 0.2em;
|
|
181 |
top: 0px;
|
|
182 |
background-color: #FFFFFF;
|
|
174 | 183 |
} |
175 | 184 |
|
176 | 185 |
/* html menu */ |
css/lx-office-erp/main.css | ||
---|---|---|
299 | 299 |
} |
300 | 300 |
|
301 | 301 |
.unbalanced_ledger { |
302 |
background-color: #ffa0a0;
|
|
302 |
background-color: @brand-warning-bg;
|
|
303 | 303 |
} |
304 | 304 |
|
305 | 305 |
.flash_message_error { |
css/qunit.css | ||
---|---|---|
1 |
qunit-1.17.1.css |
css/qunit.css | ||
---|---|---|
1 |
/*! |
|
2 |
* QUnit 1.17.1 |
|
3 |
* http://qunitjs.com/ |
|
4 |
* |
|
5 |
* Copyright jQuery Foundation and other contributors |
|
6 |
* Released under the MIT license |
|
7 |
* http://jquery.org/license |
|
8 |
* |
|
9 |
* Date: 2015-01-20T19:39Z |
|
10 |
*/ |
|
11 |
|
|
12 |
/** Font Family and Sizes */ |
|
13 |
|
|
14 |
#qunit-tests, #qunit-header, #qunit-banner, #qunit-testrunner-toolbar, #qunit-userAgent, #qunit-testresult { |
|
15 |
font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial, sans-serif; |
|
16 |
} |
|
17 |
|
|
18 |
#qunit-testrunner-toolbar, #qunit-userAgent, #qunit-testresult, #qunit-tests li { font-size: small; } |
|
19 |
#qunit-tests { font-size: smaller; } |
|
20 |
|
|
21 |
|
|
22 |
/** Resets */ |
|
23 |
|
|
24 |
#qunit-tests, #qunit-header, #qunit-banner, #qunit-userAgent, #qunit-testresult, #qunit-modulefilter { |
|
25 |
margin: 0; |
|
26 |
padding: 0; |
|
27 |
} |
|
28 |
|
|
29 |
|
|
30 |
/** Header */ |
|
31 |
|
|
32 |
#qunit-header { |
|
33 |
padding: 0.5em 0 0.5em 1em; |
|
34 |
|
|
35 |
color: #8699A4; |
|
36 |
background-color: #0D3349; |
|
37 |
|
|
38 |
font-size: 1.5em; |
|
39 |
line-height: 1em; |
|
40 |
font-weight: 400; |
|
41 |
|
|
42 |
border-radius: 5px 5px 0 0; |
|
43 |
} |
|
44 |
|
|
45 |
#qunit-header a { |
|
46 |
text-decoration: none; |
|
47 |
color: #C2CCD1; |
|
48 |
} |
|
49 |
|
|
50 |
#qunit-header a:hover, |
|
51 |
#qunit-header a:focus { |
|
52 |
color: #FFF; |
|
53 |
} |
|
54 |
|
|
55 |
#qunit-testrunner-toolbar label { |
|
56 |
display: inline-block; |
|
57 |
padding: 0 0.5em 0 0.1em; |
|
58 |
} |
|
59 |
|
|
60 |
#qunit-banner { |
|
61 |
height: 5px; |
|
62 |
} |
|
63 |
|
|
64 |
#qunit-testrunner-toolbar { |
|
65 |
padding: 0.5em 1em 0.5em 1em; |
|
66 |
color: #5E740B; |
|
67 |
background-color: #EEE; |
|
68 |
overflow: hidden; |
|
69 |
} |
|
70 |
|
|
71 |
#qunit-userAgent { |
|
72 |
padding: 0.5em 1em 0.5em 1em; |
|
73 |
background-color: #2B81AF; |
|
74 |
color: #FFF; |
|
75 |
text-shadow: rgba(0, 0, 0, 0.5) 2px 2px 1px; |
|
76 |
} |
|
77 |
|
|
78 |
#qunit-modulefilter-container { |
|
79 |
float: right; |
|
80 |
padding: 0.2em; |
|
81 |
} |
|
82 |
|
|
83 |
.qunit-url-config { |
|
84 |
display: inline-block; |
|
85 |
padding: 0.1em; |
|
86 |
} |
|
87 |
|
|
88 |
.qunit-filter { |
|
89 |
display: block; |
|
90 |
float: right; |
|
91 |
margin-left: 1em; |
|
92 |
} |
|
93 |
|
|
94 |
/** Tests: Pass/Fail */ |
|
95 |
|
|
96 |
#qunit-tests { |
|
97 |
list-style-position: inside; |
|
98 |
} |
|
99 |
|
|
100 |
#qunit-tests li { |
|
101 |
padding: 0.4em 1em 0.4em 1em; |
|
102 |
border-bottom: 1px solid #FFF; |
|
103 |
list-style-position: inside; |
|
104 |
} |
|
105 |
|
|
106 |
#qunit-tests > li { |
|
107 |
display: none; |
|
108 |
} |
|
109 |
|
|
110 |
#qunit-tests li.running, |
|
111 |
#qunit-tests li.pass, |
|
112 |
#qunit-tests li.fail, |
|
113 |
#qunit-tests li.skipped { |
|
114 |
display: list-item; |
|
115 |
} |
|
116 |
|
|
117 |
#qunit-tests.hidepass li.running, |
|
118 |
#qunit-tests.hidepass li.pass { |
|
119 |
display: none; |
|
120 |
} |
|
121 |
|
|
122 |
#qunit-tests li strong { |
|
123 |
cursor: pointer; |
|
124 |
} |
|
125 |
|
|
126 |
#qunit-tests li.skipped strong { |
|
127 |
cursor: default; |
|
128 |
} |
|
129 |
|
|
130 |
#qunit-tests li a { |
|
131 |
padding: 0.5em; |
|
132 |
color: #C2CCD1; |
|
133 |
text-decoration: none; |
|
134 |
} |
|
135 |
#qunit-tests li a:hover, |
|
136 |
#qunit-tests li a:focus { |
|
137 |
color: #000; |
|
138 |
} |
|
139 |
|
|
140 |
#qunit-tests li .runtime { |
|
141 |
float: right; |
|
142 |
font-size: smaller; |
|
143 |
} |
|
144 |
|
|
145 |
.qunit-assert-list { |
|
146 |
margin-top: 0.5em; |
|
147 |
padding: 0.5em; |
|
148 |
|
|
149 |
background-color: #FFF; |
|
150 |
|
|
151 |
border-radius: 5px; |
|
152 |
} |
|
153 |
|
|
154 |
.qunit-collapsed { |
|
155 |
display: none; |
|
156 |
} |
|
157 |
|
|
158 |
#qunit-tests table { |
|
159 |
border-collapse: collapse; |
|
160 |
margin-top: 0.2em; |
|
161 |
} |
|
162 |
|
|
163 |
#qunit-tests th { |
|
164 |
text-align: right; |
|
165 |
vertical-align: top; |
|
166 |
padding: 0 0.5em 0 0; |
|
167 |
} |
|
168 |
|
|
169 |
#qunit-tests td { |
|
170 |
vertical-align: top; |
|
171 |
} |
|
172 |
|
|
173 |
#qunit-tests pre { |
|
174 |
margin: 0; |
|
175 |
white-space: pre-wrap; |
|
176 |
word-wrap: break-word; |
|
177 |
} |
|
178 |
|
|
179 |
#qunit-tests del { |
|
180 |
background-color: #E0F2BE; |
|
181 |
color: #374E0C; |
|
182 |
text-decoration: none; |
|
183 |
} |
|
184 |
|
|
185 |
#qunit-tests ins { |
|
186 |
background-color: #FFCACA; |
|
187 |
color: #500; |
|
188 |
text-decoration: none; |
|
189 |
} |
|
190 |
|
|
191 |
/*** Test Counts */ |
|
192 |
|
|
193 |
#qunit-tests b.counts { color: #000; } |
|
194 |
#qunit-tests b.passed { color: #5E740B; } |
|
195 |
#qunit-tests b.failed { color: #710909; } |
|
196 |
|
|
197 |
#qunit-tests li li { |
|
198 |
padding: 5px; |
|
199 |
background-color: #FFF; |
|
200 |
border-bottom: none; |
|
201 |
list-style-position: inside; |
|
202 |
} |
|
203 |
|
|
204 |
/*** Passing Styles */ |
|
205 |
|
|
206 |
#qunit-tests li li.pass { |
|
207 |
color: #3C510C; |
|
208 |
background-color: #FFF; |
|
209 |
border-left: 10px solid #C6E746; |
|
210 |
} |
|
211 |
|
|
212 |
#qunit-tests .pass { color: #528CE0; background-color: #D2E0E6; } |
|
213 |
#qunit-tests .pass .test-name { color: #366097; } |
|
214 |
|
|
215 |
#qunit-tests .pass .test-actual, |
|
216 |
#qunit-tests .pass .test-expected { color: #999; } |
|
217 |
|
|
218 |
#qunit-banner.qunit-pass { background-color: #C6E746; } |
|
219 |
|
|
220 |
/*** Failing Styles */ |
|
221 |
|
|
222 |
#qunit-tests li li.fail { |
|
223 |
color: #710909; |
|
224 |
background-color: #FFF; |
|
225 |
border-left: 10px solid #EE5757; |
|
226 |
white-space: pre; |
|
227 |
} |
|
228 |
|
|
229 |
#qunit-tests > li:last-child { |
|
230 |
border-radius: 0 0 5px 5px; |
|
231 |
} |
|
232 |
|
|
233 |
#qunit-tests .fail { color: #000; background-color: #EE5757; } |
|
234 |
#qunit-tests .fail .test-name, |
|
235 |
#qunit-tests .fail .module-name { color: #000; } |
|
236 |
|
|
237 |
#qunit-tests .fail .test-actual { color: #EE5757; } |
|
238 |
#qunit-tests .fail .test-expected { color: #008000; } |
|
239 |
|
|
240 |
#qunit-banner.qunit-fail { background-color: #EE5757; } |
|
241 |
|
|
242 |
/*** Skipped tests */ |
|
243 |
|
|
244 |
#qunit-tests .skipped { |
|
245 |
background-color: #EBECE9; |
|
246 |
} |
|
247 |
|
|
248 |
#qunit-tests .qunit-skipped-label { |
|
249 |
background-color: #F4FF77; |
|
250 |
display: inline-block; |
|
251 |
font-style: normal; |
|
252 |
color: #366097; |
|
253 |
line-height: 1.8em; |
|
254 |
padding: 0 0.5em; |
|
255 |
margin: -0.4em 0.4em -0.4em 0; |
|
256 |
} |
|
257 |
|
|
258 |
/** Result */ |
|
259 |
|
|
260 |
#qunit-testresult { |
|
261 |
padding: 0.5em 1em 0.5em 1em; |
|
262 |
|
|
263 |
color: #2B81AF; |
|
264 |
background-color: #D2E0E6; |
|
265 |
|
|
266 |
border-bottom: 1px solid #FFF; |
|
267 |
} |
|
268 |
#qunit-testresult .module-name { |
|
269 |
font-weight: 700; |
|
270 |
} |
|
271 |
|
|
272 |
/** Fixture */ |
|
273 |
|
|
274 |
#qunit-fixture { |
|
275 |
position: absolute; |
|
276 |
top: -10000px; |
|
277 |
left: -10000px; |
|
278 |
width: 1000px; |
|
279 |
height: 1000px; |
|
280 |
} |
css/requirement_spec.css | ||
---|---|---|
1 | 1 |
/* ------------------------------------------------------------ */ |
2 |
/* General page layout */
|
|
2 |
/* Requirement_Spec */
|
|
3 | 3 |
/* ------------------------------------------------------------ */ |
4 | 4 |
|
5 |
input.rs_input_field, select.rs_input_field, |
|
6 |
table.rs_input_field input[type=text], table.rs_input_field input[type=password], table.rs_input_field select { |
|
7 |
width: 300px; |
|
8 |
} |
|
5 |
/* Wurde in Less umgewandelt. Original ist auch bearbeitet worden von H.P. Schlaepfer */ |
|
9 | 6 |
|
10 |
#column-container { |
|
11 |
width: 100%; |
|
12 |
padding-left: 0; |
|
13 |
padding-right: 0; |
|
14 |
margin-left: 0; |
|
15 |
margin-right: 0; |
|
16 |
} |
|
17 |
|
|
18 |
#tree-column { |
|
19 |
float: left; |
|
20 |
width: 25%; |
|
21 |
} |
|
22 |
|
|
23 |
#content-column { |
|
24 |
float: right; |
|
25 |
width: 74%; |
|
26 |
padding-left: 10px; |
|
27 |
} |
|
28 |
|
|
29 |
.section-empty-description { |
|
30 |
color: #bbb; |
|
31 |
} |
|
32 |
|
|
33 |
/* ------------------------------------------------------------ */ |
|
34 |
/* Special things that apply to the tree */ |
|
35 |
/* ------------------------------------------------------------ */ |
|
36 |
|
|
37 |
#tree li.flagged > a > ins { |
|
38 |
background-image: url("../image/flag-red.png") !important; |
|
39 |
background-position: 0; |
|
40 |
} |
|
41 |
|
|
42 |
/* ------------------------------------------------------------ */ |
|
43 |
/* Special things that apply to the context menu */ |
|
44 |
/* ------------------------------------------------------------ */ |
|
45 |
|
|
46 |
.context-menu-item.icon-flag { background-image: url("../image/flag-red.png"); } |
|
47 |
.context-menu-item.icon-close { background-image: url("../image/document-close.png"); } |
|
48 |
.context-menu-item.icon-save { background-image: url("../image/document-save.png"); } |
|
49 |
.context-menu-item.icon-revert { background-image: url("../image/edit-undo.png"); } |
|
50 |
.context-menu-item.icon-pdf { background-image: url("../image/application-pdf.png"); } |
|
51 |
.context-menu-item.icon-html { background-image: url("../image/text-html.png"); } |
|
52 |
.context-menu-item.icon-add-picture { background-image: url("../image/add-picture.png"); } |
|
53 |
.context-menu-item.icon-download { background-image: url("../image/download.png"); } |
|
54 |
.context-menu-item.icon-renumber { background-image: url("../image/format-list-ordered.png"); } |
|
55 |
|
|
56 |
/* ------------------------------------------------------------ */ |
|
57 |
/* Sections & function blocks */ |
|
58 |
/* ------------------------------------------------------------ */ |
|
59 |
|
|
60 |
.section { |
|
61 |
border-left: 0; |
|
62 |
margin-left: 0; |
|
63 |
} |
|
64 |
|
|
65 |
.section-description-heading { |
|
66 |
font-weight: bold; |
|
67 |
} |
|
68 |
|
|
69 |
.section-description { |
|
70 |
color: #000; |
|
71 |
background: rgb(235, 235, 235); |
|
72 |
border: 1px solid #ccc; |
|
73 |
margin-bottom: 15px; |
|
74 |
} |
|
75 |
|
|
76 |
.function-block { |
|
77 |
border-bottom: 1px solid #bbb; |
|
78 |
border-left: 0; |
|
79 |
margin-left: 0; |
|
80 |
} |
|
81 |
|
|
82 |
.function-block-form { |
|
83 |
background: rgb(235, 235, 235); |
|
84 |
border: 1px solid rgb(0, 100, 0); |
|
85 |
} |
|
86 |
|
|
87 |
.function-block-number { |
|
88 |
font-weight: bold; |
|
89 |
} |
|
90 |
|
|
91 |
.function-block-form > div { |
|
92 |
padding: 5px; |
|
93 |
} |
|
94 |
|
|
95 |
.sub-function-block { |
|
96 |
background-color: #fff; |
|
97 |
border-bottom: 1px solid #ccc; |
|
98 |
border-left: 0; |
|
99 |
margin-left: 0; |
|
100 |
} |
|
101 |
|
|
102 |
.sub-function-block-container { |
|
103 |
margin: 10px 0px 10px 20px; |
|
104 |
border: 1px solid #ccc; |
|
105 |
} |
|
106 |
|
|
107 |
.sub-function-block-header { |
|
108 |
padding: 5px; |
|
109 |
font-weight: bold; |
|
110 |
color: #fff; |
|
111 |
background: #ccc; |
|
112 |
} |
|
113 |
|
|
114 |
/* Flagged sections, function blocks, text blocks */ |
|
115 |
|
|
116 |
.section.flagged .section-description, |
|
117 |
.function-block.flagged, |
|
118 |
.sub-function-block.flagged { |
|
119 |
background-color: #feece3; |
|
120 |
} |
|
121 |
|
|
122 |
.section.flagged .section-description > .section-description-heading, |
|
123 |
.function-block.flagged > .function-block-content > div > .function-block-number, |
|
124 |
.sub-function-block.flagged > .sub-function-block-content > div > .function-block-number { |
|
125 |
background-color: #fe5f14; |
|
126 |
color: #fff; |
|
127 |
} |
|
128 |
|
|
129 |
/* Selected sections, function blocks, text blocks */ |
|
130 |
|
|
131 |
.section.selected, .function-block.selected, .sub-function-block.selected { |
|
132 |
margin-left: -3px; |
|
133 |
border-left: 3px solid #cbb120; |
|
134 |
} |
|
135 |
|
|
136 |
/* ------------------------------------------------------------ */ |
|
137 |
/* Text blocks */ |
|
138 |
/* ------------------------------------------------------------ */ |
|
139 |
|
|
140 |
.requirement-spec-text-block { |
|
141 |
border-left: 0; |
|
142 |
margin-left: 3px; |
|
143 |
margin-top: 10px; |
|
144 |
} |
|
145 |
|
|
146 |
.requirement-spec-text-block > h2 { |
|
147 |
margin-top: 0px; |
|
148 |
} |
|
149 |
|
|
150 |
.requirement-spec-text-block.flagged { |
|
151 |
background-color: #feece3; |
|
152 |
/* border: 1px solid #fe5f14; */ |
|
153 |
} |
|
154 |
|
|
155 |
.requirement-spec-text-block.flagged > h2 { |
|
156 |
background-color: #fe5f14; |
|
157 |
color: #fff; |
|
158 |
} |
|
159 |
|
|
160 |
.requirement-spec-text-block.selected { |
|
161 |
border-left: 3px solid #cbb120; |
|
162 |
margin-left: 0; |
|
163 |
} |
|
164 |
|
|
165 |
.requirement-spec-text-block-picture-thumbnail { |
|
166 |
border-radius: 5px; |
|
167 |
border: 2px solid #ebebeb; |
|
168 |
float: left; |
|
169 |
margin-right: 20px; |
|
170 |
padding: 5px; |
|
171 |
text-align: center; |
|
172 |
width: 130px; |
|
173 |
} |
|
174 |
|
|
175 |
.requirement-spec-text-block-picture-thumbnail-img-container { |
|
176 |
height: 64px; |
|
177 |
margin: auto; |
|
178 |
padding: auto; |
|
179 |
width: 64px; |
|
180 |
} |
|
181 |
|
|
182 |
.requirement-spec-text-block-picture-thumbnail.selected { |
|
183 |
border: 2px solid #cbb120; |
|
184 |
} |
|
185 |
|
|
186 |
/* ------------------------------------------------------------ */ |
|
187 |
/* Time/cost estimation */ |
|
188 |
/* ------------------------------------------------------------ */ |
|
189 |
|
|
190 |
#time_cost_estimate p { |
|
191 |
margin-top: 0; |
|
192 |
margin-bottom: 0; |
|
193 |
} |
css/style.css | ||
---|---|---|
1 |
html { |
|
2 |
overflow-y: scroll; |
|
3 |
} |
|
4 |
body { |
|
5 |
padding: 0; |
|
6 |
margin: 0 ; |
|
7 |
} |
|
8 |
div, |
|
9 |
p, |
|
10 |
span, |
|
11 |
input, |
|
12 |
textarea, |
|
13 |
select, |
|
14 |
button, |
|
15 |
a.button, |
|
16 |
table, |
|
17 |
col, |
|
18 |
th, |
|
19 |
td { |
|
20 |
box-sizing: border-box; |
|
21 |
} |
|
22 |
.clearfix:after { |
|
23 |
clear: both; |
|
24 |
content: "."; |
|
25 |
display: block; |
|
26 |
height: 0; |
|
27 |
visibility: hidden; |
|
28 |
} |
|
29 |
@media screen { |
|
30 |
.noscreen { |
|
31 |
display: none; |
|
32 |
} |
|
33 |
} |
|
34 |
@media print { |
|
35 |
.noprint { |
|
36 |
display: none ; |
|
37 |
} |
|
38 |
} |
|
39 |
@media handheld { |
|
40 |
.nomobile { |
|
41 |
display: none; |
|
42 |
} |
|
43 |
} |
|
44 |
a.cti_call_action { |
|
45 |
display: block; |
|
46 |
padding-left: 18px; |
|
47 |
top: 2px; |
|
48 |
vertical-align: middle; |
|
49 |
background-image: url(../image/icons/16x16/phone.png); |
|
50 |
background-repeat: no-repeat; |
|
51 |
} |
|
52 |
.interact { |
|
53 |
color: #808080; |
|
54 |
} |
|
55 |
.interact:hover { |
|
56 |
color: black; |
|
57 |
} |
|
58 |
.cursor-default { |
|
59 |
cursor: default; |
|
60 |
} |
|
61 |
.cursor-pointer { |
|
62 |
cursor: pointer; |
|
63 |
} |
|
64 |
.cursor-help { |
|
65 |
cursor: help; |
|
66 |
} |
|
67 |
.cke_contents iframe html body.cke_editable { |
|
68 |
padding: 0; |
|
69 |
margin: 0; |
|
70 |
} |
|
71 |
.top_border { |
|
72 |
border-top: solid black; |
|
73 |
border-width: 4px; |
|
74 |
} |
|
75 |
.bottom_border { |
|
76 |
border-bottom: solid black; |
|
77 |
border-width: 1px; |
|
78 |
} |
|
79 |
.mx-h3-caption { |
|
80 |
font-size: 12pt; |
|
81 |
font-style: normal; |
|
82 |
font-weight: normal; |
|
83 |
color: #021304 !important; |
|
84 |
padding: 0.2em 0 0.2em 0.2em; |
|
85 |
margin: 0; |
|
86 |
text-align: left; |
|
87 |
} |
|
88 |
.mx-contentbox-properties { |
|
89 |
margin: 1em 1em 1em 0.6em; |
|
90 |
padding: 0.6em 1em 1.2em 1.8em; |
|
91 |
} |
|
92 |
.mx-thead-th { |
|
93 |
color: #57ef6b; |
|
94 |
background-color: #0f9f22; |
|
95 |
border-top: 1px solid #021304; |
|
96 |
border-bottom: 1px solid #021304; |
|
97 |
text-align: left ; |
|
98 |
vertical-align: middle ; |
|
99 |
} |
|
100 |
.mx-button { |
|
101 |
display: inline-block; |
|
102 |
cursor: auto ; |
|
103 |
width: auto ; |
|
104 |
padding: 0.2em 0.6em; |
|
105 |
font-size: 9pt; |
|
106 |
font-weight: normal; |
|
107 |
font-style: normal; |
|
108 |
text-align: center; |
|
109 |
border-style: solid; |
|
110 |
border-width: 1px; |
|
111 |
border-radius: 3px; |
|
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; |
|
149 |
} |
|
150 |
body { |
|
151 |
margin: 0 ; |
|
152 |
background-color: #b4f8bd; |
|
153 |
color: #000000; |
|
154 |
font-family: Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif; |
|
155 |
font-size: 11pt; |
|
156 |
} |
|
157 |
body #frame-header { |
|
158 |
position: fixed; |
|
159 |
top: 0; |
|
160 |
z-index: 1040; |
|
161 |
} |
|
162 |
body #menuv3:first-child { |
|
163 |
top: 0 !important; |
|
164 |
} |
|
165 |
body #menuv3 { |
|
166 |
position: fixed; |
|
167 |
z-index: 1999; |
|
168 |
top: 28px ; |
|
169 |
width: 100%; |
|
170 |
height: 32px; |
|
171 |
} |
|
172 |
body .layout-actionbar { |
|
173 |
display: block; |
|
174 |
z-index: 1030; |
|
175 |
position: fixed; |
|
176 |
float: left !important; |
|
177 |
width: auto; |
|
178 |
top: 68px ; |
|
179 |
left: 656px ; |
|
180 |
right: 0.2em ; |
|
181 |
margin: 0 0.4em 0 0; |
|
182 |
padding: 0; |
|
183 |
background: none; |
|
184 |
} |
|
185 |
body .layout-actionbar ~ div:first { |
|
186 |
padding-top: 25px; |
|
187 |
} |
|
188 |
body .layout-actionbar > div + div { |
|
189 |
margin-left: 2px; |
|
190 |
} |
|
191 |
body > #content { |
|
192 |
overflow: hidden; |
|
193 |
display: block; |
|
194 |
padding: 0 0 0 0; |
|
195 |
margin: 104px 0 1em 0; |
|
196 |
} |
|
197 |
body > #content .wrapper { |
|
198 |
clear: both; |
|
199 |
display: block; |
|
200 |
overflow: hidden; |
|
201 |
width: auto; |
|
202 |
height: auto; |
|
203 |
} |
|
204 |
body > #content .wrapper > .col { |
|
205 |
display: block; |
|
206 |
overflow: hidden; |
|
207 |
float: left; |
|
208 |
margin-right: 1.6em; |
|
209 |
} |
|
210 |
body > #content .wrapper > .col div label { |
|
211 |
font-size: 10pt; |
|
212 |
line-height: 12.6pt; |
|
213 |
} |
|
214 |
body > #content .wrapper > .col p { |
|
215 |
font-size: 10pt; |
|
216 |
} |
|
217 |
body > #content .wrapper > .col, |
|
218 |
body > #content .wrapper > .tbl-horizontal { |
|
219 |
float: left; |
|
220 |
margin-right: 1.6em; |
|
221 |
padding-bottom: 2px ; |
|
222 |
} |
|
223 |
body > #content .wrapper.center { |
|
224 |
margin: 0 auto; |
|
225 |
display: table; |
|
226 |
width: auto; |
|
227 |
} |
|
228 |
body > #content .wrapper.width-moderate { |
|
229 |
width: auto; |
|
230 |
} |
|
231 |
body > #content .ui-tabs-panel { |
|
232 |
background-color: #b4f8bd; |
|
233 |
} |
|
234 |
body .full-width { |
|
235 |
width: 100% ; |
|
236 |
padding: 0 0 1.0em 0 ; |
|
237 |
margin: 0 0 0 0; |
|
238 |
} |
|
239 |
body div.center { |
|
240 |
margin: 0 auto; |
|
241 |
display: table; |
|
242 |
width: auto; |
|
243 |
} |
|
244 |
.ui-helper-hidden { |
|
245 |
display: none; |
|
246 |
} |
|
247 |
.ui-helper-hidden-accessible { |
|
248 |
border: 0; |
|
249 |
clip: rect(0 0 0 0); |
|
250 |
height: 1px; |
|
251 |
margin: -1px; |
|
252 |
overflow: hidden; |
|
253 |
padding: 0; |
|
254 |
position: absolute; |
|
255 |
width: 1px; |
|
256 |
} |
|
257 |
.ui-helper-reset { |
|
258 |
margin: 0; |
|
259 |
padding: 0; |
|
260 |
border: 0; |
|
261 |
outline: 0; |
|
262 |
line-height: 1.3; |
|
263 |
text-decoration: none; |
|
264 |
font-size: 11pt; |
|
265 |
list-style: none; |
|
266 |
} |
|
267 |
.ui-helper-clearfix:before, |
|
268 |
.ui-helper-clearfix:after { |
|
269 |
content: ""; |
|
270 |
display: table; |
|
271 |
border-collapse: collapse; |
|
272 |
} |
|
273 |
.ui-helper-clearfix:after { |
|
274 |
clear: both; |
|
275 |
} |
|
276 |
.ui-helper-clearfix { |
|
277 |
min-height: 0; |
|
278 |
} |
|
279 |
.ui-helper-zfix { |
|
280 |
width: 100%; |
|
281 |
height: 100%; |
|
282 |
top: 0; |
|
283 |
left: 0; |
|
284 |
position: absolute; |
|
285 |
opacity: 0; |
|
286 |
} |
|
287 |
.ui-front { |
|
288 |
z-index: 100; |
|
289 |
} |
|
290 |
.ui-state-disabled { |
|
291 |
cursor: default !important; |
|
292 |
} |
|
293 |
.ui-icon { |
|
294 |
display: block; |
|
295 |
text-indent: -99999px; |
|
296 |
overflow: hidden; |
|
297 |
background-repeat: no-repeat; |
|
298 |
} |
|
299 |
.ui-widget-overlay { |
|
300 |
position: fixed; |
|
301 |
top: 0; |
|
302 |
left: 0; |
|
303 |
width: 100%; |
|
304 |
height: 100%; |
|
305 |
} |
|
306 |
.ui-resizable { |
|
307 |
position: relative; |
|
308 |
} |
|
309 |
.ui-resizable-handle { |
|
310 |
position: absolute; |
|
311 |
font-size: 0.1px; |
|
312 |
display: block; |
|
313 |
} |
|
314 |
.ui-resizable-disabled .ui-resizable-handle, |
|
315 |
.ui-resizable-autohide .ui-resizable-handle { |
|
316 |
display: none; |
|
317 |
} |
|
318 |
.ui-resizable-n { |
|
319 |
cursor: n-resize; |
|
320 |
height: 7px; |
|
321 |
width: 100%; |
|
322 |
top: -5px; |
|
323 |
left: 0; |
|
324 |
} |
|
325 |
.ui-resizable-s { |
|
326 |
cursor: s-resize; |
|
327 |
height: 7px; |
|
328 |
width: 100%; |
|
329 |
bottom: -5px; |
|
330 |
left: 0; |
|
331 |
} |
|
332 |
.ui-resizable-e { |
|
333 |
cursor: e-resize; |
|
334 |
width: 7px; |
|
335 |
right: -5px; |
|
336 |
top: 0; |
|
337 |
height: 100%; |
|
338 |
} |
|
339 |
.ui-resizable-w { |
|
340 |
cursor: w-resize; |
|
341 |
width: 7px; |
|
342 |
left: -5px; |
|
343 |
top: 0; |
|
344 |
height: 100%; |
|
345 |
} |
|
346 |
.ui-resizable-se { |
|
347 |
cursor: se-resize; |
|
348 |
width: 12px; |
|
349 |
height: 12px; |
|
350 |
right: 1px; |
|
351 |
bottom: 1px; |
|
352 |
} |
|
353 |
.ui-resizable-sw { |
|
354 |
cursor: sw-resize; |
|
355 |
width: 9px; |
|
356 |
height: 9px; |
|
357 |
left: -5px; |
|
358 |
bottom: -5px; |
|
359 |
} |
|
360 |
.ui-resizable-nw { |
|
361 |
cursor: nw-resize; |
|
362 |
width: 9px; |
|
363 |
height: 9px; |
|
364 |
left: -5px; |
|
365 |
top: -5px; |
|
366 |
} |
|
367 |
.ui-resizable-ne { |
|
368 |
cursor: ne-resize; |
|
369 |
width: 9px; |
|
370 |
height: 9px; |
|
371 |
right: -5px; |
|
372 |
top: -5px; |
|
373 |
} |
|
374 |
.ui-selectable-helper { |
|
375 |
position: absolute; |
|
376 |
z-index: 100; |
|
377 |
border: 1px dotted black; |
|
378 |
} |
|
379 |
.ui-accordion .ui-accordion-header { |
|
380 |
display: block; |
|
381 |
cursor: pointer; |
|
382 |
position: relative; |
|
383 |
margin-top: 2px; |
|
384 |
padding: .5em .5em .5em .7em; |
|
385 |
min-height: 0; |
|
386 |
} |
|
387 |
.ui-accordion .ui-accordion-icons { |
|
388 |
padding-left: 2.2em; |
|
389 |
} |
|
390 |
.ui-accordion .ui-accordion-noicons { |
|
391 |
padding-left: .7em; |
|
392 |
} |
|
393 |
.ui-accordion .ui-accordion-icons .ui-accordion-icons { |
|
394 |
padding-left: 2.2em; |
|
395 |
} |
|
396 |
.ui-accordion .ui-accordion-header .ui-accordion-header-icon { |
|
397 |
position: absolute; |
|
398 |
left: .5em; |
|
399 |
top: 50%; |
|
400 |
margin-top: -8px; |
|
401 |
} |
|
402 |
.ui-accordion .ui-accordion-content { |
|
403 |
padding: 1em 2.2em; |
|
404 |
border-top: 0; |
|
405 |
overflow: auto; |
|
406 |
} |
|
407 |
.ui-autocomplete { |
|
408 |
position: absolute; |
|
409 |
top: 0; |
|
410 |
left: 0; |
|
411 |
cursor: default; |
|
412 |
} |
|
413 |
.ui-button { |
|
414 |
display: inline-block; |
|
415 |
position: relative; |
|
416 |
padding: 0; |
|
417 |
line-height: normal; |
|
418 |
margin-right: .1em; |
|
419 |
cursor: pointer; |
|
420 |
vertical-align: middle; |
|
421 |
text-align: center; |
|
422 |
overflow: visible; |
|
423 |
} |
|
424 |
.ui-button:link, |
|
425 |
.ui-button:visited, |
|
426 |
.ui-button:hover, |
|
427 |
.ui-button:active { |
|
428 |
text-decoration: none; |
|
429 |
} |
|
430 |
.ui-button-icon-only { |
|
431 |
width: 2.2em; |
|
432 |
} |
|
433 |
button.ui-button-icon-only { |
|
434 |
width: 2.4em; |
|
435 |
} |
|
436 |
.ui-button-icons-only { |
|
437 |
width: 3.4em; |
|
438 |
} |
|
439 |
button.ui-button-icons-only { |
|
440 |
width: 3.7em; |
|
441 |
} |
|
442 |
.ui-button .ui-button-text { |
|
443 |
display: block; |
|
444 |
line-height: normal; |
|
445 |
} |
|
446 |
.ui-button-text-only .ui-button-text { |
|
447 |
padding: .4em 1em; |
|
448 |
} |
|
449 |
.ui-button-icon-only .ui-button-text, |
|
450 |
.ui-button-icons-only .ui-button-text { |
|
451 |
padding: .4em; |
|
452 |
text-indent: -9999999px; |
|
453 |
} |
|
454 |
.ui-button-text-icon-primary .ui-button-text, |
|
455 |
.ui-button-text-icons .ui-button-text { |
|
456 |
padding: .4em 1em .4em 2.1em; |
|
457 |
} |
|
458 |
.ui-button-text-icon-secondary .ui-button-text, |
|
459 |
.ui-button-text-icons .ui-button-text { |
|
460 |
padding: .4em 2.1em .4em 1em; |
|
461 |
} |
|
462 |
.ui-button-text-icons .ui-button-text { |
|
463 |
padding-left: 2.1em; |
|
464 |
padding-right: 2.1em; |
|
465 |
} |
|
466 |
input.ui-button { |
|
467 |
padding: .4em 1em; |
|
468 |
} |
|
469 |
.ui-button-icon-only .ui-icon, |
|
470 |
.ui-button-text-icon-primary .ui-icon, |
|
471 |
.ui-button-text-icon-secondary .ui-icon, |
|
472 |
.ui-button-text-icons .ui-icon, |
|
473 |
.ui-button-icons-only .ui-icon { |
|
474 |
position: absolute; |
|
475 |
top: 50%; |
|
476 |
margin-top: -8px; |
|
477 |
} |
|
478 |
.ui-button-icon-only .ui-icon { |
|
479 |
left: 50%; |
|
480 |
margin-left: -8px; |
|
481 |
} |
|
482 |
.ui-button-text-icon-primary .ui-button-icon-primary, |
|
483 |
.ui-button-text-icons .ui-button-icon-primary, |
|
484 |
.ui-button-icons-only .ui-button-icon-primary { |
|
485 |
left: .5em; |
|
486 |
} |
|
487 |
.ui-button-text-icon-secondary .ui-button-icon-secondary, |
|
488 |
.ui-button-text-icons .ui-button-icon-secondary, |
|
489 |
.ui-button-icons-only .ui-button-icon-secondary { |
|
490 |
right: .5em; |
|
491 |
} |
|
492 |
.ui-buttonset { |
|
493 |
margin-right: 7px; |
|
494 |
} |
|
495 |
.ui-buttonset .ui-button { |
|
496 |
margin-left: 0; |
|
497 |
margin-right: -0.3em; |
|
498 |
} |
|
499 |
input.ui-button::-moz-focus-inner, |
|
500 |
button.ui-button::-moz-focus-inner { |
|
501 |
border: 0; |
|
502 |
padding: 0; |
|
503 |
} |
|
504 |
.ui-datepicker { |
|
505 |
width: 17em; |
|
506 |
padding: .2em .2em 0; |
|
507 |
display: none; |
|
508 |
} |
|
509 |
.ui-datepicker .ui-datepicker-header { |
|
510 |
position: relative; |
|
511 |
padding: .2em 0; |
|
512 |
} |
|
513 |
.ui-datepicker .ui-datepicker-prev, |
|
514 |
.ui-datepicker .ui-datepicker-next { |
|
515 |
position: absolute; |
|
516 |
top: 2px; |
|
517 |
width: 1.8em; |
|
518 |
height: 1.8em; |
|
519 |
} |
|
520 |
.ui-datepicker .ui-datepicker-prev-hover, |
|
521 |
.ui-datepicker .ui-datepicker-next-hover { |
|
522 |
top: 1px; |
|
523 |
} |
|
524 |
.ui-datepicker .ui-datepicker-prev { |
|
525 |
left: 2px; |
|
526 |
} |
|
527 |
.ui-datepicker .ui-datepicker-next { |
|
528 |
right: 2px; |
|
529 |
} |
|
530 |
.ui-datepicker .ui-datepicker-prev-hover { |
|
531 |
left: 1px; |
|
532 |
} |
|
533 |
.ui-datepicker .ui-datepicker-next-hover { |
|
534 |
right: 1px; |
|
535 |
} |
|
536 |
.ui-datepicker .ui-datepicker-prev span, |
|
537 |
.ui-datepicker .ui-datepicker-next span { |
|
538 |
display: block; |
|
539 |
position: absolute; |
|
540 |
left: 50%; |
|
541 |
margin-left: -8px; |
|
542 |
top: 50%; |
|
543 |
margin-top: -8px; |
|
544 |
} |
|
545 |
.ui-datepicker .ui-datepicker-title { |
|
546 |
margin: 0 2.3em; |
|
547 |
line-height: 1.8em; |
|
548 |
text-align: center; |
|
549 |
} |
|
550 |
.ui-datepicker .ui-datepicker-title select { |
|
551 |
font-size: 11pt; |
|
552 |
margin: 1px 0; |
|
553 |
} |
|
554 |
.ui-datepicker select.ui-datepicker-month-year { |
|
555 |
width: 100%; |
|
556 |
} |
|
557 |
.ui-datepicker select.ui-datepicker-month, |
|
558 |
.ui-datepicker select.ui-datepicker-year { |
|
559 |
width: 49%; |
|
560 |
} |
|
561 |
.ui-datepicker table { |
|
562 |
width: 100%; |
|
563 |
font-size: 11pt; |
|
564 |
border-collapse: collapse; |
|
565 |
margin: 0 0 .4em; |
|
566 |
} |
|
567 |
.ui-datepicker th { |
|
568 |
padding: .7em .3em; |
|
569 |
text-align: center; |
|
570 |
font-weight: bold; |
|
571 |
border: 0; |
|
572 |
} |
|
573 |
.ui-datepicker td { |
|
574 |
border: 0; |
|
575 |
padding: 1px; |
|
576 |
} |
|
577 |
.ui-datepicker td span, |
|
578 |
.ui-datepicker td a { |
|
579 |
display: block; |
|
580 |
padding: .2em; |
|
581 |
text-align: right; |
|
582 |
text-decoration: none; |
|
583 |
} |
|
584 |
.ui-datepicker .ui-datepicker-buttonpane { |
|
585 |
background-image: none; |
|
586 |
margin: .7em 0 0 0; |
|
587 |
padding: 0 .2em; |
|
588 |
border-left: 0; |
|
589 |
border-right: 0; |
|
590 |
border-bottom: 0; |
|
591 |
} |
|
592 |
.ui-datepicker .ui-datepicker-buttonpane button { |
|
593 |
float: right; |
|
594 |
margin: .5em .2em .4em; |
|
595 |
cursor: pointer; |
|
596 |
padding: .2em .6em .3em .6em; |
|
597 |
width: auto; |
|
598 |
overflow: visible; |
|
599 |
} |
|
600 |
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { |
|
601 |
float: left; |
|
602 |
} |
|
603 |
.ui-datepicker.ui-datepicker-multi { |
|
604 |
width: auto; |
|
605 |
} |
|
606 |
.ui-datepicker-multi .ui-datepicker-group { |
|
607 |
float: left; |
|
608 |
} |
|
609 |
.ui-datepicker-multi .ui-datepicker-group table { |
|
610 |
width: 95%; |
|
611 |
margin: 0 auto .4em; |
|
612 |
} |
|
613 |
.ui-datepicker-multi-2 .ui-datepicker-group { |
|
614 |
width: 50%; |
|
615 |
} |
|
616 |
.ui-datepicker-multi-3 .ui-datepicker-group { |
|
617 |
width: 33.3%; |
|
618 |
} |
|
619 |
.ui-datepicker-multi-4 .ui-datepicker-group { |
|
620 |
width: 25%; |
|
621 |
} |
|
622 |
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, |
|
623 |
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { |
|
624 |
border-left-width: 0; |
|
625 |
} |
|
626 |
.ui-datepicker-multi .ui-datepicker-buttonpane { |
|
627 |
clear: left; |
|
628 |
} |
|
629 |
.ui-datepicker-row-break { |
|
630 |
clear: both; |
|
631 |
width: 100%; |
|
632 |
font-size: 0; |
|
633 |
} |
|
634 |
.ui-dialog { |
|
635 |
z-index: 8001 ; |
|
636 |
position: absolute; |
|
637 |
top: 0; |
|
638 |
left: 0; |
|
639 |
outline: 0; |
|
640 |
border: 1px solid black; |
|
641 |
} |
|
642 |
.ui-dialog .ui-dialog-titlebar { |
|
643 |
padding: 0.4em 1.0em; |
|
644 |
border: none; |
|
645 |
background: #0f9f22; |
|
646 |
color: #86f494; |
|
647 |
font-weight: normal; |
|
648 |
position: relative; |
|
649 |
text-align: left; |
|
650 |
font-size: 13pt; |
|
651 |
} |
|
652 |
.ui-dialog .ui-dialog-titlebar .ui-dialog-title { |
|
653 |
float: left; |
|
654 |
white-space: nowrap; |
|
655 |
overflow: hidden; |
|
656 |
text-overflow: ellipsis; |
|
657 |
display: block; |
|
658 |
} |
|
659 |
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close { |
|
660 |
position: absolute; |
|
661 |
right: 0.3em; |
|
662 |
top: 50%; |
|
663 |
width: 21px; |
|
664 |
margin: 10px 0 0 0; |
|
665 |
padding: 1px; |
|
666 |
height: 20px; |
|
667 |
} |
|
668 |
.ui-dialog .ui-dialog-content { |
|
669 |
position: relative; |
|
670 |
border: 0; |
|
671 |
padding: .5em 1em; |
Auch abrufbar als: Unified diff
Neues kivitendo Design div. Aenderungen in css/..
Ohne Aenderungen in css/less/ und css/development/