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