Changeset 154
- Timestamp:
- 07/17/05 11:26:46 (3 years ago)
- Files:
-
- django/trunk/media/css/changelists.css (modified) (3 diffs)
- django/trunk/media/css/global.css (modified) (14 diffs)
Legend:
- Unmodified
- Added
- Removed
- Modified
- Copied
- Moved
django/trunk/media/css/changelists.css
r117 r154 21 21 .change-list .filtered table { border-right:1px solid #ddd; } 22 22 .change-list .filtered {min-height:400px; _height:400px;} 23 .change-list .filtered {background:white url(../img/ changelist-bg.gif) top right repeat-y !important;}23 .change-list .filtered {background:white url(../img/admin/changelist-bg.gif) top right repeat-y !important;} 24 24 .change-list .filtered table, .filtered .paginator, .filtered #toolbar, .filtered div.xfull {margin-right:160px !important; width:auto !important; } 25 25 .change-list .filtered table tbody th {padding-right:10px;} 26 26 #changelist .toplinks {border-bottom:1px solid #ccc !important;} 27 #changelist .paginator { color:#666; border-top:1px solid #eee; border-bottom:1px solid #eee; background:white url(../img/ nav-bg.gif) 0 180% repeat-x; overflow:hidden;}27 #changelist .paginator { color:#666; border-top:1px solid #eee; border-bottom:1px solid #eee; background:white url(../img/admin/nav-bg.gif) 0 180% repeat-x; overflow:hidden;} 28 28 .change-list .filtered .paginator { border-right:1px solid #ddd; } 29 29 … … 36 36 /* TOOLBAR */ 37 37 38 #changelist #toolbar {padding:3px; border-bottom:1px solid #ddd; background:#e1e1e1 url(../img/ nav-bg.gif) top left repeat-x; color:#666;}38 #changelist #toolbar {padding:3px; border-bottom:1px solid #ddd; background:#e1e1e1 url(../img/admin/nav-bg.gif) top left repeat-x; color:#666;} 39 39 #changelist #toolbar form input {font-size:11px; padding:1px 2px;} 40 40 #changelist #toolbar form #searchbar {padding:2px;} … … 55 55 /* DATE DRILLDOWN */ 56 56 57 .change-list ul.toplinks {display:block; background:white url(../img/ nav-bg-reverse.gif) 0 -10px repeat-x; border-top:1px solid white; float:left; padding:0 !important; margin:0 !important; width:100%;}57 .change-list ul.toplinks {display:block; background:white url(../img/admin/nav-bg-reverse.gif) 0 -10px repeat-x; border-top:1px solid white; float:left; padding:0 !important; margin:0 !important; width:100%;} 58 58 .change-list ul.toplinks li {float: left; width: 9em; padding:3px 6px; font-weight: bold; list-style-type:none;} 59 59 .change-list ul.toplinks .date-back a {color:#999;} django/trunk/media/css/global.css
r117 r154 129 129 td, th { font-size:11px; line-height:13px; border-bottom:1px solid #eee; vertical-align:top; padding:5px; font-family:"Lucida Grande", Verdana, Arial, sans-serif; } 130 130 th { text-align:left; font-size:12px; } 131 thead th { font-weight:bold; color:#666; padding:2px 5px; font-size:11px; background:#e1e1e1 url(../img/ nav-bg.gif) top left repeat-x; border-left:1px solid #ddd; border-bottom:1px solid #ddd; }131 thead th { font-weight:bold; color:#666; padding:2px 5px; font-size:11px; background:#e1e1e1 url(../img/admin/nav-bg.gif) top left repeat-x; border-left:1px solid #ddd; border-bottom:1px solid #ddd; } 132 132 thead th:first-child { border-left:none !important; } 133 133 .superwide table th, .superwide table td, .superwide table input, .superwide table select { font-size:10px; } … … 148 148 table thead th.sorted { background-position:bottom left !important; } 149 149 table thead th.sorted a { padding-right:13px; } 150 table thead th.ascending a { background:url(../img/a rrow-down.gif) right .4em no-repeat; }151 table thead th.descending a { background:url(../img/a rrow-up.gif) right .4em no-repeat; }150 table thead th.ascending a { background:url(../img/admin/arrow-down.gif) right .4em no-repeat; } 151 table thead th.descending a { background:url(../img/admin/arrow-up.gif) right .4em no-repeat; } 152 152 153 153 /* MODULES */ … … 159 159 .module h2, .module caption { margin:0; padding:2px 5px 3px 5px; font-size:11px; text-align:left; font-weight:bold; color:#666; } 160 160 .module caption { border:1px solid #ccc; border-bottom:none; } 161 .module h2, .module caption { background:#7CA0C7 url(../img/ default-bg.gif) top left repeat-x; color:white; }161 .module h2, .module caption { background:#7CA0C7 url(../img/admin/default-bg.gif) top left repeat-x; color:white; } 162 162 .module h3 { margin-top:.6em; } 163 #content-related .module h2 { background:#eee url(../img/ nav-bg.gif) bottom left repeat-x; color:#666; }163 #content-related .module h2 { background:#eee url(../img/admin/nav-bg.gif) bottom left repeat-x; color:#666; } 164 164 #content-main .verbose .actionlist { float:right; font-size:10px; width:17em; position:relative; top:-1.6em; margin:0 8px; } 165 165 .dashboard .module table { width:100%; } … … 178 178 /* FORM BUTTONS */ 179 179 180 input[type=submit], input[type=button], .submit-row input { background:white url(../img/ nav-bg.gif) bottom repeat-x; }181 input[type=submit]:active, input[type=button]:active { background-image:url(../img/ nav-bg-reverse.gif); background-position:top; }182 input[type=submit].default, .submit-row input.default { border:2px solid #5b80b2; padding:3px; background:white url(../img/ default-bg.gif) bottom repeat-x; font-weight:bold; color:white; }183 input[type=submit].default:active { background-image:url(../img/ default-bg-reverse.gif); background-position:top; }180 input[type=submit], input[type=button], .submit-row input { background:white url(../img/admin/nav-bg.gif) bottom repeat-x; } 181 input[type=submit]:active, input[type=button]:active { background-image:url(../img/admin/nav-bg-reverse.gif); background-position:top; } 182 input[type=submit].default, .submit-row input.default { border:2px solid #5b80b2; padding:3px; background:white url(../img/admin/default-bg.gif) bottom repeat-x; font-weight:bold; color:white; } 183 input[type=submit].default:active { background-image:url(../img/admin/default-bg-reverse.gif); background-position:top; } 184 184 .submit-row { padding:5px 7px; text-align:right; background:#ffc; border:1px solid #ccc; margin:5px 0; } 185 185 .submit-row input { margin:0 0 0 5px; } … … 230 230 fieldset.collapsed * { display:none; } 231 231 fieldset.collapsed h2, fieldset.collapsed .collapse-toggle { display:block !important; } 232 fieldset.collapsed h2 { background-image:url(../img/ nav-bg.gif); background-position:bottom left; color:#999; }232 fieldset.collapsed h2 { background-image:url(../img/admin/nav-bg.gif); background-position:bottom left; color:#999; } 233 233 fieldset.collapsed .collapse-toggle { padding:3px 5px !important; background:#efefef; } 234 234 fieldset.collapsed .collapse-toggle a { display:inline !important; } … … 237 237 238 238 ul.messagelist { padding:0 0 5px 0; margin:0; } 239 ul.messagelist li { font-size:12px; display:block; padding:4px 5px 4px 25px; margin:0 0 3px 0; border-bottom:1px solid #ddd; color:#666; background:#ffc url(../img/ icon_success.gif) 5px .3em no-repeat; }240 .errornote { font-size:12px !important; display:block; padding:4px 5px 4px 25px; margin:0 0 3px 0; border:1px solid red; color:red;background:#ffc url(../img/ icon_error.gif) 5px .3em no-repeat; }239 ul.messagelist li { font-size:12px; display:block; padding:4px 5px 4px 25px; margin:0 0 3px 0; border-bottom:1px solid #ddd; color:#666; background:#ffc url(../img/admin/icon_success.gif) 5px .3em no-repeat; } 240 .errornote { font-size:12px !important; display:block; padding:4px 5px 4px 25px; margin:0 0 3px 0; border:1px solid red; color:red;background:#ffc url(../img/admin/icon_error.gif) 5px .3em no-repeat; } 241 241 ul.errorlist { margin:0 !important; padding:0 !important; } 242 .errorlist li { font-size:12px !important; display:block; padding:4px 5px 4px 25px; margin:0 0 3px 0; border:1px solid red; color:white; background:red url(../img/ icon_alert.gif) 5px .3em no-repeat; }242 .errorlist li { font-size:12px !important; display:block; padding:4px 5px 4px 25px; margin:0 0 3px 0; border:1px solid red; color:white; background:red url(../img/admin/icon_alert.gif) 5px .3em no-repeat; } 243 243 td ul.errorlist { margin:0 !important; padding:0 !important; } 244 244 td ul.errorlist li { margin:0 !important; } … … 248 248 /* ACTION ICONS */ 249 249 250 .addlink { padding-left:12px; background:url(../img/ icon_addlink.gif) 0 .2em no-repeat; }251 .changelink { padding-left:12px; background:url(../img/ icon_changelink.gif) 0 .2em no-repeat; }252 .deletelink { padding-left:12px; background:url(../img/ icon_deletelink.gif) 0 50% no-repeat; }250 .addlink { padding-left:12px; background:url(../img/admin/icon_addlink.gif) 0 .2em no-repeat; } 251 .changelink { padding-left:12px; background:url(../img/admin/icon_changelink.gif) 0 .2em no-repeat; } 252 .deletelink { padding-left:12px; background:url(../img/admin/icon_deletelink.gif) 0 50% no-repeat; } 253 253 a.deletelink:link, a.deletelink:visited { color:#CC3434; } 254 254 a.deletelink:hover { color:#993333; } … … 258 258 .object-tools { font-size:10px; font-weight:bold; font-family:Arial,Helvetica,sans-serif; padding-left:0; margin-bottom:5px; float:right; position:relative; margin-top:-2.4em; margin-bottom:-2em; } 259 259 .form-row .object-tools { margin-top:0; margin-bottom:0; } 260 .object-tools li { display:block; float:left; background:url(../img/ tool-left.gif) 0 0 no-repeat; padding:0 0 0 8px; margin-left:2px; height:16px; }261 .object-tools li:hover { background:url(../img/ tool-left_over.gif) 0 0 no-repeat; }262 .object-tools a:link, .object-tools a:visited { display:block; float:left; color:white; padding:.1em 14px .1em 8px; height:14px; background:#999 url(../img/ tool-right.gif) 100% 0 no-repeat; }263 .object-tools a:hover, .object-tools li:hover a { background:#5b80b2 url(../img/ tool-right_over.gif) 100% 0 no-repeat; }264 .object-tools a.viewsitelink, .object-tools a.golink { background:#999 url(../img/ tooltag-arrowright.gif) top right no-repeat; padding-right:28px; }265 .object-tools a.viewsitelink:hover, .object-tools a.golink:hover { background:#5b80b2 url(../img/ tooltag-arrowright_over.gif) top right no-repeat; }266 .object-tools a.addlink { background:#999 url(../img/ tooltag-add.gif) top right no-repeat; padding-right:28px; }267 .object-tools a.addlink:hover { background:#5b80b2 url(../img/ tooltag-add_over.gif) top right no-repeat; }260 .object-tools li { display:block; float:left; background:url(../img/admin/tool-left.gif) 0 0 no-repeat; padding:0 0 0 8px; margin-left:2px; height:16px; } 261 .object-tools li:hover { background:url(../img/admin/tool-left_over.gif) 0 0 no-repeat; } 262 .object-tools a:link, .object-tools a:visited { display:block; float:left; color:white; padding:.1em 14px .1em 8px; height:14px; background:#999 url(../img/admin/tool-right.gif) 100% 0 no-repeat; } 263 .object-tools a:hover, .object-tools li:hover a { background:#5b80b2 url(../img/admin/tool-right_over.gif) 100% 0 no-repeat; } 264 .object-tools a.viewsitelink, .object-tools a.golink { background:#999 url(../img/admin/tooltag-arrowright.gif) top right no-repeat; padding-right:28px; } 265 .object-tools a.viewsitelink:hover, .object-tools a.golink:hover { background:#5b80b2 url(../img/admin/tooltag-arrowright_over.gif) top right no-repeat; } 266 .object-tools a.addlink { background:#999 url(../img/admin/tooltag-add.gif) top right no-repeat; padding-right:28px; } 267 .object-tools a.addlink:hover { background:#5b80b2 url(../img/admin/tooltag-add_over.gif) top right no-repeat; } 268 268 269 269 /* INLINE CONTROLS */ … … 275 275 276 276 p.breadcrumbs { font-size:11px; color:#ccc;text-align:left; } /* old breadcrumbs style */ 277 div.breadcrumbs { background:white url(../img/ nav-bg-reverse.gif) 0 -10px repeat-x; padding:2px 8px 3px 8px; font-size:11px; color:#999; border-top:1px solid white; border-bottom:1px solid #ccc; text-align:left; }277 div.breadcrumbs { background:white url(../img/admin/nav-bg-reverse.gif) 0 -10px repeat-x; padding:2px 8px 3px 8px; font-size:11px; color:#999; border-top:1px solid white; border-bottom:1px solid #ccc; text-align:left; } 278 278 279 279 /* SELECTOR (FILTER INTERFACE) */ … … 283 283 .selector-available, .selector-chosen { float:left; width:270px; text-align:center; margin-bottom:5px; } 284 284 .selector-available h2, .selector-chosen h2 { border:1px solid #ccc; } 285 .selector .selector-available h2 { background:white url(../img/ nav-bg.gif) bottom left repeat-x; color:#666; }285 .selector .selector-available h2 { background:white url(../img/admin/nav-bg.gif) bottom left repeat-x; color:#666; } 286 286 .selector .selector-filter { background:white; border:1px solid #ccc; border-width:0 1px; padding:3px; color:#999; font-size:10px; margin:0; text-align:left; } 287 287 .selector .selector-chosen .selector-filter { padding:4px 5px; } 288 288 .selector .selector-available input { width:230px; } 289 .selector ul.selector-chooser { float:left; width:22px; height:50px; background:url(../img/ chooser-bg.gif) top center no-repeat; margin:13% 3px 0 3px; padding:0; }289 .selector ul.selector-chooser { float:left; width:22px; height:50px; background:url(../img/admin/chooser-bg.gif) top center no-repeat; margin:13% 3px 0 3px; padding:0; } 290 290 .selector-chooser li { margin:0; padding:3px; list-style-type:none; } 291 291 .selector select { margin-bottom:5px; margin-top:0; } 292 292 .selector-add, .selector-remove { width:16px; height:16px; display:block; text-indent:-3000px; } 293 .selector-add { background:url(../img/ selector-add.gif) top center no-repeat; margin-bottom:2px; }294 .selector-remove { background:url(../img/ selector-remove.gif) top center no-repeat; }293 .selector-add { background:url(../img/admin/selector-add.gif) top center no-repeat; margin-bottom:2px; } 294 .selector-remove { background:url(../img/admin/selector-remove.gif) top center no-repeat; } 295 295 a.selector-chooseall, a.selector-clearall { display:block; width:6em; text-align:left; margin-left:auto; margin-right:auto; font-weight:bold; color:#666; padding:3px 0 3px 18px; } 296 296 a.selector-chooseall:hover, a.selector-clearall:hover { color:#036; } 297 a.selector-chooseall { width:7em; background:url(../img/ selector-addall.gif) left center no-repeat; }298 a.selector-clearall { background:url(../img/ selector-removeall.gif) left center no-repeat; }297 a.selector-chooseall { width:7em; background:url(../img/admin/selector-addall.gif) left center no-repeat; } 298 a.selector-clearall { background:url(../img/admin/selector-removeall.gif) left center no-repeat; } 299 299 300 300 /* Stacked selectors for long items */ … … 305 305 .stacked .selector-available { margin-bottom:0; } 306 306 .stacked .selector-available input { width:442px; } 307 .stacked ul.selector-chooser { height:22px; width:50px; margin:0 0 3px 40%; background:url(../img/ chooser_stacked-bg.gif) top center no-repeat; }307 .stacked ul.selector-chooser { height:22px; width:50px; margin:0 0 3px 40%; background:url(../img/admin/chooser_stacked-bg.gif) top center no-repeat; } 308 308 .stacked .selector-chooser li { float:left; padding:3px 3px 3px 5px; } 309 309 .stacked .selector-chooseall, .stacked .selector-clearall { display:none; } 310 .stacked .selector-add { background-image:url(../img/ selector_stacked-add.gif); }311 .stacked .selector-remove { background-image:url(../img/ selector_stacked-remove.gif); }310 .stacked .selector-add { background-image:url(../img/admin/selector_stacked-add.gif); } 311 .stacked .selector-remove { background-image:url(../img/admin/selector_stacked-remove.gif); } 312 312 313 313 /* DATE AND TIME */ … … 331 331 .calendar table { margin: 0; padding: 0; border-collapse:collapse; background:white; width:99%; } 332 332 .calendar caption, .calendarbox h2 { margin: 0; font-size:11px; text-align:center; border-top:none; } 333 .calendar th { font-size:10px; color:#666; padding:2px 3px; text-align:center; background:#e1e1e1 url(../img/ nav-bg.gif) 0 50% repeat-x; border-bottom:1px solid #ddd; }333 .calendar th { font-size:10px; color:#666; padding:2px 3px; text-align:center; background:#e1e1e1 url(../img/admin/nav-bg.gif) 0 50% repeat-x; border-bottom:1px solid #ddd; } 334 334 .calendar td { font-size:11px; text-align: center; padding: 0; border-top:1px solid #eee; border-bottom:none; } 335 335 .calendar td.selected a { background: #C9DBED; } … … 342 342 .calendarnav a:link, #calendarnav a:visited, #calendarnav a:hover { color: #999; } 343 343 .calendar-shortcuts { background:white; font-size:10px; line-height:11px; border-top:1px solid #eee; padding:3px 0 4px; color:#ccc; } 344 .calendarbox .calendarnav-previous, .calendarbox .calendarnav-next { display:block; position:absolute; font-weight:bold; font-size:12px; background:#C9DBED url(../img/ default-bg.gif) bottom left repeat-x; padding:1px 4px 2px 4px; color:white; }344 .calendarbox .calendarnav-previous, .calendarbox .calendarnav-next { display:block; position:absolute; font-weight:bold; font-size:12px; background:#C9DBED url(../img/admin/default-bg.gif) bottom left repeat-x; padding:1px 4px 2px 4px; color:white; } 345 345 .calendarnav-previous:hover, .calendarnav-next:hover { background:#036; } 346 346 .calendarnav-previous { top:0; left:0; } 347 347 .calendarnav-next { top:0; right:0; } 348 .calendar-cancel { margin:0 !important; padding:0; font-size:10px; background:#e1e1e1 url(../img/ nav-bg.gif) 0 50% repeat-x; border-top:1px solid #ddd; }348 .calendar-cancel { margin:0 !important; padding:0; font-size:10px; background:#e1e1e1 url(../img/admin/nav-bg.gif) 0 50% repeat-x; border-top:1px solid #ddd; } 349 349 .calendar-cancel a { padding:2px; color:#999; } 350 350 ul.timelist, .timelist li { list-style-type:none; margin:0; padding:0; } … … 355 355 ul#orderthese { padding:0; margin:0; list-style-type:none; } 356 356 ul#orderthese li { list-style-type:none; display:block; padding:0; margin:6px 0; width:214px; background:#f6f6f6; white-space:nowrap; overflow:hidden; } 357 ul#orderthese li span { display:block; border:1px solid #e7e7e7; background:transparent url(../img/ nav-bg-grabber.gif) top left repeat-y; font-size:10px !important; padding:4px 6px 4px 12px; }357 ul#orderthese li span { display:block; border:1px solid #e7e7e7; background:transparent url(../img/admin/nav-bg-grabber.gif) top left repeat-y; font-size:10px !important; padding:4px 6px 4px 12px; } 358 358 ul#orderthese span:hover { background-color:#efefef; } 359 359
