comparison media/django/css/changelists.css @ 1:0dcfcdf50c62

Initial import of Madeira project from the private repository.
author Brian Neal <bgneal@gmail.com>
date Mon, 06 Apr 2009 03:10:59 +0000
parents
children
comparison
equal deleted inserted replaced
0:df0370bfe3f0 1:0dcfcdf50c62
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 }
54
55 #changelist table tbody td {
56 border-left: 1px solid #ddd;
57 }
58
59 #changelist table tfoot {
60 color: #666;
61 }
62
63 /* TOOLBAR */
64
65 #changelist #toolbar {
66 padding: 3px;
67 border-bottom: 1px solid #ddd;
68 background: #e1e1e1 url(../img/admin/nav-bg.gif) top left repeat-x;
69 color: #666;
70 }
71
72 #changelist #toolbar form input {
73 font-size: 11px;
74 padding: 1px 2px;
75 }
76
77 #changelist #toolbar form #searchbar {
78 padding: 2px;
79 }
80
81 #changelist #changelist-search img {
82 vertical-align: middle;
83 }
84
85 /* FILTER COLUMN */
86
87 #changelist-filter {
88 position: absolute;
89 top: 0;
90 right: 0;
91 z-index: 1000;
92 width: 160px;
93 border-left: 1px solid #ddd;
94 background: #efefef;
95 margin: 0;
96 }
97
98 #changelist-filter h2 {
99 font-size: 11px;
100 padding: 2px 5px;
101 border-bottom: 1px solid #ddd;
102 }
103
104 #changelist-filter h3 {
105 font-size: 12px;
106 margin-bottom: 0;
107 }
108
109 #changelist-filter ul {
110 padding-left: 0;
111 margin-left: 10px;
112 }
113
114 #changelist-filter li {
115 list-style-type: none;
116 margin-left: 0;
117 padding-left: 0;
118 }
119
120 #changelist-filter a {
121 color: #999;
122 }
123
124 #changelist-filter a:hover {
125 color: #036;
126 }
127
128 #changelist-filter li.selected {
129 border-left: 5px solid #ccc;
130 padding-left: 5px;
131 margin-left: -10px;
132 }
133
134 #changelist-filter li.selected a {
135 color: #5b80b2 !important;
136 }
137
138 /* DATE DRILLDOWN */
139
140 .change-list ul.toplinks {
141 display: block;
142 background: white url(../img/admin/nav-bg-reverse.gif) 0 -10px repeat-x;
143 border-top: 1px solid white;
144 float: left;
145 padding: 0 !important;
146 margin: 0 !important;
147 width: 100%;
148 }
149
150 .change-list ul.toplinks li {
151 float: left;
152 width: 9em;
153 padding: 3px 6px;
154 font-weight: bold;
155 list-style-type: none;
156 }
157
158 .change-list ul.toplinks .date-back a {
159 color: #999;
160 }
161
162 .change-list ul.toplinks .date-back a:hover {
163 color: #036;
164 }
165
166 /* PAGINATOR */
167
168 .paginator {
169 font-size: 11px;
170 padding-top: 10px;
171 padding-bottom: 10px;
172 line-height: 22px;
173 margin: 0;
174 border-top: 1px solid #ddd;
175 }
176
177 .paginator a:link, .paginator a:visited {
178 padding: 2px 6px;
179 border: solid 1px #ccc;
180 background: white;
181 text-decoration: none;
182 }
183
184 .paginator a.showall {
185 padding: 0 !important;
186 border: none !important;
187 }
188
189 .paginator a.showall:hover {
190 color: #036 !important;
191 background: transparent !important;
192 }
193
194 .paginator .end {
195 border-width: 2px !important;
196 margin-right: 6px;
197 }
198
199 .paginator .this-page {
200 padding: 2px 6px;
201 font-weight: bold;
202 font-size: 13px;
203 vertical-align: top;
204 }
205
206 .paginator a:hover {
207 color: white;
208 background: #5b80b2;
209 border-color: #036;
210 }
211