/django/contrib/admin/media/css/widgets.css
CSS | 514 lines | 410 code | 96 blank | 8 comment | 0 complexity | a13e8ecffe2f37037bb553ca963a9c57 MD5 | raw file
Possible License(s): BSD-3-Clause
1/* SELECTOR (FILTER INTERFACE) */ 2 3.selector { 4 width: 580px; 5 float: left; 6} 7 8.selector select { 9 width: 270px; 10 height: 17.2em; 11} 12 13.selector-available, .selector-chosen { 14 float: left; 15 width: 270px; 16 text-align: center; 17 margin-bottom: 5px; 18} 19 20.selector-available h2, .selector-chosen h2 { 21 border: 1px solid #ccc; 22} 23 24.selector .selector-available h2 { 25 background: white url(../img/admin/nav-bg.gif) bottom left repeat-x; 26 color: #666; 27} 28 29.selector .selector-filter { 30 background: white; 31 border: 1px solid #ccc; 32 border-width: 0 1px; 33 padding: 3px; 34 color: #999; 35 font-size: 10px; 36 margin: 0; 37 text-align: left; 38} 39 40.selector .selector-chosen .selector-filter { 41 padding: 4px 5px; 42} 43 44.selector .selector-available input { 45 width: 230px; 46} 47 48.selector ul.selector-chooser { 49 float: left; 50 width: 22px; 51 height: 50px; 52 background: url(../img/admin/chooser-bg.gif) top center no-repeat; 53 margin: 8em 3px 0 3px; 54 padding: 0; 55} 56 57.selector-chooser li { 58 margin: 0; 59 padding: 3px; 60 list-style-type: none; 61} 62 63.selector select { 64 margin-bottom: 5px; 65 margin-top: 0; 66} 67 68.selector-add, .selector-remove { 69 width: 16px; 70 height: 16px; 71 display: block; 72 text-indent: -3000px; 73 overflow: hidden; 74} 75 76.selector-add { 77 background: url(../img/admin/selector-add.gif) top center no-repeat; 78 margin-bottom: 2px; 79} 80 81.selector-remove { 82 background: url(../img/admin/selector-remove.gif) top center no-repeat; 83} 84 85a.selector-chooseall, a.selector-clearall { 86 display: block; 87 width: 6em; 88 text-align: left; 89 margin-left: auto; 90 margin-right: auto; 91 font-weight: bold; 92 color: #666; 93 padding: 3px 0 3px 18px; 94} 95 96a.selector-chooseall:hover, a.selector-clearall:hover { 97 color: #036; 98} 99 100a.selector-chooseall { 101 width: 7em; 102 background: url(../img/admin/selector-addall.gif) left center no-repeat; 103} 104 105a.selector-clearall { 106 background: url(../img/admin/selector-removeall.gif) left center no-repeat; 107} 108 109 110/* STACKED SELECTORS */ 111 112.stacked { 113 float: left; 114 width: 500px; 115} 116 117.stacked select { 118 width: 480px; 119 height: 10.1em; 120} 121 122.stacked .selector-available, .stacked .selector-chosen { 123 width: 480px; 124} 125 126.stacked .selector-available { 127 margin-bottom: 0; 128} 129 130.stacked .selector-available input { 131 width: 442px; 132} 133 134.stacked ul.selector-chooser { 135 height: 22px; 136 width: 50px; 137 margin: 0 0 3px 40%; 138 background: url(../img/admin/chooser_stacked-bg.gif) top center no-repeat; 139} 140 141.stacked .selector-chooser li { 142 float: left; 143 padding: 3px 3px 3px 5px; 144} 145 146.stacked .selector-chooseall, .stacked .selector-clearall { 147 display: none; 148} 149 150.stacked .selector-add { 151 background-image: url(../img/admin/selector_stacked-add.gif); 152} 153 154.stacked .selector-remove { 155 background-image: url(../img/admin/selector_stacked-remove.gif); 156} 157 158 159/* DATE AND TIME */ 160 161p.datetime { 162 line-height: 20px; 163 margin: 0; 164 padding: 0; 165 color: #666; 166 font-size: 11px; 167 font-weight: bold; 168} 169 170.datetime span { 171 font-size: 11px; 172 color: #ccc; 173 font-weight: normal; 174 white-space: nowrap; 175} 176 177table p.datetime { 178 font-size: 10px; 179 margin-left: 0; 180 padding-left: 0; 181} 182 183/* FILE UPLOADS */ 184 185p.file-upload { 186 line-height: 20px; 187 margin: 0; 188 padding: 0; 189 color: #666; 190 font-size: 11px; 191 font-weight: bold; 192} 193 194.file-upload a { 195 font-weight: normal; 196} 197 198.file-upload .deletelink { 199 margin-left: 5px; 200} 201 202span.clearable-file-input label { 203 color: #333; 204 font-size: 11px; 205 display: inline; 206 float: none; 207} 208 209/* CALENDARS & CLOCKS */ 210 211.calendarbox, .clockbox { 212 margin: 5px auto; 213 font-size: 11px; 214 width: 16em; 215 text-align: center; 216 background: white; 217 position: relative; 218} 219 220.clockbox { 221 width: auto; 222} 223 224.calendar { 225 margin: 0; 226 padding: 0; 227} 228 229.calendar table { 230 margin: 0; 231 padding: 0; 232 border-collapse: collapse; 233 background: white; 234 width: 99%; 235} 236 237.calendar caption, .calendarbox h2 { 238 margin: 0; 239 font-size: 11px; 240 text-align: center; 241 border-top: none; 242} 243 244.calendar th { 245 font-size: 10px; 246 color: #666; 247 padding: 2px 3px; 248 text-align: center; 249 background: #e1e1e1 url(../img/admin/nav-bg.gif) 0 50% repeat-x; 250 border-bottom: 1px solid #ddd; 251} 252 253.calendar td { 254 font-size: 11px; 255 text-align: center; 256 padding: 0; 257 border-top: 1px solid #eee; 258 border-bottom: none; 259} 260 261.calendar td.selected a { 262 background: #C9DBED; 263} 264 265.calendar td.nonday { 266 background: #efefef; 267} 268 269.calendar td.today a { 270 background: #ffc; 271} 272 273.calendar td a, .timelist a { 274 display: block; 275 font-weight: bold; 276 padding: 4px; 277 text-decoration: none; 278 color: #444; 279} 280 281.calendar td a:hover, .timelist a:hover { 282 background: #5b80b2; 283 color: white; 284} 285 286.calendar td a:active, .timelist a:active { 287 background: #036; 288 color: white; 289} 290 291.calendarnav { 292 font-size: 10px; 293 text-align: center; 294 color: #ccc; 295 margin: 0; 296 padding: 1px 3px; 297} 298 299.calendarnav a:link, #calendarnav a:visited, #calendarnav a:hover { 300 color: #999; 301} 302 303.calendar-shortcuts { 304 background: white; 305 font-size: 10px; 306 line-height: 11px; 307 border-top: 1px solid #eee; 308 padding: 3px 0 4px; 309 color: #ccc; 310} 311 312.calendarbox .calendarnav-previous, .calendarbox .calendarnav-next { 313 display: block; 314 position: absolute; 315 font-weight: bold; 316 font-size: 12px; 317 background: #C9DBED url(../img/admin/default-bg.gif) bottom left repeat-x; 318 padding: 1px 4px 2px 4px; 319 color: white; 320} 321 322.calendarnav-previous:hover, .calendarnav-next:hover { 323 background: #036; 324} 325 326.calendarnav-previous { 327 top: 0; 328 left: 0; 329} 330 331.calendarnav-next { 332 top: 0; 333 right: 0; 334} 335 336.calendar-cancel { 337 margin: 0 !important; 338 padding: 0; 339 font-size: 10px; 340 background: #e1e1e1 url(../img/admin/nav-bg.gif) 0 50% repeat-x; 341 border-top: 1px solid #ddd; 342} 343 344.calendar-cancel a { 345 padding: 2px; 346 color: #999; 347} 348 349ul.timelist, .timelist li { 350 list-style-type: none; 351 margin: 0; 352 padding: 0; 353} 354 355.timelist a { 356 padding: 2px; 357} 358 359/* INLINE ORDERER */ 360 361ul.orderer { 362 position: relative; 363 padding: 0 !important; 364 margin: 0 !important; 365 list-style-type: none; 366} 367 368ul.orderer li { 369 list-style-type: none; 370 display: block; 371 padding: 0; 372 margin: 0; 373 border: 1px solid #bbb; 374 border-width: 0 1px 1px 0; 375 white-space: nowrap; 376 overflow: hidden; 377 background: #e2e2e2 url(../img/admin/nav-bg-grabber.gif) repeat-y; 378} 379 380ul.orderer li:hover { 381 cursor: move; 382 background-color: #ddd; 383} 384 385ul.orderer li a.selector { 386 margin-left: 12px; 387 overflow: hidden; 388 width: 83%; 389 font-size: 10px !important; 390 padding: 0.6em 0; 391} 392 393ul.orderer li a:link, ul.orderer li a:visited { 394 color: #333; 395} 396 397ul.orderer li .inline-deletelink { 398 position: absolute; 399 right: 4px; 400 margin-top: 0.6em; 401} 402 403ul.orderer li.selected { 404 background-color: #f8f8f8; 405 border-right-color: #f8f8f8; 406} 407 408ul.orderer li.deleted { 409 background: #bbb url(../img/admin/deleted-overlay.gif); 410} 411 412ul.orderer li.deleted a:link, ul.orderer li.deleted a:visited { 413 color: #888; 414} 415 416ul.orderer li.deleted .inline-deletelink { 417 background-image: url(../img/admin/inline-restore.png); 418} 419 420ul.orderer li.deleted:hover, ul.orderer li.deleted a.selector:hover { 421 cursor: default; 422} 423 424/* EDIT INLINE */ 425 426.inline-deletelink { 427 float: right; 428 text-indent: -9999px; 429 background: transparent url(../img/admin/inline-delete.png) no-repeat; 430 width: 15px; 431 height: 15px; 432 border: 0px none; 433 outline: 0; /* Remove dotted border around link */ 434} 435 436.inline-deletelink:hover { 437 background-position: -15px 0; 438 cursor: pointer; 439} 440 441.editinline button.addlink { 442 border: 0px none; 443 color: #5b80b2; 444 font-size: 100%; 445 cursor: pointer; 446} 447 448.editinline button.addlink:hover { 449 color: #036; 450 cursor: pointer; 451} 452 453.editinline table .help { 454 text-align: right; 455 float: right; 456 padding-left: 2em; 457} 458 459.editinline tfoot .addlink { 460 white-space: nowrap; 461} 462 463.editinline table thead th:last-child { 464 border-left: none; 465} 466 467.editinline tr.deleted { 468 background: #ddd url(../img/admin/deleted-overlay.gif); 469} 470 471.editinline tr.deleted .inline-deletelink { 472 background-image: url(../img/admin/inline-restore.png); 473} 474 475.editinline tr.deleted td:hover { 476 cursor: default; 477} 478 479.editinline tr.deleted td:first-child { 480 background-image: none !important; 481} 482 483/* EDIT INLINE - STACKED */ 484 485.editinline-stacked { 486 min-width: 758px; 487} 488 489.editinline-stacked .inline-object { 490 margin-left: 210px; 491 background: white; 492} 493 494.editinline-stacked .inline-source { 495 float: left; 496 width: 200px; 497 background: #f8f8f8; 498} 499 500.editinline-stacked .inline-splitter { 501 float: left; 502 width: 9px; 503 background: #f8f8f8 url(../img/admin/inline-splitter-bg.gif) 50% 50% no-repeat; 504 border-right: 1px solid #ccc; 505} 506 507.editinline-stacked .controls { 508 clear: both; 509 background: #e1e1e1 url(../img/admin/nav-bg.gif) top left repeat-x; 510 padding: 3px 4px; 511 font-size: 11px; 512 border-top: 1px solid #ddd; 513} 514