diff --git a/client/public/fancytree/skin-bootstrap/icons-rtl.gif b/client/public/fancytree/skin-bootstrap/icons-rtl.gif index e69de29b..9d6d571c 100644 Binary files a/client/public/fancytree/skin-bootstrap/icons-rtl.gif and b/client/public/fancytree/skin-bootstrap/icons-rtl.gif differ diff --git a/client/public/fancytree/skin-bootstrap/icons.gif b/client/public/fancytree/skin-bootstrap/icons.gif new file mode 100644 index 00000000..0097b1f0 Binary files /dev/null and b/client/public/fancytree/skin-bootstrap/icons.gif differ diff --git a/client/public/fancytree/skin-bootstrap/ui.fancytree.css b/client/public/fancytree/skin-bootstrap/ui.fancytree.css new file mode 100644 index 00000000..5c980698 --- /dev/null +++ b/client/public/fancytree/skin-bootstrap/ui.fancytree.css @@ -0,0 +1,630 @@ +/*! + * Fancytree "bootstrap" skin. + * + * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from + * the LESS templates. + */ +/******************************************************************************* + * Common Styles for Fancytree Skins. + * + * This section is automatically generated from the `skin-common.less` template. + ******************************************************************************/ +/*------------------------------------------------------------------------------ + * Helpers + *----------------------------------------------------------------------------*/ +.ui-helper-hidden { + display: none; +} +/*------------------------------------------------------------------------------ + * Container and UL / LI + *----------------------------------------------------------------------------*/ +ul.fancytree-container { + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 14px; + white-space: nowrap; + padding: 3px; + margin: 0; + background-color: white; + border: 1px dotted gray; + min-height: 0%; + position: relative; +} +ul.fancytree-container ul { + padding: 0 0 0 16px; + margin: 0; +} +ul.fancytree-container ul > li:before { + content: none; +} +ul.fancytree-container li { + list-style-image: none; + list-style-position: outside; + list-style-type: none; + -moz-background-clip: border; + -moz-background-inline-policy: continuous; + -moz-background-origin: padding; + background-attachment: scroll; + background-color: transparent; + background-position: 0em 0em; + background-repeat: repeat-y; + background-image: none; + margin: 0; +} +ul.fancytree-container li.fancytree-lastsib { + background-image: none; +} +.ui-fancytree-disabled ul.fancytree-container { + opacity: 0.5; + background-color: silver; +} +ul.fancytree-connectors.fancytree-container li { + background-image: url("data:image/gif;base64,R0lGODlhEAAQAPcAAAAAAIAAAACAAICAAAAAgIAAgACAgMDAwMDcwKbK8P///6Wlpf/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////78KCgpICAgP8AAAD/AP//AAAA//8A/wD//////yH5BAEAAP4ALAAAAAAQABAAAAgpAP0JFHhvoMGDCBMiLKiwocOBDB9KXDixosGIFidizPhwI8eGHj8KDAgAOw=="); + background-position: 0 0; +} +ul.fancytree-container li.fancytree-lastsib, +ul.fancytree-no-connector > li { + background-image: none; +} +li.fancytree-animating { + position: relative; +} +/*------------------------------------------------------------------------------ + * Common icon definitions + *----------------------------------------------------------------------------*/ +span.fancytree-empty, +span.fancytree-vline, +span.fancytree-expander, +span.fancytree-icon, +span.fancytree-checkbox, +span.fancytree-drag-helper-img, +#fancytree-drop-marker { + width: 1em; + height: 1em; + display: inline-block; + vertical-align: top; + background-repeat: no-repeat; + background-position: left; + background-position: 0em 0em; +} +span.fancytree-icon, +span.fancytree-checkbox, +span.fancytree-expander, +span.fancytree-custom-icon { + margin-top: 2px; +} +/* Used by icon option: */ +span.fancytree-custom-icon { + width: 1em; + height: 1em; + display: inline-block; + margin-left: 0.5em; + background-position: 0em 0em; +} +/* Used by 'icon' node option: */ +img.fancytree-icon { + width: 1em; + height: 1em; + margin-left: 0.5em; + margin-top: 2px; + vertical-align: top; + border-style: none; +} +/*------------------------------------------------------------------------------ + * Expander icon + * + * Note: IE6 doesn't correctly evaluate multiples class names, + * so we create combined class names that can be used in the CSS. + * + * Prefix: fancytree-exp- + * 1st character: 'e': expanded, 'c': collapsed, 'n': no children + * 2nd character (optional): 'd': lazy (Delayed) + * 3rd character (optional): 'l': Last sibling + *----------------------------------------------------------------------------*/ +span.fancytree-expander { + cursor: pointer; +} +.fancytree-exp-n span.fancytree-expander, +.fancytree-exp-nl span.fancytree-expander { + background-image: none; + cursor: default; +} +.fancytree-connectors .fancytree-exp-n span.fancytree-expander, +.fancytree-connectors .fancytree-exp-nl span.fancytree-expander { + margin-top: 0; +} +/* Fade out expanders, when container is not hovered or active */ +.fancytree-fade-expander span.fancytree-expander { + transition: opacity 1.5s; + opacity: 0; +} +.fancytree-fade-expander:hover span.fancytree-expander, +.fancytree-fade-expander.fancytree-treefocus span.fancytree-expander, +.fancytree-fade-expander .fancytree-treefocus span.fancytree-expander, +.fancytree-fade-expander [class*='fancytree-statusnode-'] span.fancytree-expander { + transition: opacity 0.6s; + opacity: 1; +} +/*------------------------------------------------------------------------------ + * Checkbox icon + *----------------------------------------------------------------------------*/ +span.fancytree-checkbox { + margin-left: 0.5em; +} +.fancytree-unselectable span.fancytree-checkbox { + opacity: 0.4; + filter: alpha(opacity=40); +} +/*------------------------------------------------------------------------------ + * Node type icon + * Note: IE6 doesn't correctly evaluate multiples class names, + * so we create combined class names that can be used in the CSS. + * + * Prefix: fancytree-ico- + * 1st character: 'e': expanded, 'c': collapsed + * 2nd character (optional): 'f': folder + *----------------------------------------------------------------------------*/ +span.fancytree-icon { + margin-left: 0.5em; +} +/* Documents */ +/* Folders */ +.fancytree-loading span.fancytree-expander, +.fancytree-loading span.fancytree-expander:hover, +.fancytree-statusnode-loading span.fancytree-icon, +.fancytree-statusnode-loading span.fancytree-icon:hover { + background-image: none; +} +/* Status node icons */ +/*------------------------------------------------------------------------------ + * Node titles and highlighting + *----------------------------------------------------------------------------*/ +span.fancytree-node { + /* See #117 */ + display: inherit; + width: 100%; + margin-top: 0px; + min-height: 1em; +} +span.fancytree-title { + color: #333333; + cursor: pointer; + display: inline-block; + vertical-align: top; + min-height: 1em; + padding: 0 3px 0 3px; + margin: 0px 0 0 0.5em; + border: 1px solid transparent; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; +} +span.fancytree-node.fancytree-error span.fancytree-title { + color: #d9534f; +} +/*------------------------------------------------------------------------------ + * Drag'n'drop support + *----------------------------------------------------------------------------*/ +div.fancytree-drag-helper span.fancytree-childcounter, +div.fancytree-drag-helper span.fancytree-dnd-modifier { + display: inline-block; + color: #fff; + background: #337ab7; + border: 1px solid gray; + min-width: 10px; + height: 10px; + line-height: 1; + vertical-align: baseline; + border-radius: 10px; + padding: 2px; + text-align: center; + font-size: 9px; +} +div.fancytree-drag-helper span.fancytree-childcounter { + position: absolute; + top: -6px; + right: -6px; +} +div.fancytree-drag-helper span.fancytree-dnd-modifier { + background: #5cb85c; + border: none; + font-weight: bolder; +} +/*** Drop marker icon *********************************************************/ +#fancytree-drop-marker { + width: 2em; + position: absolute; + margin: 0; +} +#fancytree-drop-marker.fancytree-drop-after, +#fancytree-drop-marker.fancytree-drop-before { + width: 4em; +} +/*** Source node while dragging ***********************************************/ +span.fancytree-drag-source.fancytree-drag-remove { + opacity: 0.15; +} +/*** Target node while dragging cursor is over it *****************************/ +/*------------------------------------------------------------------------------ + * 'rtl' option + *----------------------------------------------------------------------------*/ +.fancytree-container.fancytree-rtl .fancytree-title { + /*unicode-bidi: bidi-override;*/ + /* optional: reverse title letters */ +} +.fancytree-container.fancytree-rtl span.fancytree-connector, +.fancytree-container.fancytree-rtl span.fancytree-expander, +.fancytree-container.fancytree-rtl span.fancytree-icon, +.fancytree-container.fancytree-rtl span.fancytree-drag-helper-img, +.fancytree-container.fancytree-rtl #fancytree-drop-marker { + background-image: url("icons-rtl.gif"); +} +.fancytree-container.fancytree-rtl .fancytree-exp-n span.fancytree-expander, +.fancytree-container.fancytree-rtl .fancytree-exp-nl span.fancytree-expander { + background-image: none; +} +.fancytree-container.fancytree-rtl.fancytree-connectors .fancytree-exp-n span.fancytree-expander, +.fancytree-container.fancytree-rtl.fancytree-connectors .fancytree-exp-nl span.fancytree-expander { + background-image: url("icons-rtl.gif"); +} +ul.fancytree-container.fancytree-rtl ul { + padding: 0 16px 0 0; +} +ul.fancytree-container.fancytree-rtl.fancytree-connectors li { + background-position: right 0; + background-image: url("vline-rtl.gif"); +} +ul.fancytree-container.fancytree-rtl li.fancytree-lastsib, +ul.fancytree-container.fancytree-rtl.fancytree-no-connector > li { + background-image: none; +} +/*------------------------------------------------------------------------------ + * 'table' extension + *----------------------------------------------------------------------------*/ +table.fancytree-ext-table { + border-collapse: collapse; +} +table.fancytree-ext-table span.fancytree-node { + display: inline-block; + box-sizing: border-box; +} +/*------------------------------------------------------------------------------ + * 'columnview' extension + *----------------------------------------------------------------------------*/ +table.fancytree-ext-columnview tbody tr td { + position: relative; + border: 1px solid gray; + vertical-align: top; + overflow: auto; +} +table.fancytree-ext-columnview tbody tr td > ul { + padding: 0; +} +table.fancytree-ext-columnview tbody tr td > ul li { + list-style-image: none; + list-style-position: outside; + list-style-type: none; + -moz-background-clip: border; + -moz-background-inline-policy: continuous; + -moz-background-origin: padding; + background-attachment: scroll; + background-color: transparent; + background-position: 0em 0em; + background-repeat: repeat-y; + background-image: none; + /* no v-lines */ + margin: 0; +} +table.fancytree-ext-columnview span.fancytree-node { + position: relative; + /* allow positioning of embedded spans */ + display: inline-block; +} +table.fancytree-ext-columnview span.fancytree-node.fancytree-expanded { + background-color: #CBE8F6; +} +table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right { + position: absolute; + right: 3px; +} +/*------------------------------------------------------------------------------ + * 'filter' extension + *----------------------------------------------------------------------------*/ +.fancytree-ext-filter-dimm span.fancytree-node span.fancytree-title { + color: #333333; + font-weight: lighter; +} +.fancytree-ext-filter-dimm tr.fancytree-submatch span.fancytree-title, +.fancytree-ext-filter-dimm span.fancytree-node.fancytree-submatch span.fancytree-title { + color: black; + font-weight: normal; +} +.fancytree-ext-filter-dimm tr.fancytree-match span.fancytree-title, +.fancytree-ext-filter-dimm span.fancytree-node.fancytree-match span.fancytree-title { + color: black; + font-weight: bold; +} +.fancytree-ext-filter-hide tr.fancytree-hide, +.fancytree-ext-filter-hide span.fancytree-node.fancytree-hide { + display: none; +} +.fancytree-ext-filter-hide tr.fancytree-submatch span.fancytree-title, +.fancytree-ext-filter-hide span.fancytree-node.fancytree-submatch span.fancytree-title { + color: #333333; + font-weight: lighter; +} +.fancytree-ext-filter-hide tr.fancytree-match span.fancytree-title, +.fancytree-ext-filter-hide span.fancytree-node.fancytree-match span.fancytree-title { + color: black; + font-weight: normal; +} +/* Hide expanders if all child nodes are hidden by filter */ +.fancytree-ext-filter-hide-expanders tr.fancytree-match span.fancytree-expander, +.fancytree-ext-filter-hide-expanders span.fancytree-node.fancytree-match span.fancytree-expander { + visibility: hidden; +} +.fancytree-ext-filter-hide-expanders tr.fancytree-submatch span.fancytree-expander, +.fancytree-ext-filter-hide-expanders span.fancytree-node.fancytree-submatch span.fancytree-expander { + visibility: visible; +} +.fancytree-ext-childcounter span.fancytree-icon, +.fancytree-ext-filter span.fancytree-icon { + position: relative; +} +.fancytree-ext-childcounter span.fancytree-childcounter, +.fancytree-ext-filter span.fancytree-childcounter { + color: #fff; + background: #777; + border: 1px solid gray; + position: absolute; + top: -6px; + right: -6px; + min-width: 10px; + height: 10px; + line-height: 1; + vertical-align: baseline; + border-radius: 10px; + padding: 2px; + text-align: center; + font-size: 9px; +} +/*------------------------------------------------------------------------------ + * 'wide' extension + *----------------------------------------------------------------------------*/ +ul.fancytree-ext-wide { + position: relative; + min-width: 100%; + z-index: 2; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +ul.fancytree-ext-wide span.fancytree-node > span { + position: relative; + z-index: 2; +} +ul.fancytree-ext-wide span.fancytree-node span.fancytree-title { + position: absolute; + z-index: 1; + left: 0px; + min-width: 100%; + margin-left: 0; + margin-right: 0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +/*------------------------------------------------------------------------------ + * 'fixed' extension + *----------------------------------------------------------------------------*/ +.fancytree-ext-fixed-wrapper .fancytree-fixed-hidden { + display: none; +} +.fancytree-ext-fixed-wrapper div.scrollBorderBottom { + border-bottom: 3px solid rgba(0, 0, 0, 0.75); +} +.fancytree-ext-fixed-wrapper div.scrollBorderRight { + border-right: 3px solid rgba(0, 0, 0, 0.75); +} +.fancytree-ext-fixed-wrapper div.fancytree-fixed-wrapper-tl { + position: absolute; + overflow: hidden; + z-index: 3; + top: 0px; + left: 0px; +} +.fancytree-ext-fixed-wrapper div.fancytree-fixed-wrapper-tr { + position: absolute; + overflow: hidden; + z-index: 2; + top: 0px; +} +.fancytree-ext-fixed-wrapper div.fancytree-fixed-wrapper-bl { + position: absolute; + overflow: hidden; + z-index: 2; + left: 0px; +} +.fancytree-ext-fixed-wrapper div.fancytree-fixed-wrapper-br { + position: absolute; + overflow: scroll; + z-index: 1; +} +/******************************************************************************* + * Styles specific to this skin. + * + * This section is automatically generated from the `ui-fancytree.less` template. + ******************************************************************************/ +/******************************************************************************* + * Plain tree + * Modifier classes on