author | Sylvain Thénault <sylvain.thenault@logilab.fr> |
Thu, 15 Apr 2010 18:42:41 +0200 | |
branch | stable |
changeset 5296 | 85c2f983421e |
parent 5038 | 90493551b1eb |
child 5767 | 1d811df051c2 |
permissions | -rw-r--r-- |
0 | 1 |
/* styles for generated forms |
2 |
* |
|
3 |
* :organization: Logilab |
|
4 |
* :copyright: 2003-2008 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; |
|
850
b747f1a1ced0
Split cubicweb.css into small parts
Julien Jehannet <julien.jehannet@logilab.fr>
parents:
0
diff
changeset
|
12 |
color: #ff4500; |
0 | 13 |
padding-bottom : 0.4em; |
14 |
text-transform: capitalize; |
|
15 |
margin-bottom: 0.6em |
|
16 |
} |
|
17 |
||
18 |
div.formTitle span { |
|
19 |
padding: 4px 0px; |
|
20 |
display: block; |
|
21 |
} |
|
22 |
||
23 |
div.iformTitle { |
|
24 |
font-weight: bold; |
|
25 |
font-size: 110%; |
|
26 |
color: #222211; |
|
27 |
background: #e4ead8; |
|
28 |
border: 1px solid #E4EAD8; /*#b7b6a3 */ |
|
29 |
border-bottom: none; |
|
30 |
} |
|
31 |
||
32 |
div.iformTitle span { |
|
33 |
margin: 0.5em; |
|
34 |
} |
|
35 |
||
36 |
div.iformTitle span.icounter { |
|
37 |
margin: 0em; |
|
38 |
} |
|
39 |
||
40 |
div.iformTitle a { |
|
41 |
font-size: 80%; |
|
42 |
} |
|
43 |
||
44 |
div.formBody { |
|
45 |
width:100%; |
|
46 |
} |
|
47 |
||
48 |
fieldset.subentity { |
|
49 |
border: 1px solid #E4EAD8; |
|
50 |
display: block; |
|
51 |
margin-bottom: 1em; |
|
52 |
padding: 0.4em; |
|
53 |
} |
|
54 |
||
55 |
table.attributeForm { |
|
56 |
border: 1px solid #E4EAD8; |
|
57 |
margin-bottom: 1em; |
|
1412
f3361e29d91f
give more space to labels in forms
Aurelien Campeas <aurelien.campeas@logilab.fr>
parents:
1077
diff
changeset
|
58 |
padding: 0.8em 1.2em; |
f3361e29d91f
give more space to labels in forms
Aurelien Campeas <aurelien.campeas@logilab.fr>
parents:
1077
diff
changeset
|
59 |
width: 100%; |
0 | 60 |
} |
61 |
||
62 |
fieldset.subentity table td { |
|
63 |
padding: 2px; |
|
64 |
vertical-align: top; |
|
65 |
} |
|
66 |
||
67 |
fieldset.subentity table.attributeForm { |
|
68 |
border: none; |
|
69 |
padding: 0em; |
|
70 |
} |
|
71 |
||
72 |
.attributeForm, |
|
73 |
.attributeForm th, |
|
74 |
.attributeForm td { |
|
75 |
border-collapse: separate; |
|
76 |
} |
|
77 |
||
78 |
table.attributeForm th, |
|
79 |
table.attributeForm td { |
|
2999
0bf6c52447d0
B [css] #344441 edit form is too spread out
Nicolas Chauvat <nicolas.chauvat@logilab.fr>
parents:
1412
diff
changeset
|
80 |
padding : .2em 2px; |
0 | 81 |
} |
82 |
||
83 |
table.attributeForm th { |
|
1412
f3361e29d91f
give more space to labels in forms
Aurelien Campeas <aurelien.campeas@logilab.fr>
parents:
1077
diff
changeset
|
84 |
text-align: left; |
f3361e29d91f
give more space to labels in forms
Aurelien Campeas <aurelien.campeas@logilab.fr>
parents:
1077
diff
changeset
|
85 |
width: 12em; |
0 | 86 |
} |
87 |
||
88 |
table.attributeForm div#comfirmPsw { |
|
89 |
} |
|
90 |
||
91 |
table.attributeForm input, |
|
92 |
table.attributeForm textarea, |
|
93 |
table.attributeForm select { |
|
94 |
border: 1px solid #E4EAD8; /*#b7b6a3*/ |
|
95 |
} |
|
96 |
||
97 |
table.attributeForm textarea { |
|
98 |
font: 100% normal Courier, monospace; |
|
99 |
width: 100%; |
|
100 |
} |
|
101 |
||
102 |
table.attributeForm label, |
|
103 |
.entityForm .label { |
|
1412
f3361e29d91f
give more space to labels in forms
Aurelien Campeas <aurelien.campeas@logilab.fr>
parents:
1077
diff
changeset
|
104 |
padding : 0.2em 1em 0.2em 0; |
0 | 105 |
} |
106 |
||
107 |
table.attributeForm label.required { |
|
108 |
background: url("required.png") 100% 50% no-repeat; |
|
109 |
} |
|
110 |
||
4280
15d541321a8c
more input/button fixes
Sylvain Thénault <sylvain.thenault@logilab.fr>
parents:
3806
diff
changeset
|
111 |
.entityForm .validateButton { |
0 | 112 |
margin: 5px 10px 5px 0px; |
113 |
} |
|
114 |
||
115 |
a.addEntity { |
|
116 |
display:block ; |
|
117 |
margin-bottom:1em ; |
|
118 |
padding-left:0.2em ; |
|
119 |
font-weight: bold ; |
|
120 |
} |
|
121 |
||
122 |
table#relatedEntities { |
|
123 |
margin: 10px 0px; |
|
124 |
border-collapse: separate; |
|
125 |
} |
|
126 |
||
127 |
table#relatedEntities th, |
|
128 |
table#relatedEntities td { |
|
129 |
padding : 0px 2px; |
|
130 |
} |
|
131 |
||
132 |
table#relatedEntities tr.separator { |
|
133 |
border-bottom: none; |
|
134 |
text-align: center; |
|
135 |
} |
|
136 |
||
137 |
table#relatedEntities th { |
|
138 |
text-align: right; |
|
139 |
width:200em; |
|
140 |
} |
|
141 |
||
142 |
table#relatedEntities th.warning { |
|
143 |
border: none; |
|
144 |
text-align: center; |
|
145 |
} |
|
146 |
||
147 |
table#relatedEntities td span { |
|
148 |
display: inline; |
|
149 |
} |
|
150 |
||
151 |
table#relatedEntities ul { |
|
152 |
margin: 0px; |
|
153 |
padding: 0px; |
|
154 |
} |
|
155 |
||
156 |
table#relatedEntities td { |
|
157 |
width: 100%; |
|
158 |
} |
|
159 |
||
160 |
a.handle { |
|
161 |
font-family: Courier; |
|
162 |
font-size: 120%; |
|
163 |
} |
|
164 |
||
165 |
a.editionPending { |
|
166 |
color: #557755; |
|
167 |
font-weight: bold; |
|
168 |
} |
|
169 |
||
170 |
div.pendingDelete { |
|
171 |
text-decoration: line-through; |
|
172 |
} |
|
173 |
||
174 |
div.notransform { |
|
175 |
text-transform: none; |
|
176 |
} |
|
177 |
||
178 |
div.inlinedform { |
|
179 |
margin-left: 2em; |
|
180 |
} |
|
181 |
||
850
b747f1a1ced0
Split cubicweb.css into small parts
Julien Jehannet <julien.jehannet@logilab.fr>
parents:
0
diff
changeset
|
182 |
div.editableField { |
b747f1a1ced0
Split cubicweb.css into small parts
Julien Jehannet <julien.jehannet@logilab.fr>
parents:
0
diff
changeset
|
183 |
display: inline; |
b747f1a1ced0
Split cubicweb.css into small parts
Julien Jehannet <julien.jehannet@logilab.fr>
parents:
0
diff
changeset
|
184 |
} |
b747f1a1ced0
Split cubicweb.css into small parts
Julien Jehannet <julien.jehannet@logilab.fr>
parents:
0
diff
changeset
|
185 |
|
3767
03924de0014d
reledit: stuff the value into its own div and properly hide it when necessary (but dont lump it with the landingzone div for it switches the form on when one clicks on a value to traverse it)
Aurelien Campeas <aurelien.campeas@logilab.fr>
parents:
3761
diff
changeset
|
186 |
div.editableFieldValue { |
03924de0014d
reledit: stuff the value into its own div and properly hide it when necessary (but dont lump it with the landingzone div for it switches the form on when one clicks on a value to traverse it)
Aurelien Campeas <aurelien.campeas@logilab.fr>
parents:
3761
diff
changeset
|
187 |
display: inline; |
03924de0014d
reledit: stuff the value into its own div and properly hide it when necessary (but dont lump it with the landingzone div for it switches the form on when one clicks on a value to traverse it)
Aurelien Campeas <aurelien.campeas@logilab.fr>
parents:
3761
diff
changeset
|
188 |
} |
03924de0014d
reledit: stuff the value into its own div and properly hide it when necessary (but dont lump it with the landingzone div for it switches the form on when one clicks on a value to traverse it)
Aurelien Campeas <aurelien.campeas@logilab.fr>
parents:
3761
diff
changeset
|
189 |
|
850
b747f1a1ced0
Split cubicweb.css into small parts
Julien Jehannet <julien.jehannet@logilab.fr>
parents:
0
diff
changeset
|
190 |
div.editableField:hover, |
b747f1a1ced0
Split cubicweb.css into small parts
Julien Jehannet <julien.jehannet@logilab.fr>
parents:
0
diff
changeset
|
191 |
div.editableField p:hover { |
b747f1a1ced0
Split cubicweb.css into small parts
Julien Jehannet <julien.jehannet@logilab.fr>
parents:
0
diff
changeset
|
192 |
background-color: #eeedd9; |
b747f1a1ced0
Split cubicweb.css into small parts
Julien Jehannet <julien.jehannet@logilab.fr>
parents:
0
diff
changeset
|
193 |
} |
b747f1a1ced0
Split cubicweb.css into small parts
Julien Jehannet <julien.jehannet@logilab.fr>
parents:
0
diff
changeset
|
194 |
|
5038
90493551b1eb
[form] fix validation error handling
Sylvain Thénault <sylvain.thenault@logilab.fr>
parents:
4280
diff
changeset
|
195 |
.error input { /* error added by the form renderer */ |
90493551b1eb
[form] fix validation error handling
Sylvain Thénault <sylvain.thenault@logilab.fr>
parents:
4280
diff
changeset
|
196 |
background: transparent url("error.png") 100% 50% no-repeat; |
90493551b1eb
[form] fix validation error handling
Sylvain Thénault <sylvain.thenault@logilab.fr>
parents:
4280
diff
changeset
|
197 |
} |
90493551b1eb
[form] fix validation error handling
Sylvain Thénault <sylvain.thenault@logilab.fr>
parents:
4280
diff
changeset
|
198 |
input.error { /* error added by javascript */ |
850
b747f1a1ced0
Split cubicweb.css into small parts
Julien Jehannet <julien.jehannet@logilab.fr>
parents:
0
diff
changeset
|
199 |
background: transparent url("error.png") 100% 50% no-repeat; |
b747f1a1ced0
Split cubicweb.css into small parts
Julien Jehannet <julien.jehannet@logilab.fr>
parents:
0
diff
changeset
|
200 |
} |
b747f1a1ced0
Split cubicweb.css into small parts
Julien Jehannet <julien.jehannet@logilab.fr>
parents:
0
diff
changeset
|
201 |
|
5038
90493551b1eb
[form] fix validation error handling
Sylvain Thénault <sylvain.thenault@logilab.fr>
parents:
4280
diff
changeset
|
202 |
span.errorMsg { |
850
b747f1a1ced0
Split cubicweb.css into small parts
Julien Jehannet <julien.jehannet@logilab.fr>
parents:
0
diff
changeset
|
203 |
display: block; |
b747f1a1ced0
Split cubicweb.css into small parts
Julien Jehannet <julien.jehannet@logilab.fr>
parents:
0
diff
changeset
|
204 |
font-weight: bold; |
b747f1a1ced0
Split cubicweb.css into small parts
Julien Jehannet <julien.jehannet@logilab.fr>
parents:
0
diff
changeset
|
205 |
color: #ed0d0d; |
b747f1a1ced0
Split cubicweb.css into small parts
Julien Jehannet <julien.jehannet@logilab.fr>
parents:
0
diff
changeset
|
206 |
} |
b747f1a1ced0
Split cubicweb.css into small parts
Julien Jehannet <julien.jehannet@logilab.fr>
parents:
0
diff
changeset
|
207 |
|
b747f1a1ced0
Split cubicweb.css into small parts
Julien Jehannet <julien.jehannet@logilab.fr>
parents:
0
diff
changeset
|
208 |
option.separator { |
b747f1a1ced0
Split cubicweb.css into small parts
Julien Jehannet <julien.jehannet@logilab.fr>
parents:
0
diff
changeset
|
209 |
font-weight: bold; |
b747f1a1ced0
Split cubicweb.css into small parts
Julien Jehannet <julien.jehannet@logilab.fr>
parents:
0
diff
changeset
|
210 |
background: #ccc; |
b747f1a1ced0
Split cubicweb.css into small parts
Julien Jehannet <julien.jehannet@logilab.fr>
parents:
0
diff
changeset
|
211 |
text-align: center; |
b747f1a1ced0
Split cubicweb.css into small parts
Julien Jehannet <julien.jehannet@logilab.fr>
parents:
0
diff
changeset
|
212 |
} |
b747f1a1ced0
Split cubicweb.css into small parts
Julien Jehannet <julien.jehannet@logilab.fr>
parents:
0
diff
changeset
|
213 |
|
0 | 214 |
div.notice { |
215 |
display: none; |
|
216 |
font-style: italic; |
|
217 |
font-size: 110%; |
|
218 |
padding-left: 2em; |
|
219 |
background : #f8f8ee url("information.png") 5px center no-repeat ; |
|
220 |
} |
|
850
b747f1a1ced0
Split cubicweb.css into small parts
Julien Jehannet <julien.jehannet@logilab.fr>
parents:
0
diff
changeset
|
221 |
|
b747f1a1ced0
Split cubicweb.css into small parts
Julien Jehannet <julien.jehannet@logilab.fr>
parents:
0
diff
changeset
|
222 |
.helper{ |
b747f1a1ced0
Split cubicweb.css into small parts
Julien Jehannet <julien.jehannet@logilab.fr>
parents:
0
diff
changeset
|
223 |
font-size: 96%; |
b747f1a1ced0
Split cubicweb.css into small parts
Julien Jehannet <julien.jehannet@logilab.fr>
parents:
0
diff
changeset
|
224 |
color: #555544; |
b747f1a1ced0
Split cubicweb.css into small parts
Julien Jehannet <julien.jehannet@logilab.fr>
parents:
0
diff
changeset
|
225 |
} |
b747f1a1ced0
Split cubicweb.css into small parts
Julien Jehannet <julien.jehannet@logilab.fr>
parents:
0
diff
changeset
|
226 |
|
b747f1a1ced0
Split cubicweb.css into small parts
Julien Jehannet <julien.jehannet@logilab.fr>
parents:
0
diff
changeset
|
227 |
.helper:hover { |
b747f1a1ced0
Split cubicweb.css into small parts
Julien Jehannet <julien.jehannet@logilab.fr>
parents:
0
diff
changeset
|
228 |
color: #000; |
b747f1a1ced0
Split cubicweb.css into small parts
Julien Jehannet <julien.jehannet@logilab.fr>
parents:
0
diff
changeset
|
229 |
cursor: default; |
b747f1a1ced0
Split cubicweb.css into small parts
Julien Jehannet <julien.jehannet@logilab.fr>
parents:
0
diff
changeset
|
230 |
} |
b747f1a1ced0
Split cubicweb.css into small parts
Julien Jehannet <julien.jehannet@logilab.fr>
parents:
0
diff
changeset
|
231 |
|
4280
15d541321a8c
more input/button fixes
Sylvain Thénault <sylvain.thenault@logilab.fr>
parents:
3806
diff
changeset
|
232 |
.validateButton { |
850
b747f1a1ced0
Split cubicweb.css into small parts
Julien Jehannet <julien.jehannet@logilab.fr>
parents:
0
diff
changeset
|
233 |
margin: 1em 1em 0px 0px; |
b747f1a1ced0
Split cubicweb.css into small parts
Julien Jehannet <julien.jehannet@logilab.fr>
parents:
0
diff
changeset
|
234 |
border: 1px solid #edecd2; |
b747f1a1ced0
Split cubicweb.css into small parts
Julien Jehannet <julien.jehannet@logilab.fr>
parents:
0
diff
changeset
|
235 |
border-color:#edecd2 #cfceb7 #cfceb7 #edecd2; |
b747f1a1ced0
Split cubicweb.css into small parts
Julien Jehannet <julien.jehannet@logilab.fr>
parents:
0
diff
changeset
|
236 |
background: #fffff8 url("button.png") bottom left repeat-x; |
b747f1a1ced0
Split cubicweb.css into small parts
Julien Jehannet <julien.jehannet@logilab.fr>
parents:
0
diff
changeset
|
237 |
} |
b747f1a1ced0
Split cubicweb.css into small parts
Julien Jehannet <julien.jehannet@logilab.fr>
parents:
0
diff
changeset
|
238 |