[Summary view] [Print] [Text view]

   1  /* We do nasty things in this stylesheet, disable some lints */
   2  /*csslint important:false,duplicate-properties:false */
   3  /**
   4   * File Picker and File Manager
   5   */
   6  
   7  .filemanager,
   8  .file-picker {
   9      font-size: 11px;
  10      color: #555555;
  11      letter-spacing: .2px;
  12  }
  13  
  14  .filemanager a,
  15  .file-picker a {
  16      color: #555555;
  17  }
  18  
  19  .filemanager a:hover,
  20  .file-picker a:hover {
  21      color: #555555;
  22      text-decoration: none;
  23  }
  24  
  25  .filemanager select,
  26  .filemanager input,
  27  .filemanager button,
  28  .filemanager textarea,
  29  .file-picker select,
  30  .file-picker input,
  31  .file-picker button,
  32  .file-picker textarea {
  33      color: #555555;
  34      letter-spacing: .2px;
  35  }
  36  
  37  .filemanager input[type="text"],
  38  .file-picker input[type="text"] {
  39      border: 1px solid #BBBBBB;
  40      width: 265px;
  41      height: 18px;
  42      padding: 1px 6px;
  43  }
  44  
  45  .filemanager select,
  46  .file-picker select {
  47      height: 22px;
  48      padding: 2px 1px;
  49  }
  50  
  51  .fp-content-center {
  52      height: 100%;
  53      width: 100%;
  54      display: table-cell;
  55      vertical-align: middle;
  56  }
  57  
  58  .fp-content-hidden {
  59      visibility: hidden;
  60  }
  61  
  62  /*
  63   * Dialogue (File Picker and File Manager)
  64   */
  65  .yui3-panel-focused {
  66      outline: none;
  67  }
  68  
  69  #filesskin .yui3-panel-content {
  70      padding-bottom: 20px;
  71      background: #F2F2F2;
  72      border-radius: 8px;
  73      border: 1px solid #FFFFFF;
  74      display: inline-block;
  75      -webkit-box-shadow: 5px 5px 20px 0px #666666;
  76      -moz-box-shadow: 5px 5px 20px 0px #666666;
  77      box-shadow: 5px 5px 20px 0px #666666;
  78  }
  79  
  80  #filesskin .yui3-widget-hd {
  81      border-radius: 10px 10px 0px 0px;
  82      border-bottom: 1px solid #BBBBBB;
  83      padding: 5px 5px 5px 5px;
  84      text-align: center;
  85      font-size: 12px;
  86      letter-spacing: 1px;
  87      color: #333333;
  88      text-shadow: 1px 1px 1px #FFFFFF;
  89      filter: dropshadow(color=#FFFFFF, offx=1, offy=1);
  90      background: #E2E2E2;
  91      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#CCCCCC');
  92      background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CCCCCC));
  93      background: -moz-linear-gradient(top, #FFFFFF, #CCCCCC);
  94  }
  95  
  96  .fp-panel-button {
  97      background: #FFFFFF;
  98      padding: 3px 20px 2px 20px;
  99      text-align: center;
 100      margin: 10px;
 101      border-radius: 10px;
 102      display: inline-block;
 103      -webkit-box-shadow: 2px 2px 3px .1px #999999;
 104      -moz-box-shadow: 2px 2px 3px .1px #999999;
 105      box-shadow: 2px 2px 3px .1px #999999;
 106  }
 107  
 108  .moodle-dialogue-base .filepicker .moodle-dialogue-wrap .moodle-dialogue-bd {
 109      padding: 0px;
 110  }
 111  
 112  /*
 113   * File Picker layout
 114   */
 115  #filesskin .file-picker.fp-generallayout {
 116      width: 859px;
 117      background: #FFFFFF;
 118      border-radius: 10px;
 119      border: 1px solid #CCCCCC;
 120      position: relative;
 121  }
 122  
 123  .file-picker .fp-repo-area {
 124      width: 180px;
 125      overflow: auto;
 126      float: left;
 127      height: 525px;
 128      border-right: 1px solid #BBBBBB;
 129  }
 130  
 131  .dir-rtl .file-picker .fp-repo-area {
 132      border-left: 1px solid #BBBBBB;
 133      border-right: none;
 134      float: right;
 135  }
 136  
 137  .file-picker .fp-repo-items {
 138      overflow: hidden;
 139  }
 140  
 141  .file-picker .fp-navbar {
 142      background: #F2F2F2;
 143      min-height: 40px;
 144      border-bottom: 1px solid #BBBBBB;
 145  }
 146  
 147  .file-picker .fp-content {
 148      background: #FFFFFF;
 149      clear: both;
 150      overflow: auto;
 151      height: 452px;
 152  }
 153  
 154  .filepicker.moodle-dialogue-fullscreen .file-picker .fp-content {
 155      width: 100%;
 156  }
 157  
 158  .file-picker .fp-content-loading {
 159      height: 100%;
 160      width: 100%;
 161      display: table;
 162      text-align: center;
 163  }
 164  
 165  .file-picker .fp-content .fp-object-container {
 166      width: 98%;
 167      height: 98%;
 168  }
 169  
 170  .dir-rtl .file-picker .fp-list {
 171      text-align: right;
 172  }
 173  
 174  .dir-rtl .file-picker .fp-toolbar {
 175      padding: 0;
 176  }
 177  
 178  .dir-rtl .file-picker .fp-list {
 179      text-align: right;
 180  }
 181  
 182  .dir-rtl .file-picker .fp-repo-name {
 183      display: inline;
 184  }
 185  
 186  .dir-rtl .file-picker .fp-pathbar {
 187      text-align: right;
 188      display: block;
 189      border-top: none;
 190  }
 191  
 192  .dir-rtl .file-picker div.bd {
 193      text-align: right;
 194  }
 195  
 196  .dir-rtl #filemenu .yuimenuitemlabel {
 197      text-align: right;
 198  }
 199  
 200  .dir-rtl .filepicker .yui-layout-unit-left {
 201      left: 500px;
 202  }
 203  
 204  .dir-rtl .filepicker .yui-layout-unit-center {
 205      left: 0px;
 206  }
 207  
 208  .dir-rtl .filepicker.moodle-dialogue-fullscreen .file-picker .fp-repo-items {
 209      float: none;
 210  }
 211  
 212  /**
 213   * File Manager
 214   */
 215  .dir-rtl .filemanager-toolbar a {
 216      padding: 0px;
 217  }
 218  
 219  /*
 220   * Repositories on fp-repo-area (File Picker only)
 221   */
 222  .file-picker .fp-list {
 223      list-style-type: none;
 224      padding: 0;
 225      float: left;
 226      width: 100%;
 227      margin: 0;
 228  }
 229  
 230  .dir-rtl .file-picker .fp-list {
 231      text-align: right;
 232      float: left;
 233  }
 234  
 235  .file-picker .fp-list .fp-repo a {
 236      display: block;
 237      padding: .5em .7em;
 238  }
 239  
 240  .file-picker .fp-list .fp-repo.active {
 241      background: #F2F2F2;
 242  }
 243  
 244  .file-picker .fp-list .fp-repo-icon {
 245      padding: 0 7px 0 5px;
 246      vertical-align: text-bottom;
 247  }
 248  
 249  /*
 250   * Tools, Path & View on fp-navbar (File Picker and File Manager)
 251   */
 252  .fp-toolbar {
 253      display: block;
 254      line-height: 22px;
 255      float: left;
 256  }
 257  
 258  .dir-rtl .fp-toolbar {
 259      float: right;
 260  }
 261  
 262  .fp-toolbar.empty {
 263      display: none;
 264  }
 265  
 266  .fp-toolbar .disabled {
 267      display: none;
 268  }
 269  
 270  .file-picker .fp-toolbar div,
 271  .fp-navbar .filemanager-toolbar .fp-toolbar div {
 272      float: left;
 273      margin: 4px 0 4px 4px;
 274  }
 275  
 276  .fp-toolbar .fp-btn-add,
 277  .fp-toolbar .fp-btn-download,
 278  .fp-toolbar .fp-btn-mkdir,
 279  .fp-toolbar .fp-tb-help,
 280  .fp-toolbar .fp-tb-manage,
 281  .fp-toolbar .fp-tb-logout,
 282  .fp-toolbar .fp-tb-refresh {
 283      background: #FFFFFF;
 284      border: 1px solid #CCCCCC;
 285      border-bottom: 1px solid #B3B3B3;
 286      border-radius: 4px;
 287      width: 30px;
 288      height: 30px;
 289  }
 290  
 291  .file-picker .fp-toolbar .fp-tb-message {
 292      background: inherit;
 293      border: 0;
 294      border-bottom: 0;
 295      border-radius: 0;
 296      width: 300px;
 297      height: 32px;
 298  }
 299  
 300  .fp-toolbar div {
 301      display: block;
 302  }
 303  
 304  .fp-toolbar a {
 305      display: block;
 306      height: 30px;
 307      width: 30px;
 308  }
 309  
 310  .fp-toolbar a:hover {
 311      background-image: radial-gradient(ellipse at center, #ffffff 60%, #dfdfdf 100%);
 312      background-color: #ebebeb;
 313  }
 314  
 315  .fp-toolbar a:active {
 316      background-image: radial-gradient(ellipse at center, #ffffff 40%, #dfdfdf 100%);
 317      background-color: #dfdfdf;
 318  }
 319  
 320  .dir-rtl .fp-navbar .filemanager-toolbar .fp-toolbar div {
 321      margin: 4px 4px 4px 0;
 322  }
 323  
 324  .file-picker .fp-toolbar div.disabled {
 325      display: none;
 326  }
 327  
 328  .fp-toolbar img {
 329      vertical-align: -15%;
 330      margin: 7px;
 331  }
 332  
 333  .file-picker .fp-toolbar .fp-tb-search {
 334      height: 30px;
 335  }
 336  
 337  .file-picker .fp-toolbar .fp-tb-search .fp-def-search {
 338      border: 0;
 339      background: transparent;
 340      margin: 0;
 341      padding: 0;
 342  }
 343  
 344  .fp-toolbar .fp-tb-search input {
 345      background: #fff url('[[pix:a/search]]') no-repeat 7px 7px;
 346      padding: 2px 6px 1px 27px;
 347      width: 200px;
 348      height: 27px;
 349      border: 1px solid #bbb;
 350      -webkit-border-radius: 4px;
 351      -moz-border-radius: 4px;
 352      border-radius: 4px;
 353  }
 354  
 355  .dir-rtl .fp-toolbar img {
 356      vertical-align: -35%;
 357  }
 358  
 359  .dir-rtl .file-picker .fp-viewbar,
 360  .dir-rtl .fp-navbar .filemanager-toolbar .fp-viewbar {
 361      float: left;
 362  }
 363  
 364  .file-picker .fp-viewbar,
 365  .fp-navbar .filemanager-toolbar .fp-viewbar {
 366      float: right;
 367      margin: 4px;
 368      background: white;
 369      border: 1px solid #CCCCCC;
 370      border-radius: 4px;
 371      border-bottom: 1px solid #B3B3B3;
 372      height: 30px;
 373  }
 374  
 375  .fp-viewbar .fp-vb-icons,
 376  .fp-viewbar .fp-vb-details,
 377  .fp-viewbar .fp-vb-tree {
 378      width: 30px;
 379      height: 30px;
 380      display: block;
 381      float: left;
 382      border-right: 1px solid #CCCCCC;
 383  }
 384  
 385  .fp-viewbar a.fp-vb-icons {
 386      border-radius: 4px 0 0 4px;
 387  }
 388  
 389  .fp-viewbar .fp-vb-tree {
 390      border-right: 0;
 391      border-radius: 0 4px 4px 0;
 392  }
 393  
 394  .fp-viewbar a img {
 395      margin: 7px;
 396  }
 397  
 398  .fp-viewbar a.checked:hover,
 399  .fp-viewbar a:hover {
 400      background-image: radial-gradient(ellipse at center, #ffffff 60%, #dfdfdf 100%);
 401      background-color: #ebebeb;
 402  }
 403  
 404  .fp-viewbar a.checked,
 405  .fp-viewbar a:active {
 406      background-image: radial-gradient(ellipse at center, #ffffff 40%, #dfdfdf 100%);
 407      background-color: #dfdfdf;
 408  }
 409  
 410  .fp-viewbar.disabled a {
 411      opacity: .45;
 412      background: none;
 413      cursor: default;
 414  }
 415  
 416  .file-picker .fp-clear-left {
 417      clear: left;
 418  }
 419  
 420  /* over ride hover rule from core.css*/
 421  .dir-rtl .fp-vb-details a:hover {
 422      background: none;
 423      border: 20px solid black;
 424  }
 425  
 426  .dir-rtl .fp-vb-details.checked a:hover {
 427      background: none;
 428      border: 40px solid black;
 429  }
 430  
 431  .dir-rtl .fp-vb-tree a:hover {
 432      background: none;
 433      border: 30px solid black;
 434  }
 435  
 436  .dir-rtl .fp-vb-tree.checked a:hover {
 437      background: none;
 438      border: 50px solid black;
 439  }
 440  
 441  .file-picker .fp-pathbar {
 442      display: table-row;
 443  }
 444  
 445  .fp-pathbar.empty {
 446      display: none;
 447  }
 448  
 449  .fp-pathbar .fp-path-folder {
 450      background: url('[[pix:theme|fp/path_folder]]') no-repeat 0 0;
 451      width: 27px;
 452      height: 12px;
 453      margin-left: 4px;
 454  }
 455  
 456  .dir-rtl .fp-pathbar .fp-path-folder {
 457      background: url('[[pix:theme|fp/path_folder_rtl]]') no-repeat right top;
 458      width: auto;
 459      height: 12px;
 460      margin-left: 4px;
 461  }
 462  
 463  .dir-rtl .fp-pathbar span {
 464      display: inline-block;
 465      margin-left: 32px;
 466  }
 467  
 468  .fp-pathbar .fp-path-folder-name {
 469      margin-left: 32px;
 470      line-height: 20px;
 471  }
 472  
 473  .dir-rtl .fp-pathbar .fp-path-folder-name {
 474      margin-right: 32px;
 475      line-height: 20px;
 476  }
 477  
 478  /*
 479   * Icon view (File Picker and File Manager)
 480   */
 481  .fp-iconview .fp-file {
 482      float: left;
 483      text-align: center;
 484      position: relative;
 485      margin: 10px 10px 35px;
 486  }
 487  
 488  .fp-iconview .fp-thumbnail {
 489      min-width: 110px;
 490      min-height: 110px;
 491      line-height: 110px;
 492      text-align: center;
 493      border: 1px solid #FFFFFF;
 494      display: block;
 495  }
 496  
 497  .fp-iconview .fp-thumbnail img {
 498      border: 1px solid #DDDDDD;
 499      padding: 3px;
 500      vertical-align: middle;
 501      -webkit-box-shadow: 1px 1px 2px 0px #CCCCCC;
 502      -moz-box-shadow: 1px 1px 2px 0px #CCCCCC;
 503      box-shadow: 1px 1px 2px 0px #CCCCCC;
 504  }
 505  
 506  .fp-iconview .fp-thumbnail:hover {
 507      background: #FFFFFF;
 508      border: 1px solid #DDDDDD;
 509      -webkit-box-shadow: inset 0px 0px 10px 0px #CCCCCC;
 510      -moz-box-shadow: inset 0px 0px 10px 0px #CCCCCC;
 511      box-shadow: inset 0px 0px 10px 0px #CCCCCC;
 512  }
 513  
 514  .fp-iconview .fp-filename-field {
 515      height: 33px;
 516      word-wrap: break-word;
 517      overflow: hidden;
 518      position: absolute;
 519  }
 520  
 521  .fp-iconview .fp-filename-field:hover {
 522      overflow: visible;
 523      z-index: 1000;
 524  }
 525  
 526  .fp-iconview .fp-filename-field .fp-filename {
 527      background: #FFFFFF;
 528      padding-top: 5px;
 529      padding-bottom: 12px;
 530      min-width: 112px;
 531  }
 532  
 533  .dir-rtl .fp-iconview .fp-file {
 534      float: right;
 535  }
 536  
 537  /*
 538   * Table view (File Picker only)
 539   */
 540  .file-picker .yui3-datatable table {
 541      border: 0px solid #BBBBBB;
 542      width: 100%;
 543  }
 544  
 545  #filesskin .file-picker .yui3-datatable-header {
 546      background: #FFFFFF;
 547      border-bottom: 1px solid #CCCCCC;
 548      border-left: 0 solid #FFFFFF;
 549      color: #555555;
 550  }
 551  
 552  #filesskin .file-picker .yui3-datatable-odd .yui3-datatable-cell {
 553      background-color: #F6F6F6;
 554      border-left: 0px solid #F6F6F6;
 555  }
 556  
 557  #filesskin .file-picker .yui3-datatable-even .yui3-datatable-cell {
 558      background-color: #FFFFFF;
 559      border-left: 0px solid #FFFFFF;
 560  }
 561  
 562  .dir-rtl .file-picker .yui3-datatable-header {
 563      text-align: right;
 564  }
 565  
 566  /*
 567   * Tree view (File Manager only)
 568   */
 569  /*.file-picker .fp-treeview .fp-folder .fp-icon, .filemanager .fp-treeview .fp-folder .fp-icon {}*/
 570  /* first or middle sibling, no children */
 571  .file-picker .ygtvtn,
 572  .filemanager .ygtvtn {
 573      background: url('[[pix:moodle|y/tn]]') 0px 0px no-repeat;
 574      width: 17px;
 575      height: 22px;
 576  }
 577  
 578  .dir-rtl .file-picker .ygtvtn,
 579  .dir-rtl .filemanager .ygtvtn {
 580      background: url('[[pix:moodle|y/tn_rtl]]') 0px 0px no-repeat;
 581  }
 582  /* first or middle sibling, collapsable */
 583  .file-picker .ygtvtm,
 584  .filemanager .ygtvtm {
 585      background: url('[[pix:moodle|y/tm]]') 0px 10px no-repeat;
 586      width: 13px;
 587      height: 12px;
 588      cursor: pointer;
 589  }
 590  /* first or middle sibling, collapsable, hover */
 591  .file-picker .ygtvtmh,
 592  .filemanager .ygtvtmh {
 593      background: url('[[pix:moodle|y/tm]]') 0px 10px no-repeat;
 594      width: 13px;
 595      height: 12px;
 596      cursor: pointer;
 597  }
 598  /* first or middle sibling, expandable */
 599  .file-picker .ygtvtp,
 600  .filemanager .ygtvtp {
 601      background: url('[[pix:moodle|y/tp]]') 0px 10px no-repeat;
 602      width: 13px;
 603      height: 12px;
 604      cursor: pointer;
 605  }
 606  
 607  .dir-rtl .file-picker .ygtvtp,
 608  .dir-rtl .filemanager .ygtvtp {
 609      background: url('[[pix:moodle|y/tp_rtl]]') 0px 10px no-repeat;
 610  }
 611  /* first or middle sibling, expandable, hover */
 612  .file-picker .ygtvtph,
 613  .filemanager .ygtvtph {
 614      background: url('[[pix:moodle|y/tp]]') 0px 10px no-repeat;
 615      width: 13px;
 616      height: 22px;
 617      cursor: pointer;
 618  }
 619  
 620  .dir-rtl .file-picker .ygtvtph,
 621  .dir-rtl .filemanager .ygtvtph {
 622      background: url('[[pix:moodle|y/tp_rtl]]') 0px 10px no-repeat;
 623  }
 624  /* last sibling, no children */
 625  .file-picker .ygtvln,
 626  .filemanager .ygtvln {
 627      background: url('[[pix:moodle|y/ln]]') 0px 0px no-repeat;
 628      width: 17px;
 629      height: 22px;
 630  }
 631  
 632  .dir-rtl .file-picker .ygtvln,
 633  .dir-rtl .filemanager .ygtvln {
 634      background: url('[[pix:moodle|y/ln_rtl]]') 0px 0px no-repeat;
 635  }
 636  /* Last sibling, collapsable */
 637  .file-picker .ygtvlm,
 638  .filemanager .ygtvlm {
 639      background: url('[[pix:moodle|y/lm]]') 0px 10px no-repeat;
 640      width: 13px;
 641      height: 12px;
 642      cursor: pointer;
 643  }
 644  /* Last sibling, collapsable, hover */
 645  .file-picker .ygtvlmh,
 646  .filemanager .ygtvlmh {
 647      background: url('[[pix:moodle|y/lm]]') 0px 10px no-repeat;
 648      width: 13px;
 649      height: 12px;
 650      cursor: pointer;
 651  }
 652  /* Last sibling, expandable */
 653  .file-picker .ygtvlp,
 654  .filemanager .ygtvlp {
 655      background: url('[[pix:moodle|y/lp]]') 0px 10px no-repeat;
 656      width: 13px;
 657      height: 12px;
 658      cursor: pointer;
 659  }
 660  
 661  .dir-rtl .file-picker .ygtvlp,
 662  .dir-rtl .filemanager .ygtvlp {
 663      background: url('[[pix:moodle|y/lp_rtl]]') 0px 10px no-repeat;
 664  }
 665  /* Last sibling, expandable, hover */
 666  .file-picker .ygtvlph,
 667  .filemanager .ygtvlph {
 668      background: url('[[pix:moodle|y/lp]]') 0px 10px no-repeat;
 669      width: 13px;
 670      height: 12px;
 671      cursor: pointer;
 672  }
 673  
 674  .dir-rtl .file-picker .ygtvlph,
 675  .dir-rtl .filemanager .ygtvlph {
 676      background: url('[[pix:moodle|y/lp_rtl]]') 0px 10px no-repeat;
 677  }
 678  /* Loading icon */
 679  .file-picker .ygtvloading,
 680  .filemanager .ygtvloading {
 681      background: transparent url('[[pix:moodle|y/loading]]') 0 0 no-repeat;
 682      width: 16px;
 683      height: 22px;
 684  }
 685  /* the style for the empty cells that are used for rendering the depth* of the node */
 686  .file-picker .ygtvdepthcell,
 687  .filemanager .ygtvdepthcell {
 688      background: url('[[pix:moodle|y/vline]]') 0 0 no-repeat;
 689      width: 17px;
 690      height: 32px;
 691  }
 692  
 693  .file-picker .ygtvblankdepthcell,
 694  .filemanager .ygtvblankdepthcell {
 695      width: 17px;
 696      height: 22px;
 697  }
 698  /* the style of the div around each node */
 699  /*.file-picker .ygtvitem  table, .filemanager .ygtvitem  table{margin-bottom:0;}*/
 700  /*.file-picker .ygtvitem  td, .filemanager .ygtvitem  td {border:none;padding:0;}*/
 701  /* the style of the div around each node's collection of children */
 702  /** html .file-picker .ygtvchildren, * html .filemanager .ygtvchildren {height:1%;}*/
 703  /* the style of the text label in ygTextNode */
 704  /*.file-picker .ygtvlabel,.file-picker .ygtvlabel:link,.file-picker .ygtvlabel:visited,.file-picker .ygtvlabel:hover,
 705  .filemanager .ygtvlabel,.filemanager .ygtvlabel:link,.filemanager .ygtvlabel:visited,.filemanager .ygtvlabel:hover {margin-left:2px;text-decoration:none;}*/
 706  a.ygtvspacer:hover {
 707      color: transparent;
 708      text-decoration: none;
 709  }
 710  
 711  .ygtvlabel,
 712  .ygtvlabel:link,
 713  .ygtvlabel:visited,
 714  .ygtvlabel:hover {
 715      background-color: transparent;
 716      cursor: pointer;
 717      margin-left: 2px;
 718      text-decoration: none;
 719  }
 720  
 721  .file-picker .ygtvfocus,
 722  .filemanager .ygtvfocus {
 723      background-color: #EEEEEE;
 724  }
 725  
 726  .fp-filename-icon {
 727      margin-top: 10px;
 728      display: block;
 729      position: relative;
 730  }
 731  
 732  .fp-icon {
 733      float: left;
 734      margin-top: -7px;
 735      width: 24px;
 736      height: 24px;
 737      margin-right: 10px;
 738      text-align: center;
 739      line-height: 24px;
 740  }
 741  
 742  .dir-rtl .fp-icon {
 743      float: right;
 744      margin-left: 10px;
 745      margin-right: 0;
 746  }
 747  
 748  .fp-icon img {
 749      max-height: 24px;
 750      max-width: 24px;
 751      vertical-align: middle;
 752  }
 753  
 754  .fp-filename {
 755      padding-right: 10px;
 756  }
 757  
 758  .dir-rtl .fp-filename {
 759      padding-left: 10px;
 760      padding-right: 0;
 761  }
 762  
 763  /*
 764   * Repositories Login on fp-content (File Picker only)
 765   */
 766  
 767  .file-picker .fp-login-form {
 768      height: 100%;
 769      width: 100%;
 770      display: table;
 771  }
 772  
 773  .file-picker .fp-login-form table {
 774      margin: 0 auto;
 775  }
 776  
 777  .file-picker .fp-login-form p {
 778      text-align: center;
 779      margin-top: 3em;
 780  }
 781  
 782  .file-picker .fp-login-form .fp-login-input .label {
 783      text-align: right;
 784      vertical-align: middle;
 785  }
 786  
 787  .file-picker .fp-login-form .fp-login-input .input {
 788      text-align: left;
 789  }
 790  
 791  .file-picker .fp-login-form input[type="checkbox"] {
 792      width: 15px;
 793      height: 15px;
 794  }
 795  
 796  /*
 797   * Upload on fp-content (File Picker only)
 798   */
 799  
 800  .file-picker .fp-upload-form {
 801      height: 100%;
 802      width: 100%;
 803      display: table;
 804  }
 805  
 806  .file-picker .fp-upload-form table {
 807      margin: 0 auto;
 808  }
 809  
 810  .file-picker .fp-upload-btn {
 811      margin: 2em;
 812  }
 813  
 814  /*
 815   * File exists dialogue on Upload (File Picker only)
 816   */
 817  
 818  .file-picker.fp-dlg {
 819      text-align: center;
 820  }
 821  
 822  .file-picker.fp-dlg .fp-dlg-text {
 823      padding: 30px 20px 10px;
 824      font-size: 12px;
 825  }
 826  
 827  .file-picker.fp-dlg .fp-dlg-buttons {
 828      margin: 0 20px;
 829  }
 830  
 831  /*
 832   * Error dialogue on Upload (File Picker only)
 833   */
 834  
 835  .file-picker.fp-msg {
 836      text-align: center;
 837  }
 838  
 839  .file-picker.fp-msg .fp-msg-text {
 840      padding: 40px 20px 10px 20px;
 841      min-width: 200px;
 842      max-width: 500px;
 843      max-height: 300px;
 844      overflow: auto;
 845      font-size: 12px;
 846  }
 847  
 848  .file-picker.fp-msg.fp-msg-error .fp-msg-text {
 849      padding: 40px 20px 10px 20px;
 850      font-size: 12px;
 851  }
 852  
 853  /*
 854   * Error on fp-content (File Picker only)
 855   */
 856  
 857  .file-picker .fp-content-error {
 858      height: 100%;
 859      width: 100%;
 860      display: table;
 861      text-align: center;
 862  }
 863  
 864  .file-picker .fp-content-error .fp-error {
 865      height: 100%;
 866      width: 100%;
 867      display: table-cell;
 868      vertical-align: middle;
 869      padding: 40px 20px 10px 20px;
 870      font-size: 12px;
 871  }
 872  
 873  /*
 874   * Lazy loading on fp-content (File Picker only)
 875   */
 876  
 877  .file-picker .fp-nextpage {
 878      clear: both;
 879  }
 880  
 881  .file-picker .fp-nextpage .fp-nextpage-loading {
 882      display: none;
 883  }
 884  
 885  .file-picker .fp-nextpage.loading .fp-nextpage-link {
 886      display: none;
 887  }
 888  
 889  .file-picker .fp-nextpage.loading .fp-nextpage-loading {
 890      display: block;
 891      text-align: center;
 892      height: 100px;
 893      padding-top: 50px;
 894  }
 895  
 896  /*
 897   * Select Dialogue (File Picker and File Manager)
 898   */
 899  
 900  .fp-select form {
 901      padding: 20px 20px 0;
 902  }
 903  
 904  .fp-select .fp-select-loading {
 905      text-align: center;
 906      margin-top: 20px;
 907  }
 908  
 909  .fp-select .fp-hr {
 910      clear: both;
 911      height: 1px;
 912      background-color: #FFFFFF;
 913      border-bottom: 1px solid #BBBBBB;
 914      width: auto;
 915      margin: 10px 0;
 916  }
 917  
 918  .fp-select table {
 919      padding: 0 0 10px;
 920  }
 921  
 922  .fp-select table .mdl-right {
 923      min-width: 84px;
 924  }
 925  
 926  .fp-select .fp-reflist .mdl-right {
 927      vertical-align: top;
 928  }
 929  
 930  .fp-select .fp-select-buttons {
 931      float: right;
 932  }
 933  
 934  .fp-select .fp-info {
 935      display: block;
 936      clear: both;
 937      padding: 1px 20px 0;
 938  }
 939  
 940  .fp-select .fp-thumbnail {
 941      float: left;
 942      min-width: 110px;
 943      min-height: 110px;
 944      line-height: 110px;
 945      text-align: center;
 946      margin: 10px 10px 0 0;
 947      background: #FFFFFF;
 948      border: 1px solid #DDDDDD;
 949      -webkit-box-shadow: inset 0 0 10px 0 #CCCCCC;
 950      -moz-box-shadow: inset 0 0 10px 0 #CCCCCC;
 951      box-shadow: inset 0 0 10px 0 #CCCCCC;
 952  }
 953  
 954  .fp-select .fp-thumbnail img {
 955      border: 1px solid #DDDDDD;
 956      padding: 3px;
 957      vertical-align: middle;
 958      margin: 10px;
 959  }
 960  
 961  .fp-select .fp-fileinfo {
 962      display: inline-block;
 963      margin-top: 10px;
 964  }
 965  
 966  .file-picker.fp-select .fp-fileinfo {
 967      max-width: 240px;
 968  }
 969  
 970  .fp-select .fp-fileinfo div {
 971      padding-bottom: 5px;
 972  }
 973  
 974  .file-picker.fp-select .uneditable {
 975      display: none;
 976  }
 977  
 978  .file-picker.fp-select .fp-select-loading {
 979      display: none;
 980  }
 981  
 982  .file-picker.fp-select.loading .fp-select-loading {
 983      display: block;
 984  }
 985  
 986  .file-picker.fp-select.loading form {
 987      display: none;
 988  }
 989  
 990  .fp-select .fp-dimensions.fp-unknown {
 991      display: none;
 992  }
 993  
 994  .fp-select .fp-size.fp-unknown {
 995      display: none;
 996  }
 997  
 998  /*
 999   * File Manager
1000   */
1001  
1002  .filemanager-loading {
1003      display: none;
1004  }
1005  
1006  .jsenabled .filemanager-loading {
1007      display: block;
1008      margin-top: 100px;
1009  }
1010  
1011  .filemanager.fm-loading .filemanager-toolbar,
1012  .filemanager.fm-loading .fp-pathbar,
1013  .filemanager.fm-loading .filemanager-container {
1014      display: none;
1015  }
1016  
1017  .filemanager.fm-loaded .filemanager-loading {
1018      display: none;
1019  }
1020  
1021  .filemanager.fm-maxfiles .fp-btn-add {
1022      display: none;
1023  }
1024  
1025  .filemanager.fm-maxfiles .dndupload-message {
1026      display: none;
1027  }
1028  
1029  .filemanager.fm-noitems .fp-btn-download {
1030      display: none;
1031  }
1032  
1033  .filemanager .fm-empty-container {
1034      display: none;
1035  }
1036  
1037  .filemanager.fm-noitems .filemanager-container .fp-content {
1038      display: none;
1039  }
1040  
1041  .filemanager .filemanager-updating {
1042      display: none;
1043      text-align: center;
1044  }
1045  
1046  .filemanager.fm-updating .filemanager-updating {
1047      display: block;
1048      margin-top: 37px;
1049  }
1050  
1051  .filemanager.fm-updating .fm-content-wrapper {
1052      display: none;
1053  }
1054  
1055  .filemanager.fm-nomkdir .fp-btn-mkdir {
1056      display: none;
1057  }
1058  
1059  .fitem.disabled .filemanager .filemanager-toolbar,
1060  .fitem.disabled .filemanager .fp-pathbar,
1061  .fitem.disabled .filemanager .fp-restrictions,
1062  .fitem.disabled .filemanager .fm-content-wrapper {
1063      display: none;
1064  }
1065  
1066  .filemanager .fp-img-downloading {
1067      display: none;
1068      padding-top: 3px;
1069  }
1070  
1071  /*
1072   * File Manager layout
1073   */
1074  
1075  .filemanager .fp-restrictions {
1076      text-align: right;
1077  }
1078  
1079  .filemanager .fp-navbar {
1080      background: #F2F2F2;
1081      border-top: 1px solid #BBBBBB;
1082      border-left: 1px solid #BBBBBB;
1083      border-right: 1px solid #BBBBBB;
1084  }
1085  
1086  .filemanager-toolbar {
1087      min-height: 40px;
1088  }
1089  
1090  .fp-pathbar {
1091      border-top: 1px solid #BBBBBB;
1092      padding: 5px 8px 1px;
1093      min-height: 20px;
1094  }
1095  
1096  .filemanager .fp-pathbar.empty {
1097      display: none;
1098  }
1099  
1100  .filepicker-filelist,
1101  .filemanager-container {
1102      background: #FFFFFF;
1103      clear: both;
1104      overflow: auto;
1105      border: 1px solid #BBBBBB;
1106      min-height: 140px;
1107      position: relative;
1108  }
1109  
1110  /*.filemanager-container ul{margin:0;padding:0;}
1111  .filemanager-container ul li{white-space:nowrap;list-style-type:none;}
1112  .filemanager-container ul li a{padding:0}*/
1113  
1114  .filemanager .fp-content {
1115      overflow: auto;
1116      max-height: 472px;
1117      min-height: 157px;
1118  }
1119  
1120  .filemanager-container,
1121  .filepicker-filelist {
1122      overflow: hidden;
1123  }
1124  
1125  .fitem.disabled .filepicker-filelist,
1126  .fitem.disabled .filemanager-container {
1127      background-color: #EBEBE4;
1128  }
1129  
1130  .fitem.disabled .fp-btn-choose {
1131      color: graytext;
1132  }
1133  
1134  .fitem.disabled .filepicker-filelist .filepicker-filename {
1135      display: none;
1136  }
1137  
1138  /*
1139   * Icon view (File Manager only)
1140   */
1141  
1142  .fp-iconview .fp-reficons1 {
1143      position: absolute;
1144      height: 100%;
1145      width: 100%;
1146      top: 0;
1147      left: 0;
1148  }
1149  
1150  .fp-iconview .fp-reficons2 {
1151      position: absolute;
1152      height: 100%;
1153      width: 100%;
1154      top: 0;
1155      left: 0;
1156  }
1157  
1158  .fp-iconview .fp-file.fp-hasreferences .fp-reficons1 {
1159      background: url('[[pix:theme|fp/link]]') no-repeat;
1160      background-position: bottom right;
1161  }
1162  
1163  .fp-iconview .fp-file.fp-isreference .fp-reficons2 {
1164      background: url('[[pix:theme|fp/alias]]') no-repeat;
1165      background-position: bottom left;
1166  }
1167  
1168  .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail img {
1169      display: none;
1170  }
1171  
1172  .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail {
1173      background: url([[pix:s/dead]]) no-repeat;
1174      background-position: center center;
1175  }
1176  
1177  /*
1178   * Table view (File Manager only)
1179   */
1180  
1181  .filemanager .yui3-datatable table {
1182      border: 0px solid #BBBBBB;
1183      width: 100%;
1184  }
1185  
1186  .filemanager .yui3-datatable-header {
1187      background: #FFFFFF !important;
1188      border-bottom: 1px solid #CCCCCC !important;
1189      border-left: 0 solid #FFFFFF !important;
1190      color: #555555 !important;
1191  }
1192  
1193  .filemanager .yui3-datatable-odd .yui3-datatable-cell {
1194      background-color: #F6F6F6 !important;
1195      border-left: 0px solid #F6F6F6;
1196  }
1197  
1198  .filemanager .yui3-datatable-even .yui3-datatable-cell {
1199      background-color: #FFFFFF !important;
1200      border-left: 0px solid #FFFFFF;
1201  }
1202  
1203  .filemanager .fp-filename-icon.fp-hasreferences .fp-reficons1 {
1204      background: url('[[pix:theme|fp/link_sm]]') no-repeat 0 0;
1205      height: 100%;
1206      width: 100%;
1207      position: absolute;
1208      top: 8px;
1209      left: 17px;
1210      z-index: 1000;
1211  }
1212  
1213  .filemanager .fp-filename-icon.fp-isreference .fp-reficons2 {
1214      background: url('[[pix:theme|fp/alias_sm]]') no-repeat 0 0;
1215      height: 100%;
1216      width: 100%;
1217      position: absolute;
1218      top: 9px;
1219      left: -6px;
1220      z-index: 1001;
1221  }
1222  
1223  /*
1224   * Folder Context Menu (File Manager only)
1225   */
1226  
1227  .filemanager .fp-contextmenu {
1228      display: none;
1229  }
1230  
1231  .filemanager .fp-iconview .fp-folder.fp-hascontextmenu .fp-contextmenu {
1232      display: block;
1233      position: absolute;
1234      right: 7px;
1235      bottom: 5px;
1236  }
1237  
1238  .filemanager .fp-treeview .fp-folder.fp-hascontextmenu .fp-contextmenu,
1239  .filemanager .fp-tableview .fp-folder.fp-hascontextmenu .fp-contextmenu {
1240      display: inline;
1241      position: absolute;
1242      left: 14px;
1243      margin-right: -20px;
1244      top: 6px;
1245  }
1246  
1247  .dir-rtl .filemanager .fp-iconview .fp-folder.fp-hascontextmenu .fp-contextmenu {
1248      left: 7px;
1249      right: inherit;
1250  }
1251  
1252  .dir-rtl .filemanager .fp-treeview .fp-folder.fp-hascontextmenu .fp-contextmenu,
1253  .dir-rtl .filemanager .fp-tableview .fp-folder.fp-hascontextmenu .fp-contextmenu {
1254      left: inherit;
1255      right: 16px;
1256      margin-right: 0;
1257  }
1258  
1259  /*
1260   * Drag and drop support (filemanager and filepicker form elements)
1261   */
1262  
1263  .filepicker-filelist .filepicker-container,
1264  .filemanager.fm-noitems .fm-empty-container {
1265      display: block;
1266      position: absolute;
1267      top: 10px;
1268      bottom: 10px;
1269      left: 10px;
1270      right: 10px;
1271      border: 2px dashed #BBBBBB;
1272      padding-top: 85px;
1273      text-align: center;
1274  }
1275  
1276  .filepicker-filelist .dndupload-target,
1277  .filemanager-container .dndupload-target {
1278      background: #FFFFFF;
1279      position: absolute;
1280      top: 10px;
1281      bottom: 10px;
1282      left: 10px;
1283      right: 10px;
1284      border: 2px dashed #fb7979;
1285      padding-top: 85px;
1286      text-align: center;
1287      -webkit-box-shadow: 0px 0px 0px 10px #FFFFFF;
1288      -moz-box-shadow: 0px 0px 0px 10px #FFFFFF;
1289      box-shadow: 0px 0px 0px 10px #FFFFFF;
1290  }
1291  
1292  .filepicker-filelist.dndupload-over .dndupload-target,
1293  .filemanager-container.dndupload-over .dndupload-target {
1294      background: #FFFFFF;
1295      position: absolute;
1296      top: 10px;
1297      bottom: 10px;
1298      left: 10px;
1299      right: 10px;
1300      border: 2px dashed #6c8cd3;
1301      padding-top: 85px;
1302      text-align: center;
1303  }
1304  
1305  .dndupload-message {
1306      display: none;
1307  }
1308  
1309  .dndsupported .dndupload-message {
1310      display: inline;
1311  }
1312  
1313  .dnduploadnotsupported-message {
1314      display: none;
1315  }
1316  
1317  .dndnotsupported .dnduploadnotsupported-message {
1318      display: inline;
1319  }
1320  
1321  .dndupload-target {
1322      display: none;
1323  }
1324  
1325  .dndsupported .dndupload-ready .dndupload-target {
1326      display: block;
1327  }
1328  
1329  .dndupload-uploadinprogress {
1330      display: none;
1331      text-align: center;
1332  }
1333  
1334  .dndupload-uploading .dndupload-uploadinprogress {
1335      display: block;
1336  }
1337  
1338  .dndupload-arrow {
1339      background: url([[pix:theme|fp/dnd_arrow]]) center no-repeat;
1340      width: 100%;
1341      height: 80px;
1342      position: absolute;
1343      top: 5px;
1344  }
1345  
1346  .fitem.disabled .filepicker-container,
1347  .fitem.disabled .fm-empty-container {
1348      display: none;
1349  }
1350  
1351  .dndupload-progressbars {
1352      padding: 10px;
1353      display: none;
1354  }
1355  
1356  .dndupload-inprogress .dndupload-progressbars {
1357      display: block;
1358  }
1359  
1360  .dndupload-inprogress .fp-content {
1361      display: none;
1362  }
1363  
1364  .filemanager.fm-noitems .dndupload-inprogress .fm-empty-container {
1365      display: none;
1366  }
1367  
1368  .filepicker-filelist.dndupload-inprogress .filepicker-container {
1369      display: none;
1370  }
1371  
1372  .filepicker-filelist.dndupload-inprogress a {
1373      display: none;
1374  }
1375  
1376  /*
1377   * Select Dialogue (File Manager only)
1378   */
1379  
1380  .filemanager.fp-select .fp-select-loading {
1381      display: none;
1382  }
1383  
1384  .filemanager.fp-select.loading .fp-select-loading {
1385      display: block;
1386  }
1387  
1388  .filemanager.fp-select.loading form {
1389      display: none;
1390  }
1391  
1392  /* disable unavailable actions:*/
1393  
1394  
1395  /*.filemanager.fp-select.fp-zip .fp-license,*/
1396  
1397  .filemanager.fp-select.fp-folder .fp-license,
1398  .filemanager.fp-select.fp-folder .fp-author,
1399  .filemanager.fp-select.fp-file .fp-file-unzip,
1400  .filemanager.fp-select.fp-folder .fp-file-unzip,
1401  .filemanager.fp-select.fp-file .fp-file-zip,
1402  .filemanager.fp-select.fp-zip .fp-file-zip {
1403      display: none;
1404  }
1405  
1406  .filemanager.fp-select .fp-file-setmain,
1407  .filemanager.fp-select .fp-file-setmain-help {
1408      display: none;
1409  }
1410  
1411  .filemanager.fp-select.fp-cansetmain .fp-file-setmain,
1412  .filemanager.fp-select.fp-cansetmain .fp-file-setmain-help {
1413      display: inline-block;
1414  }
1415  
1416  .filemanager .fp-mainfile .fp-filename {
1417      font-weight: bold;
1418  }
1419  
1420  .filemanager.fp-select.fp-folder .fp-file-download {
1421      display: none;
1422  }
1423  
1424  /* to be implemented */
1425  
1426  .fm-operation {
1427      font-weight: bold;
1428  }
1429  
1430  .filemanager.fp-select .fp-original.fp-unknown {
1431      display: none;
1432  }
1433  
1434  .filemanager.fp-select .fp-original .fp-originloading {
1435      display: none;
1436  }
1437  
1438  .filemanager.fp-select .fp-original.fp-loading .fp-originloading {
1439      display: inline;
1440  }
1441  
1442  .filemanager.fp-select .fp-reflist.fp-unknown {
1443      display: none;
1444  }
1445  
1446  .filemanager.fp-select .fp-reflist .fp-reflistloading {
1447      display: none;
1448  }
1449  
1450  .filemanager.fp-select .fp-refcount {
1451      max-width: 265px;
1452  }
1453  
1454  .filemanager.fp-select .fp-reflist.fp-loading .fp-reflistloading {
1455      display: inline;
1456  }
1457  
1458  .filemanager.fp-select .fp-reflist .fp-value {
1459      background: #F9F9F9;
1460      border: 1px solid #BBBBBB;
1461      padding: 8px 7px;
1462      margin: 0px;
1463      max-width: 265px;
1464      max-height: 75px;
1465      overflow: auto;
1466  }
1467  
1468  .filemanager.fp-select .fp-reflist .fp-value li {
1469      padding-bottom: 7px;
1470  }
1471  
1472  /*
1473   * Create folder dialogue (File Manager only)
1474   */
1475  
1476  .filemanager.fp-mkdir-dlg {
1477      text-align: center;
1478  }
1479  
1480  .filemanager.fp-mkdir-dlg .fp-mkdir-dlg-text {
1481      text-align: left;
1482      margin: 20px;
1483  }
1484  
1485  .dir-rtl .filemanager .fp-mkdir-dlg p {
1486      text-align: right;
1487  }
1488  
1489  /*
1490   * Confirm dialogue for delete (File Manager only)
1491   */
1492  
1493  .filemanager.fp-dlg {
1494      text-align: center;
1495  }
1496  
1497  .filemanager.fp-dlg .fp-dlg-text {
1498      padding: 0px 10px;
1499      min-width: 200px;
1500      max-width: 340px;
1501      max-height: 300px;
1502      overflow: auto;
1503      line-height: 22px;
1504      margin: 40px 20px 20px;
1505      font-size: 12px;
1506  }
1507  
1508  /*
1509   *file picker search dialog
1510   */
1511  
1512  .file-picker div.bd {
1513      text-align: left;
1514  }
1515  
1516  /* RTL Overrides
1517  -------------------------*/
1518  
1519  .dir-rtl .file-picker div.bd {
1520      text-align: right;
1521  }
1522  
1523  .dir-rtl .file-picker .fp-pathbar {
1524      text-align: right;
1525  }
1526  
1527  .dir-rtl .file-picker .fp-list {
1528      text-align: right;
1529  }
1530  
1531  .dir-rtl .filepicker .yui-layout-unit-left {
1532      left: 500px;
1533  }
1534  
1535  .dir-rtl .filepicker .yui-layout-unit-center {
1536      left: 0;
1537  }
1538  
1539  .dir-rtl #filemenu .yuimenuitemlabel {
1540      text-align: right;
1541  }
1542  
1543  .dir-rtl .filemanager-container .yui3-skin-sam .yui3-datatable-header {
1544      text-align: right;
1545  }
1546  
1547  .dir-rtl .filemanager .fp-restrictions {
1548      text-align: left;
1549  }
1550  
1551  .dir-rtl .file-picker .fp-toolbar .fp-tb-search input {
1552      background-position: 208px 7px;
1553      padding: 2px 30px 1px 3px;
1554  }
1555  
1556  .dir-rtl .file-picker .fp-toolbar div {
1557      float: right;
1558      margin-left: 4px;
1559  }
1560  
1561  /*
1562   * Forms for file picker.
1563   */
1564  
1565  .fp-formset {
1566      margin: 0 auto;
1567      width: 500px;
1568  }
1569  
1570  .fp-formset div {
1571      text-align: left;
1572  }
1573  
1574  .fp-formset .controls {
1575      text-align: left;
1576  }
1577  
1578  .fp-formset label {
1579      display: block;
1580      float: left;
1581      width: 210px;
1582      text-align: right;
1583      margin: 0 10px 0 0;
1584  }
1585  
1586  .fp-formset .fp-popup {
1587      text-align: center;
1588  }
1589  
1590  .fp-formset .fp-setlicense select {
1591      width: 280px;
1592  }
1593  
1594  .fp-forminset {
1595      margin-bottom: 10px;
1596  }
1597  
1598  .fp-forminset label {
1599      display: block;
1600      float: left;
1601      width: 95px;
1602      text-align: right;
1603      margin: 0 10px 0 0;
1604  }
1605  
1606  .fp-forminset input[type="text"] {
1607      width: 258px;
1608      margin: 0;
1609  }
1610  
1611  .fp-forminset select {
1612      width: 272px;
1613      margin: 0;
1614  }
1615  
1616  .fp-forminset .controls {
1617      float: left;
1618  }
1619  
1620  .fp-forminset label.control-radio {
1621      float: right;
1622      text-align: left;
1623      width: 250px;
1624  }
1625  
1626  .fp-forminset .controls.control-radio {
1627      margin-left: 105px;
1628  }
1629  
1630  .fp-forminset .controls.control-radio input {
1631      margin-top: 5px;
1632  }
1633  
1634  .file-picker .fp-fileinfo .fp-value {
1635      display: inline-block;
1636      padding-left: 5px;
1637  }
1638  
1639  .dir-rtl .fp-forminset label {
1640      display: block;
1641      float: right;
1642      width: 95px;
1643      text-align: right;
1644      margin: 0 0 0 10px;
1645  }
1646  
1647  .dir-rtl .fp-forminset .controls {
1648      float: right;
1649  }
1650  
1651  .dir-rtl .fp-forminset .fp-select-buttons {
1652      float: left;
1653  }
1654  
1655  .dir-rtl .fp-forminset .fp-setlicense select,
1656  .dir-rtl .fp-forminset .fp-license select {
1657      width: 272px;
1658  }
1659  
1660  .dir-rtl .fp-forminset input[type="text"] {
1661      width: 258px;
1662      margin: 0;
1663  }
1664  
1665  .dir-rtl .fp-forminset label.control-radio {
1666      float: left;
1667      text-align: right;
1668      width: 250px;
1669      margin-left: 0;
1670  }
1671  
1672  .dir-rtl .fp-forminset .controls.control-radio {
1673      margin: 0 100px 0 0;
1674  }
1675  
1676  .dir-rtl .fp-select .fp-thumbnail {
1677      margin-right: 0;
1678  }
1679  
1680  .dir-rtl .file-picker .fp-fileinfo .fp-value {
1681      display: inline-block;
1682      padding: 0 5px 0 0;
1683  }
1684  
1685  .dir-rtl .fp-formset div {
1686      text-align: right;
1687  }
1688  
1689  .dir-rtl .fp-formset label {
1690      float: right;
1691      text-align: left;
1692      margin: 0 0 0 10px;
1693  }
1694  
1695  /**
1696   * Responsive styles for the filepicker
1697   */
1698  
1699  @media (max-width: 767px) {
1700      .file-picker .fp-repo-area {
1701          width: 100%;
1702          height: auto;
1703          max-height: 220px;
1704          float: none;
1705          border: 0px;
1706      }
1707  
1708      .file-picker .fp-repo-items {
1709          width: 100%;
1710          float: none;
1711          margin-left: 0;
1712      }
1713  
1714      .file-picker .fp-login-form .fp-login-input .label {
1715          text-align: left;
1716      }
1717  
1718      .dir-rtl .file-picker .fp-login-form .fp-login-input .label {
1719          text-align: right;
1720      }
1721  
1722      .file-picker .fp-content form td {
1723          display: block;
1724          width: 100%;
1725          text-align: left;
1726      }
1727  
1728      .dir-rtl .file-picker .fp-content form td {
1729          text-align: right;
1730      }
1731  
1732      .fp-content .mdl-right {
1733          text-align: left;
1734      }
1735  
1736      .dir-rtl .fp-content .mdl-right {
1737          text-align: right;
1738      }
1739  
1740      .fp-repo-items .fp-navbar {
1741          border-top: 1px solid rgb(187, 187, 187);
1742      }
1743  
1744      .fp-formset,
1745      .fp-forminset {
1746          margin: 0 10px;
1747          width: auto;
1748      }
1749  
1750      .fp-formset label,
1751      .fp-forminset label {
1752          float: none;
1753          width: 210px;
1754          text-align: left;
1755          margin: 5px 0;
1756      }
1757  
1758      .dir-rtl .fp-formset label,
1759      .dir-rtl .fp-forminset label {
1760          text-align: right;
1761          float: none;
1762      }
1763  
1764      .dir-rtl .filepicker.moodle-dialogue-fullscreen .file-picker .fp-repo-items {
1765          float: right;
1766      }
1767  }