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