Hello site
[auf_framonde.git] / eggs / Django-1.4.5-py2.7.egg / django / contrib / admin / static / admin / css / widgets.css
1 /* SELECTOR (FILTER INTERFACE) */
2
3 .selector {
4 width: 580px;
5 float: left;
6 }
7
8 .selector select {
9 width: 270px;
10 height: 17.2em;
11 }
12
13 .selector-available, .selector-chosen {
14 float: left;
15 width: 270px;
16 text-align: center;
17 margin-bottom: 5px;
18 }
19
20 .selector-chosen select {
21 border-top: none;
22 }
23
24 .selector-available h2, .selector-chosen h2 {
25 border: 1px solid #ccc;
26 }
27
28 .selector .selector-available h2 {
29 background: white url(../img/nav-bg.gif) bottom left repeat-x;
30 color: #666;
31 }
32
33 .selector .selector-filter {
34 background: white;
35 border: 1px solid #ccc;
36 border-width: 0 1px;
37 padding: 3px;
38 color: #999;
39 font-size: 10px;
40 margin: 0;
41 text-align: left;
42 }
43
44 .selector .selector-filter label,
45 .inline-group .aligned .selector .selector-filter label {
46 width: 16px;
47 padding: 2px;
48 }
49
50 .selector .selector-available input {
51 width: 230px;
52 }
53
54 .selector ul.selector-chooser {
55 float: left;
56 width: 22px;
57 height: 50px;
58 background: url(../img/chooser-bg.gif) top center no-repeat;
59 margin: 10em 5px 0 5px;
60 padding: 0;
61 }
62
63 .selector-chooser li {
64 margin: 0;
65 padding: 3px;
66 list-style-type: none;
67 }
68
69 .selector select {
70 margin-bottom: 10px;
71 margin-top: 0;
72 }
73
74 .selector-add, .selector-remove {
75 width: 16px;
76 height: 16px;
77 display: block;
78 text-indent: -3000px;
79 overflow: hidden;
80 }
81
82 .selector-add {
83 background: url(../img/selector-icons.gif) 0 -161px no-repeat;
84 cursor: default;
85 margin-bottom: 2px;
86 }
87
88 .active.selector-add {
89 background: url(../img/selector-icons.gif) 0 -187px no-repeat;
90 cursor: pointer;
91 }
92
93 .selector-remove {
94 background: url(../img/selector-icons.gif) 0 -109px no-repeat;
95 cursor: default;
96 }
97
98 .active.selector-remove {
99 background: url(../img/selector-icons.gif) 0 -135px no-repeat;
100 cursor: pointer;
101 }
102
103 a.selector-chooseall, a.selector-clearall {
104 display: inline-block;
105 text-align: left;
106 margin-left: auto;
107 margin-right: auto;
108 font-weight: bold;
109 color: #666;
110 }
111
112 a.selector-chooseall {
113 padding: 3px 18px 3px 0;
114 }
115
116 a.selector-clearall {
117 padding: 3px 0 3px 18px;
118 }
119
120 a.active.selector-chooseall:hover, a.active.selector-clearall:hover {
121 color: #036;
122 }
123
124 a.selector-chooseall {
125 background: url(../img/selector-icons.gif) right -263px no-repeat;
126 cursor: default;
127 }
128
129 a.active.selector-chooseall {
130 background: url(../img/selector-icons.gif) right -289px no-repeat;
131 cursor: pointer;
132 }
133
134 a.selector-clearall {
135 background: url(../img/selector-icons.gif) left -211px no-repeat;
136 cursor: default;
137 }
138
139 a.active.selector-clearall {
140 background: url(../img/selector-icons.gif) left -237px no-repeat;
141 cursor: pointer;
142 }
143
144 /* STACKED SELECTORS */
145
146 .stacked {
147 float: left;
148 width: 500px;
149 }
150
151 .stacked select {
152 width: 480px;
153 height: 10.1em;
154 }
155
156 .stacked .selector-available, .stacked .selector-chosen {
157 width: 480px;
158 }
159
160 .stacked .selector-available {
161 margin-bottom: 0;
162 }
163
164 .stacked .selector-available input {
165 width: 442px;
166 }
167
168 .stacked ul.selector-chooser {
169 height: 22px;
170 width: 50px;
171 margin: 0 0 3px 40%;
172 background: url(../img/chooser_stacked-bg.gif) top center no-repeat;
173 }
174
175 .stacked .selector-chooser li {
176 float: left;
177 padding: 3px 3px 3px 5px;
178 }
179
180 .stacked .selector-chooseall, .stacked .selector-clearall {
181 display: none;
182 }
183
184 .stacked .selector-add {
185 background: url(../img/selector-icons.gif) 0 -57px no-repeat;
186 cursor: default;
187 }
188
189 .stacked .active.selector-add {
190 background: url(../img/selector-icons.gif) 0 -83px no-repeat;
191 cursor: pointer;
192 }
193
194 .stacked .selector-remove {
195 background: url(../img/selector-icons.gif) 0 -5px no-repeat;
196 cursor: default;
197 }
198
199 .stacked .active.selector-remove {
200 background: url(../img/selector-icons.gif) 0 -31px no-repeat;
201 cursor: pointer;
202 }
203
204 /* DATE AND TIME */
205
206 p.datetime {
207 line-height: 20px;
208 margin: 0;
209 padding: 0;
210 color: #666;
211 font-size: 11px;
212 font-weight: bold;
213 }
214
215 .datetime span {
216 font-size: 11px;
217 color: #ccc;
218 font-weight: normal;
219 white-space: nowrap;
220 }
221
222 table p.datetime {
223 font-size: 10px;
224 margin-left: 0;
225 padding-left: 0;
226 }
227
228 /* FILE UPLOADS */
229
230 p.file-upload {
231 line-height: 20px;
232 margin: 0;
233 padding: 0;
234 color: #666;
235 font-size: 11px;
236 font-weight: bold;
237 }
238
239 .file-upload a {
240 font-weight: normal;
241 }
242
243 .file-upload .deletelink {
244 margin-left: 5px;
245 }
246
247 span.clearable-file-input label {
248 color: #333;
249 font-size: 11px;
250 display: inline;
251 float: none;
252 }
253
254 /* CALENDARS & CLOCKS */
255
256 .calendarbox, .clockbox {
257 margin: 5px auto;
258 font-size: 11px;
259 width: 16em;
260 text-align: center;
261 background: white;
262 position: relative;
263 }
264
265 .clockbox {
266 width: auto;
267 }
268
269 .calendar {
270 margin: 0;
271 padding: 0;
272 }
273
274 .calendar table {
275 margin: 0;
276 padding: 0;
277 border-collapse: collapse;
278 background: white;
279 width: 100%;
280 }
281
282 .calendar caption, .calendarbox h2 {
283 margin: 0;
284 font-size: 11px;
285 text-align: center;
286 border-top: none;
287 }
288
289 .calendar th {
290 font-size: 10px;
291 color: #666;
292 padding: 2px 3px;
293 text-align: center;
294 background: #e1e1e1 url(../img/nav-bg.gif) 0 50% repeat-x;
295 border-bottom: 1px solid #ddd;
296 }
297
298 .calendar td {
299 font-size: 11px;
300 text-align: center;
301 padding: 0;
302 border-top: 1px solid #eee;
303 border-bottom: none;
304 }
305
306 .calendar td.selected a {
307 background: #C9DBED;
308 }
309
310 .calendar td.nonday {
311 background: #efefef;
312 }
313
314 .calendar td.today a {
315 background: #ffc;
316 }
317
318 .calendar td a, .timelist a {
319 display: block;
320 font-weight: bold;
321 padding: 4px;
322 text-decoration: none;
323 color: #444;
324 }
325
326 .calendar td a:hover, .timelist a:hover {
327 background: #5b80b2;
328 color: white;
329 }
330
331 .calendar td a:active, .timelist a:active {
332 background: #036;
333 color: white;
334 }
335
336 .calendarnav {
337 font-size: 10px;
338 text-align: center;
339 color: #ccc;
340 margin: 0;
341 padding: 1px 3px;
342 }
343
344 .calendarnav a:link, #calendarnav a:visited, #calendarnav a:hover {
345 color: #999;
346 }
347
348 .calendar-shortcuts {
349 background: white;
350 font-size: 10px;
351 line-height: 11px;
352 border-top: 1px solid #eee;
353 padding: 3px 0 4px;
354 color: #ccc;
355 }
356
357 .calendarbox .calendarnav-previous, .calendarbox .calendarnav-next {
358 display: block;
359 position: absolute;
360 font-weight: bold;
361 font-size: 12px;
362 background: #C9DBED url(../img/default-bg.gif) bottom left repeat-x;
363 padding: 1px 4px 2px 4px;
364 color: white;
365 }
366
367 .calendarnav-previous:hover, .calendarnav-next:hover {
368 background: #036;
369 }
370
371 .calendarnav-previous {
372 top: 0;
373 left: 0;
374 }
375
376 .calendarnav-next {
377 top: 0;
378 right: 0;
379 }
380
381 .calendar-cancel {
382 margin: 0 !important;
383 padding: 0 !important;
384 font-size: 10px;
385 background: #e1e1e1 url(../img/nav-bg.gif) 0 50% repeat-x;
386 border-top: 1px solid #ddd;
387 }
388
389 .calendar-cancel:hover {
390 background: #e1e1e1 url(../img/nav-bg-reverse.gif) 0 50% repeat-x;
391 }
392
393 .calendar-cancel a {
394 color: black;
395 display: block;
396 }
397
398 ul.timelist, .timelist li {
399 list-style-type: none;
400 margin: 0;
401 padding: 0;
402 }
403
404 .timelist a {
405 padding: 2px;
406 }
407
408 /* INLINE ORDERER */
409
410 ul.orderer {
411 position: relative;
412 padding: 0 !important;
413 margin: 0 !important;
414 list-style-type: none;
415 }
416
417 ul.orderer li {
418 list-style-type: none;
419 display: block;
420 padding: 0;
421 margin: 0;
422 border: 1px solid #bbb;
423 border-width: 0 1px 1px 0;
424 white-space: nowrap;
425 overflow: hidden;
426 background: #e2e2e2 url(../img/nav-bg-grabber.gif) repeat-y;
427 }
428
429 ul.orderer li:hover {
430 cursor: move;
431 background-color: #ddd;
432 }
433
434 ul.orderer li a.selector {
435 margin-left: 12px;
436 overflow: hidden;
437 width: 83%;
438 font-size: 10px !important;
439 padding: 0.6em 0;
440 }
441
442 ul.orderer li a:link, ul.orderer li a:visited {
443 color: #333;
444 }
445
446 ul.orderer li .inline-deletelink {
447 position: absolute;
448 right: 4px;
449 margin-top: 0.6em;
450 }
451
452 ul.orderer li.selected {
453 background-color: #f8f8f8;
454 border-right-color: #f8f8f8;
455 }
456
457 ul.orderer li.deleted {
458 background: #bbb url(../img/deleted-overlay.gif);
459 }
460
461 ul.orderer li.deleted a:link, ul.orderer li.deleted a:visited {
462 color: #888;
463 }
464
465 ul.orderer li.deleted .inline-deletelink {
466 background-image: url(../img/inline-restore.png);
467 }
468
469 ul.orderer li.deleted:hover, ul.orderer li.deleted a.selector:hover {
470 cursor: default;
471 }
472
473 /* EDIT INLINE */
474
475 .inline-deletelink {
476 float: right;
477 text-indent: -9999px;
478 background: transparent url(../img/inline-delete.png) no-repeat;
479 width: 15px;
480 height: 15px;
481 border: 0px none;
482 outline: 0; /* Remove dotted border around link */
483 }
484
485 .inline-deletelink:hover {
486 background-position: -15px 0;
487 cursor: pointer;
488 }
489
490 .editinline button.addlink {
491 border: 0px none;
492 color: #5b80b2;
493 font-size: 100%;
494 cursor: pointer;
495 }
496
497 .editinline button.addlink:hover {
498 color: #036;
499 cursor: pointer;
500 }
501
502 .editinline table .help {
503 text-align: right;
504 float: right;
505 padding-left: 2em;
506 }
507
508 .editinline tfoot .addlink {
509 white-space: nowrap;
510 }
511
512 .editinline table thead th:last-child {
513 border-left: none;
514 }
515
516 .editinline tr.deleted {
517 background: #ddd url(../img/deleted-overlay.gif);
518 }
519
520 .editinline tr.deleted .inline-deletelink {
521 background-image: url(../img/inline-restore.png);
522 }
523
524 .editinline tr.deleted td:hover {
525 cursor: default;
526 }
527
528 .editinline tr.deleted td:first-child {
529 background-image: none !important;
530 }
531
532 /* EDIT INLINE - STACKED */
533
534 .editinline-stacked {
535 min-width: 758px;
536 }
537
538 .editinline-stacked .inline-object {
539 margin-left: 210px;
540 background: white;
541 }
542
543 .editinline-stacked .inline-source {
544 float: left;
545 width: 200px;
546 background: #f8f8f8;
547 }
548
549 .editinline-stacked .inline-splitter {
550 float: left;
551 width: 9px;
552 background: #f8f8f8 url(../img/inline-splitter-bg.gif) 50% 50% no-repeat;
553 border-right: 1px solid #ccc;
554 }
555
556 .editinline-stacked .controls {
557 clear: both;
558 background: #e1e1e1 url(../img/nav-bg.gif) top left repeat-x;
559 padding: 3px 4px;
560 font-size: 11px;
561 border-top: 1px solid #ddd;
562 }
563