|
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; |
|
12 color: orangered; |
|
13 padding-bottom : 0.4em; |
|
14 text-transform: capitalize; |
|
15 background: url("bg_trame_grise.png") left bottom repeat-x; |
|
16 margin-bottom: 0.6em |
|
17 } |
|
18 |
|
19 div.formTitle span { |
|
20 padding: 4px 0px; |
|
21 display: block; |
|
22 } |
|
23 |
|
24 div.iformTitle { |
|
25 font-weight: bold; |
|
26 font-size: 110%; |
|
27 color: #222211; |
|
28 background: #e4ead8; |
|
29 border: 1px solid #E4EAD8; /*#b7b6a3 */ |
|
30 border-bottom: none; |
|
31 } |
|
32 |
|
33 div.iformTitle span { |
|
34 margin: 0.5em; |
|
35 } |
|
36 |
|
37 div.iformTitle span.icounter { |
|
38 margin: 0em; |
|
39 } |
|
40 |
|
41 div.iformTitle a { |
|
42 font-size: 80%; |
|
43 } |
|
44 |
|
45 div.formBody { |
|
46 width:100%; |
|
47 } |
|
48 |
|
49 fieldset.subentity { |
|
50 border: 1px solid #E4EAD8; |
|
51 display: block; |
|
52 margin-bottom: 1em; |
|
53 padding: 0.4em; |
|
54 } |
|
55 |
|
56 table.attributeForm { |
|
57 border: 1px solid #E4EAD8; |
|
58 margin-bottom: 1em; |
|
59 padding: 0.8em; |
|
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 { |
|
80 padding : 0px 2px; |
|
81 } |
|
82 |
|
83 table.attributeForm th { |
|
84 text-align: right; |
|
85 } |
|
86 |
|
87 table.attributeForm div#comfirmPsw { |
|
88 } |
|
89 |
|
90 table.attributeForm input, |
|
91 table.attributeForm textarea, |
|
92 table.attributeForm select { |
|
93 border: 1px solid #E4EAD8; /*#b7b6a3*/ |
|
94 } |
|
95 |
|
96 table.attributeForm textarea { |
|
97 font: 100% normal Courier, monospace; |
|
98 width: 100%; |
|
99 } |
|
100 |
|
101 table.attributeForm label, |
|
102 .entityForm .label { |
|
103 padding : 0.2em 10px 0.2em 0.4em; |
|
104 } |
|
105 |
|
106 table.attributeForm label.required { |
|
107 background: url("required.png") 100% 50% no-repeat; |
|
108 } |
|
109 |
|
110 .entityForm input.validateButton { |
|
111 margin: 5px 10px 5px 0px; |
|
112 } |
|
113 |
|
114 a.addEntity { |
|
115 display:block ; |
|
116 margin-bottom:1em ; |
|
117 padding-left:0.2em ; |
|
118 font-weight: bold ; |
|
119 } |
|
120 |
|
121 table#relatedEntities { |
|
122 margin: 10px 0px; |
|
123 border-collapse: separate; |
|
124 } |
|
125 |
|
126 table#relatedEntities th, |
|
127 table#relatedEntities td { |
|
128 padding : 0px 2px; |
|
129 } |
|
130 |
|
131 table#relatedEntities tr.separator { |
|
132 border-bottom: none; |
|
133 text-align: center; |
|
134 } |
|
135 |
|
136 table#relatedEntities th { |
|
137 text-align: right; |
|
138 width:200em; |
|
139 } |
|
140 |
|
141 table#relatedEntities th.warning { |
|
142 border: none; |
|
143 text-align: center; |
|
144 } |
|
145 |
|
146 table#relatedEntities td span { |
|
147 display: inline; |
|
148 } |
|
149 |
|
150 table#relatedEntities ul { |
|
151 margin: 0px; |
|
152 padding: 0px; |
|
153 } |
|
154 |
|
155 table#relatedEntities td { |
|
156 width: 100%; |
|
157 } |
|
158 |
|
159 a.handle { |
|
160 font-family: Courier; |
|
161 font-size: 120%; |
|
162 } |
|
163 |
|
164 a.editionPending { |
|
165 color: #557755; |
|
166 font-weight: bold; |
|
167 } |
|
168 |
|
169 div.pendingDelete { |
|
170 text-decoration: line-through; |
|
171 } |
|
172 |
|
173 div.notransform { |
|
174 text-transform: none; |
|
175 } |
|
176 |
|
177 div.inlinedform { |
|
178 margin-left: 2em; |
|
179 } |
|
180 |
|
181 div.trame_grise { |
|
182 background: url("bg_trame_grise.png") left top repeat-x; |
|
183 } |
|
184 |
|
185 div.notice { |
|
186 display: none; |
|
187 font-style: italic; |
|
188 font-size: 110%; |
|
189 padding-left: 2em; |
|
190 background : #f8f8ee url("information.png") 5px center no-repeat ; |
|
191 } |