[Summary view] [Print] [Text view]

   1  /**
   2   * File Picker and File Manager
   3   */
   4  
   5  .filemanager, .file-picker {font-size:11px;color:#555555;letter-spacing:.2px;}
   6  .filemanager a, .file-picker a {color:#555555;}
   7  .filemanager a:hover, .file-picker a:hover {color:#555555;text-decoration:none;}
   8  .filemanager select, .filemanager input, .filemanager button, .filemanager textarea,
   9  .file-picker select, .file-picker input, .file-picker button, .file-picker textarea {color:#555555;letter-spacing:.2px;}
  10  .filemanager input[type="text"], .file-picker input[type="text"] {border:1px solid #BBBBBB;width:265px;height:18px;padding:1px 6px;}
  11  .filemanager select, .file-picker select {height:22px;padding:2px 1px;}
  12  .fp-content-center {height:100%;width:100%;display:table-cell;vertical-align:middle;}
  13  .fp-content-hidden {visibility:hidden;}
  14  
  15  /*
  16   * Dialogue (File Picker and File Manager)
  17   */
  18  .yui3-panel-focused {outline:none;}
  19  #filesskin .yui3-panel-content {padding-bottom:20px;background:#F2F2F2;border-radius:8px;border:1px solid #FFFFFF;display:inline-block;-webkit-box-shadow:5px 5px 20px 0px #666666;-moz-box-shadow:5px 5px 20px 0px #666666;box-shadow:5px 5px 20px 0px #666666;}
  20  #filesskin .yui3-widget-hd {border-radius:10px 10px 0px 0px;border-bottom:1px solid #BBBBBB;padding:5px 5px 5px 5px;text-align:center;font-size:12px;letter-spacing:1px;color:#333333;text-shadow:1px 1px 1px #FFFFFF;filter:dropshadow(color=#FFFFFF, offx=1, offy=1);
  21  background:#E2E2E2;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#CCCCCC');background:-webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CCCCCC));background:-moz-linear-gradient(top,  #FFFFFF,  #CCCCCC);}
  22  .fp-panel-button {background:#FFFFFF;padding:3px 20px 2px 20px;text-align:center;margin:10px;border-radius:10px;display:inline-block;-webkit-box-shadow:2px 2px 3px .1px #999999;-moz-box-shadow:2px 2px 3px .1px #999999;box-shadow:2px 2px 3px .1px #999999;}
  23  .moodle-dialogue-base .filepicker .moodle-dialogue-wrap .moodle-dialogue-bd {
  24      padding:0px;
  25  }
  26  
  27  /*
  28   * File Picker layout
  29   */
  30  #filesskin .file-picker.fp-generallayout {width:859px;background:#FFFFFF;border-radius:10px;border:1px solid #CCCCCC;position:relative;}
  31  .file-picker .fp-repo-area {width:180px;overflow:auto;float:left;height:525px;border-right:1px solid #BBBBBB}
  32  .dir-rtl .file-picker .fp-repo-area {border-left:1px solid #BBBBBB;border-right:none;float:right;}
  33  .file-picker .fp-repo-items {overflow: hidden;}
  34  .file-picker .fp-navbar {background:#F2F2F2;min-height:40px;border-bottom:1px solid #BBBBBB;}
  35  .file-picker .fp-content {background:#FFFFFF;clear:both;overflow:auto;height:452px;}
  36  .filepicker.moodle-dialogue-fullscreen .file-picker .fp-content {width:100%;}
  37  
  38  .file-picker .fp-content-loading {height:100%;width:100%;display:table;text-align:center;}
  39  .file-picker .fp-content .fp-object-container {width:98%;height:98%;}
  40  
  41  .dir-rtl .file-picker .fp-list {text-align:right;}
  42  .dir-rtl .file-picker .fp-toolbar {padding:0;}
  43  .dir-rtl .file-picker .fp-list {text-align:right;}
  44  .dir-rtl .file-picker .fp-repo-name {display:inline;}
  45  .dir-rtl .file-picker .fp-pathbar {text-align:right;display:block;border-top:none;}
  46  .dir-rtl .file-picker div.bd {text-align:right;}
  47  .dir-rtl #filemenu .yuimenuitemlabel {text-align:right;}
  48  .dir-rtl .filepicker .yui-layout-unit-left {left:500px;}
  49  .dir-rtl .filepicker .yui-layout-unit-center {left:0px;}
  50  .dir-rtl .filepicker.moodle-dialogue-fullscreen .file-picker .fp-repo-items { float:none; }
  51  
  52  /**
  53   * File Manager
  54   */
  55  .dir-rtl .filemanager-toolbar a {padding:0px;}
  56  
  57  /*
  58   * Repositories on fp-repo-area (File Picker only)
  59   */
  60  .file-picker .fp-list {list-style-type:none;padding:0;float:left;width:100%;margin:0;}
  61  .dir-rtl .file-picker .fp-list {text-align:right;float:left;}
  62  .file-picker .fp-list .fp-repo a{display:block;padding:.5em .7em;}
  63  .file-picker .fp-list .fp-repo.active {background:#F2F2F2;}
  64  .file-picker .fp-list .fp-repo-icon {padding:0 7px 0 5px;vertical-align:text-bottom;}
  65  
  66  /*
  67   * Tools, Path & View on fp-navbar (File Picker and File Manager)
  68   */
  69  .fp-toolbar {display:block;line-height:22px;float:left;}
  70  .dir-rtl .fp-toolbar {float:right;}
  71  .fp-toolbar.empty {display:none;}
  72  .fp-toolbar .disabled {display:none;}
  73  .file-picker .fp-toolbar div, .fp-navbar .filemanager-toolbar .fp-toolbar div {float:left;margin:4px 0 4px 4px;}
  74  .fp-toolbar .fp-btn-add, .fp-toolbar .fp-btn-download, .fp-toolbar .fp-btn-mkdir, .fp-toolbar .fp-tb-help, .fp-toolbar .fp-tb-manage, .fp-toolbar .fp-tb-logout, .fp-toolbar .fp-tb-refresh {background:#FFFFFF;border:1px solid #CCCCCC;border-bottom:1px solid #B3B3B3;border-radius:4px;width:30px;height:30px;}
  75  .file-picker .fp-toolbar .fp-tb-message  {background:inherit;border:0;border-bottom:0;border-radius:0;width:300px;height:32px;}
  76  .fp-toolbar div {display:block;}
  77  .fp-toolbar a {display:block;height:30px;width:30px;}
  78  .fp-toolbar a:hover {background-image:radial-gradient(ellipse at center, #ffffff 60%,#dfdfdf 100%);background-color:#ebebeb;}
  79  .fp-toolbar a:active {background-image:radial-gradient(ellipse at center, #ffffff 40%,#dfdfdf 100%);background-color:#dfdfdf;}
  80  .dir-rtl .fp-navbar .filemanager-toolbar .fp-toolbar div {margin:4px 4px 4px 0;}
  81  .file-picker .fp-toolbar div.disabled {display:none;}
  82  .fp-toolbar img {vertical-align:-15%;margin:7px;}
  83  .file-picker .fp-toolbar .fp-tb-search {height:30px;}
  84  .file-picker .fp-toolbar .fp-tb-search .fp-def-search {border:0;background:transparent;margin:0;padding:0;}
  85  .fp-toolbar .fp-tb-search input {background:#fff url('[[pix:a/search]]') no-repeat 7px 7px;padding:2px 6px 1px 27px;width:200px;height:27px;border: 1px solid #bbb;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
  86  .dir-rtl .fp-toolbar img {vertical-align:-35%;}
  87  .dir-rtl .file-picker .fp-viewbar, .dir-rtl .fp-navbar .filemanager-toolbar .fp-viewbar {float:left;}
  88  .file-picker .fp-viewbar, .fp-navbar .filemanager-toolbar .fp-viewbar {float:right;margin:4px; background:white;border:1px solid #CCCCCC;border-radius:4px;border-bottom:1px solid #B3B3B3;height:30px;}
  89  .fp-viewbar .fp-vb-icons, .fp-viewbar .fp-vb-details, .fp-viewbar .fp-vb-tree {width:30px;height:30px;display:block;float:left;border-right:1px solid #CCCCCC;}
  90  .fp-viewbar a.fp-vb-icons {border-radius:4px 0 0 4px;}
  91  .fp-viewbar .fp-vb-tree {border-right:0;border-radius:0 4px 4px 0;}
  92  .fp-viewbar a img {margin:7px;}
  93  .fp-viewbar a.checked:hover, .fp-viewbar a:hover {background-image:radial-gradient(ellipse at center, #ffffff 60%,#dfdfdf 100%);background-color:#ebebeb;}
  94  .fp-viewbar a.checked, .fp-viewbar a:active {background-image:radial-gradient(ellipse at center, #ffffff 40%,#dfdfdf 100%);background-color:#dfdfdf;}
  95  .fp-viewbar.disabled a {opacity:.45;background:none;cursor:default;}
  96  .file-picker .fp-clear-left {clear:left;}
  97  
  98  /* over ride hover rule from core.css*/
  99  .dir-rtl .filemanager-toolbar .fp-vb-icons a:hover {background:url('[[pix:theme|fp/view_icon_selected]]');}
 100  .dir-rtl .filemanager-toolbar .fp-vb-icons.checked a:hover {background:url('[[pix:theme|fp/view_icon_active]]') no-repeat 0 0;}
 101  .dir-rtl .fp-vb-details a:hover {background:none;border:20px solid black}
 102  .dir-rtl .fp-vb-details.checked a:hover {background:none;border:40px solid black}
 103  .dir-rtl .fp-vb-tree a:hover {background:none;border:30px solid black}
 104  .dir-rtl .fp-vb-tree.checked a:hover {background:none;border:50px solid black}
 105  
 106  .file-picker .fp-pathbar {display:table-row;}
 107  .fp-pathbar.empty {display:none;}
 108  .fp-pathbar .fp-path-folder {background:url('[[pix:theme|fp/path_folder]]') no-repeat 0 0;width:27px;height:12px;margin-left:4px;}
 109  .dir-rtl .fp-pathbar .fp-path-folder {background:url('[[pix:theme|fp/path_folder_rtl]]') no-repeat right top;width:auto;height:12px;margin-left:4px;}
 110  .dir-rtl .fp-pathbar span {display:inline-block;float:right;margin-left:32px;}
 111  .fp-pathbar .fp-path-folder-name {margin-left:32px;line-height:20px;}
 112  .dir-rtl .fp-pathbar .fp-path-folder-name {margin-right:32px;line-height:20px;}
 113  
 114  /*
 115   * Icon view (File Picker and File Manager)
 116   */
 117  .fp-iconview .fp-file {float:left;text-align:center;position:relative;margin:10px 10px 35px;}
 118  .fp-iconview .fp-thumbnail {min-width:110px;min-height:110px;line-height:110px;text-align:center;border:1px solid #FFFFFF;display:block;}
 119  .fp-iconview .fp-thumbnail img {border:1px solid #DDDDDD;padding:3px;vertical-align:middle;-webkit-box-shadow:1px 1px 2px 0px #CCCCCC;-moz-box-shadow:1px 1px 2px 0px #CCCCCC;box-shadow:1px 1px 2px 0px #CCCCCC;}
 120  .fp-iconview .fp-thumbnail:hover {background:#FFFFFF;border:1px solid #DDDDDD;-webkit-box-shadow:inset 0px 0px 10px 0px #CCCCCC;-moz-box-shadow:inset 0px 0px 10px 0px #CCCCCC;box-shadow:inset 0px 0px 10px 0px #CCCCCC;}
 121  .fp-iconview .fp-filename-field {height:33px;word-wrap:break-word;overflow:hidden;position:absolute;}
 122  .fp-iconview .fp-filename-field:hover {overflow:visible;z-index:1000;}
 123  .fp-iconview .fp-filename-field .fp-filename {background:#FFFFFF;padding-top:5px;padding-bottom:12px;min-width:112px;}
 124  .dir-rtl .fp-iconview .fp-file {float:right;}
 125  
 126  /*
 127   * Table view (File Picker only)
 128   */
 129  .file-picker .yui3-datatable table {border:0px solid #BBBBBB;width:100%;}
 130  #filesskin .file-picker .yui3-datatable-header {background:#FFFFFF;border-bottom:1px solid #CCCCCC;border-left:0 solid #FFFFFF;color:#555555;}
 131  #filesskin .file-picker .yui3-datatable-odd .yui3-datatable-cell {background-color:#F6F6F6;border-left:0px solid #F6F6F6;}
 132  #filesskin .file-picker .yui3-datatable-even .yui3-datatable-cell {background-color:#FFFFFF;border-left:0px solid #FFFFFF;}
 133  .dir-rtl .file-picker .yui3-datatable-header {text-align:right;}
 134  
 135  /*
 136   * Tree view (File Manager only)
 137   */
 138  /*.file-picker .fp-treeview .fp-folder .fp-icon, .filemanager .fp-treeview .fp-folder .fp-icon {}*/
 139  /* first or middle sibling, no children */
 140  .file-picker .ygtvtn, .filemanager .ygtvtn {background:url('[[pix:moodle|y/tn]]') 0px 0px no-repeat;width:17px;height:22px;}
 141  .dir-rtl .file-picker .ygtvtn, .dir-rtl .filemanager .ygtvtn {background:url('[[pix:moodle|y/tn_rtl]]') 0px 0px no-repeat;}
 142  /* first or middle sibling, collapsable */
 143  .file-picker .ygtvtm, .filemanager .ygtvtm {background:url('[[pix:moodle|y/tm]]') 0px 10px no-repeat;width:13px;height:12px;cursor:pointer;}
 144  /* first or middle sibling, collapsable, hover */
 145  .file-picker .ygtvtmh, .filemanager .ygtvtmh {background:url('[[pix:moodle|y/tm]]') 0px 10px no-repeat;width:13px;height:12px;cursor:pointer;}
 146  /* first or middle sibling, expandable */
 147  .file-picker .ygtvtp, .filemanager .ygtvtp {background:url('[[pix:moodle|y/tp]]') 0px 10px no-repeat;width:13px;height:12px;cursor:pointer;}
 148  .dir-rtl .file-picker .ygtvtp, .dir-rtl .filemanager .ygtvtp {background:url('[[pix:moodle|y/tp_rtl]]') 0px 10px no-repeat;}
 149  /* first or middle sibling, expandable, hover */
 150  .file-picker .ygtvtph, .filemanager .ygtvtph {background:url('[[pix:moodle|y/tp]]') 0px 10px no-repeat;width:13px;height:22px;cursor:pointer;}
 151  .dir-rtl .file-picker .ygtvtph, .dir-rtl .filemanager .ygtvtph {background:url('[[pix:moodle|y/tp_rtl]]') 0px 10px no-repeat}
 152  /* last sibling, no children */
 153  .file-picker .ygtvln, .filemanager .ygtvln {background:url('[[pix:moodle|y/ln]]') 0px 0px no-repeat;width:17px;height:22px;}
 154  .dir-rtl .file-picker .ygtvln, .dir-rtl .filemanager .ygtvln {background:url('[[pix:moodle|y/ln_rtl]]') 0px 0px no-repeat;}
 155  /* Last sibling, collapsable */
 156  .file-picker .ygtvlm, .filemanager .ygtvlm {background:url('[[pix:moodle|y/lm]]') 0px 10px no-repeat;width:13px;height:12px;cursor:pointer;}
 157  /* Last sibling, collapsable, hover */
 158  .file-picker .ygtvlmh, .filemanager .ygtvlmh {background:url('[[pix:moodle|y/lm]]') 0px 10px no-repeat;width:13px;height:12px;cursor:pointer;}
 159  /* Last sibling, expandable */
 160  .file-picker .ygtvlp, .filemanager .ygtvlp {background:url('[[pix:moodle|y/lp]]') 0px 10px no-repeat;width:13px;height:12px;cursor:pointer;}
 161  .dir-rtl .file-picker .ygtvlp, .dir-rtl .filemanager .ygtvlp {background:url('[[pix:moodle|y/lp_rtl]]') 0px 10px no-repeat;}
 162  /* Last sibling, expandable, hover */
 163  .file-picker .ygtvlph, .filemanager .ygtvlph {background:url('[[pix:moodle|y/lp]]') 0px 10px no-repeat;width:13px;height:12px;cursor:pointer;}
 164  .dir-rtl .file-picker .ygtvlph, .dir-rtl .filemanager .ygtvlph {background:url('[[pix:moodle|y/lp_rtl]]') 0px 10px no-repeat;}
 165  /* Loading icon */
 166  .file-picker .ygtvloading, .filemanager .ygtvloading {background:transparent url('[[pix:moodle|y/loading]]') 0 0 no-repeat;width:16px;height:22px;}
 167  /* the style for the empty cells that are used for rendering the depth* of the node */
 168  .file-picker .ygtvdepthcell, .filemanager .ygtvdepthcell {background:url('[[pix:moodle|y/vline]]') 0 0 no-repeat;width:17px;height:/*22px;*/32px;}
 169  .file-picker .ygtvblankdepthcell, .filemanager .ygtvblankdepthcell {width:17px;height:22px;}
 170  /* the style of the div around each node */
 171  /*.file-picker .ygtvitem  table, .filemanager .ygtvitem  table{margin-bottom:0;}*/
 172  /*.file-picker .ygtvitem  td, .filemanager .ygtvitem  td {border:none;padding:0;}*/
 173  /* the style of the div around each node's collection of children */
 174  /** html .file-picker .ygtvchildren, * html .filemanager .ygtvchildren {height:1%;}*/
 175  /* the style of the text label in ygTextNode */
 176  /*.file-picker .ygtvlabel,.file-picker .ygtvlabel:link,.file-picker .ygtvlabel:visited,.file-picker .ygtvlabel:hover,
 177  .filemanager .ygtvlabel,.filemanager .ygtvlabel:link,.filemanager .ygtvlabel:visited,.filemanager .ygtvlabel:hover {margin-left:2px;text-decoration:none;}*/
 178  a.ygtvspacer:hover {color:transparent;text-decoration:none;}
 179  .ygtvlabel, .ygtvlabel:link, .ygtvlabel:visited, .ygtvlabel:hover {background-color:transparent;cursor:pointer;margin-left:2px;text-decoration:none;}
 180  .file-picker .ygtvfocus, .filemanager .ygtvfocus {background-color:#EEEEEE;}
 181  
 182  .fp-filename-icon {margin-top:10px;display:block;position:relative;}
 183  .fp-icon {float:left;margin-top:-7px;width:24px;height:24px;margin-right:10px;text-align:center;line-height:24px;}
 184  .dir-rtl .fp-icon {float:right;margin-left:10px;margin-right:0;}
 185  .fp-icon img {max-height:24px;max-width:24px;vertical-align:middle;}
 186  .fp-filename {padding-right:10px;}
 187  .dir-rtl .fp-filename {padding-left:10px;padding-right:0;}
 188  
 189  /*
 190   * Repositories Login on fp-content (File Picker only)
 191   */
 192  .file-picker .fp-login-form {height:100%;width:100%;display:table;}
 193  .file-picker .fp-login-form table {margin:0 auto;}
 194  .file-picker .fp-login-form p {text-align:center;margin-top:3em;}
 195  .file-picker .fp-login-form .fp-login-input .label {text-align:right;vertical-align:middle;}
 196  .file-picker .fp-login-form .fp-login-input .input {text-align:left;}
 197  .file-picker .fp-login-form input[type="checkbox"]{width:15px;height:15px;}
 198  
 199  /*
 200   * Upload on fp-content (File Picker only)
 201   */
 202  .file-picker .fp-upload-form {height:100%;width:100%;display:table;}
 203  .file-picker .fp-upload-form table {margin:0 auto;}
 204  .file-picker .fp-upload-btn {margin:2em;}
 205  
 206  /*
 207   * File exists dialogue on Upload (File Picker only)
 208   */
 209  .file-picker.fp-dlg {text-align:center;}
 210  .file-picker.fp-dlg .fp-dlg-text {padding:30px 20px 10px;font-size:12px;}
 211  .file-picker.fp-dlg .fp-dlg-buttons {margin:0 20px;}
 212  
 213  /*
 214   * Error dialogue on Upload (File Picker only)
 215   */
 216  .file-picker.fp-msg {text-align:center;}
 217  .file-picker.fp-msg .fp-msg-text {padding:40px 20px 10px 20px;min-width:200px;max-width:500px;max-height:300px;overflow:auto;font-size:12px;}
 218  .file-picker.fp-msg.fp-msg-error .fp-msg-text {padding:40px 20px 10px 20px;font-size:12px;}
 219  
 220  /*
 221   * Error on fp-content (File Picker only)
 222   */
 223  .file-picker .fp-content-error {height:100%;width:100%;display:table;text-align:center;}
 224  .file-picker .fp-content-error .fp-error {height:100%;width:100%;display:table-cell;vertical-align:middle;padding:40px 20px 10px 20px;font-size:12px;}
 225  
 226  /*
 227   * Lazy loading on fp-content (File Picker only)
 228   */
 229  .file-picker .fp-nextpage {clear:both;}
 230  .file-picker .fp-nextpage .fp-nextpage-loading {display:none;}
 231  .file-picker .fp-nextpage.loading .fp-nextpage-link {display:none;}
 232  .file-picker .fp-nextpage.loading .fp-nextpage-loading {display:block;text-align:center;height:100px;padding-top:50px;}
 233  
 234  /*
 235   * Select Dialogue (File Picker and File Manager)
 236   */
 237  .fp-select form {padding:20px 20px 0;}
 238  .fp-select .fp-select-loading {text-align:center;margin-top:20px;}
 239  .fp-select .fp-hr {clear:both;height:1px;background-color:#FFFFFF;border-bottom:1px solid #BBBBBB;width:auto;margin:10px 0;}
 240  .fp-select table {padding:0 0 10px;}
 241  .fp-select table .mdl-right {min-width:84px;}
 242  .fp-select .fp-reflist .mdl-right {vertical-align:top;}
 243  .fp-select .fp-select-buttons {float:right;}
 244  .fp-select .fp-info {display:block;clear:both;padding:1px 20px 0;}
 245  .fp-select .fp-thumbnail {float:left;min-width:110px;min-height:110px;line-height:110px;text-align:center;margin:10px 10px 0 0;background:#FFFFFF;border:1px solid #DDDDDD;-webkit-box-shadow:inset 0 0 10px 0 #CCCCCC;-moz-box-shadow:inset 0 0 10px 0 #CCCCCC;box-shadow:inset 0 0 10px 0 #CCCCCC;}
 246  .fp-select .fp-thumbnail img {border:1px solid #DDDDDD;padding:3px;vertical-align:middle;margin:10px;}
 247  .fp-select .fp-fileinfo {display:inline-block;margin-top:10px;}
 248  .file-picker.fp-select .fp-fileinfo {max-width:240px;}
 249  .fp-select .fp-fileinfo div {padding-bottom:5px;}
 250  
 251  .file-picker.fp-select .uneditable {display:none;}
 252  .file-picker.fp-select .fp-select-loading {display:none;}
 253  .file-picker.fp-select.loading .fp-select-loading {display:block;}
 254  .file-picker.fp-select.loading form {display:none;}
 255  .fp-select .fp-dimensions.fp-unknown {display:none;}
 256  
 257   /*
 258   * File Manager
 259   */
 260  .filemanager-loading{display:none}
 261  .jsenabled .filemanager-loading{display:block;margin-top:100px;}
 262  .filemanager.fm-loading .filemanager-toolbar,
 263  .filemanager.fm-loading .fp-pathbar,
 264  .filemanager.fm-loading .filemanager-container {display:none;}
 265  .filemanager.fm-loaded .filemanager-loading {display:none;}
 266  .filemanager.fm-maxfiles .fp-btn-add {display:none;}
 267  .filemanager.fm-maxfiles .dndupload-message {display:none;}
 268  .filemanager.fm-noitems .fp-btn-download {display:none;}
 269  .filemanager .fm-empty-container {display:none;}
 270  .filemanager.fm-noitems .filemanager-container .fp-content {display:none;}
 271  .filemanager .filemanager-updating {display:none;text-align:center;}
 272  .filemanager.fm-updating .filemanager-updating {display:block;margin-top:37px;}
 273  .filemanager.fm-updating .fm-content-wrapper {display:none;}
 274  .filemanager.fm-nomkdir .fp-btn-mkdir {display:none;}
 275  .fitem.disabled .filemanager .filemanager-toolbar,
 276  .fitem.disabled .filemanager .fp-pathbar,
 277  .fitem.disabled .filemanager .fp-restrictions,
 278  .fitem.disabled .filemanager .fm-content-wrapper {display:none;}
 279  .filemanager .fp-img-downloading {display:none;padding-top: 3px;}
 280  
 281   /*
 282   * File Manager layout
 283   */
 284  .filemanager .fp-restrictions {text-align:right;}
 285  .filemanager .fp-navbar {background:#F2F2F2;border-top:1px solid #BBBBBB;border-left:1px solid #BBBBBB;border-right:1px solid #BBBBBB;}
 286  .filemanager-toolbar {min-height:40px;}
 287  .fp-pathbar {border-top:1px solid #BBBBBB;padding:5px 8px 1px;min-height:20px;}
 288  
 289  .filemanager .fp-pathbar.empty {display:none;}
 290  .filepicker-filelist,
 291  .filemanager-container {background:#FFFFFF;clear:both;overflow:auto;border:1px solid #BBBBBB;min-height:140px;position:relative;}
 292  /*.filemanager-container ul{margin:0;padding:0;}
 293  .filemanager-container ul li{white-space:nowrap;list-style-type:none;}
 294  .filemanager-container ul li a{padding:0}*/
 295  .filemanager .fp-content{overflow:auto;max-height:472px;min-height:157px;}
 296  .filemanager-container, .filepicker-filelist {overflow:hidden;}
 297  .fitem.disabled .filepicker-filelist, .fitem.disabled .filemanager-container {background-color:#EBEBE4;}
 298  .fitem.disabled .fp-btn-choose {color:graytext;}
 299  .fitem.disabled .filepicker-filelist .filepicker-filename {display:none;}
 300  
 301  /*
 302   * Icon view (File Manager only)
 303   */
 304  .fp-iconview .fp-reficons1 {position:absolute;height:100%;width:100%;top:0;left:0;}
 305  .fp-iconview .fp-reficons2 {position:absolute;height:100%;width:100%;top:0;left:0;}
 306  .fp-iconview .fp-file.fp-hasreferences .fp-reficons1 {background:url('[[pix:theme|fp/link]]') no-repeat;background-position:bottom right;}
 307  .fp-iconview .fp-file.fp-isreference .fp-reficons2 {background:url('[[pix:theme|fp/alias]]') no-repeat;background-position:bottom left;}
 308  
 309  .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail img {display:none;}
 310  .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail {background:url([[pix:s/dead]]) no-repeat;background-position:center center;}
 311  
 312  /*
 313   * Table view (File Manager only)
 314   */
 315  .filemanager .yui3-datatable table {border:0px solid #BBBBBB;width:100%;}
 316  .filemanager .yui3-datatable-header {background:#FFFFFF!important;border-bottom:1px solid #CCCCCC!important;border-left:0 solid #FFFFFF!important;color:#555555!important;}
 317  .filemanager .yui3-datatable-odd .yui3-datatable-cell {background-color:#F6F6F6!important;border-left:0px solid #F6F6F6;}
 318  .filemanager .yui3-datatable-even .yui3-datatable-cell {background-color:#FFFFFF!important;border-left:0px solid #FFFFFF;}
 319  
 320  .filemanager .fp-filename-icon.fp-hasreferences .fp-reficons1{background:url('[[pix:theme|fp/link_sm]]') no-repeat 0 0;height:100%;width:100%;position:absolute;top:8px;left:17px;z-index:1000;}
 321  .filemanager .fp-filename-icon.fp-isreference .fp-reficons2 {background:url('[[pix:theme|fp/alias_sm]]') no-repeat 0 0;height:100%;width:100%;position:absolute;top:9px;left:-6px;z-index:1001;}
 322  
 323  /*
 324   * Folder Context Menu (File Manager only)
 325   */
 326  .filemanager .fp-contextmenu {display:none;}
 327  .filemanager .fp-iconview .fp-folder.fp-hascontextmenu .fp-contextmenu {display:block;position:absolute;right:7px;bottom:5px;}
 328  .filemanager .fp-treeview .fp-folder.fp-hascontextmenu .fp-contextmenu,
 329  .filemanager .fp-tableview .fp-folder.fp-hascontextmenu .fp-contextmenu {display:inline;position:absolute;left:14px;margin-right:-20px;top:6px;}
 330  
 331  .dir-rtl .filemanager .fp-iconview .fp-folder.fp-hascontextmenu .fp-contextmenu {left:7px;right:inherit;}
 332  .dir-rtl .filemanager .fp-treeview .fp-folder.fp-hascontextmenu .fp-contextmenu,
 333  .dir-rtl .filemanager .fp-tableview .fp-folder.fp-hascontextmenu .fp-contextmenu {left:inherit;right:16px;margin-right:0;}
 334  
 335  /*
 336   * Drag and drop support (filemanager and filepicker form elements)
 337   */
 338  .filepicker-filelist .filepicker-container,
 339  .filemanager.fm-noitems .fm-empty-container {display:block;position:absolute;top:10px;bottom:10px;left:10px;right:10px;border:2px dashed #BBBBBB;padding-top:85px;text-align:center;}
 340  .filepicker-filelist .dndupload-target,
 341  .filemanager-container .dndupload-target {background:#FFFFFF;position:absolute;top:10px;bottom:10px;left:10px;right:10px;border:2px dashed #fb7979;padding-top:85px;text-align:center;-webkit-box-shadow: 0px 0px 0px 10px #FFFFFF;-moz-box-shadow:0px 0px 0px 10px #FFFFFF;box-shadow: 0px 0px 0px 10px #FFFFFF;}
 342  .filepicker-filelist.dndupload-over .dndupload-target,
 343  .filemanager-container.dndupload-over .dndupload-target {background:#FFFFFF;position:absolute;top:10px;bottom:10px;left:10px;right:10px;border:2px dashed #6c8cd3;padding-top:85px;text-align:center;}
 344  .dndupload-message {display:none;}
 345  .dndsupported .dndupload-message {display:inline;}
 346  .dnduploadnotsupported-message {display:none;}
 347  .dndnotsupported .dnduploadnotsupported-message {display:inline;}
 348  .dndupload-target {display:none;}
 349  .dndsupported .dndupload-ready .dndupload-target {display:block;}
 350  .dndupload-uploadinprogress {display:none;text-align:center;}
 351  .dndupload-uploading .dndupload-uploadinprogress {display:block;}
 352  .dndupload-arrow {background:url([[pix:theme|fp/dnd_arrow]]) center no-repeat;width:100%;height:80px;position:absolute;top:5px;}
 353  .fitem.disabled .filepicker-container, .fitem.disabled .fm-empty-container {display:none;}
 354  .dndupload-progressbars {padding:10px;display:none;}
 355  .dndupload-inprogress .dndupload-progressbars {display:block;}
 356  .dndupload-inprogress .fp-content {display:none;}
 357  .filemanager.fm-noitems .dndupload-inprogress .fm-empty-container {display:none;}
 358  .filepicker-filelist.dndupload-inprogress .filepicker-container {display:none;}
 359  .filepicker-filelist.dndupload-inprogress a {display:none;}
 360  
 361  /*
 362   * Select Dialogue (File Manager only)
 363   */
 364  .filemanager.fp-select .fp-select-loading {display:none;}
 365  .filemanager.fp-select.loading .fp-select-loading {display:block;}
 366  .filemanager.fp-select.loading form {display:none;}
 367  /* disable unavailable actions:*/
 368  /*.filemanager.fp-select.fp-zip .fp-license,*/
 369  .filemanager.fp-select.fp-folder .fp-license,
 370  /*.filemanager.fp-select.fp-zip .fp-author,*/
 371  .filemanager.fp-select.fp-folder .fp-author,
 372  .filemanager.fp-select.fp-file .fp-file-unzip,
 373  .filemanager.fp-select.fp-folder .fp-file-unzip,
 374  .filemanager.fp-select.fp-file .fp-file-zip,
 375  .filemanager.fp-select.fp-zip .fp-file-zip {display:none;}
 376  .filemanager.fp-select .fp-file-setmain,
 377  .filemanager.fp-select .fp-file-setmain-help {display:none;}
 378  .filemanager.fp-select.fp-cansetmain .fp-file-setmain,
 379  .filemanager.fp-select.fp-cansetmain .fp-file-setmain-help {display:inline-block;}
 380  .filemanager .fp-mainfile .fp-filename {font-weight:bold;}
 381  .filemanager.fp-select.fp-folder .fp-file-download {display:none;} /* to be implemented */
 382  .fm-operation {font-weight:bold;}
 383  
 384  .filemanager.fp-select .fp-original.fp-unknown {display:none;}
 385  .filemanager.fp-select .fp-original .fp-originloading {display:none;}
 386  .filemanager.fp-select .fp-original.fp-loading .fp-originloading {display:inline;}
 387  
 388  .filemanager.fp-select .fp-reflist.fp-unknown {display:none;}
 389  .filemanager.fp-select .fp-reflist .fp-reflistloading {display:none;}
 390  .filemanager.fp-select .fp-refcount {max-width:265px;}
 391  .filemanager.fp-select .fp-reflist.fp-loading .fp-reflistloading {display:inline;}
 392  .filemanager.fp-select .fp-reflist .fp-value {background:#F9F9F9;border:1px solid #BBBBBB;padding:8px 7px;margin:0px;max-width:265px;max-height:75px;overflow:auto;}
 393  .filemanager.fp-select .fp-reflist .fp-value li {padding-bottom:7px;}
 394  
 395  /*
 396   * Create folder dialogue (File Manager only)
 397   */
 398  .filemanager.fp-mkdir-dlg {text-align:center;}
 399  .filemanager.fp-mkdir-dlg .fp-mkdir-dlg-text {text-align:left;margin:20px;}
 400  
 401  .dir-rtl .filemanager .fp-mkdir-dlg p {text-align:right;}
 402  
 403  /*
 404   * Confirm dialogue for delete (File Manager only)
 405   */
 406  .filemanager.fp-dlg {text-align:center;}
 407  .filemanager.fp-dlg .fp-dlg-text {padding:0px 10px;min-width:200px;max-width:340px;max-height:300px;overflow:auto;line-height:22px;margin:40px 20px 20px;font-size:12px;}
 408  
 409  /*
 410   *file picker search dialog
 411   */
 412  .file-picker div.bd {text-align:left;}
 413  
 414  /* RTL Overrides
 415  -------------------------*/
 416  .dir-rtl .file-picker div.bd {text-align:right;}
 417  .dir-rtl .file-picker .fp-pathbar {text-align:right;}
 418  .dir-rtl .file-picker .fp-list {text-align:right;}
 419  .dir-rtl .filepicker .yui-layout-unit-left {left:500px;}
 420  .dir-rtl .filepicker .yui-layout-unit-center {left:0;}
 421  .dir-rtl #filemenu .yuimenuitemlabel {text-align:right;}
 422  .dir-rtl .filemanager-container .yui3-skin-sam .yui3-datatable-header {text-align:right;}
 423  .dir-rtl .filemanager .fp-restrictions { text-align: left; }
 424  .dir-rtl .file-picker .fp-toolbar .fp-tb-search input {
 425      background-position: 208px 7px;
 426      padding: 2px 30px 1px 3px;
 427  }
 428  .dir-rtl .file-picker .fp-toolbar div {
 429      float: right;
 430      margin-left:4px;
 431  }
 432  
 433  /*
 434   * Forms for file picker.
 435   */
 436  .fp-formset {margin:0 auto;width:500px;}
 437  .fp-formset div {text-align:left;}
 438  .fp-formset .controls {text-align:left;}
 439  .fp-formset label {display:block;float:left;width:210px;text-align:right;margin:0 10px 0 0;}
 440  .fp-formset .fp-popup { text-align: center; }
 441  .fp-formset .fp-setlicense select {width:280px;}
 442  .fp-forminset { margin-bottom: 10px; }
 443  .fp-forminset label {display:block;float:left;width:95px;text-align:right;margin:0 10px 0 0;}
 444  .fp-forminset input[type="text"] { width: 258px; margin: 0; }
 445  .fp-forminset select { width: 272px; margin: 0; }
 446  .fp-forminset .controls {float:left;}
 447  .fp-forminset label.control-radio { float: right; text-align: left; width: 250px; }
 448  .fp-forminset .controls.control-radio { margin-left: 105px; }
 449  .fp-forminset .controls.control-radio input { margin-top: 5px; }
 450  .file-picker .fp-fileinfo .fp-value { display: inline-block; padding-left: 5px; }
 451  .dir-rtl .fp-forminset label {display:block;float:right;width:95px;text-align:right;margin:0 0 0 10px;}
 452  .dir-rtl .fp-forminset .controls {float:right;}
 453  .dir-rtl .fp-forminset .fp-select-buttons {float:left;}
 454  .dir-rtl .fp-forminset .fp-setlicense select, .dir-rtl .fp-forminset .fp-license select {width:272px;}
 455  .dir-rtl .fp-forminset input[type="text"] { width: 258px; margin: 0; }
 456  .dir-rtl .fp-forminset label.control-radio { float: left; text-align: right; width: 250px; margin-left: 0; }
 457  .dir-rtl .fp-forminset .controls.control-radio { margin: 0 100px 0 0; }
 458  .dir-rtl .fp-select .fp-thumbnail { margin-right: 0;}
 459  .dir-rtl .file-picker .fp-fileinfo .fp-value { display: inline-block; padding: 0 5px 0 0; }
 460  .dir-rtl .fp-formset div {text-align:right;}
 461  .dir-rtl .fp-formset label {float:right;text-align:left; margin:0 0 0 10px;}
 462  /**
 463   * Responsive styles for the filepicker
 464   */
 465  @media (max-width:873px) {
 466      .file-picker .fp-repo-area {width:100%;height:auto;max-height:220px;y-scroll:auto;float:none;border:0px;}
 467      .file-picker .fp-repo-items {width:100%;float:none;}
 468      .file-picker .fp-login-form .fp-login-input .label {text-align:left;}
 469      .dir-rtl .file-picker .fp-login-form .fp-login-input .label {text-align:right;}
 470      .file-picker .fp-content form td {display:block;width:100%;text-align:left;}
 471      .dir-rtl .file-picker .fp-content form td {text-align:right;}
 472      .fp-content .mdl-right {text-align:left;}
 473      .dir-rtl .fp-content .mdl-right {text-align:right;}
 474      .fp-repo-items .fp-navbar {border-top:1px solid rgb(187, 187, 187);}
 475      .fp-formset, .fp-forminset {margin:0 10px;width:auto;}
 476      .fp-formset label, .fp-forminset label {float:none;width:210px;text-align:left;margin:5px 0;}
 477      .dir-rtl .fp-formset label, .dir-rtl .fp-forminset label {text-align:right;float:none;}
 478      .dir-rtl .filepicker.moodle-dialogue-fullscreen .file-picker .fp-repo-items { float:right; }
 479  }