/django/contrib/admin/media/css/changelists.css

  1/* CHANGELISTS */
  2
  3#changelist {
  4    position: relative;
  5    width: 100%;
  6}
  7
  8#changelist table {
  9    width: 100%;
 10}
 11
 12.change-list .hiddenfields { display:none; }
 13
 14.change-list .filtered table {
 15    border-right: 1px solid #ddd;
 16}
 17
 18.change-list .filtered {
 19    min-height: 400px;
 20}
 21
 22.change-list .filtered {
 23    background: white url(../img/admin/changelist-bg.gif) top right repeat-y !important;
 24}
 25
 26.change-list .filtered .results, .change-list .filtered .paginator, .filtered #toolbar, .filtered div.xfull {
 27    margin-right: 160px !important;
 28    width: auto !important;
 29}
 30
 31.change-list .filtered table tbody th {
 32    padding-right: 1em;
 33}
 34
 35#changelist .toplinks {
 36    border-bottom: 1px solid #ccc !important;
 37}
 38
 39#changelist .paginator {
 40    color: #666;
 41    border-top: 1px solid #eee;
 42    border-bottom: 1px solid #eee;
 43    background: white url(../img/admin/nav-bg.gif) 0 180% repeat-x;
 44    overflow: hidden;
 45}
 46
 47.change-list .filtered .paginator {
 48    border-right: 1px solid #ddd;
 49}
 50
 51/* CHANGELIST TABLES */
 52
 53#changelist table thead th {
 54    white-space: nowrap;
 55    vertical-align: middle;
 56}
 57
 58#changelist table thead th.action-checkbox-column {
 59    width: 1.5em;
 60    text-align: center;
 61}
 62
 63#changelist table tbody td, #changelist table tbody th {
 64    border-left: 1px solid #ddd;
 65}
 66
 67#changelist table tbody td:first-child, #changelist table tbody th:first-child {
 68    border-left: 0;
 69    border-right: 1px solid #ddd;
 70}
 71
 72#changelist table tbody td.action-checkbox {
 73    text-align:center;
 74}
 75
 76#changelist table tfoot {
 77    color: #666;
 78}
 79
 80/* TOOLBAR */
 81
 82#changelist #toolbar {
 83    padding: 3px;
 84    border-bottom: 1px solid #ddd;
 85    background: #e1e1e1 url(../img/admin/nav-bg.gif) top left repeat-x;
 86    color: #666;
 87}
 88
 89#changelist #toolbar form input {
 90    font-size: 11px;
 91    padding: 1px 2px;
 92}
 93
 94#changelist #toolbar form #searchbar {
 95    padding: 2px;
 96}
 97
 98#changelist #changelist-search img {
 99    vertical-align: middle;
100}
101
102/* FILTER COLUMN */
103
104#changelist-filter {
105    position: absolute;
106    top: 0;
107    right: 0;
108    z-index: 1000;
109    width: 160px;
110    border-left: 1px solid #ddd;
111    background: #efefef;
112    margin: 0;
113}
114
115#changelist-filter h2 {
116    font-size: 11px;
117    padding: 2px 5px;
118    border-bottom: 1px solid #ddd;
119}
120
121#changelist-filter h3 {
122    font-size: 12px;
123    margin-bottom: 0;
124}
125
126#changelist-filter ul {
127    padding-left: 0;
128    margin-left: 10px;
129}
130
131#changelist-filter li {
132    list-style-type: none;
133    margin-left: 0;
134    padding-left: 0;
135}
136
137#changelist-filter a {
138    color: #999;
139}
140
141#changelist-filter a:hover {
142    color: #036;
143}
144
145#changelist-filter li.selected {
146    border-left: 5px solid #ccc;
147    padding-left: 5px;
148    margin-left: -10px;
149}
150
151#changelist-filter li.selected a {
152    color: #5b80b2 !important;
153}
154
155/* DATE DRILLDOWN */
156
157.change-list ul.toplinks {
158    display: block;
159    background: white url(../img/admin/nav-bg-reverse.gif) 0 -10px repeat-x;
160    border-top: 1px solid white;
161    float: left;
162    padding: 0 !important;
163    margin: 0 !important;
164    width: 100%;
165}
166
167.change-list ul.toplinks li {
168    float: left;
169    width: 9em;
170    padding: 3px 6px;
171    font-weight: bold;
172    list-style-type: none;
173}
174
175.change-list ul.toplinks .date-back a {
176    color: #999;
177}
178
179.change-list ul.toplinks .date-back a:hover {
180    color: #036;
181}
182
183/* PAGINATOR */
184
185.paginator {
186    font-size: 11px;
187    padding-top: 10px;
188    padding-bottom: 10px;
189    line-height: 22px;
190    margin: 0;
191    border-top: 1px solid #ddd;
192}
193
194.paginator a:link, .paginator a:visited {
195    padding: 2px 6px;
196    border: solid 1px #ccc;
197    background: white;
198    text-decoration: none;
199}
200
201.paginator a.showall {
202    padding: 0 !important;
203    border: none !important;
204}
205
206.paginator a.showall:hover {
207    color: #036 !important;
208    background: transparent !important;
209}
210
211.paginator .end {
212    border-width: 2px !important;
213    margin-right: 6px;
214}
215
216.paginator .this-page {
217    padding: 2px 6px;
218    font-weight: bold;
219    font-size: 13px;
220    vertical-align: top;
221}
222
223.paginator a:hover {
224    color: white;
225    background: #5b80b2;
226    border-color: #036;
227}
228
229/* ACTIONS */
230
231.filtered .actions {
232    margin-right: 160px !important;
233    border-right: 1px solid #ddd;
234}
235
236#changelist table input {
237    margin: 0;
238}
239
240#changelist table tbody tr.selected {
241    background-color: #FFFFCC;
242}
243
244#changelist .actions {
245    color: #999;
246    padding: 3px;
247    border-top: 1px solid #fff;
248    border-bottom: 1px solid #ddd;
249    background: white url(../img/admin/nav-bg-reverse.gif) 0 -10px repeat-x;
250}
251
252#changelist .actions.selected {
253    background: #fffccf;
254    border-top: 1px solid #fffee8;
255    border-bottom: 1px solid #edecd6;
256}
257
258#changelist .actions span.all,
259#changelist .actions span.action-counter,
260#changelist .actions span.clear,
261#changelist .actions span.question {
262    font-size: 11px;
263    margin: 0 0.5em;
264    display: none;
265}
266
267#changelist .actions:last-child {
268    border-bottom: none;
269}
270
271#changelist .actions select {
272    border: 1px solid #aaa;
273    margin-left: 0.5em;
274    padding: 1px 2px;
275}
276
277#changelist .actions label {
278    font-size: 11px;
279    margin-left: 0.5em;
280}
281
282#changelist #action-toggle {
283    display: none;
284}
285
286#changelist .actions .button {
287    font-size: 11px;
288    padding: 1px 2px;
289}