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