Files
moodle/theme/base/style/filemanager.css
T
2016-07-08 12:58:54 +01:00

1768 lines
34 KiB
CSS

/* We do nasty things in this stylesheet, disable some lints */
/*csslint important:false,duplicate-properties:false */
/**
* File Picker and File Manager
*/
.filemanager,
.file-picker {
font-size: 11px;
color: #555555;
letter-spacing: .2px;
}
.filemanager a,
.file-picker a {
color: #555555;
}
.filemanager a:hover,
.file-picker a:hover {
color: #555555;
text-decoration: none;
}
.filemanager select,
.filemanager input,
.filemanager button,
.filemanager textarea,
.file-picker select,
.file-picker input,
.file-picker button,
.file-picker textarea {
color: #555555;
letter-spacing: .2px;
}
.filemanager input[type="text"],
.file-picker input[type="text"] {
border: 1px solid #BBBBBB;
width: 265px;
height: 18px;
padding: 1px 6px;
}
.filemanager select,
.file-picker select {
height: 22px;
padding: 2px 1px;
}
.fp-content-center {
height: 100%;
width: 100%;
display: table-cell;
vertical-align: middle;
}
.fp-content-hidden {
visibility: hidden;
}
/*
* Dialogue (File Picker and File Manager)
*/
.yui3-panel-focused {
outline: none;
}
#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;
}
#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);
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);
}
.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;
}
.moodle-dialogue-base .filepicker .moodle-dialogue-wrap .moodle-dialogue-bd {
padding: 0px;
}
/*
* File Picker layout
*/
#filesskin .file-picker.fp-generallayout {
width: 859px;
background: #FFFFFF;
border-radius: 10px;
border: 1px solid #CCCCCC;
position: relative;
}
.file-picker .fp-repo-area {
width: 180px;
overflow: auto;
float: left;
height: 525px;
border-right: 1px solid #BBBBBB;
}
.dir-rtl .file-picker .fp-repo-area {
border-left: 1px solid #BBBBBB;
border-right: none;
float: right;
}
.file-picker .fp-repo-items {
overflow: hidden;
}
.file-picker .fp-navbar {
background: #F2F2F2;
min-height: 40px;
border-bottom: 1px solid #BBBBBB;
}
.file-picker .fp-content {
background: #FFFFFF;
clear: both;
overflow: auto;
height: 452px;
}
.filepicker.moodle-dialogue-fullscreen .file-picker .fp-content {
width: 100%;
}
.file-picker .fp-content-loading {
height: 100%;
width: 100%;
display: table;
text-align: center;
}
.file-picker .fp-content .fp-object-container {
width: 98%;
height: 98%;
}
.dir-rtl .file-picker .fp-list {
text-align: right;
}
.dir-rtl .file-picker .fp-toolbar {
padding: 0;
}
.dir-rtl .file-picker .fp-list {
text-align: right;
}
.dir-rtl .file-picker .fp-repo-name {
display: inline;
}
.dir-rtl .file-picker .fp-pathbar {
text-align: right;
display: block;
border-top: none;
}
.dir-rtl .file-picker div.bd {
text-align: right;
}
.dir-rtl #filemenu .yuimenuitemlabel {
text-align: right;
}
.dir-rtl .filepicker .yui-layout-unit-left {
left: 500px;
}
.dir-rtl .filepicker .yui-layout-unit-center {
left: 0px;
}
.dir-rtl .filepicker.moodle-dialogue-fullscreen .file-picker .fp-repo-items {
float: none;
}
/**
* File Manager
*/
.dir-rtl .filemanager-toolbar a {
padding: 0px;
}
/*
* Repositories on fp-repo-area (File Picker only)
*/
.file-picker .fp-list {
list-style-type: none;
padding: 0;
float: left;
width: 100%;
margin: 0;
}
.dir-rtl .file-picker .fp-list {
text-align: right;
float: left;
}
.file-picker .fp-list .fp-repo a {
display: block;
padding: .5em .7em;
}
.file-picker .fp-list .fp-repo.active {
background: #F2F2F2;
}
.file-picker .fp-list .fp-repo-icon {
padding: 0 7px 0 5px;
vertical-align: text-bottom;
}
/*
* Tools, Path & View on fp-navbar (File Picker and File Manager)
*/
.fp-toolbar {
display: block;
line-height: 22px;
float: left;
}
.dir-rtl .fp-toolbar {
float: right;
}
.fp-toolbar.empty {
display: none;
}
.fp-toolbar .disabled {
display: none;
}
.file-picker .fp-toolbar div,
.fp-navbar .filemanager-toolbar .fp-toolbar div {
float: left;
margin: 4px 0 4px 4px;
}
.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;
}
.file-picker .fp-toolbar .fp-tb-message {
background: inherit;
border: 0;
border-bottom: 0;
border-radius: 0;
width: 300px;
height: 32px;
}
.fp-toolbar div {
display: block;
}
.fp-toolbar a {
display: block;
height: 30px;
width: 30px;
}
.fp-toolbar a:hover {
background-image: radial-gradient(ellipse at center, #ffffff 60%, #dfdfdf 100%);
background-color: #ebebeb;
}
.fp-toolbar a:active {
background-image: radial-gradient(ellipse at center, #ffffff 40%, #dfdfdf 100%);
background-color: #dfdfdf;
}
.dir-rtl .fp-navbar .filemanager-toolbar .fp-toolbar div {
margin: 4px 4px 4px 0;
}
.file-picker .fp-toolbar div.disabled {
display: none;
}
.fp-toolbar img {
vertical-align: -15%;
margin: 7px;
}
.file-picker .fp-toolbar .fp-tb-search {
height: 30px;
}
.file-picker .fp-toolbar .fp-tb-search .fp-def-search {
border: 0;
background: transparent;
margin: 0;
padding: 0;
}
.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;
}
.dir-rtl .fp-toolbar img {
vertical-align: -35%;
}
.dir-rtl .file-picker .fp-viewbar,
.dir-rtl .fp-navbar .filemanager-toolbar .fp-viewbar {
float: left;
}
.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;
}
.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;
}
.fp-viewbar a.fp-vb-icons {
border-radius: 4px 0 0 4px;
}
.fp-viewbar .fp-vb-tree {
border-right: 0;
border-radius: 0 4px 4px 0;
}
.fp-viewbar a img {
margin: 7px;
}
.fp-viewbar a.checked:hover,
.fp-viewbar a:hover {
background-image: radial-gradient(ellipse at center, #ffffff 60%, #dfdfdf 100%);
background-color: #ebebeb;
}
.fp-viewbar a.checked,
.fp-viewbar a:active {
background-image: radial-gradient(ellipse at center, #ffffff 40%, #dfdfdf 100%);
background-color: #dfdfdf;
}
.fp-viewbar.disabled a {
opacity: .45;
background: none;
cursor: default;
}
.file-picker .fp-clear-left {
clear: left;
}
/* over ride hover rule from core.css*/
.dir-rtl .fp-vb-details a:hover {
background: none;
border: 20px solid black;
}
.dir-rtl .fp-vb-details.checked a:hover {
background: none;
border: 40px solid black;
}
.dir-rtl .fp-vb-tree a:hover {
background: none;
border: 30px solid black;
}
.dir-rtl .fp-vb-tree.checked a:hover {
background: none;
border: 50px solid black;
}
.file-picker .fp-pathbar {
display: table-row;
}
.fp-pathbar.empty {
display: none;
}
.fp-pathbar .fp-path-folder {
background: url('[[pix:theme|fp/path_folder]]') no-repeat 0 0;
width: 27px;
height: 12px;
margin-left: 4px;
}
.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;
}
.dir-rtl .fp-pathbar span {
display: inline-block;
margin-left: 32px;
}
.fp-pathbar .fp-path-folder-name {
margin-left: 32px;
line-height: 20px;
}
.dir-rtl .fp-pathbar .fp-path-folder-name {
margin-right: 32px;
line-height: 20px;
}
/*
* Icon view (File Picker and File Manager)
*/
.fp-iconview .fp-file {
float: left;
text-align: center;
position: relative;
margin: 10px 10px 35px;
}
.fp-iconview .fp-thumbnail {
min-width: 110px;
min-height: 110px;
line-height: 110px;
text-align: center;
border: 1px solid #FFFFFF;
display: block;
}
.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;
}
.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;
}
.fp-iconview .fp-filename-field {
height: 33px;
word-wrap: break-word;
overflow: hidden;
position: absolute;
}
.fp-iconview .fp-filename-field:hover {
overflow: visible;
z-index: 1000;
}
.fp-iconview .fp-filename-field .fp-filename {
background: #FFFFFF;
padding-top: 5px;
padding-bottom: 12px;
min-width: 112px;
}
.dir-rtl .fp-iconview .fp-file {
float: right;
}
/*
* Table view (File Picker only)
*/
.file-picker .yui3-datatable table {
border: 0px solid #BBBBBB;
width: 100%;
}
#filesskin .file-picker .yui3-datatable-header {
background: #FFFFFF;
border-bottom: 1px solid #CCCCCC;
border-left: 0 solid #FFFFFF;
color: #555555;
}
#filesskin .file-picker .yui3-datatable-odd .yui3-datatable-cell {
background-color: #F6F6F6;
border-left: 0px solid #F6F6F6;
}
#filesskin .file-picker .yui3-datatable-even .yui3-datatable-cell {
background-color: #FFFFFF;
border-left: 0px solid #FFFFFF;
}
.dir-rtl .file-picker .yui3-datatable-header {
text-align: right;
}
/*
* Tree view (File Manager only)
*/
/*.file-picker .fp-treeview .fp-folder .fp-icon, .filemanager .fp-treeview .fp-folder .fp-icon {}*/
/* first or middle sibling, no children */
.file-picker .ygtvtn,
.filemanager .ygtvtn {
background: url('[[pix:moodle|y/tn]]') 0px 0px no-repeat;
width: 17px;
height: 22px;
}
.dir-rtl .file-picker .ygtvtn,
.dir-rtl .filemanager .ygtvtn {
background: url('[[pix:moodle|y/tn_rtl]]') 0px 0px no-repeat;
}
/* first or middle sibling, collapsable */
.file-picker .ygtvtm,
.filemanager .ygtvtm {
background: url('[[pix:moodle|y/tm]]') 0px 10px no-repeat;
width: 13px;
height: 12px;
cursor: pointer;
}
/* first or middle sibling, collapsable, hover */
.file-picker .ygtvtmh,
.filemanager .ygtvtmh {
background: url('[[pix:moodle|y/tm]]') 0px 10px no-repeat;
width: 13px;
height: 12px;
cursor: pointer;
}
/* first or middle sibling, expandable */
.file-picker .ygtvtp,
.filemanager .ygtvtp {
background: url('[[pix:moodle|y/tp]]') 0px 10px no-repeat;
width: 13px;
height: 12px;
cursor: pointer;
}
.dir-rtl .file-picker .ygtvtp,
.dir-rtl .filemanager .ygtvtp {
background: url('[[pix:moodle|y/tp_rtl]]') 0px 10px no-repeat;
}
/* first or middle sibling, expandable, hover */
.file-picker .ygtvtph,
.filemanager .ygtvtph {
background: url('[[pix:moodle|y/tp]]') 0px 10px no-repeat;
width: 13px;
height: 22px;
cursor: pointer;
}
.dir-rtl .file-picker .ygtvtph,
.dir-rtl .filemanager .ygtvtph {
background: url('[[pix:moodle|y/tp_rtl]]') 0px 10px no-repeat;
}
/* last sibling, no children */
.file-picker .ygtvln,
.filemanager .ygtvln {
background: url('[[pix:moodle|y/ln]]') 0px 0px no-repeat;
width: 17px;
height: 22px;
}
.dir-rtl .file-picker .ygtvln,
.dir-rtl .filemanager .ygtvln {
background: url('[[pix:moodle|y/ln_rtl]]') 0px 0px no-repeat;
}
/* Last sibling, collapsable */
.file-picker .ygtvlm,
.filemanager .ygtvlm {
background: url('[[pix:moodle|y/lm]]') 0px 10px no-repeat;
width: 13px;
height: 12px;
cursor: pointer;
}
/* Last sibling, collapsable, hover */
.file-picker .ygtvlmh,
.filemanager .ygtvlmh {
background: url('[[pix:moodle|y/lm]]') 0px 10px no-repeat;
width: 13px;
height: 12px;
cursor: pointer;
}
/* Last sibling, expandable */
.file-picker .ygtvlp,
.filemanager .ygtvlp {
background: url('[[pix:moodle|y/lp]]') 0px 10px no-repeat;
width: 13px;
height: 12px;
cursor: pointer;
}
.dir-rtl .file-picker .ygtvlp,
.dir-rtl .filemanager .ygtvlp {
background: url('[[pix:moodle|y/lp_rtl]]') 0px 10px no-repeat;
}
/* Last sibling, expandable, hover */
.file-picker .ygtvlph,
.filemanager .ygtvlph {
background: url('[[pix:moodle|y/lp]]') 0px 10px no-repeat;
width: 13px;
height: 12px;
cursor: pointer;
}
.dir-rtl .file-picker .ygtvlph,
.dir-rtl .filemanager .ygtvlph {
background: url('[[pix:moodle|y/lp_rtl]]') 0px 10px no-repeat;
}
/* Loading icon */
.file-picker .ygtvloading,
.filemanager .ygtvloading {
background: transparent url('[[pix:moodle|y/loading]]') 0 0 no-repeat;
width: 16px;
height: 22px;
}
/* the style for the empty cells that are used for rendering the depth* of the node */
.file-picker .ygtvdepthcell,
.filemanager .ygtvdepthcell {
background: url('[[pix:moodle|y/vline]]') 0 0 no-repeat;
width: 17px;
height: 32px;
}
.file-picker .ygtvblankdepthcell,
.filemanager .ygtvblankdepthcell {
width: 17px;
height: 22px;
}
/* the style of the div around each node */
/*.file-picker .ygtvitem table, .filemanager .ygtvitem table{margin-bottom:0;}*/
/*.file-picker .ygtvitem td, .filemanager .ygtvitem td {border:none;padding:0;}*/
/* the style of the div around each node's collection of children */
/** html .file-picker .ygtvchildren, * html .filemanager .ygtvchildren {height:1%;}*/
/* the style of the text label in ygTextNode */
/*.file-picker .ygtvlabel,.file-picker .ygtvlabel:link,.file-picker .ygtvlabel:visited,.file-picker .ygtvlabel:hover,
.filemanager .ygtvlabel,.filemanager .ygtvlabel:link,.filemanager .ygtvlabel:visited,.filemanager .ygtvlabel:hover {margin-left:2px;text-decoration:none;}*/
a.ygtvspacer:hover {
color: transparent;
text-decoration: none;
}
.ygtvlabel,
.ygtvlabel:link,
.ygtvlabel:visited,
.ygtvlabel:hover {
background-color: transparent;
cursor: pointer;
margin-left: 2px;
text-decoration: none;
}
.file-picker .ygtvfocus,
.filemanager .ygtvfocus {
background-color: #EEEEEE;
}
.fp-filename-icon {
margin-top: 10px;
display: block;
position: relative;
}
.fp-icon {
float: left;
margin-top: -7px;
width: 24px;
height: 24px;
margin-right: 10px;
text-align: center;
line-height: 24px;
}
.dir-rtl .fp-icon {
float: right;
margin-left: 10px;
margin-right: 0;
}
.fp-icon img {
max-height: 24px;
max-width: 24px;
vertical-align: middle;
}
.fp-filename {
padding-right: 10px;
}
.dir-rtl .fp-filename {
padding-left: 10px;
padding-right: 0;
}
/*
* Repositories Login on fp-content (File Picker only)
*/
.file-picker .fp-login-form {
height: 100%;
width: 100%;
display: table;
}
.file-picker .fp-login-form table {
margin: 0 auto;
}
.file-picker .fp-login-form p {
text-align: center;
margin-top: 3em;
}
.file-picker .fp-login-form .fp-login-input .label {
text-align: right;
vertical-align: middle;
}
.file-picker .fp-login-form .fp-login-input .input {
text-align: left;
}
.file-picker .fp-login-form input[type="checkbox"] {
width: 15px;
height: 15px;
}
/*
* Upload on fp-content (File Picker only)
*/
.file-picker .fp-upload-form {
height: 100%;
width: 100%;
display: table;
}
.file-picker .fp-upload-form table {
margin: 0 auto;
}
.file-picker .fp-upload-btn {
margin: 2em;
}
/*
* File exists dialogue on Upload (File Picker only)
*/
.file-picker.fp-dlg {
text-align: center;
}
.file-picker.fp-dlg .fp-dlg-text {
padding: 30px 20px 10px;
font-size: 12px;
}
.file-picker.fp-dlg .fp-dlg-buttons {
margin: 0 20px;
}
/*
* Error dialogue on Upload (File Picker only)
*/
.file-picker.fp-msg {
text-align: center;
}
.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;
}
.file-picker.fp-msg.fp-msg-error .fp-msg-text {
padding: 40px 20px 10px 20px;
font-size: 12px;
}
/*
* Error on fp-content (File Picker only)
*/
.file-picker .fp-content-error {
height: 100%;
width: 100%;
display: table;
text-align: center;
}
.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;
}
/*
* Lazy loading on fp-content (File Picker only)
*/
.file-picker .fp-nextpage {
clear: both;
}
.file-picker .fp-nextpage .fp-nextpage-loading {
display: none;
}
.file-picker .fp-nextpage.loading .fp-nextpage-link {
display: none;
}
.file-picker .fp-nextpage.loading .fp-nextpage-loading {
display: block;
text-align: center;
height: 100px;
padding-top: 50px;
}
/*
* Select Dialogue (File Picker and File Manager)
*/
.fp-select form {
padding: 20px 20px 0;
}
.fp-select .fp-select-loading {
text-align: center;
margin-top: 20px;
}
.fp-select .fp-hr {
clear: both;
height: 1px;
background-color: #FFFFFF;
border-bottom: 1px solid #BBBBBB;
width: auto;
margin: 10px 0;
}
.fp-select table {
padding: 0 0 10px;
}
.fp-select table .mdl-right {
min-width: 84px;
}
.fp-select .fp-reflist .mdl-right {
vertical-align: top;
}
.fp-select .fp-select-buttons {
float: right;
}
.fp-select .fp-info {
display: block;
clear: both;
padding: 1px 20px 0;
}
.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;
}
.fp-select .fp-thumbnail img {
border: 1px solid #DDDDDD;
padding: 3px;
vertical-align: middle;
margin: 10px;
}
.fp-select .fp-fileinfo {
display: inline-block;
margin-top: 10px;
}
.file-picker.fp-select .fp-fileinfo {
max-width: 240px;
}
.fp-select .fp-fileinfo div {
padding-bottom: 5px;
}
.file-picker.fp-select .uneditable {
display: none;
}
.file-picker.fp-select .fp-select-loading {
display: none;
}
.file-picker.fp-select.loading .fp-select-loading {
display: block;
}
.file-picker.fp-select.loading form {
display: none;
}
.fp-select .fp-dimensions.fp-unknown {
display: none;
}
.fp-select .fp-size.fp-unknown {
display: none;
}
/*
* File Manager
*/
.filemanager-loading {
display: none;
}
.jsenabled .filemanager-loading {
display: block;
margin-top: 100px;
}
.filemanager.fm-loading .filemanager-toolbar,
.filemanager.fm-loading .fp-pathbar,
.filemanager.fm-loading .filemanager-container {
display: none;
}
.filemanager.fm-loaded .filemanager-loading {
display: none;
}
.filemanager.fm-maxfiles .fp-btn-add {
display: none;
}
.filemanager.fm-maxfiles .dndupload-message {
display: none;
}
.filemanager.fm-noitems .fp-btn-download {
display: none;
}
.filemanager .fm-empty-container {
display: none;
}
.filemanager.fm-noitems .filemanager-container .fp-content {
display: none;
}
.filemanager .filemanager-updating {
display: none;
text-align: center;
}
.filemanager.fm-updating .filemanager-updating {
display: block;
margin-top: 37px;
}
.filemanager.fm-updating .fm-content-wrapper {
display: none;
}
.filemanager.fm-nomkdir .fp-btn-mkdir {
display: none;
}
.fitem.disabled .filemanager .filemanager-toolbar,
.fitem.disabled .filemanager .fp-pathbar,
.fitem.disabled .filemanager .fp-restrictions,
.fitem.disabled .filemanager .fm-content-wrapper {
display: none;
}
.filemanager .fp-img-downloading {
display: none;
padding-top: 3px;
}
/*
* File Manager layout
*/
.filemanager .fp-restrictions {
text-align: right;
}
.filemanager .fp-navbar {
background: #F2F2F2;
border-top: 1px solid #BBBBBB;
border-left: 1px solid #BBBBBB;
border-right: 1px solid #BBBBBB;
}
.filemanager-toolbar {
min-height: 40px;
}
.fp-pathbar {
border-top: 1px solid #BBBBBB;
padding: 5px 8px 1px;
min-height: 20px;
}
.filemanager .fp-pathbar.empty {
display: none;
}
.filepicker-filelist,
.filemanager-container {
background: #FFFFFF;
clear: both;
overflow: auto;
border: 1px solid #BBBBBB;
min-height: 140px;
position: relative;
}
/*.filemanager-container ul{margin:0;padding:0;}
.filemanager-container ul li{white-space:nowrap;list-style-type:none;}
.filemanager-container ul li a{padding:0}*/
.filemanager .fp-content {
overflow: auto;
max-height: 472px;
min-height: 157px;
}
.filemanager-container,
.filepicker-filelist {
overflow: hidden;
}
.fitem.disabled .filepicker-filelist,
.fitem.disabled .filemanager-container {
background-color: #EBEBE4;
}
.fitem.disabled .fp-btn-choose {
color: graytext;
}
.fitem.disabled .filepicker-filelist .filepicker-filename {
display: none;
}
/*
* Icon view (File Manager only)
*/
.fp-iconview .fp-reficons1 {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
}
.fp-iconview .fp-reficons2 {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
}
.fp-iconview .fp-file.fp-hasreferences .fp-reficons1 {
background: url('[[pix:theme|fp/link]]') no-repeat;
background-position: bottom right;
}
.fp-iconview .fp-file.fp-isreference .fp-reficons2 {
background: url('[[pix:theme|fp/alias]]') no-repeat;
background-position: bottom left;
}
.filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail img {
display: none;
}
.filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail {
background: url([[pix:s/dead]]) no-repeat;
background-position: center center;
}
/*
* Table view (File Manager only)
*/
.filemanager .yui3-datatable table {
border: 0px solid #BBBBBB;
width: 100%;
}
.filemanager .yui3-datatable-header {
background: #FFFFFF !important;
border-bottom: 1px solid #CCCCCC !important;
border-left: 0 solid #FFFFFF !important;
color: #555555 !important;
}
.filemanager .yui3-datatable-odd .yui3-datatable-cell {
background-color: #F6F6F6 !important;
border-left: 0px solid #F6F6F6;
}
.filemanager .yui3-datatable-even .yui3-datatable-cell {
background-color: #FFFFFF !important;
border-left: 0px solid #FFFFFF;
}
.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;
}
.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;
}
/*
* Folder Context Menu (File Manager only)
*/
.filemanager .fp-contextmenu {
display: none;
}
.filemanager .fp-iconview .fp-folder.fp-hascontextmenu .fp-contextmenu {
display: block;
position: absolute;
right: 7px;
bottom: 5px;
}
.filemanager .fp-treeview .fp-folder.fp-hascontextmenu .fp-contextmenu,
.filemanager .fp-tableview .fp-folder.fp-hascontextmenu .fp-contextmenu {
display: inline;
position: absolute;
left: 14px;
margin-right: -20px;
top: 6px;
}
.dir-rtl .filemanager .fp-iconview .fp-folder.fp-hascontextmenu .fp-contextmenu {
left: 7px;
right: inherit;
}
.dir-rtl .filemanager .fp-treeview .fp-folder.fp-hascontextmenu .fp-contextmenu,
.dir-rtl .filemanager .fp-tableview .fp-folder.fp-hascontextmenu .fp-contextmenu {
left: inherit;
right: 16px;
margin-right: 0;
}
/*
* Drag and drop support (filemanager and filepicker form elements)
*/
.filepicker-filelist .filepicker-container,
.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;
}
.filepicker-filelist .dndupload-target,
.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;
}
.filepicker-filelist.dndupload-over .dndupload-target,
.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;
}
.dndupload-message {
display: none;
}
.dndsupported .dndupload-message {
display: inline;
}
.dnduploadnotsupported-message {
display: none;
}
.dndnotsupported .dnduploadnotsupported-message {
display: inline;
}
.dndupload-target {
display: none;
}
.dndsupported .dndupload-ready .dndupload-target {
display: block;
}
.dndupload-uploadinprogress {
display: none;
text-align: center;
}
.dndupload-uploading .dndupload-uploadinprogress {
display: block;
}
.dndupload-arrow {
background: url([[pix:theme|fp/dnd_arrow]]) center no-repeat;
width: 100%;
height: 80px;
position: absolute;
top: 5px;
}
.fitem.disabled .filepicker-container,
.fitem.disabled .fm-empty-container {
display: none;
}
.dndupload-progressbars {
padding: 10px;
display: none;
}
.dndupload-inprogress .dndupload-progressbars {
display: block;
}
.dndupload-inprogress .fp-content {
display: none;
}
.filemanager.fm-noitems .dndupload-inprogress .fm-empty-container {
display: none;
}
.filepicker-filelist.dndupload-inprogress .filepicker-container {
display: none;
}
.filepicker-filelist.dndupload-inprogress a {
display: none;
}
/*
* Select Dialogue (File Manager only)
*/
.filemanager.fp-select .fp-select-loading {
display: none;
}
.filemanager.fp-select.loading .fp-select-loading {
display: block;
}
.filemanager.fp-select.loading form {
display: none;
}
/* disable unavailable actions:*/
/*.filemanager.fp-select.fp-zip .fp-license,*/
.filemanager.fp-select.fp-folder .fp-license,
.filemanager.fp-select.fp-folder .fp-author,
.filemanager.fp-select.fp-file .fp-file-unzip,
.filemanager.fp-select.fp-folder .fp-file-unzip,
.filemanager.fp-select.fp-file .fp-file-zip,
.filemanager.fp-select.fp-zip .fp-file-zip {
display: none;
}
.filemanager.fp-select .fp-file-setmain,
.filemanager.fp-select .fp-file-setmain-help {
display: none;
}
.filemanager.fp-select.fp-cansetmain .fp-file-setmain,
.filemanager.fp-select.fp-cansetmain .fp-file-setmain-help {
display: inline-block;
}
.filemanager .fp-mainfile .fp-filename {
font-weight: bold;
}
.filemanager.fp-select.fp-folder .fp-file-download {
display: none;
}
/* to be implemented */
.fm-operation {
font-weight: bold;
}
.filemanager.fp-select .fp-original.fp-unknown {
display: none;
}
.filemanager.fp-select .fp-original .fp-originloading {
display: none;
}
.filemanager.fp-select .fp-original.fp-loading .fp-originloading {
display: inline;
}
.filemanager.fp-select .fp-reflist.fp-unknown {
display: none;
}
.filemanager.fp-select .fp-reflist .fp-reflistloading {
display: none;
}
.filemanager.fp-select .fp-refcount {
max-width: 265px;
}
.filemanager.fp-select .fp-reflist.fp-loading .fp-reflistloading {
display: inline;
}
.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;
}
.filemanager.fp-select .fp-reflist .fp-value li {
padding-bottom: 7px;
}
/*
* Create folder dialogue (File Manager only)
*/
.filemanager.fp-mkdir-dlg {
text-align: center;
}
.filemanager.fp-mkdir-dlg .fp-mkdir-dlg-text {
text-align: left;
margin: 20px;
}
.dir-rtl .filemanager .fp-mkdir-dlg p {
text-align: right;
}
/*
* Confirm dialogue for delete (File Manager only)
*/
.filemanager.fp-dlg {
text-align: center;
}
.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;
}
/*
*file picker search dialog
*/
.file-picker div.bd {
text-align: left;
}
/* RTL Overrides
-------------------------*/
.dir-rtl .file-picker div.bd {
text-align: right;
}
.dir-rtl .file-picker .fp-pathbar {
text-align: right;
}
.dir-rtl .file-picker .fp-list {
text-align: right;
}
.dir-rtl .filepicker .yui-layout-unit-left {
left: 500px;
}
.dir-rtl .filepicker .yui-layout-unit-center {
left: 0;
}
.dir-rtl #filemenu .yuimenuitemlabel {
text-align: right;
}
.dir-rtl .filemanager-container .yui3-skin-sam .yui3-datatable-header {
text-align: right;
}
.dir-rtl .filemanager .fp-restrictions {
text-align: left;
}
.dir-rtl .file-picker .fp-toolbar .fp-tb-search input {
background-position: 208px 7px;
padding: 2px 30px 1px 3px;
}
.dir-rtl .file-picker .fp-toolbar div {
float: right;
margin-left: 4px;
}
/*
* Forms for file picker.
*/
.fp-formset {
margin: 0 auto;
width: 500px;
}
.fp-formset div {
text-align: left;
}
.fp-formset .controls {
text-align: left;
}
.fp-formset label {
display: block;
float: left;
width: 210px;
text-align: right;
margin: 0 10px 0 0;
}
.fp-formset .fp-popup {
text-align: center;
}
.fp-formset .fp-setlicense select {
width: 280px;
}
.fp-forminset {
margin-bottom: 10px;
}
.fp-forminset label {
display: block;
float: left;
width: 95px;
text-align: right;
margin: 0 10px 0 0;
}
.fp-forminset input[type="text"] {
width: 258px;
margin: 0;
}
.fp-forminset select {
width: 272px;
margin: 0;
}
.fp-forminset .controls {
float: left;
}
.fp-forminset label.control-radio {
float: right;
text-align: left;
width: 250px;
}
.fp-forminset .controls.control-radio {
margin-left: 105px;
}
.fp-forminset .controls.control-radio input {
margin-top: 5px;
}
.file-picker .fp-fileinfo .fp-value {
display: inline-block;
padding-left: 5px;
}
.dir-rtl .fp-forminset label {
display: block;
float: right;
width: 95px;
text-align: right;
margin: 0 0 0 10px;
}
.dir-rtl .fp-forminset .controls {
float: right;
}
.dir-rtl .fp-forminset .fp-select-buttons {
float: left;
}
.dir-rtl .fp-forminset .fp-setlicense select,
.dir-rtl .fp-forminset .fp-license select {
width: 272px;
}
.dir-rtl .fp-forminset input[type="text"] {
width: 258px;
margin: 0;
}
.dir-rtl .fp-forminset label.control-radio {
float: left;
text-align: right;
width: 250px;
margin-left: 0;
}
.dir-rtl .fp-forminset .controls.control-radio {
margin: 0 100px 0 0;
}
.dir-rtl .fp-select .fp-thumbnail {
margin-right: 0;
}
.dir-rtl .file-picker .fp-fileinfo .fp-value {
display: inline-block;
padding: 0 5px 0 0;
}
.dir-rtl .fp-formset div {
text-align: right;
}
.dir-rtl .fp-formset label {
float: right;
text-align: left;
margin: 0 0 0 10px;
}
/**
* Responsive styles for the filepicker
*/
@media (max-width: 767px) {
.file-picker .fp-repo-area {
width: 100%;
height: auto;
max-height: 220px;
float: none;
border: 0px;
}
.file-picker .fp-repo-items {
width: 100%;
float: none;
margin-left: 0;
}
.file-picker .fp-login-form .fp-login-input .label {
text-align: left;
}
.dir-rtl .file-picker .fp-login-form .fp-login-input .label {
text-align: right;
}
.file-picker .fp-content form td {
display: block;
width: 100%;
text-align: left;
}
.dir-rtl .file-picker .fp-content form td {
text-align: right;
}
.fp-content .mdl-right {
text-align: left;
}
.dir-rtl .fp-content .mdl-right {
text-align: right;
}
.fp-repo-items .fp-navbar {
border-top: 1px solid rgb(187, 187, 187);
}
.fp-formset,
.fp-forminset {
margin: 0 10px;
width: auto;
}
.fp-formset label,
.fp-forminset label {
float: none;
width: 210px;
text-align: left;
margin: 5px 0;
}
.dir-rtl .fp-formset label,
.dir-rtl .fp-forminset label {
text-align: right;
float: none;
}
.dir-rtl .filepicker.moodle-dialogue-fullscreen .file-picker .fp-repo-items {
float: right;
}
}