← Back to branch summary

~cjohnston/qa-dashboard/assets

« back to all changes in this revision

Viewing changes to r697/static/admin/css/changelists.css

  • Committer: Chris Johnston
  • Date: 2013-12-02 21:31:20 UTC
  • Revision ID: chrisjohnston@ubuntu.com-20131202213120-59nnq087r99by0pr
"Dashboard commit r697"

Show diffs side-by-side

added added

removed removed

Lines of Context:
r697/static/admin/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
}