Mercurial > public > madeira

annotate media/django/css/widgets.css @ 1:0dcfcdf50c62

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