Changeset 917
- Timestamp:
- 10/17/05 15:22:12 (3 years ago)
- Files:
Legend:
- Unmodified
- Added
- Removed
- Modified
- Copied
- Moved
django/trunk/django/conf/admin_media/css/changelists.css
r732 r917 1 /* 2 ______________________________ 3 DJANGO 4 Admin Changelist Styles 5 6 Extends base.css 7 8 by Wilson Miner 9 wilson@lawrence.com 10 11 Copyright (c) 2005 12 Lawrence Journal-World 13 14 645 New Hampshire 15 Lawrence, KS 66044 16 1 /* 2 DJANGO Admin Changelist Styles 3 by Wilson Miner wilson@lawrence.com 4 Copyright (c) 2005 Lawrence Journal-World 17 5 */ 18 6 19 #changelist { position:relative; width:100%;}20 #changelist table { width:100%;}21 .change-list .filtered table { border-right:1px solid #ddd , width:100%;}22 .change-list .filtered { min-height:400px; _height:400px;}23 .change-list .filtered { background:white url(../img/admin/changelist-bg.gif) top right repeat-y !important;}24 .change-list .filtered .paginator, .filtered #toolbar, .filtered div.xfull {margin-right:160px !important; width:auto !important; }25 .change-list .filtered table tbody th { padding-right:10px;}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/admin/nav-bg.gif) 0 180% repeat-x; overflow:hidden; }7 #changelist { position:relative; width:100%; } 8 #changelist table { width:100%; } 9 .change-list .filtered table { border-right:1px solid #ddd; } 10 .change-list .filtered { min-height:400px; _height:400px; } 11 .change-list .filtered { background:white url(../img/admin/changelist-bg.gif) top right repeat-y !important; } 12 .change-list .filtered table, .change-list .filtered .paginator, .filtered #toolbar, .filtered div.xfull { margin-right:160px !important; width:auto !important; } 13 .change-list .filtered table tbody th { padding-right:10px; } 14 #changelist .toplinks { border-bottom:1px solid #ccc !important; } 15 #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 16 .change-list .filtered .paginator { border-right:1px solid #ddd; } 29 17 30 18 /* CHANGELIST TABLES */ 31 32 #changelist table thead th {white-space:nowrap;} 33 #changelist table tbody td {border-left: 1px solid #ddd;} 34 #changelist table tfoot {color: #666;} 19 #changelist table thead th { white-space:nowrap; } 20 #changelist table tbody td { border-left: 1px solid #ddd; } 21 #changelist table tfoot { color: #666; } 35 22 36 23 /* TOOLBAR */ 37 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 #changelist #toolbar form input {font-size:11px; padding:1px 2px;} 40 #changelist #toolbar form #searchbar {padding:2px;} 41 #changelist #changelist-search img {vertical-align:middle;} 24 #changelist #toolbar { padding:3px; border-bottom:1px solid #ddd; background:#e1e1e1 url(../img/admin/nav-bg.gif) top left repeat-x; color:#666; } 25 #changelist #toolbar form input { font-size:11px; padding:1px 2px; } 26 #changelist #toolbar form #searchbar { padding:2px; } 27 #changelist #changelist-search img { vertical-align:middle; } 42 28 43 29 /* FILTER COLUMN */ 44 45 #changelist-filter {position:absolute; top:0; right:0; z-index:1000; width:160px; border-left:1px solid #ddd; background:#efefef; margin:0;} 46 #changelist-filter h2 {font-size:11px; padding:2px 5px; border-bottom:1px solid #ddd;} 47 #changelist-filter h3 {font-size:12px; margin-bottom:0;} 48 #changelist-filter ul {padding-left:0;margin-left:10px;_margin-right:-10px;} 49 #changelist-filter li {list-style-type:none; margin-left:0; padding-left:0;} 50 #changelist-filter a {color:#999;} 51 #changelist-filter a:hover {color:#036;} 52 #changelist-filter li.selected {border-left:5px solid #ccc; padding-left:5px;margin-left:-10px;} 53 #changelist-filter li.selected a {color:#5b80b2 !important;} 30 #changelist-filter { position:absolute; top:0; right:0; z-index:1000; width:160px; border-left:1px solid #ddd; background:#efefef; margin:0; } 31 #changelist-filter h2 { font-size:11px; padding:2px 5px; border-bottom:1px solid #ddd; } 32 #changelist-filter h3 { font-size:12px; margin-bottom:0; } 33 #changelist-filter ul { padding-left:0;margin-left:10px;_margin-right:-10px; } 34 #changelist-filter li { list-style-type:none; margin-left:0; padding-left:0; } 35 #changelist-filter a { color:#999; } 36 #changelist-filter a:hover { color:#036; } 37 #changelist-filter li.selected { border-left:5px solid #ccc; padding-left:5px;margin-left:-10px; } 38 #changelist-filter li.selected a { color:#5b80b2 !important; } 54 39 55 40 /* DATE DRILLDOWN */ 56 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 .change-list ul.toplinks li {float: left; width: 9em; padding:3px 6px; font-weight: bold; list-style-type:none;} 59 .change-list ul.toplinks .date-back a {color:#999;} 60 .change-list ul.toplinks .date-back a:hover {color:#036;} 41 .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%; } 42 .change-list ul.toplinks li { float: left; width: 9em; padding:3px 6px; font-weight: bold; list-style-type:none; } 43 .change-list ul.toplinks .date-back a { color:#999; } 44 .change-list ul.toplinks .date-back a:hover { color:#036; } django/trunk/django/conf/admin_media/css/global.css
r827 r917 1 1 /* 2 ______________________________ 3 DJANGO 4 Admin Global Styles 5 6 Extends base.css 7 8 by Wilson Miner 9 wilson@lawrence.com 10 11 Copyright (c) 2005 12 Lawrence Journal-World 13 14 645 New Hampshire 15 Lawrence, KS 66044 16 17 ______________________________ 18 SITE DIMENSIONS 19 20 Site Width: 768px 21 Content Width: 750px 22 Main Column: 580px 23 Sidebar: 220px 24 25 ______________________________ 26 COLORS 27 28 Blue #5b80b2 29 Dark Blue #036 30 2 DJANGO Admin Global Styles 3 by Wilson Miner wilson@lawrence.com 4 Copyright (c) 2005 Lawrence Journal-World 31 5 */ 32 6 … … 34 8 35 9 /* LINKS */ 36 37 10 a:link, a:visited { color: #5b80b2; text-decoration:none; } 38 11 a:hover { color: #036; } … … 40 13 41 14 /* GLOBAL DEFAULTS */ 42 43 15 p, ol, ul, dl { margin:.2em 0 .8em 0; font-size:12px; } 44 16 p { padding:0; line-height:140%; } … … 68 40 69 41 /* PAGE STRUCTURE */ 70 71 42 #container { position:relative; width:100%; min-width:720px; } 72 43 #header { text-align:left; min-height:55px; _height:55px; } … … 77 48 78 49 /* COLUMN TYPES */ 79 /*80 colM = Main | M |81 colMS = Main, Sidebar | M |S|82 colSM = Sidebar, Main |S| M |83 flex = single-column, liquid width84 superwide = single-column, extra-wide fixed width85 */86 50 .colMS, .colM, .colSM, .colM #content-main, .colM #content-main .xfull { width:758px; } /* master site width for fixed-width pages */ 87 51 .colMS #content-main, .colSM #content-main, .colMS #content-main .xfull, .colSM #content-main .xfull { width:519px; } /* main column width for 2-column pages */ … … 95 59 96 60 /* WIDTHS */ 97 98 61 .x50 { width:50px; } 99 62 .x75 { width:75px; } … … 107 70 108 71 /* HEADER */ 109 110 72 #header { background:#417690; color:#ffc; } 111 73 #header a:link, #header a:visited { color:white; } … … 118 80 119 81 /* SIDEBAR */ 120 121 82 #content-related h3 { font-size:12px; color:#666; margin-bottom:3px; } 122 83 #content-related h4 { font-size:11px; } 123 84 124 85 /* TABLES */ 125 126 86 table { border-collapse:collapse; border-color:#ccc; } 127 87 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; } … … 142 102 143 103 /* TABLE SORTING */ 144 145 104 thead th a:link, thead th a:visited { color:#666; display:block; } 146 105 table thead th.sorted { background-position:bottom left !important; } … … 150 109 151 110 /* MODULES */ 152 153 111 .module { border:1px solid #ccc; margin-bottom:5px; background:white; } 154 112 .module p, .module ul, .module h3, .module h4, .module dl, .module pre { padding-left:10px; padding-right:10px; } … … 174 132 175 133 /* FORM BUTTONS */ 176 177 134 input[type=submit], input[type=button], .submit-row input { background:white url(../img/admin/nav-bg.gif) bottom repeat-x; padding:3px; } 178 135 input[type=submit]:active, input[type=button]:active { background-image:url(../img/admin/nav-bg-reverse.gif); background-position:top; } … … 184 141 185 142 /* FORM ROWS */ 186 187 143 .form-row { clear:both; padding:8px 12px; font-size:11px; } 188 144 html>body .form-row { border-bottom:1px solid #eee; } … … 192 148 193 149 /* FORM LABELS */ 194 195 150 form h4 { margin:0 !important; padding:0 !important; border:none !important; } 196 151 label { font-weight:normal !important; color:#666; font-size:12px; } … … 199 154 200 155 /* RADIO BUTTONS */ 201 202 156 form ul.radiolist li { list-style-type:none; } 203 157 form ul.radiolist label { float:none; display:inline; } … … 206 160 207 161 /* ALIGNED FIELDSETS */ 208 209 162 .aligned label { display:block; padding:0 1em 3px 0; float:left; text-align:left; width:8em; } 210 163 .aligned label.inline { display:inline; float:none; } … … 218 171 219 172 /* WIDE FIELDSETS */ 220 221 173 .wide label { width:15em !important; } 222 174 form .wide p { margin-left:15em; } … … 225 177 226 178 /* COLLAPSED FIELDSETS */ 227 228 179 fieldset.collapsed * { display:none; } 229 180 fieldset.collapsed h2, fieldset.collapsed { display:block !important; } … … 234 185 235 186 /* MESSAGES & ERRORS */ 236 237 187 ul.messagelist { padding:0 0 5px 0; margin:0; } 238 188 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; } … … 246 196 247 197 /* ACTION ICONS */ 248 249 198 .addlink { padding-left:12px; background:url(../img/admin/icon_addlink.gif) 0 .2em no-repeat; } 250 199 .changelink { padding-left:12px; background:url(../img/admin/icon_changelink.gif) 0 .2em no-repeat; } … … 254 203 255 204 /* OBJECT TOOLS */ 256 257 205 .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; } 258 206 .form-row .object-tools { margin-top:0; margin-bottom:0; } … … 267 215 268 216 /* INLINE CONTROLS */ 269 270 217 #inline-controls { font-weight:bold; font-size:12px; } 271 218 #inline-specific-controls { margin-left:6px; padding:0 8px; border-left:6px solid #ccc; } 272 219 273 220 /* BREADCRUMBS */ 274 275 221 p.breadcrumbs { font-size:11px; color:#ccc;text-align:left; } /* old breadcrumbs style */ 276 222 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; } 277 223 278 224 /* SELECTOR (FILTER INTERFACE) */ 279 280 225 .selector { width:580px; float:left; } 281 226 .selector select { width:270px; height:170px; } … … 298 243 299 244 /* Stacked selectors for long items */ 300 301 245 .stacked { float:left; width:500px; } 302 246 .stacked select { width:480px; height:100px; } … … 311 255 312 256 /* DATE AND TIME */ 313 314 257 p.datetime { line-height:20px; margin:0; padding:0; color:#666; font-size:11px; font-weight:bold; } 315 258 .datetime span { font-size:11px; font-weight:normal; white-space:nowrap; } … … 318 261 319 262 /* FILE UPLOADS */ 320 321 263 p.file-upload { line-height:20px; margin:0; padding:0; color:#666; font-size:11px; font-weight:bold; } 322 264 .file-upload a { font-weight:normal; } … … 324 266 325 267 /* CALENDARS & CLOCKS */ 326 327 268 .calendarbox, .clockbox { margin:5px auto; width: 10em; text-align: center; background:white; position:relative; } 328 269 .clockbox { width:6em; } … … 351 292 352 293 /* ORDERING WIDGET */ 353 354 294 ul#orderthese { padding:0; margin:0; list-style-type:none; } 355 295 ul#orderthese li { list-style-type:none; display:block; padding:0; margin:6px 0; width:214px; background:#f6f6f6; white-space:nowrap; overflow:hidden; } … … 358 298 359 299 /* PAGINATOR */ 360 361 300 .paginator { font-size:11px; padding-top:10px; padding-bottom:10px; line-height:22px; margin:0; border-top:1px solid #ddd; } 362 301 .paginator a:link, .paginator a:visited { padding:2px 6px; border:solid 1px #ccc; background:white; text-decoration:none; } … … 368 307 369 308 /* TEXT STYLES & MODIFIERS */ 370 371 309 .small { font-size:11px; } 372 310 .tiny { font-size:10px; } … … 387 325 388 326 /* CUSTOM FORM FIELDS */ 389 390 327 .vSelectMultipleField { vertical-align:top !important; } 391 328 .vCheckboxField { border:none; }
