You are here

style.css in Entity Reference Tree Widget 8

/* jsTree default theme */
.jstree-node,
.jstree-children,
.jstree-container-ul {
  display: block;
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
}
.jstree-node {
  white-space: nowrap;
}
.jstree-anchor {
  display: inline-block;
  color: black;
  white-space: nowrap;
  padding: 0 4px 0 1px;
  margin: 0;
  vertical-align: top;
}
.jstree-anchor:focus {
  outline: 0;
}
.jstree-anchor,
.jstree-anchor:link,
.jstree-anchor:visited,
.jstree-anchor:hover,
.jstree-anchor:active {
  text-decoration: none;
  color: inherit;
}
.jstree-icon {
  display: inline-block;
  text-decoration: none;
  margin: 0;
  padding: 0;
  vertical-align: top;
  text-align: center;
}
.jstree-icon:empty {
  display: inline-block;
  text-decoration: none;
  margin: 0;
  padding: 0;
  vertical-align: top;
  text-align: center;
}
.jstree-ocl {
  cursor: pointer;
}
.jstree-leaf > .jstree-ocl {
  cursor: default;
}
.jstree .jstree-open > .jstree-children {
  display: block;
}
.jstree .jstree-closed > .jstree-children,
.jstree .jstree-leaf > .jstree-children {
  display: none;
}
.jstree-anchor > .jstree-themeicon {
  margin-right: 2px;
}
.jstree-no-icons .jstree-themeicon,
.jstree-anchor > .jstree-themeicon-hidden {
  display: none;
}
.jstree-hidden,
.jstree-node.jstree-hidden {
  display: none;
}
.jstree-rtl .jstree-anchor {
  padding: 0 1px 0 4px;
}
.jstree-rtl .jstree-anchor > .jstree-themeicon {
  margin-left: 2px;
  margin-right: 0;
}
.jstree-rtl .jstree-node {
  margin-left: 0;
}
.jstree-rtl .jstree-container-ul > .jstree-node {
  margin-right: 0;
}
.jstree-wholerow-ul {
  position: relative;
  display: inline-block;
  min-width: 100%;
}
.jstree-wholerow-ul .jstree-leaf > .jstree-ocl {
  cursor: pointer;
}
.jstree-wholerow-ul .jstree-anchor,
.jstree-wholerow-ul .jstree-icon {
  position: relative;
}
.jstree-wholerow-ul .jstree-wholerow {
  width: 100%;
  cursor: pointer;
  position: absolute;
  left: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.jstree-contextmenu .jstree-anchor {
  -webkit-user-select: none;
  /* disable selection/Copy of UIWebView */
  -webkit-touch-callout: none;
  /* disable the IOS popup when long-press on a link */
}
.vakata-context {
  display: none;
}
.vakata-context,
.vakata-context ul {
  margin: 0;
  padding: 2px;
  position: absolute;
  background: #f5f5f5;
  border: 1px solid #979797;
  box-shadow: 2px 2px 2px #999999;
}
.vakata-context ul {
  list-style: none;
  left: 100%;
  margin-top: -2.7em;
  margin-left: -4px;
}
.vakata-context .vakata-context-right ul {
  left: auto;
  right: 100%;
  margin-left: auto;
  margin-right: -4px;
}
.vakata-context li {
  list-style: none;
}
.vakata-context li > a {
  display: block;
  padding: 0 2em 0 2em;
  text-decoration: none;
  width: auto;
  color: black;
  white-space: nowrap;
  line-height: 2.4em;
  text-shadow: 1px 1px 0 white;
  border-radius: 1px;
}
.vakata-context li > a:hover {
  position: relative;
  background-color: #e8eff7;
  box-shadow: 0 0 2px #0a6aa1;
}
.vakata-context li > a.vakata-context-parent {
  background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAIORI4JlrqN1oMSnmmZDQUAOw==");
  background-position: right center;
  background-repeat: no-repeat;
}
.vakata-context li > a:focus {
  outline: 0;
}
.vakata-context .vakata-context-hover > a {
  position: relative;
  background-color: #e8eff7;
  box-shadow: 0 0 2px #0a6aa1;
}
.vakata-context .vakata-context-separator > a,
.vakata-context .vakata-context-separator > a:hover {
  background: white;
  border: 0;
  border-top: 1px solid #e2e3e3;
  height: 1px;
  min-height: 1px;
  max-height: 1px;
  padding: 0;
  margin: 0 0 0 2.4em;
  border-left: 1px solid #e0e0e0;
  text-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
  border-radius: 0;
}
.vakata-context .vakata-contextmenu-disabled a,
.vakata-context .vakata-contextmenu-disabled a:hover {
  color: silver;
  background-color: transparent;
  border: 0;
  box-shadow: 0 0 0;
}
.vakata-context .vakata-contextmenu-disabled > a > i {
  filter: grayscale(100%);
}
.vakata-context li > a > i {
  text-decoration: none;
  display: inline-block;
  width: 2.4em;
  height: 2.4em;
  background: transparent;
  margin: 0 0 0 -2em;
  vertical-align: top;
  text-align: center;
  line-height: 2.4em;
}
.vakata-context li > a > i:empty {
  width: 2.4em;
  line-height: 2.4em;
}
.vakata-context li > a .vakata-contextmenu-sep {
  display: inline-block;
  width: 1px;
  height: 2.4em;
  background: white;
  margin: 0 0.5em 0 0;
  border-left: 1px solid #e2e3e3;
}
.vakata-context .vakata-contextmenu-shortcut {
  font-size: 0.8em;
  color: silver;
  opacity: 0.5;
  display: none;
}
.vakata-context-rtl ul {
  left: auto;
  right: 100%;
  margin-left: auto;
  margin-right: -4px;
}
.vakata-context-rtl li > a.vakata-context-parent {
  background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAINjI+AC7rWHIsPtmoxLAA7");
  background-position: left center;
  background-repeat: no-repeat;
}
.vakata-context-rtl .vakata-context-separator > a {
  margin: 0 2.4em 0 0;
  border-left: 0;
  border-right: 1px solid #e2e3e3;
}
.vakata-context-rtl .vakata-context-left ul {
  right: auto;
  left: 100%;
  margin-left: -4px;
  margin-right: auto;
}
.vakata-context-rtl li > a > i {
  margin: 0 -2em 0 0;
}
.vakata-context-rtl li > a .vakata-contextmenu-sep {
  margin: 0 0 0 0.5em;
  border-left-color: white;
  background: #e2e3e3;
}
#jstree-marker {
  position: absolute;
  top: 0;
  left: 0;
  margin: -5px 0 0 0;
  padding: 0;
  border-right: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
}
#jstree-dnd {
  line-height: 16px;
  margin: 0;
  padding: 4px;
}
#jstree-dnd .jstree-icon,
#jstree-dnd .jstree-copy {
  display: inline-block;
  text-decoration: none;
  margin: 0 2px 0 0;
  padding: 0;
  width: 16px;
  height: 16px;
}
#jstree-dnd .jstree-ok {
  background: green;
}
#jstree-dnd .jstree-er {
  background: red;
}
#jstree-dnd .jstree-copy {
  margin: 0 2px 0 2px;
}
.jstree-default .jstree-node,
.jstree-default .jstree-icon {
  background-repeat: no-repeat;
  background-color: transparent;
}
.jstree-default .jstree-anchor,
.jstree-default .jstree-animated,
.jstree-default .jstree-wholerow {
  transition: background-color 0.15s, box-shadow 0.15s;
}
.jstree-default .jstree-hovered {
  background: #e7f4f9;
  border-radius: 2px;
  box-shadow: inset 0 0 1px #cccccc;
}
.jstree-default .jstree-context {
  background: #e7f4f9;
  border-radius: 2px;
  box-shadow: inset 0 0 1px #cccccc;
}
.jstree-default .jstree-clicked {
  background: #beebff;
  border-radius: 2px;
  box-shadow: inset 0 0 1px #999999;
}
.jstree-default .jstree-no-icons .jstree-anchor > .jstree-themeicon {
  display: none;
}
.jstree-default .jstree-disabled {
  background: transparent;
  color: #666666;
}
.jstree-default .jstree-disabled.jstree-hovered {
  background: transparent;
  box-shadow: none;
}
.jstree-default .jstree-disabled.jstree-clicked {
  background: #efefef;
}
.jstree-default .jstree-disabled > .jstree-icon {
  opacity: 0.8;
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'jstree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#jstree-grayscale");
  /* Firefox 10+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+ & Safari 6+ */
}
.jstree-default .jstree-search {
  font-style: italic;
  color: #8b0000;
  font-weight: bold;
}
.jstree-default .jstree-no-checkboxes .jstree-checkbox {
  display: none !important;
}
.jstree-default.jstree-checkbox-no-clicked .jstree-clicked {
  background: transparent;
  box-shadow: none;
}
.jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered {
  background: #e7f4f9;
}
.jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked {
  background: transparent;
}
.jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered {
  background: #e7f4f9;
}
.jstree-default > .jstree-striped {
  min-width: 100%;
  display: inline-block;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAMAAAB/qqA+AAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMNAMM9s3UAAAAXSURBVHjajcEBAQAAAIKg/H/aCQZ70AUBjAATb6YPDgAAAABJRU5ErkJggg==") left top repeat;
}
.jstree-default > .jstree-wholerow-ul .jstree-hovered,
.jstree-default > .jstree-wholerow-ul .jstree-clicked {
  background: transparent;
  box-shadow: none;
  border-radius: 0;
}
.jstree-default .jstree-wholerow {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.jstree-default .jstree-wholerow-hovered {
  background: #e7f4f9;
}
.jstree-default .jstree-wholerow-clicked {
  background: #beebff;
  background: -webkit-linear-gradient(top, #beebff 0%, #a8e4ff 100%);
  background: linear-gradient(to bottom, #beebff 0%, #a8e4ff 100%);
}
.jstree-default .jstree-node {
  min-height: 24px;
  line-height: 24px;
  margin-left: 24px;
  min-width: 24px;
}
.jstree-default .jstree-anchor {
  line-height: 24px;
  height: 24px;
}
.jstree-default .jstree-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.jstree-default .jstree-icon:empty {
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.jstree-default.jstree-rtl .jstree-node {
  margin-right: 24px;
}
.jstree-default .jstree-wholerow {
  height: 24px;
}
.jstree-default .jstree-node,
.jstree-default .jstree-icon {
  background-image: url("32px.png");
}
.jstree-default .jstree-node {
  background-position: -292px -4px;
  background-repeat: repeat-y;
}
.jstree-default .jstree-last {
  background: transparent;
}
.jstree-default .jstree-open > .jstree-ocl {
  background-position: -132px -4px;
}
.jstree-default .jstree-closed > .jstree-ocl {
  background-position: -100px -4px;
}
.jstree-default .jstree-leaf > .jstree-ocl {
  background-position: -68px -4px;
}
.jstree-default .jstree-themeicon {
  background-position: -260px -4px;
}
.jstree-default > .jstree-no-dots .jstree-node,
.jstree-default > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}
.jstree-default > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -36px -4px;
}
.jstree-default > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -4px -4px;
}
.jstree-default .jstree-disabled {
  background: transparent;
}
.jstree-default .jstree-disabled.jstree-hovered {
  background: transparent;
}
.jstree-default .jstree-disabled.jstree-clicked {
  background: #efefef;
}
.jstree-default .jstree-checkbox {
  background-position: -164px -4px;
}
.jstree-default .jstree-checkbox:hover {
  background-position: -164px -36px;
}
.jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
.jstree-default .jstree-checked > .jstree-checkbox {
  background-position: -228px -4px;
}
.jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
.jstree-default .jstree-checked > .jstree-checkbox:hover {
  background-position: -228px -36px;
}
.jstree-default .jstree-anchor > .jstree-undetermined {
  background-position: -196px -4px;
}
.jstree-default .jstree-anchor > .jstree-undetermined:hover {
  background-position: -196px -36px;
}
.jstree-default .jstree-checkbox-disabled {
  opacity: 0.8;
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'jstree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#jstree-grayscale");
  /* Firefox 10+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+ & Safari 6+ */
}
.jstree-default > .jstree-striped {
  background-size: auto 48px;
}
.jstree-default.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
  background-position: 100% 1px;
  background-repeat: repeat-y;
}
.jstree-default.jstree-rtl .jstree-last {
  background: transparent;
}
.jstree-default.jstree-rtl .jstree-open > .jstree-ocl {
  background-position: -132px -36px;
}
.jstree-default.jstree-rtl .jstree-closed > .jstree-ocl {
  background-position: -100px -36px;
}
.jstree-default.jstree-rtl .jstree-leaf > .jstree-ocl {
  background-position: -68px -36px;
}
.jstree-default.jstree-rtl > .jstree-no-dots .jstree-node,
.jstree-default.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}
.jstree-default.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -36px -36px;
}
.jstree-default.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -4px -36px;
}
.jstree-default .jstree-themeicon-custom {
  background-color: transparent;
  background-image: none;
  background-position: 0 0;
}
.jstree-default > .jstree-container-ul .jstree-loading > .jstree-ocl {
  background: url("throbber.gif") center center no-repeat;
}
.jstree-default .jstree-file {
  background: url("32px.png") -100px -68px no-repeat;
}
.jstree-default .jstree-folder {
  background: url("32px.png") -260px -4px no-repeat;
}
.jstree-default > .jstree-container-ul > .jstree-node {
  margin-left: 0;
  margin-right: 0;
}
#jstree-dnd.jstree-default {
  line-height: 24px;
  padding: 0 4px;
}
#jstree-dnd.jstree-default .jstree-ok,
#jstree-dnd.jstree-default .jstree-er {
  background-image: url("32px.png");
  background-repeat: no-repeat;
  background-color: transparent;
}
#jstree-dnd.jstree-default i {
  background: transparent;
  width: 24px;
  height: 24px;
  line-height: 24px;
}
#jstree-dnd.jstree-default .jstree-ok {
  background-position: -4px -68px;
}
#jstree-dnd.jstree-default .jstree-er {
  background-position: -36px -68px;
}
.jstree-default .jstree-ellipsis {
  overflow: hidden;
}
.jstree-default .jstree-ellipsis .jstree-anchor {
  width: calc(100% - 29px);
  text-overflow: ellipsis;
  overflow: hidden;
}
.jstree-default.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
}
.jstree-default.jstree-rtl .jstree-last {
  background: transparent;
}
.jstree-default-small .jstree-node {
  min-height: 18px;
  line-height: 18px;
  margin-left: 18px;
  min-width: 18px;
}
.jstree-default-small .jstree-anchor {
  line-height: 18px;
  height: 18px;
}
.jstree-default-small .jstree-icon {
  width: 18px;
  height: 18px;
  line-height: 18px;
}
.jstree-default-small .jstree-icon:empty {
  width: 18px;
  height: 18px;
  line-height: 18px;
}
.jstree-default-small.jstree-rtl .jstree-node {
  margin-right: 18px;
}
.jstree-default-small .jstree-wholerow {
  height: 18px;
}
.jstree-default-small .jstree-node,
.jstree-default-small .jstree-icon {
  background-image: url("32px.png");
}
.jstree-default-small .jstree-node {
  background-position: -295px -7px;
  background-repeat: repeat-y;
}
.jstree-default-small .jstree-last {
  background: transparent;
}
.jstree-default-small .jstree-open > .jstree-ocl {
  background-position: -135px -7px;
}
.jstree-default-small .jstree-closed > .jstree-ocl {
  background-position: -103px -7px;
}
.jstree-default-small .jstree-leaf > .jstree-ocl {
  background-position: -71px -7px;
}
.jstree-default-small .jstree-themeicon {
  background-position: -263px -7px;
}
.jstree-default-small > .jstree-no-dots .jstree-node,
.jstree-default-small > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}
.jstree-default-small > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -39px -7px;
}
.jstree-default-small > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -7px -7px;
}
.jstree-default-small .jstree-disabled {
  background: transparent;
}
.jstree-default-small .jstree-disabled.jstree-hovered {
  background: transparent;
}
.jstree-default-small .jstree-disabled.jstree-clicked {
  background: #efefef;
}
.jstree-default-small .jstree-checkbox {
  background-position: -167px -7px;
}
.jstree-default-small .jstree-checkbox:hover {
  background-position: -167px -39px;
}
.jstree-default-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
.jstree-default-small .jstree-checked > .jstree-checkbox {
  background-position: -231px -7px;
}
.jstree-default-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
.jstree-default-small .jstree-checked > .jstree-checkbox:hover {
  background-position: -231px -39px;
}
.jstree-default-small .jstree-anchor > .jstree-undetermined {
  background-position: -199px -7px;
}
.jstree-default-small .jstree-anchor > .jstree-undetermined:hover {
  background-position: -199px -39px;
}
.jstree-default-small .jstree-checkbox-disabled {
  opacity: 0.8;
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'jstree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#jstree-grayscale");
  /* Firefox 10+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+ & Safari 6+ */
}
.jstree-default-small > .jstree-striped {
  background-size: auto 36px;
}
.jstree-default-small.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
  background-position: 100% 1px;
  background-repeat: repeat-y;
}
.jstree-default-small.jstree-rtl .jstree-last {
  background: transparent;
}
.jstree-default-small.jstree-rtl .jstree-open > .jstree-ocl {
  background-position: -135px -39px;
}
.jstree-default-small.jstree-rtl .jstree-closed > .jstree-ocl {
  background-position: -103px -39px;
}
.jstree-default-small.jstree-rtl .jstree-leaf > .jstree-ocl {
  background-position: -71px -39px;
}
.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-node,
.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}
.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -39px -39px;
}
.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -7px -39px;
}
.jstree-default-small .jstree-themeicon-custom {
  background-color: transparent;
  background-image: none;
  background-position: 0 0;
}
.jstree-default-small > .jstree-container-ul .jstree-loading > .jstree-ocl {
  background: url("throbber.gif") center center no-repeat;
}
.jstree-default-small .jstree-file {
  background: url("32px.png") -103px -71px no-repeat;
}
.jstree-default-small .jstree-folder {
  background: url("32px.png") -263px -7px no-repeat;
}
.jstree-default-small > .jstree-container-ul > .jstree-node {
  margin-left: 0;
  margin-right: 0;
}
#jstree-dnd.jstree-default-small {
  line-height: 18px;
  padding: 0 4px;
}
#jstree-dnd.jstree-default-small .jstree-ok,
#jstree-dnd.jstree-default-small .jstree-er {
  background-image: url("32px.png");
  background-repeat: no-repeat;
  background-color: transparent;
}
#jstree-dnd.jstree-default-small i {
  background: transparent;
  width: 18px;
  height: 18px;
  line-height: 18px;
}
#jstree-dnd.jstree-default-small .jstree-ok {
  background-position: -7px -71px;
}
#jstree-dnd.jstree-default-small .jstree-er {
  background-position: -39px -71px;
}
.jstree-default-small .jstree-ellipsis {
  overflow: hidden;
}
.jstree-default-small .jstree-ellipsis .jstree-anchor {
  width: calc(100% - 23px);
  text-overflow: ellipsis;
  overflow: hidden;
}
.jstree-default-small.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAACAQMAAABv1h6PAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMHBgAAiABBI4gz9AAAAABJRU5ErkJggg==");
}
.jstree-default-small.jstree-rtl .jstree-last {
  background: transparent;
}
.jstree-default-large .jstree-node {
  min-height: 32px;
  line-height: 32px;
  margin-left: 32px;
  min-width: 32px;
}
.jstree-default-large .jstree-anchor {
  line-height: 32px;
  height: 32px;
}
.jstree-default-large .jstree-icon {
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.jstree-default-large .jstree-icon:empty {
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.jstree-default-large.jstree-rtl .jstree-node {
  margin-right: 32px;
}
.jstree-default-large .jstree-wholerow {
  height: 32px;
}
.jstree-default-large .jstree-node,
.jstree-default-large .jstree-icon {
  background-image: url("32px.png");
}
.jstree-default-large .jstree-node {
  background-position: -288px 0px;
  background-repeat: repeat-y;
}
.jstree-default-large .jstree-last {
  background: transparent;
}
.jstree-default-large .jstree-open > .jstree-ocl {
  background-position: -128px 0px;
}
.jstree-default-large .jstree-closed > .jstree-ocl {
  background-position: -96px 0px;
}
.jstree-default-large .jstree-leaf > .jstree-ocl {
  background-position: -64px 0px;
}
.jstree-default-large .jstree-themeicon {
  background-position: -256px 0px;
}
.jstree-default-large > .jstree-no-dots .jstree-node,
.jstree-default-large > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}
.jstree-default-large > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -32px 0px;
}
.jstree-default-large > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: 0px 0px;
}
.jstree-default-large .jstree-disabled {
  background: transparent;
}
.jstree-default-large .jstree-disabled.jstree-hovered {
  background: transparent;
}
.jstree-default-large .jstree-disabled.jstree-clicked {
  background: #efefef;
}
.jstree-default-large .jstree-checkbox {
  background-position: -160px 0px;
}
.jstree-default-large .jstree-checkbox:hover {
  background-position: -160px -32px;
}
.jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
.jstree-default-large .jstree-checked > .jstree-checkbox {
  background-position: -224px 0px;
}
.jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
.jstree-default-large .jstree-checked > .jstree-checkbox:hover {
  background-position: -224px -32px;
}
.jstree-default-large .jstree-anchor > .jstree-undetermined {
  background-position: -192px 0px;
}
.jstree-default-large .jstree-anchor > .jstree-undetermined:hover {
  background-position: -192px -32px;
}
.jstree-default-large .jstree-checkbox-disabled {
  opacity: 0.8;
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'jstree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#jstree-grayscale");
  /* Firefox 10+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+ & Safari 6+ */
}
.jstree-default-large > .jstree-striped {
  background-size: auto 64px;
}
.jstree-default-large.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
  background-position: 100% 1px;
  background-repeat: repeat-y;
}
.jstree-default-large.jstree-rtl .jstree-last {
  background: transparent;
}
.jstree-default-large.jstree-rtl .jstree-open > .jstree-ocl {
  background-position: -128px -32px;
}
.jstree-default-large.jstree-rtl .jstree-closed > .jstree-ocl {
  background-position: -96px -32px;
}
.jstree-default-large.jstree-rtl .jstree-leaf > .jstree-ocl {
  background-position: -64px -32px;
}
.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-node,
.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}
.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -32px -32px;
}
.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: 0px -32px;
}
.jstree-default-large .jstree-themeicon-custom {
  background-color: transparent;
  background-image: none;
  background-position: 0 0;
}
.jstree-default-large > .jstree-container-ul .jstree-loading > .jstree-ocl {
  background: url("throbber.gif") center center no-repeat;
}
.jstree-default-large .jstree-file {
  background: url("32px.png") -96px -64px no-repeat;
}
.jstree-default-large .jstree-folder {
  background: url("32px.png") -256px 0px no-repeat;
}
.jstree-default-large > .jstree-container-ul > .jstree-node {
  margin-left: 0;
  margin-right: 0;
}
#jstree-dnd.jstree-default-large {
  line-height: 32px;
  padding: 0 4px;
}
#jstree-dnd.jstree-default-large .jstree-ok,
#jstree-dnd.jstree-default-large .jstree-er {
  background-image: url("32px.png");
  background-repeat: no-repeat;
  background-color: transparent;
}
#jstree-dnd.jstree-default-large i {
  background: transparent;
  width: 32px;
  height: 32px;
  line-height: 32px;
}
#jstree-dnd.jstree-default-large .jstree-ok {
  background-position: 0px -64px;
}
#jstree-dnd.jstree-default-large .jstree-er {
  background-position: -32px -64px;
}
.jstree-default-large .jstree-ellipsis {
  overflow: hidden;
}
.jstree-default-large .jstree-ellipsis .jstree-anchor {
  width: calc(100% - 37px);
  text-overflow: ellipsis;
  overflow: hidden;
}
.jstree-default-large.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAACAQMAAAAD0EyKAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjgIIGBgABCgCBvVLXcAAAAABJRU5ErkJggg==");
}
.jstree-default-large.jstree-rtl .jstree-last {
  background: transparent;
}
@media (max-width: 768px) {
  #jstree-dnd.jstree-dnd-responsive {
    line-height: 40px;
    font-weight: bold;
    font-size: 1.1em;
    text-shadow: 1px 1px white;
  }
  #jstree-dnd.jstree-dnd-responsive > i {
    background: transparent;
    width: 40px;
    height: 40px;
  }
  #jstree-dnd.jstree-dnd-responsive > .jstree-ok {
    background-image: url("40px.png");
    background-position: 0 -200px;
    background-size: 120px 240px;
  }
  #jstree-dnd.jstree-dnd-responsive > .jstree-er {
    background-image: url("40px.png");
    background-position: -40px -200px;
    background-size: 120px 240px;
  }
  #jstree-marker.jstree-dnd-responsive {
    border-left-width: 10px;
    border-top-width: 10px;
    border-bottom-width: 10px;
    margin-top: -10px;
  }
}
@media (max-width: 768px) {
  .jstree-default-responsive {
    /*
    .jstree-open > .jstree-ocl,
    .jstree-closed > .jstree-ocl { border-radius:20px; background-color:white; }
    */
  }
  .jstree-default-responsive .jstree-icon {
    background-image: url("40px.png");
  }
  .jstree-default-responsive .jstree-node,
  .jstree-default-responsive .jstree-leaf > .jstree-ocl {
    background: transparent;
  }
  .jstree-default-responsive .jstree-node {
    min-height: 40px;
    line-height: 40px;
    margin-left: 40px;
    min-width: 40px;
    white-space: nowrap;
  }
  .jstree-default-responsive .jstree-anchor {
    line-height: 40px;
    height: 40px;
  }
  .jstree-default-responsive .jstree-icon,
  .jstree-default-responsive .jstree-icon:empty {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  .jstree-default-responsive > .jstree-container-ul > .jstree-node {
    margin-left: 0;
  }
  .jstree-default-responsive.jstree-rtl .jstree-node {
    margin-left: 0;
    margin-right: 40px;
    background: transparent;
  }
  .jstree-default-responsive.jstree-rtl .jstree-container-ul > .jstree-node {
    margin-right: 0;
  }
  .jstree-default-responsive .jstree-ocl,
  .jstree-default-responsive .jstree-themeicon,
  .jstree-default-responsive .jstree-checkbox {
    background-size: 120px 240px;
  }
  .jstree-default-responsive .jstree-leaf > .jstree-ocl,
  .jstree-default-responsive.jstree-rtl .jstree-leaf > .jstree-ocl {
    background: transparent;
  }
  .jstree-default-responsive .jstree-open > .jstree-ocl {
    background-position: 0 0 !important;
  }
  .jstree-default-responsive .jstree-closed > .jstree-ocl {
    background-position: 0 -40px !important;
  }
  .jstree-default-responsive.jstree-rtl .jstree-closed > .jstree-ocl {
    background-position: -40px 0 !important;
  }
  .jstree-default-responsive .jstree-themeicon {
    background-position: -40px -40px;
  }
  .jstree-default-responsive .jstree-checkbox,
  .jstree-default-responsive .jstree-checkbox:hover {
    background-position: -40px -80px;
  }
  .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
  .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
  .jstree-default-responsive .jstree-checked > .jstree-checkbox,
  .jstree-default-responsive .jstree-checked > .jstree-checkbox:hover {
    background-position: 0 -80px;
  }
  .jstree-default-responsive .jstree-anchor > .jstree-undetermined,
  .jstree-default-responsive .jstree-anchor > .jstree-undetermined:hover {
    background-position: 0 -120px;
  }
  .jstree-default-responsive .jstree-anchor {
    font-weight: bold;
    font-size: 1.1em;
    text-shadow: 1px 1px white;
  }
  .jstree-default-responsive > .jstree-striped {
    background: transparent;
  }
  .jstree-default-responsive .jstree-wholerow {
    border-top: 1px solid rgba(255, 255, 255, 0.7);
    border-bottom: 1px solid rgba(64, 64, 64, 0.2);
    background: #ebebeb;
    height: 40px;
  }
  .jstree-default-responsive .jstree-wholerow-hovered {
    background: #e7f4f9;
  }
  .jstree-default-responsive .jstree-wholerow-clicked {
    background: #beebff;
  }
  .jstree-default-responsive .jstree-children .jstree-last > .jstree-wholerow {
    box-shadow: inset 0 -6px 3px -5px #666666;
  }
  .jstree-default-responsive .jstree-children .jstree-open > .jstree-wholerow {
    box-shadow: inset 0 6px 3px -5px #666666;
    border-top: 0;
  }
  .jstree-default-responsive .jstree-children .jstree-open + .jstree-open {
    box-shadow: none;
  }
  .jstree-default-responsive .jstree-node,
  .jstree-default-responsive .jstree-icon,
  .jstree-default-responsive .jstree-node > .jstree-ocl,
  .jstree-default-responsive .jstree-themeicon,
  .jstree-default-responsive .jstree-checkbox {
    background-image: url("40px.png");
    background-size: 120px 240px;
  }
  .jstree-default-responsive .jstree-node {
    background-position: -80px 0;
    background-repeat: repeat-y;
  }
  .jstree-default-responsive .jstree-last {
    background: transparent;
  }
  .jstree-default-responsive .jstree-leaf > .jstree-ocl {
    background-position: -40px -120px;
  }
  .jstree-default-responsive .jstree-last > .jstree-ocl {
    background-position: -40px -160px;
  }
  .jstree-default-responsive .jstree-themeicon-custom {
    background-color: transparent;
    background-image: none;
    background-position: 0 0;
  }
  .jstree-default-responsive .jstree-file {
    background: url("40px.png") 0 -160px no-repeat;
    background-size: 120px 240px;
  }
  .jstree-default-responsive .jstree-folder {
    background: url("40px.png") -40px -40px no-repeat;
    background-size: 120px 240px;
  }
  .jstree-default-responsive > .jstree-container-ul > .jstree-node {
    margin-left: 0;
    margin-right: 0;
  }
}

File

css/jstree/themes/default/style.css
View source
  1. /* jsTree default theme */
  2. .jstree-node,
  3. .jstree-children,
  4. .jstree-container-ul {
  5. display: block;
  6. margin: 0;
  7. padding: 0;
  8. list-style-type: none;
  9. list-style-image: none;
  10. }
  11. .jstree-node {
  12. white-space: nowrap;
  13. }
  14. .jstree-anchor {
  15. display: inline-block;
  16. color: black;
  17. white-space: nowrap;
  18. padding: 0 4px 0 1px;
  19. margin: 0;
  20. vertical-align: top;
  21. }
  22. .jstree-anchor:focus {
  23. outline: 0;
  24. }
  25. .jstree-anchor,
  26. .jstree-anchor:link,
  27. .jstree-anchor:visited,
  28. .jstree-anchor:hover,
  29. .jstree-anchor:active {
  30. text-decoration: none;
  31. color: inherit;
  32. }
  33. .jstree-icon {
  34. display: inline-block;
  35. text-decoration: none;
  36. margin: 0;
  37. padding: 0;
  38. vertical-align: top;
  39. text-align: center;
  40. }
  41. .jstree-icon:empty {
  42. display: inline-block;
  43. text-decoration: none;
  44. margin: 0;
  45. padding: 0;
  46. vertical-align: top;
  47. text-align: center;
  48. }
  49. .jstree-ocl {
  50. cursor: pointer;
  51. }
  52. .jstree-leaf > .jstree-ocl {
  53. cursor: default;
  54. }
  55. .jstree .jstree-open > .jstree-children {
  56. display: block;
  57. }
  58. .jstree .jstree-closed > .jstree-children,
  59. .jstree .jstree-leaf > .jstree-children {
  60. display: none;
  61. }
  62. .jstree-anchor > .jstree-themeicon {
  63. margin-right: 2px;
  64. }
  65. .jstree-no-icons .jstree-themeicon,
  66. .jstree-anchor > .jstree-themeicon-hidden {
  67. display: none;
  68. }
  69. .jstree-hidden,
  70. .jstree-node.jstree-hidden {
  71. display: none;
  72. }
  73. .jstree-rtl .jstree-anchor {
  74. padding: 0 1px 0 4px;
  75. }
  76. .jstree-rtl .jstree-anchor > .jstree-themeicon {
  77. margin-left: 2px;
  78. margin-right: 0;
  79. }
  80. .jstree-rtl .jstree-node {
  81. margin-left: 0;
  82. }
  83. .jstree-rtl .jstree-container-ul > .jstree-node {
  84. margin-right: 0;
  85. }
  86. .jstree-wholerow-ul {
  87. position: relative;
  88. display: inline-block;
  89. min-width: 100%;
  90. }
  91. .jstree-wholerow-ul .jstree-leaf > .jstree-ocl {
  92. cursor: pointer;
  93. }
  94. .jstree-wholerow-ul .jstree-anchor,
  95. .jstree-wholerow-ul .jstree-icon {
  96. position: relative;
  97. }
  98. .jstree-wholerow-ul .jstree-wholerow {
  99. width: 100%;
  100. cursor: pointer;
  101. position: absolute;
  102. left: 0;
  103. -webkit-user-select: none;
  104. -moz-user-select: none;
  105. -ms-user-select: none;
  106. user-select: none;
  107. }
  108. .jstree-contextmenu .jstree-anchor {
  109. -webkit-user-select: none;
  110. /* disable selection/Copy of UIWebView */
  111. -webkit-touch-callout: none;
  112. /* disable the IOS popup when long-press on a link */
  113. }
  114. .vakata-context {
  115. display: none;
  116. }
  117. .vakata-context,
  118. .vakata-context ul {
  119. margin: 0;
  120. padding: 2px;
  121. position: absolute;
  122. background: #f5f5f5;
  123. border: 1px solid #979797;
  124. box-shadow: 2px 2px 2px #999999;
  125. }
  126. .vakata-context ul {
  127. list-style: none;
  128. left: 100%;
  129. margin-top: -2.7em;
  130. margin-left: -4px;
  131. }
  132. .vakata-context .vakata-context-right ul {
  133. left: auto;
  134. right: 100%;
  135. margin-left: auto;
  136. margin-right: -4px;
  137. }
  138. .vakata-context li {
  139. list-style: none;
  140. }
  141. .vakata-context li > a {
  142. display: block;
  143. padding: 0 2em 0 2em;
  144. text-decoration: none;
  145. width: auto;
  146. color: black;
  147. white-space: nowrap;
  148. line-height: 2.4em;
  149. text-shadow: 1px 1px 0 white;
  150. border-radius: 1px;
  151. }
  152. .vakata-context li > a:hover {
  153. position: relative;
  154. background-color: #e8eff7;
  155. box-shadow: 0 0 2px #0a6aa1;
  156. }
  157. .vakata-context li > a.vakata-context-parent {
  158. background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAIORI4JlrqN1oMSnmmZDQUAOw==");
  159. background-position: right center;
  160. background-repeat: no-repeat;
  161. }
  162. .vakata-context li > a:focus {
  163. outline: 0;
  164. }
  165. .vakata-context .vakata-context-hover > a {
  166. position: relative;
  167. background-color: #e8eff7;
  168. box-shadow: 0 0 2px #0a6aa1;
  169. }
  170. .vakata-context .vakata-context-separator > a,
  171. .vakata-context .vakata-context-separator > a:hover {
  172. background: white;
  173. border: 0;
  174. border-top: 1px solid #e2e3e3;
  175. height: 1px;
  176. min-height: 1px;
  177. max-height: 1px;
  178. padding: 0;
  179. margin: 0 0 0 2.4em;
  180. border-left: 1px solid #e0e0e0;
  181. text-shadow: 0 0 0 transparent;
  182. box-shadow: 0 0 0 transparent;
  183. border-radius: 0;
  184. }
  185. .vakata-context .vakata-contextmenu-disabled a,
  186. .vakata-context .vakata-contextmenu-disabled a:hover {
  187. color: silver;
  188. background-color: transparent;
  189. border: 0;
  190. box-shadow: 0 0 0;
  191. }
  192. .vakata-context .vakata-contextmenu-disabled > a > i {
  193. filter: grayscale(100%);
  194. }
  195. .vakata-context li > a > i {
  196. text-decoration: none;
  197. display: inline-block;
  198. width: 2.4em;
  199. height: 2.4em;
  200. background: transparent;
  201. margin: 0 0 0 -2em;
  202. vertical-align: top;
  203. text-align: center;
  204. line-height: 2.4em;
  205. }
  206. .vakata-context li > a > i:empty {
  207. width: 2.4em;
  208. line-height: 2.4em;
  209. }
  210. .vakata-context li > a .vakata-contextmenu-sep {
  211. display: inline-block;
  212. width: 1px;
  213. height: 2.4em;
  214. background: white;
  215. margin: 0 0.5em 0 0;
  216. border-left: 1px solid #e2e3e3;
  217. }
  218. .vakata-context .vakata-contextmenu-shortcut {
  219. font-size: 0.8em;
  220. color: silver;
  221. opacity: 0.5;
  222. display: none;
  223. }
  224. .vakata-context-rtl ul {
  225. left: auto;
  226. right: 100%;
  227. margin-left: auto;
  228. margin-right: -4px;
  229. }
  230. .vakata-context-rtl li > a.vakata-context-parent {
  231. background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAINjI+AC7rWHIsPtmoxLAA7");
  232. background-position: left center;
  233. background-repeat: no-repeat;
  234. }
  235. .vakata-context-rtl .vakata-context-separator > a {
  236. margin: 0 2.4em 0 0;
  237. border-left: 0;
  238. border-right: 1px solid #e2e3e3;
  239. }
  240. .vakata-context-rtl .vakata-context-left ul {
  241. right: auto;
  242. left: 100%;
  243. margin-left: -4px;
  244. margin-right: auto;
  245. }
  246. .vakata-context-rtl li > a > i {
  247. margin: 0 -2em 0 0;
  248. }
  249. .vakata-context-rtl li > a .vakata-contextmenu-sep {
  250. margin: 0 0 0 0.5em;
  251. border-left-color: white;
  252. background: #e2e3e3;
  253. }
  254. #jstree-marker {
  255. position: absolute;
  256. top: 0;
  257. left: 0;
  258. margin: -5px 0 0 0;
  259. padding: 0;
  260. border-right: 0;
  261. border-top: 5px solid transparent;
  262. border-bottom: 5px solid transparent;
  263. border-left: 5px solid;
  264. width: 0;
  265. height: 0;
  266. font-size: 0;
  267. line-height: 0;
  268. }
  269. #jstree-dnd {
  270. line-height: 16px;
  271. margin: 0;
  272. padding: 4px;
  273. }
  274. #jstree-dnd .jstree-icon,
  275. #jstree-dnd .jstree-copy {
  276. display: inline-block;
  277. text-decoration: none;
  278. margin: 0 2px 0 0;
  279. padding: 0;
  280. width: 16px;
  281. height: 16px;
  282. }
  283. #jstree-dnd .jstree-ok {
  284. background: green;
  285. }
  286. #jstree-dnd .jstree-er {
  287. background: red;
  288. }
  289. #jstree-dnd .jstree-copy {
  290. margin: 0 2px 0 2px;
  291. }
  292. .jstree-default .jstree-node,
  293. .jstree-default .jstree-icon {
  294. background-repeat: no-repeat;
  295. background-color: transparent;
  296. }
  297. .jstree-default .jstree-anchor,
  298. .jstree-default .jstree-animated,
  299. .jstree-default .jstree-wholerow {
  300. transition: background-color 0.15s, box-shadow 0.15s;
  301. }
  302. .jstree-default .jstree-hovered {
  303. background: #e7f4f9;
  304. border-radius: 2px;
  305. box-shadow: inset 0 0 1px #cccccc;
  306. }
  307. .jstree-default .jstree-context {
  308. background: #e7f4f9;
  309. border-radius: 2px;
  310. box-shadow: inset 0 0 1px #cccccc;
  311. }
  312. .jstree-default .jstree-clicked {
  313. background: #beebff;
  314. border-radius: 2px;
  315. box-shadow: inset 0 0 1px #999999;
  316. }
  317. .jstree-default .jstree-no-icons .jstree-anchor > .jstree-themeicon {
  318. display: none;
  319. }
  320. .jstree-default .jstree-disabled {
  321. background: transparent;
  322. color: #666666;
  323. }
  324. .jstree-default .jstree-disabled.jstree-hovered {
  325. background: transparent;
  326. box-shadow: none;
  327. }
  328. .jstree-default .jstree-disabled.jstree-clicked {
  329. background: #efefef;
  330. }
  331. .jstree-default .jstree-disabled > .jstree-icon {
  332. opacity: 0.8;
  333. filter: url("data:image/svg+xml;utf8,#jstree-grayscale");
  334. /* Firefox 10+ */
  335. filter: gray;
  336. /* IE6-9 */
  337. -webkit-filter: grayscale(100%);
  338. /* Chrome 19+ & Safari 6+ */
  339. }
  340. .jstree-default .jstree-search {
  341. font-style: italic;
  342. color: #8b0000;
  343. font-weight: bold;
  344. }
  345. .jstree-default .jstree-no-checkboxes .jstree-checkbox {
  346. display: none !important;
  347. }
  348. .jstree-default.jstree-checkbox-no-clicked .jstree-clicked {
  349. background: transparent;
  350. box-shadow: none;
  351. }
  352. .jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered {
  353. background: #e7f4f9;
  354. }
  355. .jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked {
  356. background: transparent;
  357. }
  358. .jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered {
  359. background: #e7f4f9;
  360. }
  361. .jstree-default > .jstree-striped {
  362. min-width: 100%;
  363. display: inline-block;
  364. background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAMAAAB/qqA+AAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMNAMM9s3UAAAAXSURBVHjajcEBAQAAAIKg/H/aCQZ70AUBjAATb6YPDgAAAABJRU5ErkJggg==") left top repeat;
  365. }
  366. .jstree-default > .jstree-wholerow-ul .jstree-hovered,
  367. .jstree-default > .jstree-wholerow-ul .jstree-clicked {
  368. background: transparent;
  369. box-shadow: none;
  370. border-radius: 0;
  371. }
  372. .jstree-default .jstree-wholerow {
  373. -moz-box-sizing: border-box;
  374. -webkit-box-sizing: border-box;
  375. box-sizing: border-box;
  376. }
  377. .jstree-default .jstree-wholerow-hovered {
  378. background: #e7f4f9;
  379. }
  380. .jstree-default .jstree-wholerow-clicked {
  381. background: #beebff;
  382. background: -webkit-linear-gradient(top, #beebff 0%, #a8e4ff 100%);
  383. background: linear-gradient(to bottom, #beebff 0%, #a8e4ff 100%);
  384. }
  385. .jstree-default .jstree-node {
  386. min-height: 24px;
  387. line-height: 24px;
  388. margin-left: 24px;
  389. min-width: 24px;
  390. }
  391. .jstree-default .jstree-anchor {
  392. line-height: 24px;
  393. height: 24px;
  394. }
  395. .jstree-default .jstree-icon {
  396. width: 24px;
  397. height: 24px;
  398. line-height: 24px;
  399. }
  400. .jstree-default .jstree-icon:empty {
  401. width: 24px;
  402. height: 24px;
  403. line-height: 24px;
  404. }
  405. .jstree-default.jstree-rtl .jstree-node {
  406. margin-right: 24px;
  407. }
  408. .jstree-default .jstree-wholerow {
  409. height: 24px;
  410. }
  411. .jstree-default .jstree-node,
  412. .jstree-default .jstree-icon {
  413. background-image: url("32px.png");
  414. }
  415. .jstree-default .jstree-node {
  416. background-position: -292px -4px;
  417. background-repeat: repeat-y;
  418. }
  419. .jstree-default .jstree-last {
  420. background: transparent;
  421. }
  422. .jstree-default .jstree-open > .jstree-ocl {
  423. background-position: -132px -4px;
  424. }
  425. .jstree-default .jstree-closed > .jstree-ocl {
  426. background-position: -100px -4px;
  427. }
  428. .jstree-default .jstree-leaf > .jstree-ocl {
  429. background-position: -68px -4px;
  430. }
  431. .jstree-default .jstree-themeicon {
  432. background-position: -260px -4px;
  433. }
  434. .jstree-default > .jstree-no-dots .jstree-node,
  435. .jstree-default > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  436. background: transparent;
  437. }
  438. .jstree-default > .jstree-no-dots .jstree-open > .jstree-ocl {
  439. background-position: -36px -4px;
  440. }
  441. .jstree-default > .jstree-no-dots .jstree-closed > .jstree-ocl {
  442. background-position: -4px -4px;
  443. }
  444. .jstree-default .jstree-disabled {
  445. background: transparent;
  446. }
  447. .jstree-default .jstree-disabled.jstree-hovered {
  448. background: transparent;
  449. }
  450. .jstree-default .jstree-disabled.jstree-clicked {
  451. background: #efefef;
  452. }
  453. .jstree-default .jstree-checkbox {
  454. background-position: -164px -4px;
  455. }
  456. .jstree-default .jstree-checkbox:hover {
  457. background-position: -164px -36px;
  458. }
  459. .jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
  460. .jstree-default .jstree-checked > .jstree-checkbox {
  461. background-position: -228px -4px;
  462. }
  463. .jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
  464. .jstree-default .jstree-checked > .jstree-checkbox:hover {
  465. background-position: -228px -36px;
  466. }
  467. .jstree-default .jstree-anchor > .jstree-undetermined {
  468. background-position: -196px -4px;
  469. }
  470. .jstree-default .jstree-anchor > .jstree-undetermined:hover {
  471. background-position: -196px -36px;
  472. }
  473. .jstree-default .jstree-checkbox-disabled {
  474. opacity: 0.8;
  475. filter: url("data:image/svg+xml;utf8,#jstree-grayscale");
  476. /* Firefox 10+ */
  477. filter: gray;
  478. /* IE6-9 */
  479. -webkit-filter: grayscale(100%);
  480. /* Chrome 19+ & Safari 6+ */
  481. }
  482. .jstree-default > .jstree-striped {
  483. background-size: auto 48px;
  484. }
  485. .jstree-default.jstree-rtl .jstree-node {
  486. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
  487. background-position: 100% 1px;
  488. background-repeat: repeat-y;
  489. }
  490. .jstree-default.jstree-rtl .jstree-last {
  491. background: transparent;
  492. }
  493. .jstree-default.jstree-rtl .jstree-open > .jstree-ocl {
  494. background-position: -132px -36px;
  495. }
  496. .jstree-default.jstree-rtl .jstree-closed > .jstree-ocl {
  497. background-position: -100px -36px;
  498. }
  499. .jstree-default.jstree-rtl .jstree-leaf > .jstree-ocl {
  500. background-position: -68px -36px;
  501. }
  502. .jstree-default.jstree-rtl > .jstree-no-dots .jstree-node,
  503. .jstree-default.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  504. background: transparent;
  505. }
  506. .jstree-default.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  507. background-position: -36px -36px;
  508. }
  509. .jstree-default.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  510. background-position: -4px -36px;
  511. }
  512. .jstree-default .jstree-themeicon-custom {
  513. background-color: transparent;
  514. background-image: none;
  515. background-position: 0 0;
  516. }
  517. .jstree-default > .jstree-container-ul .jstree-loading > .jstree-ocl {
  518. background: url("throbber.gif") center center no-repeat;
  519. }
  520. .jstree-default .jstree-file {
  521. background: url("32px.png") -100px -68px no-repeat;
  522. }
  523. .jstree-default .jstree-folder {
  524. background: url("32px.png") -260px -4px no-repeat;
  525. }
  526. .jstree-default > .jstree-container-ul > .jstree-node {
  527. margin-left: 0;
  528. margin-right: 0;
  529. }
  530. #jstree-dnd.jstree-default {
  531. line-height: 24px;
  532. padding: 0 4px;
  533. }
  534. #jstree-dnd.jstree-default .jstree-ok,
  535. #jstree-dnd.jstree-default .jstree-er {
  536. background-image: url("32px.png");
  537. background-repeat: no-repeat;
  538. background-color: transparent;
  539. }
  540. #jstree-dnd.jstree-default i {
  541. background: transparent;
  542. width: 24px;
  543. height: 24px;
  544. line-height: 24px;
  545. }
  546. #jstree-dnd.jstree-default .jstree-ok {
  547. background-position: -4px -68px;
  548. }
  549. #jstree-dnd.jstree-default .jstree-er {
  550. background-position: -36px -68px;
  551. }
  552. .jstree-default .jstree-ellipsis {
  553. overflow: hidden;
  554. }
  555. .jstree-default .jstree-ellipsis .jstree-anchor {
  556. width: calc(100% - 29px);
  557. text-overflow: ellipsis;
  558. overflow: hidden;
  559. }
  560. .jstree-default.jstree-rtl .jstree-node {
  561. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
  562. }
  563. .jstree-default.jstree-rtl .jstree-last {
  564. background: transparent;
  565. }
  566. .jstree-default-small .jstree-node {
  567. min-height: 18px;
  568. line-height: 18px;
  569. margin-left: 18px;
  570. min-width: 18px;
  571. }
  572. .jstree-default-small .jstree-anchor {
  573. line-height: 18px;
  574. height: 18px;
  575. }
  576. .jstree-default-small .jstree-icon {
  577. width: 18px;
  578. height: 18px;
  579. line-height: 18px;
  580. }
  581. .jstree-default-small .jstree-icon:empty {
  582. width: 18px;
  583. height: 18px;
  584. line-height: 18px;
  585. }
  586. .jstree-default-small.jstree-rtl .jstree-node {
  587. margin-right: 18px;
  588. }
  589. .jstree-default-small .jstree-wholerow {
  590. height: 18px;
  591. }
  592. .jstree-default-small .jstree-node,
  593. .jstree-default-small .jstree-icon {
  594. background-image: url("32px.png");
  595. }
  596. .jstree-default-small .jstree-node {
  597. background-position: -295px -7px;
  598. background-repeat: repeat-y;
  599. }
  600. .jstree-default-small .jstree-last {
  601. background: transparent;
  602. }
  603. .jstree-default-small .jstree-open > .jstree-ocl {
  604. background-position: -135px -7px;
  605. }
  606. .jstree-default-small .jstree-closed > .jstree-ocl {
  607. background-position: -103px -7px;
  608. }
  609. .jstree-default-small .jstree-leaf > .jstree-ocl {
  610. background-position: -71px -7px;
  611. }
  612. .jstree-default-small .jstree-themeicon {
  613. background-position: -263px -7px;
  614. }
  615. .jstree-default-small > .jstree-no-dots .jstree-node,
  616. .jstree-default-small > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  617. background: transparent;
  618. }
  619. .jstree-default-small > .jstree-no-dots .jstree-open > .jstree-ocl {
  620. background-position: -39px -7px;
  621. }
  622. .jstree-default-small > .jstree-no-dots .jstree-closed > .jstree-ocl {
  623. background-position: -7px -7px;
  624. }
  625. .jstree-default-small .jstree-disabled {
  626. background: transparent;
  627. }
  628. .jstree-default-small .jstree-disabled.jstree-hovered {
  629. background: transparent;
  630. }
  631. .jstree-default-small .jstree-disabled.jstree-clicked {
  632. background: #efefef;
  633. }
  634. .jstree-default-small .jstree-checkbox {
  635. background-position: -167px -7px;
  636. }
  637. .jstree-default-small .jstree-checkbox:hover {
  638. background-position: -167px -39px;
  639. }
  640. .jstree-default-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
  641. .jstree-default-small .jstree-checked > .jstree-checkbox {
  642. background-position: -231px -7px;
  643. }
  644. .jstree-default-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
  645. .jstree-default-small .jstree-checked > .jstree-checkbox:hover {
  646. background-position: -231px -39px;
  647. }
  648. .jstree-default-small .jstree-anchor > .jstree-undetermined {
  649. background-position: -199px -7px;
  650. }
  651. .jstree-default-small .jstree-anchor > .jstree-undetermined:hover {
  652. background-position: -199px -39px;
  653. }
  654. .jstree-default-small .jstree-checkbox-disabled {
  655. opacity: 0.8;
  656. filter: url("data:image/svg+xml;utf8,#jstree-grayscale");
  657. /* Firefox 10+ */
  658. filter: gray;
  659. /* IE6-9 */
  660. -webkit-filter: grayscale(100%);
  661. /* Chrome 19+ & Safari 6+ */
  662. }
  663. .jstree-default-small > .jstree-striped {
  664. background-size: auto 36px;
  665. }
  666. .jstree-default-small.jstree-rtl .jstree-node {
  667. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
  668. background-position: 100% 1px;
  669. background-repeat: repeat-y;
  670. }
  671. .jstree-default-small.jstree-rtl .jstree-last {
  672. background: transparent;
  673. }
  674. .jstree-default-small.jstree-rtl .jstree-open > .jstree-ocl {
  675. background-position: -135px -39px;
  676. }
  677. .jstree-default-small.jstree-rtl .jstree-closed > .jstree-ocl {
  678. background-position: -103px -39px;
  679. }
  680. .jstree-default-small.jstree-rtl .jstree-leaf > .jstree-ocl {
  681. background-position: -71px -39px;
  682. }
  683. .jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-node,
  684. .jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  685. background: transparent;
  686. }
  687. .jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  688. background-position: -39px -39px;
  689. }
  690. .jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  691. background-position: -7px -39px;
  692. }
  693. .jstree-default-small .jstree-themeicon-custom {
  694. background-color: transparent;
  695. background-image: none;
  696. background-position: 0 0;
  697. }
  698. .jstree-default-small > .jstree-container-ul .jstree-loading > .jstree-ocl {
  699. background: url("throbber.gif") center center no-repeat;
  700. }
  701. .jstree-default-small .jstree-file {
  702. background: url("32px.png") -103px -71px no-repeat;
  703. }
  704. .jstree-default-small .jstree-folder {
  705. background: url("32px.png") -263px -7px no-repeat;
  706. }
  707. .jstree-default-small > .jstree-container-ul > .jstree-node {
  708. margin-left: 0;
  709. margin-right: 0;
  710. }
  711. #jstree-dnd.jstree-default-small {
  712. line-height: 18px;
  713. padding: 0 4px;
  714. }
  715. #jstree-dnd.jstree-default-small .jstree-ok,
  716. #jstree-dnd.jstree-default-small .jstree-er {
  717. background-image: url("32px.png");
  718. background-repeat: no-repeat;
  719. background-color: transparent;
  720. }
  721. #jstree-dnd.jstree-default-small i {
  722. background: transparent;
  723. width: 18px;
  724. height: 18px;
  725. line-height: 18px;
  726. }
  727. #jstree-dnd.jstree-default-small .jstree-ok {
  728. background-position: -7px -71px;
  729. }
  730. #jstree-dnd.jstree-default-small .jstree-er {
  731. background-position: -39px -71px;
  732. }
  733. .jstree-default-small .jstree-ellipsis {
  734. overflow: hidden;
  735. }
  736. .jstree-default-small .jstree-ellipsis .jstree-anchor {
  737. width: calc(100% - 23px);
  738. text-overflow: ellipsis;
  739. overflow: hidden;
  740. }
  741. .jstree-default-small.jstree-rtl .jstree-node {
  742. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAACAQMAAABv1h6PAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMHBgAAiABBI4gz9AAAAABJRU5ErkJggg==");
  743. }
  744. .jstree-default-small.jstree-rtl .jstree-last {
  745. background: transparent;
  746. }
  747. .jstree-default-large .jstree-node {
  748. min-height: 32px;
  749. line-height: 32px;
  750. margin-left: 32px;
  751. min-width: 32px;
  752. }
  753. .jstree-default-large .jstree-anchor {
  754. line-height: 32px;
  755. height: 32px;
  756. }
  757. .jstree-default-large .jstree-icon {
  758. width: 32px;
  759. height: 32px;
  760. line-height: 32px;
  761. }
  762. .jstree-default-large .jstree-icon:empty {
  763. width: 32px;
  764. height: 32px;
  765. line-height: 32px;
  766. }
  767. .jstree-default-large.jstree-rtl .jstree-node {
  768. margin-right: 32px;
  769. }
  770. .jstree-default-large .jstree-wholerow {
  771. height: 32px;
  772. }
  773. .jstree-default-large .jstree-node,
  774. .jstree-default-large .jstree-icon {
  775. background-image: url("32px.png");
  776. }
  777. .jstree-default-large .jstree-node {
  778. background-position: -288px 0px;
  779. background-repeat: repeat-y;
  780. }
  781. .jstree-default-large .jstree-last {
  782. background: transparent;
  783. }
  784. .jstree-default-large .jstree-open > .jstree-ocl {
  785. background-position: -128px 0px;
  786. }
  787. .jstree-default-large .jstree-closed > .jstree-ocl {
  788. background-position: -96px 0px;
  789. }
  790. .jstree-default-large .jstree-leaf > .jstree-ocl {
  791. background-position: -64px 0px;
  792. }
  793. .jstree-default-large .jstree-themeicon {
  794. background-position: -256px 0px;
  795. }
  796. .jstree-default-large > .jstree-no-dots .jstree-node,
  797. .jstree-default-large > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  798. background: transparent;
  799. }
  800. .jstree-default-large > .jstree-no-dots .jstree-open > .jstree-ocl {
  801. background-position: -32px 0px;
  802. }
  803. .jstree-default-large > .jstree-no-dots .jstree-closed > .jstree-ocl {
  804. background-position: 0px 0px;
  805. }
  806. .jstree-default-large .jstree-disabled {
  807. background: transparent;
  808. }
  809. .jstree-default-large .jstree-disabled.jstree-hovered {
  810. background: transparent;
  811. }
  812. .jstree-default-large .jstree-disabled.jstree-clicked {
  813. background: #efefef;
  814. }
  815. .jstree-default-large .jstree-checkbox {
  816. background-position: -160px 0px;
  817. }
  818. .jstree-default-large .jstree-checkbox:hover {
  819. background-position: -160px -32px;
  820. }
  821. .jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
  822. .jstree-default-large .jstree-checked > .jstree-checkbox {
  823. background-position: -224px 0px;
  824. }
  825. .jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
  826. .jstree-default-large .jstree-checked > .jstree-checkbox:hover {
  827. background-position: -224px -32px;
  828. }
  829. .jstree-default-large .jstree-anchor > .jstree-undetermined {
  830. background-position: -192px 0px;
  831. }
  832. .jstree-default-large .jstree-anchor > .jstree-undetermined:hover {
  833. background-position: -192px -32px;
  834. }
  835. .jstree-default-large .jstree-checkbox-disabled {
  836. opacity: 0.8;
  837. filter: url("data:image/svg+xml;utf8,#jstree-grayscale");
  838. /* Firefox 10+ */
  839. filter: gray;
  840. /* IE6-9 */
  841. -webkit-filter: grayscale(100%);
  842. /* Chrome 19+ & Safari 6+ */
  843. }
  844. .jstree-default-large > .jstree-striped {
  845. background-size: auto 64px;
  846. }
  847. .jstree-default-large.jstree-rtl .jstree-node {
  848. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
  849. background-position: 100% 1px;
  850. background-repeat: repeat-y;
  851. }
  852. .jstree-default-large.jstree-rtl .jstree-last {
  853. background: transparent;
  854. }
  855. .jstree-default-large.jstree-rtl .jstree-open > .jstree-ocl {
  856. background-position: -128px -32px;
  857. }
  858. .jstree-default-large.jstree-rtl .jstree-closed > .jstree-ocl {
  859. background-position: -96px -32px;
  860. }
  861. .jstree-default-large.jstree-rtl .jstree-leaf > .jstree-ocl {
  862. background-position: -64px -32px;
  863. }
  864. .jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-node,
  865. .jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  866. background: transparent;
  867. }
  868. .jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  869. background-position: -32px -32px;
  870. }
  871. .jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  872. background-position: 0px -32px;
  873. }
  874. .jstree-default-large .jstree-themeicon-custom {
  875. background-color: transparent;
  876. background-image: none;
  877. background-position: 0 0;
  878. }
  879. .jstree-default-large > .jstree-container-ul .jstree-loading > .jstree-ocl {
  880. background: url("throbber.gif") center center no-repeat;
  881. }
  882. .jstree-default-large .jstree-file {
  883. background: url("32px.png") -96px -64px no-repeat;
  884. }
  885. .jstree-default-large .jstree-folder {
  886. background: url("32px.png") -256px 0px no-repeat;
  887. }
  888. .jstree-default-large > .jstree-container-ul > .jstree-node {
  889. margin-left: 0;
  890. margin-right: 0;
  891. }
  892. #jstree-dnd.jstree-default-large {
  893. line-height: 32px;
  894. padding: 0 4px;
  895. }
  896. #jstree-dnd.jstree-default-large .jstree-ok,
  897. #jstree-dnd.jstree-default-large .jstree-er {
  898. background-image: url("32px.png");
  899. background-repeat: no-repeat;
  900. background-color: transparent;
  901. }
  902. #jstree-dnd.jstree-default-large i {
  903. background: transparent;
  904. width: 32px;
  905. height: 32px;
  906. line-height: 32px;
  907. }
  908. #jstree-dnd.jstree-default-large .jstree-ok {
  909. background-position: 0px -64px;
  910. }
  911. #jstree-dnd.jstree-default-large .jstree-er {
  912. background-position: -32px -64px;
  913. }
  914. .jstree-default-large .jstree-ellipsis {
  915. overflow: hidden;
  916. }
  917. .jstree-default-large .jstree-ellipsis .jstree-anchor {
  918. width: calc(100% - 37px);
  919. text-overflow: ellipsis;
  920. overflow: hidden;
  921. }
  922. .jstree-default-large.jstree-rtl .jstree-node {
  923. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAACAQMAAAAD0EyKAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjgIIGBgABCgCBvVLXcAAAAABJRU5ErkJggg==");
  924. }
  925. .jstree-default-large.jstree-rtl .jstree-last {
  926. background: transparent;
  927. }
  928. @media (max-width: 768px) {
  929. #jstree-dnd.jstree-dnd-responsive {
  930. line-height: 40px;
  931. font-weight: bold;
  932. font-size: 1.1em;
  933. text-shadow: 1px 1px white;
  934. }
  935. #jstree-dnd.jstree-dnd-responsive > i {
  936. background: transparent;
  937. width: 40px;
  938. height: 40px;
  939. }
  940. #jstree-dnd.jstree-dnd-responsive > .jstree-ok {
  941. background-image: url("40px.png");
  942. background-position: 0 -200px;
  943. background-size: 120px 240px;
  944. }
  945. #jstree-dnd.jstree-dnd-responsive > .jstree-er {
  946. background-image: url("40px.png");
  947. background-position: -40px -200px;
  948. background-size: 120px 240px;
  949. }
  950. #jstree-marker.jstree-dnd-responsive {
  951. border-left-width: 10px;
  952. border-top-width: 10px;
  953. border-bottom-width: 10px;
  954. margin-top: -10px;
  955. }
  956. }
  957. @media (max-width: 768px) {
  958. .jstree-default-responsive {
  959. /*
  960. .jstree-open > .jstree-ocl,
  961. .jstree-closed > .jstree-ocl { border-radius:20px; background-color:white; }
  962. */
  963. }
  964. .jstree-default-responsive .jstree-icon {
  965. background-image: url("40px.png");
  966. }
  967. .jstree-default-responsive .jstree-node,
  968. .jstree-default-responsive .jstree-leaf > .jstree-ocl {
  969. background: transparent;
  970. }
  971. .jstree-default-responsive .jstree-node {
  972. min-height: 40px;
  973. line-height: 40px;
  974. margin-left: 40px;
  975. min-width: 40px;
  976. white-space: nowrap;
  977. }
  978. .jstree-default-responsive .jstree-anchor {
  979. line-height: 40px;
  980. height: 40px;
  981. }
  982. .jstree-default-responsive .jstree-icon,
  983. .jstree-default-responsive .jstree-icon:empty {
  984. width: 40px;
  985. height: 40px;
  986. line-height: 40px;
  987. }
  988. .jstree-default-responsive > .jstree-container-ul > .jstree-node {
  989. margin-left: 0;
  990. }
  991. .jstree-default-responsive.jstree-rtl .jstree-node {
  992. margin-left: 0;
  993. margin-right: 40px;
  994. background: transparent;
  995. }
  996. .jstree-default-responsive.jstree-rtl .jstree-container-ul > .jstree-node {
  997. margin-right: 0;
  998. }
  999. .jstree-default-responsive .jstree-ocl,
  1000. .jstree-default-responsive .jstree-themeicon,
  1001. .jstree-default-responsive .jstree-checkbox {
  1002. background-size: 120px 240px;
  1003. }
  1004. .jstree-default-responsive .jstree-leaf > .jstree-ocl,
  1005. .jstree-default-responsive.jstree-rtl .jstree-leaf > .jstree-ocl {
  1006. background: transparent;
  1007. }
  1008. .jstree-default-responsive .jstree-open > .jstree-ocl {
  1009. background-position: 0 0 !important;
  1010. }
  1011. .jstree-default-responsive .jstree-closed > .jstree-ocl {
  1012. background-position: 0 -40px !important;
  1013. }
  1014. .jstree-default-responsive.jstree-rtl .jstree-closed > .jstree-ocl {
  1015. background-position: -40px 0 !important;
  1016. }
  1017. .jstree-default-responsive .jstree-themeicon {
  1018. background-position: -40px -40px;
  1019. }
  1020. .jstree-default-responsive .jstree-checkbox,
  1021. .jstree-default-responsive .jstree-checkbox:hover {
  1022. background-position: -40px -80px;
  1023. }
  1024. .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
  1025. .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
  1026. .jstree-default-responsive .jstree-checked > .jstree-checkbox,
  1027. .jstree-default-responsive .jstree-checked > .jstree-checkbox:hover {
  1028. background-position: 0 -80px;
  1029. }
  1030. .jstree-default-responsive .jstree-anchor > .jstree-undetermined,
  1031. .jstree-default-responsive .jstree-anchor > .jstree-undetermined:hover {
  1032. background-position: 0 -120px;
  1033. }
  1034. .jstree-default-responsive .jstree-anchor {
  1035. font-weight: bold;
  1036. font-size: 1.1em;
  1037. text-shadow: 1px 1px white;
  1038. }
  1039. .jstree-default-responsive > .jstree-striped {
  1040. background: transparent;
  1041. }
  1042. .jstree-default-responsive .jstree-wholerow {
  1043. border-top: 1px solid rgba(255, 255, 255, 0.7);
  1044. border-bottom: 1px solid rgba(64, 64, 64, 0.2);
  1045. background: #ebebeb;
  1046. height: 40px;
  1047. }
  1048. .jstree-default-responsive .jstree-wholerow-hovered {
  1049. background: #e7f4f9;
  1050. }
  1051. .jstree-default-responsive .jstree-wholerow-clicked {
  1052. background: #beebff;
  1053. }
  1054. .jstree-default-responsive .jstree-children .jstree-last > .jstree-wholerow {
  1055. box-shadow: inset 0 -6px 3px -5px #666666;
  1056. }
  1057. .jstree-default-responsive .jstree-children .jstree-open > .jstree-wholerow {
  1058. box-shadow: inset 0 6px 3px -5px #666666;
  1059. border-top: 0;
  1060. }
  1061. .jstree-default-responsive .jstree-children .jstree-open + .jstree-open {
  1062. box-shadow: none;
  1063. }
  1064. .jstree-default-responsive .jstree-node,
  1065. .jstree-default-responsive .jstree-icon,
  1066. .jstree-default-responsive .jstree-node > .jstree-ocl,
  1067. .jstree-default-responsive .jstree-themeicon,
  1068. .jstree-default-responsive .jstree-checkbox {
  1069. background-image: url("40px.png");
  1070. background-size: 120px 240px;
  1071. }
  1072. .jstree-default-responsive .jstree-node {
  1073. background-position: -80px 0;
  1074. background-repeat: repeat-y;
  1075. }
  1076. .jstree-default-responsive .jstree-last {
  1077. background: transparent;
  1078. }
  1079. .jstree-default-responsive .jstree-leaf > .jstree-ocl {
  1080. background-position: -40px -120px;
  1081. }
  1082. .jstree-default-responsive .jstree-last > .jstree-ocl {
  1083. background-position: -40px -160px;
  1084. }
  1085. .jstree-default-responsive .jstree-themeicon-custom {
  1086. background-color: transparent;
  1087. background-image: none;
  1088. background-position: 0 0;
  1089. }
  1090. .jstree-default-responsive .jstree-file {
  1091. background: url("40px.png") 0 -160px no-repeat;
  1092. background-size: 120px 240px;
  1093. }
  1094. .jstree-default-responsive .jstree-folder {
  1095. background: url("40px.png") -40px -40px no-repeat;
  1096. background-size: 120px 240px;
  1097. }
  1098. .jstree-default-responsive > .jstree-container-ul > .jstree-node {
  1099. margin-left: 0;
  1100. margin-right: 0;
  1101. }
  1102. }