Mercurial > public > madeira
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 |