source:
trunk/LATMOS-Accounts-Web/root/static/style.css
@
1651
Last change on this file since 1651 was 1602, checked in by nanardon, 9 years ago | |
---|---|
File size: 4.5 KB |
Rev | Line | |
---|---|---|
[1162] | 1 | /* global dcl: */ |
2 | ||
[120] | 3 | img { |
4 | border: none; | |
[160] | 5 | vertical-align: middle; |
[861] | 6 | padding: 0em |
[120] | 7 | } |
[123] | 8 | |
[1500] | 9 | input { |
10 | font-size: 0.95em; | |
11 | } | |
12 | ||
[1329] | 13 | .ui-autocomplete { |
14 | max-height: 8em; | |
15 | overflow-y: auto; | |
16 | /* prevent horizontal scrollbar */ | |
17 | overflow-x: hidden; | |
18 | } | |
19 | ||
[1583] | 20 | .container { |
21 | margin: 20px auto; | |
22 | max-width: 800px; | |
23 | } | |
24 | ||
[1602] | 25 | .ui-menu:after { |
26 | content: "."; | |
27 | display: block; | |
28 | clear: both; | |
29 | visibility: hidden; | |
30 | line-height: 0; | |
31 | height: 0; | |
32 | } | |
33 | ||
34 | #menu { | |
35 | width: auto; | |
36 | } | |
37 | ||
38 | #menu>.ui-menu-item { | |
39 | border: 1px solid #A6C9E2; | |
40 | width: auto; | |
41 | display: inline-block; | |
42 | float: left; | |
43 | } | |
44 | ||
45 | .ui-menu { | |
46 | margin: 0; | |
47 | padding: 0; | |
48 | width: 150px; | |
49 | } | |
50 | ||
[1329] | 51 | * html .ui-autocomplete { |
52 | height: 8em; | |
53 | } | |
54 | ||
[1602] | 55 | |
[1162] | 56 | input[type=image] { |
57 | border: outset; | |
58 | border-color: black; | |
59 | vertical-align: middle; | |
60 | background-color: #DDDDD9; | |
61 | } | |
[1168] | 62 | #oaction input[type=image] { |
63 | width: 1.5em; | |
64 | height:1.5em; | |
65 | vertical-align: middle; | |
66 | } | |
[1162] | 67 | img.editobject { |
68 | width: 1.5em; | |
69 | height:1.5em; | |
70 | vertical-align: middle; | |
71 | } | |
72 | img.notice { | |
73 | width: 1em; | |
74 | height:1em; | |
75 | vertical-align: middle; | |
76 | } | |
77 | img.attr { | |
78 | width: 1.5em; | |
79 | height:1.5em; | |
80 | vertical-align: middle; | |
81 | } | |
82 | input.attr { | |
83 | width: 1.5em; | |
84 | height:1.5em; | |
85 | vertical-align: middle; | |
[1500] | 86 | font-size: 1em; |
[1162] | 87 | } |
88 | /* Button like */ | |
89 | img.button { | |
90 | border: outset; | |
91 | border-color: black; | |
92 | } | |
93 | input.button { | |
94 | border: outset; | |
95 | border-color: black; | |
96 | } | |
97 | img.attrbutton { | |
98 | border: outset; | |
99 | border-color: black; | |
100 | width: 1.5em; | |
101 | height:1.5em; | |
102 | vertical-align: middle; | |
103 | } | |
104 | input.attrbutton { | |
105 | border: outset; | |
106 | border-color: black; | |
107 | width: 1.5em; | |
108 | height:1.5em; | |
109 | vertical-align: middle; | |
110 | } | |
111 | ||
112 | .unexported { | |
113 | text-decoration: line-through; | |
114 | color: grey; | |
115 | } | |
116 | ||
[1329] | 117 | .bloc-box { |
118 | display: inline-block; | |
119 | padding: 2px; | |
120 | margin: auto; | |
121 | vertical-align: middle; | |
122 | } | |
[1162] | 123 | |
[1329] | 124 | #search-adv-filter { |
125 | width: 100%; | |
126 | } | |
127 | ||
128 | div#search-adv-filter { | |
129 | } | |
130 | ||
[1162] | 131 | #header { |
132 | padding: 1px; | |
133 | } | |
134 | #header h1 { | |
135 | text-align: center; | |
136 | font-size: 1.2em; | |
137 | margin: 0px; | |
138 | padding: 0em; | |
139 | background-color: #7DB4D8; | |
140 | } | |
141 | ||
[1211] | 142 | #mainbox { |
143 | margin-top: 0.2em; | |
144 | margin-bottom: 0.2em; | |
145 | } | |
146 | ||
[976] | 147 | #oinfo p { |
148 | padding: 0em; | |
149 | margin: 0em; | |
150 | margin-left: 1em; | |
[214] | 151 | } |
[976] | 152 | #oinfo p#oname { |
153 | text-transform: capitalize; | |
154 | font-size: 1.2em; | |
[507] | 155 | } |
[976] | 156 | #oinfo_icons { |
157 | float: left; | |
[123] | 158 | } |
[1162] | 159 | #oname img { |
160 | width: 1.5em; | |
161 | height:1.5em; | |
162 | vertical-align: middle; | |
163 | } | |
[976] | 164 | #oinfo_label { |
165 | float: left; | |
[123] | 166 | } |
[1162] | 167 | #navigate { |
168 | margin: 0em; | |
169 | padding: 0em; | |
[123] | 170 | } |
[1162] | 171 | #navigate p { |
172 | margin: 0em; | |
173 | text-align: center; | |
174 | } | |
[214] | 175 | |
[976] | 176 | /* Object menu: */ |
[246] | 177 | |
[214] | 178 | #omenu a { |
179 | text-decoration: none; | |
[861] | 180 | color: black; |
[214] | 181 | } |
[861] | 182 | #omenu div { |
183 | padding-top: 0.5em; | |
184 | padding-bottom: 0.5em; | |
[976] | 185 | padding-left: 0em; |
186 | margin: 0em; | |
[214] | 187 | } |
188 | #omenu span { | |
[976] | 189 | padding-left: 0.5em; |
190 | padding-right: 0.5em; | |
191 | margin: 0em; | |
[214] | 192 | border: groove thin; |
193 | text-decoration: none; | |
[861] | 194 | float: left; |
195 | background-color: #DDDDD9; | |
196 | color: black; | |
[214] | 197 | } |
198 | #omenu span#oactive { | |
[976] | 199 | padding-left: 0.5em; |
200 | padding-right: 0.5em; | |
201 | margin: 0em; | |
[861] | 202 | border: groove thin; |
[214] | 203 | text-decoration: none; |
[861] | 204 | float: left; |
205 | background-color: #7DB4D8; | |
206 | color: black; | |
[214] | 207 | } |
[246] | 208 | #omenu a:hover { |
[861] | 209 | text-color blue; |
[246] | 210 | } |
211 | ||
[214] | 212 | |
[1162] | 213 | #user_group_form { |
214 | max-height: 15em; | |
215 | width: 15em; | |
216 | overflow: auto; | |
217 | border: inset; | |
[861] | 218 | } |
[1162] | 219 | #user_group_form ul { |
220 | list-style-type: none; | |
221 | padding: 0.2em; | |
222 | font-size: 0.9em; | |
[861] | 223 | } |
224 | ||
[1211] | 225 | #user_address_list { |
226 | border: outset; | |
227 | } | |
228 | #user_address_list td { | |
229 | padding-bottom: 0.5em; | |
230 | padding-top: 0.5em; | |
231 | } | |
232 | #user_address_list td.user_address_cel { | |
233 | padding-bottom: 0.5em; | |
234 | padding-top: 0.5em; | |
235 | padding-right: 1em; | |
236 | } | |
237 | ||
[1362] | 238 | .datatable table, .datatable th, .datatable td { |
239 | border: 1px solid black; | |
[1400] | 240 | font-size: 0.8em; |
[1362] | 241 | } |
242 | ||
243 | .datatable th, .datatable td { | |
244 | padding-top: 0.3em; | |
245 | padding-bottom: 0.3em; | |
246 | padding-left: 0.5em; | |
247 | padding-right: 0.5em; | |
248 | } | |
249 | ||
250 | .datatable td { | |
251 | text-align: right; | |
252 | } | |
253 | ||
[1500] | 254 | .datalist table, .datalist th, .datalist td { |
255 | border: 1px solid black; | |
256 | font-size: 0.8em; | |
257 | } | |
258 | ||
259 | .datalist th, .datalist td { | |
260 | padding-top: 0.3em; | |
261 | padding-bottom: 0.3em; | |
262 | padding-left: 0.5em; | |
263 | padding-right: 0.5em; | |
264 | vertical-align: top; | |
265 | } | |
266 | ||
267 | .datalist td { | |
268 | text-align: left; | |
269 | } | |
270 | ||
271 | .active tr, .active td { | |
272 | font-weight: bold; | |
273 | } | |
274 | ||
[1211] | 275 | /* box receiving random password */ |
276 | span#randpasswd { | |
277 | padding: 0.3em; | |
278 | margin: 0.3em; | |
279 | border: inset; | |
280 | font-family: monospace; | |
281 | font-size: 1.5em; | |
282 | background-color: black; | |
283 | color: green; | |
284 | } | |
285 | ||
286 | /* Random password options list */ | |
287 | ul#randpasswd_options { | |
288 | list-style-type: none; | |
289 | padding-top: 0.2em; | |
290 | padding-left: 0em; | |
291 | } | |
292 | ||
293 | div#objectform { | |
294 | padding-top: 1em; | |
295 | padding-bottom: 1em; | |
296 | } | |
297 |
Note: See TracBrowser
for help on using the repository browser.