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