3c1a8c16a94376475f70e08f47303a0a0d43b188
[auf_paf.git] / paf0 / 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/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/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 padding: 0;
55 white-space: nowrap;
56 vertical-align: middle;
57 }
58
59 #changelist table thead th.action-checkbox-column {
60 width: 1.5em;
61 text-align: center;
62 }
63
64 #changelist table tbody td, #changelist table tbody th {
65 border-left: 1px solid #ddd;
66 }
67
68 #changelist table tbody td:first-child, #changelist table tbody th:first-child {
69 border-left: 0;
70 border-right: 1px solid #ddd;
71 }
72
73 #changelist table tbody td.action-checkbox {
74 text-align:center;
75 }
76
77 #changelist table tfoot {
78 color: #666;
79 }
80
81 /* TOOLBAR */
82
83 #changelist #toolbar {
84 padding: 3px;
85 border-bottom: 1px solid #ddd;
86 background: #e1e1e1 url(../img/nav-bg.gif) top left repeat-x;
87 color: #666;
88 }
89
90 #changelist #toolbar form input {
91 font-size: 11px;
92 padding: 1px 2px;
93 }
94
95 #changelist #toolbar form #searchbar {
96 padding: 2px;
97 }
98
99 #changelist #changelist-search img {
100 vertical-align: middle;
101 }
102
103 /* FILTER COLUMN */
104
105 #changelist-filter {
106 position: absolute;
107 top: 0;
108 right: 0;
109 z-index: 1000;
110 width: 160px;
111 border-left: 1px solid #ddd;
112 background: #efefef;
113 margin: 0;
114 }
115
116 #changelist-filter h2 {
117 font-size: 11px;
118 padding: 2px 5px;
119 border-bottom: 1px solid #ddd;
120 }
121
122 #changelist-filter h3 {
123 font-size: 12px;
124 margin-bottom: 0;
125 }
126
127 #changelist-filter ul {
128 padding-left: 0;
129 margin-left: 10px;
130 }
131
132 #changelist-filter li {
133 list-style-type: none;
134 margin-left: 0;
135 padding-left: 0;
136 }
137
138 #changelist-filter a {
139 color: #999;
140 }
141
142 #changelist-filter a:hover {
143 color: #036;
144 }
145
146 #changelist-filter li.selected {
147 border-left: 5px solid #ccc;
148 padding-left: 5px;
149 margin-left: -10px;
150 }
151
152 #changelist-filter li.selected a {
153 color: #5b80b2 !important;
154 }
155
156 /* DATE DRILLDOWN */
157
158 .change-list ul.toplinks {
159 display: block;
160 background: white url(../img/nav-bg-reverse.gif) 0 -10px repeat-x;
161 border-top: 1px solid white;
162 float: left;
163 padding: 0 !important;
164 margin: 0 !important;
165 width: 100%;
166 }
167
168 .change-list ul.toplinks li {
169 padding: 3px 6px;
170 font-weight: bold;
171 list-style-type: none;
172 display: inline-block;
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/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 }