theme/bootstrapbase/less/moodle/filemanager.less

   1 /* stylelint-disable declaration-no-important */
   2 // File Picker and File Manager
   3 .filemanager,
   4 .filepicker,
   5 .file-picker {
   6     font-size: 11px;
   7 }
   8 .filemanager a,
   9 .file-picker a,
  10 .filemanager a:hover,
  11 .file-picker a:hover {
  12     color: #555;
  13     text-decoration: none;
  14 }
  15 .filemanager input[type="text"],
  16 .file-picker input[type="text"] {
  17     width: 265px;
  18 }
  19 .filemanager .fp-license,
  20 .file-picker .fp-setlicense {
  21     td {
  22         max-width: 265px;
  23     }
  24     select {
  25         max-width: 100%;
  26     }
  27 }
  28 .fp-content-center {
  29     height: 100%;
  30     width: 100%;
  31     display: table-cell;
  32     vertical-align: middle;
  33 }
  34 .fp-content-hidden {
  35     visibility: hidden;
  36 }
  37 // Dialogue (File Picker and File Manager)
  38 .yui3-panel-focused {
  39     outline: none;
  40 }
  41 #filesskin .yui3-panel-content {
  42     padding-bottom: 20px;
  43     background: #f2f2f2;
  44     .border-radius(8px);
  45     border: 1px solid #fff;
  46     display: inline-block;
  47     .ie7-inline-block();
  48     .box-shadow(5px 5px 20px 0 #666);
  49 }
  50 #filesskin .yui3-widget-hd {
  51     .border-radius(10px 10px 0 0);
  52     border-bottom: 1px solid #bbb;
  53     padding: 5px;
  54     text-align: center;
  55     font-size: 12px;
  56     color: #333;
  57     letter-spacing: 1px;
  58     text-shadow: 1px 1px 1px #fff;
  59     filter: dropshadow(color=#fff, offx=1, offy=1);
  60     #gradient > .vertical (#fff, #ccc);
  61 }
  62 .fp-panel-button {
  63     background: #fff;
  64     padding: 3px 20px 2px 20px;
  65     text-align: center;
  66     margin: 10px;
  67     .border-radius(10px);
  68     display: inline-block;
  69     .ie7-inline-block();
  70     .box-shadow(2px 2px 3px .1px #999);
  71 }
  72
  73 .moodle-dialogue h3 {
  74     font-size: 14px;
  75     margin: 0;
  76     line-height: 20px;
  77 }
  78
  79 .moodle-dialogue-base .filepicker .moodle-dialogue-wrap .moodle-dialogue-bd {
  80     padding: 0;
  81 }
  82
  83 // File Picker layout
  84 #filesskin .file-picker.fp-generallayout {
  85     width: 859px;
  86     background: #fff;
  87     .border-radius(10px);
  88     border: 1px solid #ccc;
  89     position: relative;
  90 }
  91 .file-picker .fp-repo-area {
  92     width: 180px;
  93     overflow: auto;
  94     display: inline-block;
  95     .ie7-inline-block();
  96     float: left;
  97     height: 525px;
  98     border-right: 1px solid #bbb;
  99 }
 100 .file-picker .fp-repo-items {
 101     float: none;
 102     width: auto;
 103     margin-left: 181px;
 104 }
 105 .moodle-dialogue-fullscreen .file-picker .fp-repo-items {
 106     margin-left: 0;
 107     margin-right: 0;
 108     float: left;
 109 }
 110 .file-picker .fp-navbar {
 111     background: #f2f2f2;
 112     border-bottom: 1px solid #bbb;
 113     min-height: 40px;
 114     overflow: hidden;
 115 }
 116 .file-picker .fp-navbar .fp-viewbar {
 117     margin: 4px;
 118 }
 119
 120 .file-picker .fp-content {
 121     background: #fff;
 122     clear: none;
 123     overflow: auto;
 124     height: 452px;
 125 }
 126 .filepicker.moodle-dialogue-fullscreen .file-picker .fp-content {
 127     width: 100%;
 128 }
 129 .file-picker .fp-content-loading {
 130     height: 100%;
 131     width: 100%;
 132     display: table;
 133     text-align: center;
 134 }
 135 .file-picker .fp-content .fp-object-container {
 136     width: 98%;
 137     height: 98%;
 138 }
 139
 140 // Repositories on fp-repo-area (File Picker only)
 141 .file-picker .fp-list {
 142     list-style-type: none;
 143     padding: 0;
 144     float: left;
 145     width: 100%;
 146     margin: 0;
 147 }
 148 .file-picker .fp-list .fp-repo a {
 149     display: block;
 150     padding: .5em .7em;
 151 }
 152 .file-picker .fp-list .fp-repo.active {
 153     background: #f2f2f2;
 154 }
 155 .file-picker .fp-list .fp-repo-icon {
 156     padding: 0 7px 0 5px;
 157     width: 16px;
 158     height: 16px;
 159 }
 160 // Tools, Path & View on fp-navbar (File Picker and File Manager)
 161 .fp-toolbar {
 162     float: left;
 163 }
 164 .fp-toolbar.empty {
 165     display: none;
 166 }
 167 .fp-toolbar .disabled {
 168     display: none;
 169 }
 170 .fp-toolbar div {
 171     display: block;
 172     float: left;
 173     margin-right: 4px;
 174 }
 175 .fp-toolbar img {
 176     vertical-align: -15%;
 177     margin-right: 5px;
 178 }
 179 .fp-toolbar .fp-tb-search {
 180     width: 235px;
 181     height: 27px;
 182 }
 183 .fp-toolbar .fp-tb-search input {
 184     background: #fff url('[[pix:a/search]]') no-repeat 7px 7px;
 185     padding: 2px 6px 1px 27px;
 186     width: 200px;
 187     height: 27px;
 188     border: 1px solid #bbb;
 189 }
 190 .fp-viewbar {
 191     float: right;
 192     height: 30px;
 193     border: 1px solid #ccc;
 194     border-bottom: 1px solid #b3b3b3;
 195     border-radius: 4px;
 196     background: white;
 197 }
 198 .fp-repo-items .fp-viewbar {
 199     margin: 4px;
 200 }
 201
 202 .fp-viewbar a {
 203     width: 30px;
 204     height: 30px;
 205     border-right: 1px solid #ccc;
 206     display: block;
 207     float: left;
 208 }
 209 .fp-viewbar a.checked:hover,
 210 .fp-viewbar a:hover {
 211     background-image: radial-gradient(ellipse at center, #fff 60%, #dfdfdf 100%);
 212     background-color: #ebebeb;
 213 }
 214
 215 .fp-viewbar a.checked,
 216 .fp-viewbar a:active {
 217     background-image: radial-gradient(ellipse at center, #fff 40%, #dfdfdf 100%);
 218     background-color: #dfdfdf;
 219 }
 220
 221 .fp-viewbar a.fp-vb-icons {
 222     border-radius: 4px 0 0 4px;
 223 }
 224 .fp-viewbar a.fp-vb-tree {
 225     border-right: 0;
 226     border-radius: 0 4px 4px 0;
 227 }
 228 .fp-viewbar a img {
 229     margin: 7px;
 230 }
 231
 232 .fp-viewbar.disabled a {
 233     opacity: .45;
 234     background: none;
 235     cursor: default;
 236 }
 237
 238 .file-picker .fp-clear-left {
 239     clear: left;
 240 }
 241
 242 .file-picker .fp-pathbar {
 243     display: table-row;
 244 }
 245 .fp-pathbar.empty {
 246     display: none;
 247 }
 248 .fp-pathbar .fp-path-folder {
 249     background: url('[[pix:theme|fp/path_folder]]') 0 0 no-repeat;
 250     /*rtl:raw:
 251     background-image: url('[[pix:theme|fp/path_folder_rtl]]');
 252     */
 253     height: 12px;
 254     margin-left: 4px;
 255 }
 256 .fp-pathbar .fp-path-folder-name {
 257     margin-left: 32px;
 258     line-height: 20px;
 259 }
 260
 261 // Icon view (File Picker and File Manager)
 262 .fp-iconview .fp-file {
 263     float: left;
 264     text-align: center;
 265     position: relative;
 266     margin: 10px 10px 35px;
 267 }
 268 .fp-iconview .fp-thumbnail {
 269     min-width: 110px;
 270     min-height: 110px;
 271     line-height: 110px;
 272     text-align: center;
 273     border: 1px solid #fff;
 274     display: block;
 275 }
 276 .fp-iconview .fp-thumbnail img {
 277     border: 1px solid #ddd;
 278     padding: 3px;
 279     vertical-align: middle;
 280     .box-shadow(1px 1px 2px 0 #ccc);
 281 }
 282 .fp-iconview .fp-thumbnail:hover {
 283     background: #fff;
 284     border: 1px solid #ddd;
 285     .box-shadow(inset 0 0 10px 0 #ccc);
 286 }
 287 .fp-iconview .fp-filename-field {
 288     height: 33px;
 289     word-wrap: break-word;
 290     overflow: hidden;
 291     position: absolute;
 292 }
 293 .fp-iconview .fp-filename-field:hover {
 294     overflow: visible;
 295     z-index: 1000;
 296 }
 297 .fp-iconview .fp-filename-field .fp-filename {
 298     background: #fff;
 299     padding-top: 5px;
 300     padding-bottom: 12px;
 301     min-width: 112px;
 302 }
 303
 304 // Table view (File Picker only)
 305 .file-picker .yui3-datatable table {
 306     border: 0 solid #bbb;
 307     width: 100%;
 308 }
 309 #filesskin .file-picker .yui3-datatable-header {
 310     background: #fff;
 311     border-bottom: 1px solid #ccc;
 312     border-left: 0 solid #fff;
 313     color: #555;
 314 }
 315 #filesskin .file-picker .yui3-datatable-odd .yui3-datatable-cell {
 316     background-color: #f6f6f6;
 317     border-left: 0 solid #f6f6f6;
 318 }
 319 #filesskin .file-picker .yui3-datatable-even .yui3-datatable-cell {
 320     background-color: #fff;
 321     border-left: 0 solid #fff;
 322 }
 323 // Tree view (File Manager only)
 324
 325 // first or middle sibling, no children
 326 .file-picker .ygtvtn,
 327 .filemanager .ygtvtn {
 328     /*rtl:remove*/
 329     background: url('[[pix:moodle|y/tn]]') 0 0 no-repeat;
 330     /*rtl:raw:
 331     background: url('[[pix:moodle|y/tn_rtl]]') 0 0 no-repeat;
 332     */
 333     width: 17px;
 334     height: 22px;
 335 }
 336 // first or middle sibling, collapsable
 337 .file-picker .ygtvtm,
 338 .filemanager .ygtvtm {
 339     background: url('[[pix:moodle|y/tm]]') 0 10px no-repeat;
 340     /*rtl:raw:
 341         background-position: 2px 10px;
 342     */
 343     width: 13px;
 344     height: 12px;
 345     cursor: pointer;
 346 }
 347 // first or middle sibling, collapsable, hover
 348 .file-picker .ygtvtmh,
 349 .filemanager .ygtvtmh {
 350     background: url('[[pix:moodle|y/tm]]') 0 10px no-repeat;
 351     /*rtl:raw:
 352         background-position: 2px 10px;
 353     */
 354     width: 13px;
 355     height: 12px;
 356     cursor: pointer;
 357 }
 358 // first or middle sibling, expandable
 359 .file-picker .ygtvtp,
 360 .filemanager .ygtvtp {
 361     /*rtl:remove*/
 362     background: url('[[pix:moodle|y/tp]]') 0 10px no-repeat;
 363     /*rtl:raw:
 364     background: url('[[pix:moodle|y/tp_rtl]]') 2px 10px no-repeat;
 365     */
 366     width: 13px;
 367     height: 12px;
 368     cursor: pointer;
 369 }
 370 // first or middle sibling, expandable, hover
 371 .file-picker .ygtvtph,
 372 .filemanager .ygtvtph {
 373     /*rtl:remove*/
 374     background: url('[[pix:moodle|y/tp]]') 0 10px no-repeat;
 375     /*rtl:raw:
 376     background: url('[[pix:moodle|y/tp_rtl]]') 2px 10px no-repeat;
 377     */
 378     width: 13px;
 379     height: 22px;
 380     cursor: pointer;
 381 }
 382 // last sibling, no children
 383 .file-picker .ygtvln,
 384 .filemanager .ygtvln {
 385     /*rtl:remove*/
 386     background: url('[[pix:moodle|y/ln]]') 0 0 no-repeat;
 387     /*rtl:raw:
 388     background: url('[[pix:moodle|y/ln_rtl]]') 0 0 no-repeat;
 389     */
 390     width: 17px;
 391     height: 22px;
 392 }
 393 // Last sibling, collapsable
 394 .file-picker .ygtvlm,
 395 .filemanager .ygtvlm {
 396     background: url('[[pix:moodle|y/lm]]') 0 10px no-repeat;
 397     /*rtl:raw:
 398         background-position: 2px 10px;
 399     */
 400     width: 13px;
 401     height: 12px;
 402     cursor: pointer;
 403 }
 404 // Last sibling, collapsable, hover
 405 .file-picker .ygtvlmh,
 406 .filemanager .ygtvlmh {
 407     background: url('[[pix:moodle|y/lm]]') 0 10px no-repeat;
 408     /*rtl:raw:
 409         background-position: 2px 10px;
 410     */
 411     width: 13px;
 412     height: 12px;
 413     cursor: pointer;
 414 }
 415 // Last sibling, expandable
 416 .file-picker .ygtvlp,
 417 .filemanager .ygtvlp {
 418     /*rtl:remove*/
 419     background: url('[[pix:moodle|y/lp]]') 0 10px no-repeat;
 420     /*rtl:raw:
 421     background: url('[[pix:moodle|y/lp_rtl]]') 2px 10px no-repeat;
 422     */
 423     width: 13px;
 424     height: 12px;
 425     cursor: pointer;
 426 }
 427 // Last sibling, expandable, hover
 428 .file-picker .ygtvlph,
 429 .filemanager .ygtvlph {
 430     /*rtl:remove*/
 431     background: url('[[pix:moodle|y/lp]]') 0 10px no-repeat;
 432     /*rtl:raw:
 433     background: url('[[pix:moodle|y/lp_rtl]]') 2px 10px no-repeat;
 434     */
 435     width: 13px;
 436     height: 12px;
 437     cursor: pointer;
 438 }
 439 // Loading icon
 440 .file-picker .ygtvloading,
 441 .filemanager .ygtvloading {
 442     background: transparent url('[[pix:moodle|y/loading]]') 0 0 no-repeat;
 443     width: 16px;
 444     height: 22px;
 445 }
 446 // the style for the empty cells that are used for rendering the depth of the node
 447 .file-picker .ygtvdepthcell,
 448 .filemanager .ygtvdepthcell {
 449     background: url('[[pix:moodle|y/vline]]') 0 0 no-repeat;
 450     /*rtl:raw:
 451     background-position: 1px 0;
 452     */
 453     width: 17px;
 454     height: 32px;
 455 }
 456 .file-picker .ygtvblankdepthcell,
 457 .filemanager .ygtvblankdepthcell {
 458     width: 17px;
 459     height: 22px;
 460 }
 461 a.ygtvspacer:hover {
 462     color: transparent;
 463     text-decoration: none;
 464 }
 465 .ygtvlabel,
 466 .ygtvlabel:link,
 467 .ygtvlabel:visited,
 468 .ygtvlabel:hover {
 469     background-color: transparent;
 470     cursor: pointer;
 471     margin-left: 2px;
 472     text-decoration: none;
 473 }
 474 .file-picker .ygtvfocus,
 475 .filemanager .ygtvfocus {
 476     background-color: #eee;
 477 }
 478 .fp-filename-icon {
 479     margin-top: 10px;
 480     display: block;
 481     position: relative;
 482 }
 483 .fp-icon {
 484     float: left;
 485     margin-top: -7px;
 486     width: 24px;
 487     height: 24px;
 488     margin-right: 10px;
 489     text-align: center;
 490     line-height: 24px;
 491 }
 492 .fp-filename {
 493     padding-right: 10px;
 494 }
 495 // Repositories Login on fp-content (File Picker only)
 496
 497 .file-picker .fp-login-form {
 498     height: 100%;
 499     width: 100%;
 500     display: table;
 501 }
 502 .file-picker .fp-login-form table {
 503     margin: 0 auto;
 504 }
 505 .file-picker .fp-login-form p {
 506     text-align: center;
 507     margin-top: 3em;
 508 }
 509 .file-picker .fp-login-form .fp-login-input label {
 510     text-align: right;
 511     display: block;
 512 }
 513 .file-picker .fp-login-form .fp-login-input .input {
 514     text-align: left;
 515 }
 516 .file-picker .fp-login-form input[type="checkbox"] {
 517     width: 15px;
 518     height: 15px;
 519 }
 520 // Upload on fp-content (File Picker only)
 521 .file-picker .fp-upload-form {
 522     height: 100%;
 523     width: 100%;
 524     display: table;
 525 }
 526 .file-picker .fp-upload-form table {
 527     margin: 0 auto;
 528 }
 529 // File exists dialogue on Upload (File Picker only)
 530 .file-picker.fp-dlg {
 531     text-align: center;
 532 }
 533 .file-picker.fp-dlg .fp-dlg-text {
 534     padding: 30px 20px 10px;
 535     font-size: 12px;
 536 }
 537 .file-picker.fp-dlg .fp-dlg-buttons {
 538     margin: 0 20px;
 539 }
 540 // Error dialogue on Upload (File Picker only)
 541 .file-picker.fp-msg {
 542     text-align: center;
 543 }
 544 .file-picker.fp-msg .fp-msg-text {
 545     padding: 40px 20px 10px 20px;
 546     min-width: 200px;
 547     max-width: 500px;
 548     max-height: 300px;
 549     overflow: auto;
 550     font-size: 12px;
 551 }
 552 .file-picker.fp-msg.fp-msg-error .fp-msg-text {
 553     padding: 40px 20px 10px 20px;
 554     font-size: 12px;
 555 }
 556 // Error on fp-content (File Picker only)
 557 .file-picker .fp-content-error {
 558     height: 100%;
 559     width: 100%;
 560     display: table;
 561     text-align: center;
 562 }
 563 .file-picker .fp-content-error .fp-error {
 564     height: 100%;
 565     width: 100%;
 566     display: table-cell;
 567     vertical-align: middle;
 568     padding: 40px 20px 10px 20px;
 569     font-size: 12px;
 570 }
 571 // Lazy loading on fp-content (File Picker only)
 572 .file-picker .fp-nextpage {
 573     clear: both;
 574 }
 575 .file-picker .fp-nextpage .fp-nextpage-loading {
 576     display: none;
 577 }
 578 .file-picker .fp-nextpage.loading .fp-nextpage-link {
 579     display: none;
 580 }
 581 .file-picker .fp-nextpage.loading .fp-nextpage-loading {
 582     display: block;
 583     text-align: center;
 584     height: 100px;
 585     padding-top: 50px;
 586 }
 587 // Select Dialogue (File Picker and File Manager)
 588 .fp-select form {
 589     padding: 20px 20px 0;
 590 }
 591 .fp-select .fp-select-loading {
 592     text-align: center;
 593     margin-top: 20px;
 594 }
 595 .fp-select .fp-hr {
 596     clear: both;
 597     height: 1px;
 598     background-color: #fff;
 599     border-bottom: 1px solid #bbb;
 600     width: auto;
 601     margin: 10px 0;
 602 }
 603 .fp-select table {
 604     padding: 0 0 10px;
 605 }
 606 .fp-select table .mdl-right {
 607     min-width: 84px;
 608 }
 609 .fp-select .fp-reflist .mdl-right {
 610     vertical-align: top;
 611 }
 612 .fp-select .fp-select-buttons {
 613     float: right;
 614 }
 615 .fp-select .fp-info {
 616     display: block;
 617     clear: both;
 618     padding: 1px 20px 0;
 619 }
 620 .fp-select .fp-thumbnail {
 621     float: left;
 622     min-width: 110px;
 623     min-height: 110px;
 624     line-height: 110px;
 625     text-align: center;
 626     margin: 10px 20px 0 0;
 627     background: #fff;
 628     border: 1px solid #ddd;
 629     .box-shadow(inset 0 0 10px 0 #ccc);
 630 }
 631 .fp-select .fp-thumbnail img {
 632     border: 1px solid #ddd;
 633     padding: 3px;
 634     vertical-align: middle;
 635     margin: 10px;
 636 }
 637 .fp-select .fp-fileinfo {
 638     display: inline-block;
 639     .ie7-inline-block();
 640     margin-top: 10px;
 641 }
 642 .file-picker.fp-select .fp-fileinfo {
 643     max-width: 240px;
 644 }
 645 .fp-select .fp-fileinfo div {
 646     padding-bottom: 5px;
 647 }
 648 .file-picker.fp-select .uneditable {
 649     display: none;
 650 }
 651 .file-picker.fp-select .fp-select-loading {
 652     display: none;
 653 }
 654 .file-picker.fp-select.loading .fp-select-loading {
 655     display: block;
 656 }
 657 .file-picker.fp-select.loading form {
 658     display: none;
 659 }
 660 .fp-select .fp-dimensions.fp-unknown {
 661     display: none;
 662 }
 663 .fp-select .fp-size.fp-unknown {
 664     display: none;
 665 }
 666 // File Manager
 667 .filemanager-loading {
 668     display: none;
 669 }
 670 .jsenabled .filemanager-loading {
 671     display: block;
 672     margin-top: 100px;
 673 }
 674 .filemanager.fm-loading .filemanager-toolbar,
 675 .filemanager.fm-loading .fp-pathbar,
 676 .filemanager.fm-loading .filemanager-container,
 677 .filemanager.fm-loaded .filemanager-loading,
 678 .filemanager.fm-maxfiles .fp-btn-add,
 679 .filemanager.fm-maxfiles .dndupload-message,
 680 .filemanager.fm-noitems .fp-btn-download,
 681 .filemanager .fm-empty-container,
 682 .filemanager.fm-noitems .filemanager-container .fp-content {
 683     display: none;
 684 }
 685 .filemanager .fp-img-downloading {
 686     display: none;
 687     padding-top: 7px;
 688 }
 689 .filemanager .filemanager-updating {
 690     display: none;
 691     text-align: center;
 692 }
 693 .filemanager.fm-updating .filemanager-updating {
 694     display: block;
 695     margin-top: 37px;
 696 }
 697 .filemanager.fm-updating .fm-content-wrapper,
 698 .filemanager.fm-nomkdir .fp-btn-mkdir,
 699 .fitem.disabled .filemanager .filemanager-toolbar,
 700 .fitem.disabled .filemanager .fp-pathbar,
 701 .fitem.disabled .filemanager .fp-restrictions,
 702 .fitem.disabled .filemanager .fm-content-wrapper {
 703     display: none;
 704 }
 705 // File Manager layout
 706 .filemanager {
 707     .fp-restrictions {
 708         text-align: right;
 709     }
 710 }
 711 .filemanager .fp-navbar {
 712     background: #f2f2f2;
 713     border: 1px solid #bbb;
 714     border-bottom: none;
 715 }
 716 .filemanager-toolbar {
 717     padding: 4px;
 718     overflow: hidden;
 719 }
 720 .fp-pathbar {
 721     border-top: 1px solid #bbb;
 722     padding: 5px 8px 1px;
 723     min-height: 20px;
 724 }
 725
 726 .file-picker .fp-toolbar {
 727     padding: 4px;
 728 }
 729
 730 .fp-toolbar .fp-btn-add,
 731 .fp-toolbar .fp-btn-download,
 732 .fp-toolbar .fp-btn-mkdir,
 733 .fp-toolbar .fp-tb-help,
 734 .fp-toolbar .fp-tb-manage,
 735 .fp-toolbar .fp-tb-logout,
 736 .fp-toolbar .fp-tb-refresh {
 737     border: 1px solid #ccc;
 738     border-bottom: 1px solid #b3b3b3;
 739     border-radius: 4px;
 740     background: white;
 741     width: 30px;
 742     height: 30px;
 743 }
 744
 745 .fp-toolbar a:hover {
 746     background-image: radial-gradient(ellipse at center, #fff 60%, #dfdfdf 100%);
 747     background-color: #ebebeb;
 748 }
 749
 750 .fp-toolbar a:active {
 751     background-image: radial-gradient(ellipse at center, #fff 40%, #dfdfdf 100%);
 752     background-color: #dfdfdf;
 753 }
 754
 755 .fp-btn-add a,
 756 .fp-btn-download a,
 757 .fp-btn-mkdir a,
 758 .fp-tb-help a,
 759 .fp-tb-manage a,
 760 .fp-tb-logout a,
 761 .fp-tb-refresh a {
 762     display: block;
 763     width: 30px;
 764     height: 30px;
 765     border-radius: 4px;
 766 }
 767
 768 .fp-btn-add img,
 769 .fp-btn-download img,
 770 .fp-btn-mkdir img,
 771 .fp-tb-help img,
 772 .fp-tb-manage img,
 773 .fp-tb-logout img,
 774 .fp-tb-refresh img {
 775     margin: 7px;
 776 }
 777
 778 .filemanager .fp-pathbar.empty {
 779     display: none;
 780 }
 781 .filepicker-filelist,
 782 .filemanager-container {
 783     background: #fff;
 784     clear: both;
 785     overflow: auto;
 786     border: 1px solid #bbb;
 787     min-height: 140px;
 788     position: relative;
 789 }
 790 .filemanager .fp-content {
 791     overflow: auto;
 792     max-height: 472px;
 793     min-height: 157px;
 794 }
 795 .filemanager-container,
 796 .filepicker-filelist {
 797     overflow: hidden;
 798 }
 799 .fitem.disabled .filepicker-filelist,
 800 .fitem.disabled .filemanager-container {
 801     background-color: #ebebe4;
 802 }
 803 .fitem.disabled .fp-btn-choose {
 804     .muted
 805 }
 806 .fitem.disabled .filepicker-filelist .filepicker-filename {
 807     display: none;
 808 }
 809 // Icon view (File Manager only)
 810 .fp-iconview .fp-reficons1 {
 811     position: absolute;
 812     height: 100%;
 813     width: 100%;
 814     top: 0;
 815     left: 0;
 816 }
 817 .fp-iconview .fp-reficons2 {
 818     position: absolute;
 819     height: 100%;
 820     width: 100%;
 821     top: 0;
 822     left: 0;
 823 }
 824 .fp-iconview .fp-file.fp-hasreferences .fp-reficons1 {
 825     background: url('[[pix:theme|fp/link]]') no-repeat;
 826     /*rtl:raw:
 827     transform: scaleX(-1);
 828     */
 829     /*rtl:ignore*/
 830     background-position: bottom right;
 831 }
 832 .fp-iconview .fp-file.fp-isreference .fp-reficons2 {
 833     background: url('[[pix:theme|fp/alias]]') no-repeat;
 834     /*rtl:raw:
 835     transform: scaleX(-1);
 836     */
 837     /*rtl:ignore*/
 838     background-position: bottom left;
 839 }
 840 .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail img {
 841     display: none;
 842 }
 843 .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail {
 844     background: url([[pix:s/dead]]) no-repeat;
 845     background-position: center center;
 846 }
 847 // Table view (File Manager only)
 848 .filemanager .yui3-datatable table {
 849     border: 0 solid #bbb;
 850     width: 100%;
 851 }
 852 .filemanager .yui3-datatable-header {
 853     background: #fff !important;
 854     border-bottom: 1px solid #ccc !important;
 855     border-left: 0 solid #fff !important;
 856     color: #555 !important;
 857 }
 858 .filemanager .yui3-datatable-odd .yui3-datatable-cell {
 859     background-color: #f6f6f6 !important;
 860     border-left: 0 solid #f6f6f6;
 861 }
 862 .filemanager .yui3-datatable-even .yui3-datatable-cell {
 863     background-color: #fff !important;
 864     border-left: 0 solid #fff;
 865 }
 866 .filemanager .fp-filename-icon.fp-hasreferences .fp-reficons1 {
 867     background: url('[[pix:theme|fp/link_sm]]') no-repeat 0 0;
 868     height: 100%;
 869     width: 100%;
 870     /*rtl:raw:
 871     transform: scaleX(-1);
 872     */
 873     position: absolute;
 874     top: 8px;
 875     left: 17px;
 876     z-index: 1000;
 877 }
 878 .filemanager .fp-filename-icon.fp-isreference .fp-reficons2 {
 879     background: url('[[pix:theme|fp/alias_sm]]') no-repeat 0 0;
 880     height: 100%;
 881     width: 100%;
 882     /*rtl:raw:
 883     transform: scaleX(-1);
 884     */
 885     position: absolute;
 886     top: 9px;
 887     left: -6px;
 888     z-index: 1001;
 889 }
 890 // Folder Context Menu (File Manager only)
 891 .filemanager .fp-contextmenu {
 892     display: none;
 893 }
 894 .filemanager .fp-iconview .fp-folder.fp-hascontextmenu .fp-contextmenu {
 895     display: block;
 896     position: absolute;
 897     right: 7px;
 898     bottom: 5px;
 899 }
 900 .filemanager .fp-treeview .fp-folder.fp-hascontextmenu .fp-contextmenu,
 901 .filemanager .fp-tableview .fp-folder.fp-hascontextmenu .fp-contextmenu {
 902     display: inline;
 903     position: absolute;
 904     left: 14px;
 905     margin-right: -20px;
 906     top: 6px;
 907 }
 908
 909 // Drag and drop support (filemanager and filepicker form elements)
 910 .filepicker-filelist .filepicker-container,
 911 .filemanager.fm-noitems .fm-empty-container {
 912     display: block;
 913     position: absolute;
 914     top: 10px;
 915     bottom: 10px;
 916     left: 10px;
 917     right: 10px;
 918     border: 2px dashed #bbb;
 919     padding-top: 85px;
 920     text-align: center;
 921 }
 922 .filepicker-filelist .dndupload-target,
 923 .filemanager-container .dndupload-target {
 924     background: #fff;
 925     position: absolute;
 926     top: 10px;
 927     bottom: 10px;
 928     left: 10px;
 929     right: 10px;
 930     border: 2px dashed #fb7979;
 931     padding-top: 85px;
 932     text-align: center;
 933     .box-shadow(0px 0 0 10px #fff);
 934 }
 935 .filepicker-filelist.dndupload-over .dndupload-target,
 936 .filemanager-container.dndupload-over .dndupload-target {
 937     background: #fff;
 938     position: absolute;
 939     top: 10px;
 940     bottom: 10px;
 941     left: 10px;
 942     right: 10px;
 943     border: 2px dashed #6c8cd3;
 944     padding-top: 85px;
 945     text-align: center;
 946 }
 947 .dndupload-message {
 948     display: none;
 949 }
 950 .dndsupported .dndupload-message {
 951     display: inline;
 952 }
 953 .dnduploadnotsupported-message {
 954     display: none;
 955 }
 956 .dndnotsupported .dnduploadnotsupported-message {
 957     display: inline;
 958 }
 959 .dndupload-target {
 960     display: none;
 961 }
 962 .dndsupported .dndupload-ready .dndupload-target {
 963     display: block;
 964 }
 965 .dndupload-uploadinprogress {
 966     display: none;
 967     text-align: center;
 968 }
 969 .dndupload-uploading .dndupload-uploadinprogress {
 970     display: block;
 971 }
 972 .dndupload-arrow {
 973     background: url([[pix:theme|fp/dnd_arrow]]) center no-repeat;
 974     width: 100%;
 975     height: 80px;
 976     position: absolute;
 977     top: 5px;
 978 }
 979 .fitem.disabled .filepicker-container,
 980 .fitem.disabled .fm-empty-container {
 981     display: none;
 982 }
 983 .dndupload-progressbars {
 984     padding: 10px;
 985     display: none;
 986 }
 987 .dndupload-inprogress .dndupload-progressbars {
 988     display: block;
 989 }
 990 .dndupload-inprogress .fp-content {
 991     display: none;
 992 }
 993 .filemanager.fm-noitems .dndupload-inprogress .fm-empty-container {
 994     display: none;
 995 }
 996 .filepicker-filelist.dndupload-inprogress .filepicker-container {
 997     display: none;
 998 }
 999 .filepicker-filelist.dndupload-inprogress a {
1000     display: none;
1001 }
1002 // Select Dialogue (File Manager only)
1003 .filemanager.fp-select .fp-select-loading {
1004     display: none;
1005 }
1006 .filemanager.fp-select.loading .fp-select-loading {
1007     display: block;
1008 }
1009 .filemanager.fp-select.loading form {
1010     display: none;
1011 }
1012 .filemanager.fp-select.fp-folder .fp-license,
1013 .filemanager.fp-select.fp-folder .fp-author,
1014 .filemanager.fp-select.fp-file .fp-file-unzip,
1015 .filemanager.fp-select.fp-folder .fp-file-unzip,
1016 .filemanager.fp-select.fp-file .fp-file-zip,
1017 .filemanager.fp-select.fp-zip .fp-file-zip {
1018     display: none;
1019 }
1020 .filemanager.fp-select .fp-file-setmain,
1021 .filemanager.fp-select .fp-file-setmain-help {
1022     display: none;
1023 }
1024 .filemanager.fp-select.fp-cansetmain .fp-file-setmain,
1025 .filemanager.fp-select.fp-cansetmain .fp-file-setmain-help {
1026     display: inline-block;
1027     .ie7-inline-block();
1028 }
1029 .filemanager .fp-mainfile .fp-filename {
1030     font-weight: bold;
1031 }
1032 .filemanager.fp-select.fp-folder .fp-file-download {
1033     display: none;
1034 }
1035 // to be implemented
1036 .fm-operation {
1037     font-weight: bold;
1038 }
1039 .filemanager.fp-select .fp-original.fp-unknown,
1040 .filemanager.fp-select .fp-original .fp-originloading {
1041     display: none;
1042 }
1043 .filemanager.fp-select .fp-original.fp-loading .fp-originloading {
1044     display: inline;
1045 }
1046 .filemanager.fp-select .fp-reflist.fp-unknown,
1047 .filemanager.fp-select .fp-reflist .fp-reflistloading {
1048     display: none;
1049 }
1050 .filemanager.fp-select .fp-refcount {
1051     max-width: 265px;
1052 }
1053 .filemanager.fp-select .fp-reflist.fp-loading .fp-reflistloading {
1054     display: inline;
1055 }
1056 .filemanager.fp-select .fp-reflist .fp-value {
1057     background: #f9f9f9;
1058     border: 1px solid #bbb;
1059     padding: 8px 7px;
1060     margin: 0;
1061     max-width: 265px;
1062     max-height: 75px;
1063     overflow: auto;
1064 }
1065 .filemanager.fp-select .fp-reflist .fp-value li {
1066     padding-bottom: 7px;
1067 }
1068 // Create folder dialogue (File Manager only)
1069 .filemanager.fp-mkdir-dlg {
1070     text-align: center;
1071 }
1072 .filemanager.fp-mkdir-dlg .fp-mkdir-dlg-text {
1073     text-align: left;
1074     margin: 20px;
1075 }
1076 // Confirm dialogue for delete (File Manager only)
1077 .filemanager.fp-dlg {
1078     text-align: center;
1079 }
1080 .filemanager.fp-dlg .fp-dlg-text {
1081     padding: 0 10px;
1082     min-width: 200px;
1083     max-width: 340px;
1084     max-height: 300px;
1085     overflow: auto;
1086     line-height: 22px;
1087     margin: 40px 20px 20px;
1088     font-size: 12px;
1089 }
1090 // file picker search dialog
1091 .file-picker div.bd {
1092     text-align: left;
1093 }
1094
1095 // Upload form for file picker.
1096 .fp-formset {
1097     max-width: 500px;
1098     padding: 10px;
1099     input[type="file"] {
1100         line-height: inherit;
1101     }
1102 }
1103 .fp-forminset {
1104     max-width: 400px;
1105     padding: 0 10px;
1106     .control-group.control-radio {
1107         margin-bottom: 0;
1108     }
1109     .control-group {
1110         label.control-label {
1111             width: 105px;
1112         }
1113         label.control-radio {
1114             float: right;
1115             text-align: left;
1116             width: 215px;
1117         }
1118         .controls {
1119             margin-left: 125px;
1120             select {
1121                 width: 100%;
1122             }
1123         }
1124         .controls.control-radio input {
1125             margin-top: 3px;
1126         }
1127     }
1128     .fp-select-buttons {
1129         float: none;
1130     }
1131     input[type="text"] {
1132         width: 228px;
1133     }
1134 }
1135
1136 .fp-fileinfo .fp-value {
1137     display: inline-block;
1138     padding-left: 5px;
1139 }