1/*! 2 * Fancytree "Lion" skin. 3 * 4 * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from 5 * the LESS templates. 6 */ 7/* 8 Lion colors: 9 gray highlight bar: #D4D4D4 10 blue highlight-bar and -border #3875D7 11 12*/ 13/******************************************************************************* 14 * Common Styles for Fancytree Skins. 15 * 16 * This section is automatically generated from the `skin-common.less` template. 17 * 18 * Copyright (c) 2008-2023, Martin Wendt (https://wwWendt.de) 19 * Released under the MIT license 20 * https://github.com/mar10/fancytree/wiki/LicenseInfo 21 * 22 * @version 2.38.3 23 * @date 2023-02-01T20:52:50Z 24******************************************************************************/ 25/*------------------------------------------------------------------------------ 26 * Helpers 27 *----------------------------------------------------------------------------*/ 28.fancytree-helper-hidden { 29 display: none; 30} 31.fancytree-helper-indeterminate-cb { 32 color: #777; 33} 34.fancytree-helper-disabled { 35 color: #c0c0c0; 36} 37/* Helper to allow spinning loader icon with glyph-, ligature-, and SVG-icons. */ 38.fancytree-helper-spin { 39 -webkit-animation: spin 1000ms infinite linear; 40 animation: spin 1000ms infinite linear; 41} 42@-webkit-keyframes spin { 43 0% { 44 -webkit-transform: rotate(0deg); 45 transform: rotate(0deg); 46 } 47 100% { 48 -webkit-transform: rotate(359deg); 49 transform: rotate(359deg); 50 } 51} 52@keyframes spin { 53 0% { 54 -webkit-transform: rotate(0deg); 55 transform: rotate(0deg); 56 } 57 100% { 58 -webkit-transform: rotate(359deg); 59 transform: rotate(359deg); 60 } 61} 62/*------------------------------------------------------------------------------ 63 * Container and UL / LI 64 *----------------------------------------------------------------------------*/ 65ul.fancytree-container { 66 font-family: tahoma, arial, helvetica; 67 font-size: 10pt; 68 white-space: nowrap; 69 padding: 3px; 70 margin: 0; 71 background-color: white; 72 border: 1px dotted gray; 73 min-height: 0%; 74 position: relative; 75} 76ul.fancytree-container ul { 77 padding: 0 0 0 16px; 78 margin: 0; 79} 80ul.fancytree-container ul > li:before { 81 content: none; 82} 83ul.fancytree-container li { 84 list-style-image: none; 85 list-style-position: outside; 86 list-style-type: none; 87 -moz-background-clip: border; 88 -moz-background-inline-policy: continuous; 89 -moz-background-origin: padding; 90 background-attachment: scroll; 91 background-color: transparent; 92 background-position: 0px 0px; 93 background-repeat: repeat-y; 94 background-image: none; 95 margin: 0; 96} 97ul.fancytree-container li.fancytree-lastsib { 98 background-image: none; 99} 100.ui-fancytree-disabled ul.fancytree-container { 101 opacity: 0.5; 102 background-color: silver; 103} 104ul.fancytree-connectors.fancytree-container li { 105 background-image: url("../skin-lion/vline.gif"); 106 background-position: 0 0; 107} 108ul.fancytree-container li.fancytree-lastsib, 109ul.fancytree-no-connector > li { 110 background-image: none; 111} 112li.fancytree-animating { 113 position: relative; 114} 115/*------------------------------------------------------------------------------ 116 * Common icon definitions 117 *----------------------------------------------------------------------------*/ 118span.fancytree-empty, 119span.fancytree-vline, 120span.fancytree-expander, 121span.fancytree-icon, 122span.fancytree-checkbox, 123span.fancytree-drag-helper-img, 124#fancytree-drop-marker { 125 width: 16px; 126 height: 16px; 127 display: inline-block; 128 vertical-align: top; 129 background-repeat: no-repeat; 130 background-image: url("../skin-lion/icons.gif"); 131 background-position: 0px 0px; 132} 133span.fancytree-icon, 134span.fancytree-checkbox, 135span.fancytree-expander, 136span.fancytree-custom-icon { 137 margin-top: 0px; 138} 139/* Used by icon option: */ 140span.fancytree-custom-icon { 141 width: 16px; 142 height: 16px; 143 display: inline-block; 144 margin-left: 3px; 145 background-position: 0px 0px; 146} 147/* Used by 'icon' node option: */ 148img.fancytree-icon { 149 width: 16px; 150 height: 16px; 151 margin-left: 3px; 152 margin-top: 0px; 153 vertical-align: top; 154 border-style: none; 155} 156/*------------------------------------------------------------------------------ 157 * Expander icon 158 * 159 * Note: IE6 doesn't correctly evaluate multiples class names, 160 * so we create combined class names that can be used in the CSS. 161 * 162 * Prefix: fancytree-exp- 163 * 1st character: 'e': expanded, 'c': collapsed, 'n': no children 164 * 2nd character (optional): 'd': lazy (Delayed) 165 * 3rd character (optional): 'l': Last sibling 166 *----------------------------------------------------------------------------*/ 167span.fancytree-expander { 168 cursor: pointer; 169} 170.fancytree-exp-n span.fancytree-expander, 171.fancytree-exp-nl span.fancytree-expander { 172 background-image: none; 173 cursor: default; 174} 175.fancytree-connectors .fancytree-exp-n span.fancytree-expander, 176.fancytree-connectors .fancytree-exp-nl span.fancytree-expander { 177 background-image: url("../skin-lion/icons.gif"); 178 margin-top: 0; 179} 180.fancytree-connectors .fancytree-exp-n span.fancytree-expander, 181.fancytree-connectors .fancytree-exp-n span.fancytree-expander:hover { 182 background-position: 0px -64px; 183} 184.fancytree-connectors .fancytree-exp-nl span.fancytree-expander, 185.fancytree-connectors .fancytree-exp-nl span.fancytree-expander:hover { 186 background-position: -16px -64px; 187} 188.fancytree-exp-c span.fancytree-expander { 189 background-position: 0px -80px; 190} 191.fancytree-exp-c span.fancytree-expander:hover { 192 background-position: -16px -80px; 193} 194.fancytree-exp-cl span.fancytree-expander { 195 background-position: 0px -96px; 196} 197.fancytree-exp-cl span.fancytree-expander:hover { 198 background-position: -16px -96px; 199} 200.fancytree-exp-cd span.fancytree-expander { 201 background-position: -64px -80px; 202} 203.fancytree-exp-cd span.fancytree-expander:hover { 204 background-position: -80px -80px; 205} 206.fancytree-exp-cdl span.fancytree-expander { 207 background-position: -64px -96px; 208} 209.fancytree-exp-cdl span.fancytree-expander:hover { 210 background-position: -80px -96px; 211} 212.fancytree-exp-e span.fancytree-expander, 213.fancytree-exp-ed span.fancytree-expander { 214 background-position: -32px -80px; 215} 216.fancytree-exp-e span.fancytree-expander:hover, 217.fancytree-exp-ed span.fancytree-expander:hover { 218 background-position: -48px -80px; 219} 220.fancytree-exp-el span.fancytree-expander, 221.fancytree-exp-edl span.fancytree-expander { 222 background-position: -32px -96px; 223} 224.fancytree-exp-el span.fancytree-expander:hover, 225.fancytree-exp-edl span.fancytree-expander:hover { 226 background-position: -48px -96px; 227} 228/* Fade out expanders, when container is not hovered or active */ 229.fancytree-fade-expander span.fancytree-expander { 230 transition: opacity 1.5s; 231 opacity: 0; 232} 233.fancytree-fade-expander:hover span.fancytree-expander, 234.fancytree-fade-expander.fancytree-treefocus span.fancytree-expander, 235.fancytree-fade-expander .fancytree-treefocus span.fancytree-expander, 236.fancytree-fade-expander [class*="fancytree-statusnode-"] span.fancytree-expander { 237 transition: opacity 0.6s; 238 opacity: 1; 239} 240/*------------------------------------------------------------------------------ 241 * Checkbox icon 242 *----------------------------------------------------------------------------*/ 243span.fancytree-checkbox { 244 margin-left: 3px; 245 background-position: 0px -32px; 246} 247span.fancytree-checkbox:hover { 248 background-position: -16px -32px; 249} 250span.fancytree-checkbox.fancytree-radio { 251 background-position: 0px -48px; 252} 253span.fancytree-checkbox.fancytree-radio:hover { 254 background-position: -16px -48px; 255} 256.fancytree-partsel span.fancytree-checkbox { 257 background-position: -64px -32px; 258} 259.fancytree-partsel span.fancytree-checkbox:hover { 260 background-position: -80px -32px; 261} 262.fancytree-partsel span.fancytree-checkbox.fancytree-radio { 263 background-position: -64px -48px; 264} 265.fancytree-partsel span.fancytree-checkbox.fancytree-radio:hover { 266 background-position: -80px -48px; 267} 268.fancytree-selected span.fancytree-checkbox { 269 background-position: -32px -32px; 270} 271.fancytree-selected span.fancytree-checkbox:hover { 272 background-position: -48px -32px; 273} 274.fancytree-selected span.fancytree-checkbox.fancytree-radio { 275 background-position: -32px -48px; 276} 277.fancytree-selected span.fancytree-checkbox.fancytree-radio:hover { 278 background-position: -48px -48px; 279} 280.fancytree-unselectable span.fancytree-checkbox { 281 opacity: 0.4; 282 filter: alpha(opacity=40); 283} 284.fancytree-unselectable span.fancytree-checkbox:hover { 285 background-position: 0px -32px; 286} 287.fancytree-unselectable span.fancytree-checkbox.fancytree-radio:hover { 288 background-position: 0px -48px; 289} 290.fancytree-unselectable.fancytree-partsel span.fancytree-checkbox:hover { 291 background-position: -64px -32px; 292} 293.fancytree-unselectable.fancytree-selected span.fancytree-checkbox:hover { 294 background-position: -32px -32px; 295} 296.fancytree-unselectable.fancytree-selected span.fancytree-checkbox.fancytree-radio:hover { 297 background-position: -32px -48px; 298} 299.fancytree-container.fancytree-checkbox-auto-hide span.fancytree-checkbox { 300 visibility: hidden; 301} 302.fancytree-container.fancytree-checkbox-auto-hide .fancytree-node:hover span.fancytree-checkbox, 303.fancytree-container.fancytree-checkbox-auto-hide tr:hover td span.fancytree-checkbox, 304.fancytree-container.fancytree-checkbox-auto-hide .fancytree-node.fancytree-selected span.fancytree-checkbox, 305.fancytree-container.fancytree-checkbox-auto-hide tr.fancytree-selected td span.fancytree-checkbox { 306 visibility: unset; 307} 308.fancytree-container.fancytree-checkbox-auto-hide.fancytree-treefocus .fancytree-node.fancytree-active span.fancytree-checkbox, 309.fancytree-container.fancytree-checkbox-auto-hide.fancytree-treefocus tr.fancytree-active td span.fancytree-checkbox { 310 visibility: unset; 311} 312/*------------------------------------------------------------------------------ 313 * Node type icon 314 * Note: IE6 doesn't correctly evaluate multiples class names, 315 * so we create combined class names that can be used in the CSS. 316 * 317 * Prefix: fancytree-ico- 318 * 1st character: 'e': expanded, 'c': collapsed 319 * 2nd character (optional): 'f': folder 320 *----------------------------------------------------------------------------*/ 321span.fancytree-icon { 322 margin-left: 3px; 323 background-position: 0px 0px; 324} 325/* Documents */ 326.fancytree-ico-c span.fancytree-icon:hover { 327 background-position: -16px 0px; 328} 329.fancytree-has-children.fancytree-ico-c span.fancytree-icon { 330 background-position: -32px 0px; 331} 332.fancytree-has-children.fancytree-ico-c span.fancytree-icon:hover { 333 background-position: -48px 0px; 334} 335.fancytree-ico-e span.fancytree-icon { 336 background-position: -64px 0px; 337} 338.fancytree-ico-e span.fancytree-icon:hover { 339 background-position: -80px 0px; 340} 341/* Folders */ 342.fancytree-ico-cf span.fancytree-icon { 343 background-position: 0px -16px; 344} 345.fancytree-ico-cf span.fancytree-icon:hover { 346 background-position: -16px -16px; 347} 348.fancytree-has-children.fancytree-ico-cf span.fancytree-icon { 349 background-position: -32px -16px; 350} 351.fancytree-has-children.fancytree-ico-cf span.fancytree-icon:hover { 352 background-position: -48px -16px; 353} 354.fancytree-ico-ef span.fancytree-icon { 355 background-position: -64px -16px; 356} 357.fancytree-ico-ef span.fancytree-icon:hover { 358 background-position: -80px -16px; 359} 360.fancytree-loading span.fancytree-expander, 361.fancytree-loading span.fancytree-expander:hover, 362.fancytree-statusnode-loading span.fancytree-icon, 363.fancytree-statusnode-loading span.fancytree-icon:hover, 364span.fancytree-icon.fancytree-icon-loading { 365 background-image: url("../skin-lion/loading.gif"); 366 background-position: 0px 0px; 367} 368/* Status node icons */ 369.fancytree-statusnode-error span.fancytree-icon, 370.fancytree-statusnode-error span.fancytree-icon:hover { 371 background-position: 0px -112px; 372} 373/*------------------------------------------------------------------------------ 374 * Node titles and highlighting 375 *----------------------------------------------------------------------------*/ 376span.fancytree-node { 377 /* See #117 */ 378 display: inherit; 379 width: 100%; 380 margin-top: 1px; 381 min-height: 16px; 382} 383span.fancytree-title { 384 color: black; 385 cursor: pointer; 386 display: inline-block; 387 vertical-align: top; 388 min-height: 16px; 389 padding: 0 3px 0 3px; 390 margin: 0px 0 0 3px; 391 border: 1px solid transparent; 392 -webkit-border-radius: 0px; 393 -moz-border-radius: 0px; 394 -ms-border-radius: 0px; 395 -o-border-radius: 0px; 396 border-radius: 0px; 397} 398span.fancytree-node.fancytree-error span.fancytree-title { 399 color: red; 400} 401/*------------------------------------------------------------------------------ 402 * Drag'n'drop support 403 *----------------------------------------------------------------------------*/ 404/* ext-dnd5: */ 405span.fancytree-childcounter { 406 color: #fff; 407 background: #337ab7; 408 border: 1px solid gray; 409 border-radius: 10px; 410 padding: 2px; 411 text-align: center; 412} 413/* ext-dnd: */ 414div.fancytree-drag-helper span.fancytree-childcounter, 415div.fancytree-drag-helper span.fancytree-dnd-modifier { 416 display: inline-block; 417 color: #fff; 418 background: #337ab7; 419 border: 1px solid gray; 420 min-width: 10px; 421 height: 10px; 422 line-height: 1; 423 vertical-align: baseline; 424 border-radius: 10px; 425 padding: 2px; 426 text-align: center; 427 font-size: 9px; 428} 429div.fancytree-drag-helper span.fancytree-childcounter { 430 position: absolute; 431 top: -6px; 432 right: -6px; 433} 434div.fancytree-drag-helper span.fancytree-dnd-modifier { 435 background: #5cb85c; 436 border: none; 437 font-weight: bolder; 438} 439div.fancytree-drag-helper.fancytree-drop-accept span.fancytree-drag-helper-img { 440 background-position: -32px -112px; 441} 442div.fancytree-drag-helper.fancytree-drop-reject span.fancytree-drag-helper-img { 443 background-position: -16px -112px; 444} 445/*** Drop marker icon *********************************************************/ 446#fancytree-drop-marker { 447 width: 32px; 448 position: absolute; 449 background-position: 0px -128px; 450 margin: 0; 451} 452#fancytree-drop-marker.fancytree-drop-after, 453#fancytree-drop-marker.fancytree-drop-before { 454 width: 64px; 455 background-position: 0px -144px; 456} 457#fancytree-drop-marker.fancytree-drop-copy { 458 background-position: -64px -128px; 459} 460#fancytree-drop-marker.fancytree-drop-move { 461 background-position: -32px -128px; 462} 463/*** Source node while dragging ***********************************************/ 464span.fancytree-drag-source.fancytree-drag-remove { 465 opacity: 0.15; 466} 467/*** Target node while dragging cursor is over it *****************************/ 468/*------------------------------------------------------------------------------ 469 * 'rtl' option 470 *----------------------------------------------------------------------------*/ 471.fancytree-container.fancytree-rtl .fancytree-title { 472 /*unicode-bidi: bidi-override;*/ 473 /* optional: reverse title letters */ 474} 475.fancytree-container.fancytree-rtl span.fancytree-connector, 476.fancytree-container.fancytree-rtl span.fancytree-expander, 477.fancytree-container.fancytree-rtl span.fancytree-icon, 478.fancytree-container.fancytree-rtl span.fancytree-drag-helper-img { 479 background-image: url("../skin-lion/icons-rtl.gif"); 480} 481.fancytree-container.fancytree-rtl .fancytree-exp-n span.fancytree-expander, 482.fancytree-container.fancytree-rtl .fancytree-exp-nl span.fancytree-expander { 483 background-image: none; 484} 485.fancytree-container.fancytree-rtl.fancytree-connectors .fancytree-exp-n span.fancytree-expander, 486.fancytree-container.fancytree-rtl.fancytree-connectors .fancytree-exp-nl span.fancytree-expander { 487 background-image: url("../skin-lion/icons-rtl.gif"); 488} 489ul.fancytree-container.fancytree-rtl ul { 490 padding: 0 16px 0 0; 491} 492ul.fancytree-container.fancytree-rtl.fancytree-connectors li { 493 background-position: right 0; 494 background-image: url("../skin-lion/vline-rtl.gif"); 495} 496ul.fancytree-container.fancytree-rtl li.fancytree-lastsib, 497ul.fancytree-container.fancytree-rtl.fancytree-no-connector > li { 498 background-image: none; 499} 500#fancytree-drop-marker.fancytree-rtl { 501 background-image: url("../skin-lion/icons-rtl.gif"); 502} 503/*------------------------------------------------------------------------------ 504 * 'table' extension 505 *----------------------------------------------------------------------------*/ 506table.fancytree-ext-table { 507 font-family: tahoma, arial, helvetica; 508 font-size: 10pt; 509 border-collapse: collapse; 510 /* ext-ariagrid */ 511} 512table.fancytree-ext-table span.fancytree-node { 513 display: inline-block; 514 box-sizing: border-box; 515} 516table.fancytree-ext-table td.fancytree-status-merged { 517 text-align: center; 518 font-style: italic; 519 color: #c0c0c0; 520} 521table.fancytree-ext-table tr.fancytree-statusnode-error td.fancytree-status-merged { 522 color: red; 523} 524table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode > tbody > tr.fancytree-active > td { 525 background-color: #eee; 526} 527table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode > tbody > tr > td.fancytree-active-cell { 528 background-color: #cbe8f6; 529} 530table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode.fancytree-cell-nav-mode > tbody > tr > td.fancytree-active-cell { 531 background-color: #3875d7; 532} 533/*------------------------------------------------------------------------------ 534 * 'columnview' extension 535 *----------------------------------------------------------------------------*/ 536table.fancytree-ext-columnview tbody tr td { 537 position: relative; 538 border: 1px solid gray; 539 vertical-align: top; 540 overflow: auto; 541} 542table.fancytree-ext-columnview tbody tr td > ul { 543 padding: 0; 544} 545table.fancytree-ext-columnview tbody tr td > ul li { 546 list-style-image: none; 547 list-style-position: outside; 548 list-style-type: none; 549 -moz-background-clip: border; 550 -moz-background-inline-policy: continuous; 551 -moz-background-origin: padding; 552 background-attachment: scroll; 553 background-color: transparent; 554 background-position: 0px 0px; 555 background-repeat: repeat-y; 556 background-image: none; 557 /* no v-lines */ 558 margin: 0; 559} 560table.fancytree-ext-columnview span.fancytree-node { 561 position: relative; 562 /* allow positioning of embedded spans */ 563 display: inline-block; 564} 565table.fancytree-ext-columnview span.fancytree-node.fancytree-expanded { 566 background-color: #e0e0e0; 567} 568table.fancytree-ext-columnview span.fancytree-node.fancytree-active { 569 background-color: #cbe8f6; 570} 571table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right { 572 position: absolute; 573 right: 3px; 574 background-position: 0px -80px; 575} 576table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right:hover { 577 background-position: -16px -80px; 578} 579/*------------------------------------------------------------------------------ 580 * 'filter' extension 581 *----------------------------------------------------------------------------*/ 582.fancytree-ext-filter-dimm span.fancytree-node span.fancytree-title { 583 color: #c0c0c0; 584 font-weight: lighter; 585} 586.fancytree-ext-filter-dimm tr.fancytree-submatch span.fancytree-title, 587.fancytree-ext-filter-dimm span.fancytree-node.fancytree-submatch span.fancytree-title { 588 color: black; 589 font-weight: normal; 590} 591.fancytree-ext-filter-dimm tr.fancytree-match span.fancytree-title, 592.fancytree-ext-filter-dimm span.fancytree-node.fancytree-match span.fancytree-title { 593 color: black; 594 font-weight: bold; 595} 596.fancytree-ext-filter-hide tr.fancytree-hide, 597.fancytree-ext-filter-hide span.fancytree-node.fancytree-hide { 598 display: none; 599} 600.fancytree-ext-filter-hide tr.fancytree-submatch span.fancytree-title, 601.fancytree-ext-filter-hide span.fancytree-node.fancytree-submatch span.fancytree-title { 602 color: #c0c0c0; 603 font-weight: lighter; 604} 605.fancytree-ext-filter-hide tr.fancytree-match span.fancytree-title, 606.fancytree-ext-filter-hide span.fancytree-node.fancytree-match span.fancytree-title { 607 color: black; 608 font-weight: normal; 609} 610/* Hide expanders if all child nodes are hidden by filter */ 611.fancytree-ext-filter-hide-expanders tr.fancytree-match span.fancytree-expander, 612.fancytree-ext-filter-hide-expanders span.fancytree-node.fancytree-match span.fancytree-expander { 613 visibility: hidden; 614} 615.fancytree-ext-filter-hide-expanders tr.fancytree-submatch span.fancytree-expander, 616.fancytree-ext-filter-hide-expanders span.fancytree-node.fancytree-submatch span.fancytree-expander { 617 visibility: visible; 618} 619.fancytree-ext-childcounter span.fancytree-icon, 620.fancytree-ext-filter span.fancytree-icon, 621.fancytree-ext-childcounter span.fancytree-custom-icon, 622.fancytree-ext-filter span.fancytree-custom-icon { 623 position: relative; 624} 625.fancytree-ext-childcounter span.fancytree-childcounter, 626.fancytree-ext-filter span.fancytree-childcounter { 627 color: #fff; 628 background: #777; 629 border: 1px solid gray; 630 position: absolute; 631 top: -6px; 632 right: -6px; 633 min-width: 10px; 634 height: 10px; 635 line-height: 1; 636 vertical-align: baseline; 637 border-radius: 10px; 638 padding: 2px; 639 text-align: center; 640 font-size: 9px; 641} 642/*------------------------------------------------------------------------------ 643 * 'wide' extension 644 *----------------------------------------------------------------------------*/ 645ul.fancytree-ext-wide { 646 position: relative; 647 min-width: 100%; 648 z-index: 2; 649 -webkit-box-sizing: border-box; 650 -moz-box-sizing: border-box; 651 box-sizing: border-box; 652} 653ul.fancytree-ext-wide span.fancytree-node > span { 654 position: relative; 655 z-index: 2; 656} 657ul.fancytree-ext-wide span.fancytree-node span.fancytree-title { 658 position: absolute; 659 z-index: 1; 660 left: 0px; 661 min-width: 100%; 662 margin-left: 0; 663 margin-right: 0; 664 -webkit-box-sizing: border-box; 665 -moz-box-sizing: border-box; 666 box-sizing: border-box; 667} 668/*------------------------------------------------------------------------------ 669 * 'fixed' extension 670 *----------------------------------------------------------------------------*/ 671.fancytree-ext-fixed-wrapper .fancytree-ext-fixed-hidden { 672 display: none; 673} 674.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-scroll-border-bottom { 675 border-bottom: 3px solid rgba(0, 0, 0, 0.75); 676} 677.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-scroll-border-right { 678 border-right: 3px solid rgba(0, 0, 0, 0.75); 679} 680.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-tl { 681 position: absolute; 682 overflow: hidden; 683 z-index: 3; 684 top: 0px; 685 left: 0px; 686} 687.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-tr { 688 position: absolute; 689 overflow: hidden; 690 z-index: 2; 691 top: 0px; 692} 693.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-bl { 694 position: absolute; 695 overflow: hidden; 696 z-index: 2; 697 left: 0px; 698} 699.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-br { 700 position: absolute; 701 overflow: scroll; 702 z-index: 1; 703} 704/******************************************************************************* 705 * Styles specific to this skin. 706 * 707 * This section is automatically generated from the `ui-fancytree.less` template. 708 ******************************************************************************/ 709/******************************************************************************* 710 * Node titles 711 */ 712span.fancytree-title { 713 border: 1px solid transparent; 714 border-radius: 0; 715} 716span.fancytree-focused span.fancytree-title { 717 outline: 1px dotted black; 718} 719span.fancytree-selected span.fancytree-title, 720span.fancytree-active span.fancytree-title { 721 background-color: #D4D4D4; 722} 723span.fancytree-selected span.fancytree-title { 724 font-style: italic; 725} 726.fancytree-treefocus span.fancytree-selected span.fancytree-title, 727.fancytree-treefocus span.fancytree-active span.fancytree-title { 728 color: white; 729 background-color: #3875D7; 730} 731/******************************************************************************* 732 * 'table' extension 733 */ 734table.fancytree-ext-table { 735 border-collapse: collapse; 736} 737table.fancytree-ext-table tbody tr.fancytree-focused { 738 background-color: #99DEFD; 739} 740table.fancytree-ext-table tbody tr.fancytree-active { 741 background-color: royalblue; 742} 743table.fancytree-ext-table tbody tr.fancytree-selected { 744 background-color: #99DEFD; 745} 746/******************************************************************************* 747 * 'columnview' extension 748 */ 749table.fancytree-ext-columnview tbody tr td { 750 border: 1px solid gray; 751} 752table.fancytree-ext-columnview span.fancytree-node.fancytree-expanded { 753 background-color: #ccc; 754} 755table.fancytree-ext-columnview span.fancytree-node.fancytree-active { 756 background-color: royalblue; 757} 758