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