|
1 /* styles for generated forms |
|
2 * |
|
3 * :organization: Logilab |
|
4 * :copyright: 2003-2010 LOGILAB S.A. (Paris, FRANCE), all rights reserved. |
|
5 * :contact: http://www.logilab.fr/ -- mailto:contact@logilab.fr |
|
6 */ |
|
7 |
|
8 div.formTitle { |
|
9 width: 100%; |
|
10 font-size : 160%; |
|
11 font-weight: bold; |
|
12 padding-bottom : 0.4em; |
|
13 margin-bottom: 0.6em |
|
14 } |
|
15 |
|
16 div.formTitle span { |
|
17 padding: 4px 0px; |
|
18 display: block; |
|
19 } |
|
20 |
|
21 div.iformTitle { |
|
22 font-weight: bold; |
|
23 font-size: 110%; |
|
24 background: %(formHeaderBgColor)s; |
|
25 border: 1px solid %(formHeaderBgColor)s; /*#b7b6a3 */ |
|
26 border-bottom: none; |
|
27 } |
|
28 |
|
29 div.iformTitle span { |
|
30 margin: 0.5em; |
|
31 } |
|
32 |
|
33 div.iformTitle span.icounter { |
|
34 margin: 0em; |
|
35 } |
|
36 |
|
37 div.iformTitle a { |
|
38 font-size: 80%; |
|
39 } |
|
40 |
|
41 div.formBody { |
|
42 width:100%; |
|
43 } |
|
44 |
|
45 fieldset.subentity { |
|
46 border: 1px solid %(formHeaderBgColor)s; |
|
47 display: block; |
|
48 margin-bottom: 1em; |
|
49 padding: 0.4em; |
|
50 } |
|
51 |
|
52 table.attributeForm { |
|
53 border: 1px solid %(formHeaderBgColor)s; |
|
54 margin-bottom: 1em; |
|
55 padding: 0.8em 1.2em; |
|
56 width: 100%; |
|
57 } |
|
58 |
|
59 fieldset.subentity table td { |
|
60 padding: 2px; |
|
61 vertical-align: top; |
|
62 } |
|
63 |
|
64 fieldset.subentity table.attributeForm { |
|
65 border: none; |
|
66 padding: 0em; |
|
67 } |
|
68 |
|
69 .attributeForm, |
|
70 .attributeForm th, |
|
71 .attributeForm td { |
|
72 border-collapse: separate; |
|
73 } |
|
74 |
|
75 table.attributeForm th, |
|
76 table.attributeForm td { |
|
77 padding : .2em 2px; |
|
78 } |
|
79 |
|
80 table.attributeForm th { |
|
81 text-align: left; |
|
82 width: 12em; |
|
83 } |
|
84 |
|
85 table.attributeForm div#comfirmPsw { |
|
86 } |
|
87 |
|
88 table.attributeForm input, |
|
89 table.attributeForm textarea, |
|
90 table.attributeForm select { |
|
91 border: 1px solid %(formHeaderBgColor)s; /*#b7b6a3*/ |
|
92 } |
|
93 |
|
94 table.attributeForm textarea { |
|
95 font: 100% normal Courier, monospace; |
|
96 width: 100%; |
|
97 } |
|
98 |
|
99 table.attributeForm label, |
|
100 .entityForm .label { |
|
101 padding : 0.2em 1em 0.2em 0; |
|
102 } |
|
103 |
|
104 table.attributeForm label.required { |
|
105 background: url("required.png") 100% 50% no-repeat; |
|
106 } |
|
107 |
|
108 .entityForm .validateButton { |
|
109 margin: 5px 10px 5px 0px; |
|
110 } |
|
111 |
|
112 a.addEntity { |
|
113 display:block ; |
|
114 margin-bottom:1em ; |
|
115 padding-left:0.2em ; |
|
116 font-weight: bold ; |
|
117 } |
|
118 |
|
119 table#relatedEntities { |
|
120 margin: 10px 0px; |
|
121 border-collapse: separate; |
|
122 } |
|
123 |
|
124 table#relatedEntities th, |
|
125 table#relatedEntities td { |
|
126 padding : 0px 2px; |
|
127 } |
|
128 |
|
129 table#relatedEntities tr.separator { |
|
130 border-bottom: none; |
|
131 text-align: center; |
|
132 } |
|
133 |
|
134 table#relatedEntities th { |
|
135 text-align: right; |
|
136 width:200em; |
|
137 } |
|
138 |
|
139 table#relatedEntities th.warning { |
|
140 border: none; |
|
141 text-align: center; |
|
142 } |
|
143 |
|
144 table#relatedEntities td span { |
|
145 display: inline; |
|
146 } |
|
147 |
|
148 table#relatedEntities ul { |
|
149 margin: 0px; |
|
150 padding: 0px; |
|
151 } |
|
152 |
|
153 table#relatedEntities td { |
|
154 width: 100%; |
|
155 } |
|
156 |
|
157 a.handle { |
|
158 font-family: Courier; |
|
159 font-size: 120%; |
|
160 } |
|
161 |
|
162 a.editionPending { |
|
163 color: #9c9b24; /*557755*/ |
|
164 font-weight: bold; |
|
165 } |
|
166 |
|
167 .pendingDelete { |
|
168 text-decoration: line-through; |
|
169 } |
|
170 |
|
171 div.notransform { |
|
172 text-transform: none; |
|
173 } |
|
174 |
|
175 div.inlinedform { |
|
176 margin-left: 2em; |
|
177 } |
|
178 |
|
179 div.editableField { |
|
180 display: inline; |
|
181 } |
|
182 |
|
183 div.editableFieldValue { |
|
184 display: inline; |
|
185 } |
|
186 |
|
187 /* div.editableField:hover, */ |
|
188 /* div.editableField p:hover { */ |
|
189 /* background-color: #eeedd9; */ |
|
190 /* } */ |
|
191 |
|
192 .error input, /* error added by the form renderer */ |
|
193 input.error { /* error added by javascript */ |
|
194 background: transparent %(errorMsgBgImg)s; |
|
195 } |
|
196 |
|
197 span.errorMsg { |
|
198 display: block; |
|
199 font-weight: bold; |
|
200 color: %(errorMsgColor)s; |
|
201 } |
|
202 |
|
203 option.separator { |
|
204 font-weight: bold; |
|
205 background: #ccc; |
|
206 text-align: center; |
|
207 } |
|
208 |
|
209 div.notice { |
|
210 display: none; |
|
211 font-style: italic; |
|
212 font-size: 110%; |
|
213 padding-left: 2em; |
|
214 background : %(msgBgColor)s %(infoMsgBgImg)s; |
|
215 } |
|
216 |
|
217 .helper{ |
|
218 font-size: 96%; |
|
219 color: %(helperColor)s; |
|
220 } |
|
221 |
|
222 .helper:hover { |
|
223 color: #000; |
|
224 cursor: default; |
|
225 } |
|
226 |
|
227 .validateButton { |
|
228 margin: 1em 1em 0px 0px; |
|
229 border-width: 1px; |
|
230 border-style: solid; |
|
231 border-color: %(buttonBorderColor)s %(incontextBoxBodyBgColor)s %(incontextBoxBodyBgColor)s %(buttonBorderColor)s; |
|
232 background: %(buttonBgColor)s %(buttonBgImg)s; |
|
233 } |