ui.fancytree.css 24 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528
  1. /*!
  2. * Fancytree "Win8" 32x32 skin.
  3. *
  4. * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
  5. * the LESS templates.
  6. */
  7. /*******************************************************************************
  8. * Common Styles for Fancytree Skins.
  9. *
  10. * This section is automatically generated from the `skin-common.less` template.
  11. ******************************************************************************/
  12. /*------------------------------------------------------------------------------
  13. * Helpers
  14. *----------------------------------------------------------------------------*/
  15. .ui-helper-hidden {
  16. display: none;
  17. }
  18. /*------------------------------------------------------------------------------
  19. * Container and UL / LI
  20. *----------------------------------------------------------------------------*/
  21. ul.fancytree-container {
  22. font-family: tahoma, arial, helvetica;
  23. font-size: 10pt;
  24. white-space: nowrap;
  25. padding: 3px;
  26. margin: 0;
  27. background-color: white;
  28. border: 1px dotted gray;
  29. overflow: auto;
  30. min-height: 0%;
  31. position: relative;
  32. }
  33. ul.fancytree-container ul {
  34. padding: 0 0 0 16px;
  35. margin: 0;
  36. }
  37. ul.fancytree-container li {
  38. list-style-image: none;
  39. list-style-position: outside;
  40. list-style-type: none;
  41. -moz-background-clip: border;
  42. -moz-background-inline-policy: continuous;
  43. -moz-background-origin: padding;
  44. background-attachment: scroll;
  45. background-color: transparent;
  46. background-position: 0px 0px;
  47. background-repeat: repeat-y;
  48. background-image: none;
  49. margin: 0;
  50. padding: 1px 0 0 0;
  51. }
  52. ul.fancytree-container li.fancytree-lastsib {
  53. background-image: none;
  54. }
  55. ul.fancytree-no-connector > li {
  56. background-image: none;
  57. }
  58. .ui-fancytree-disabled ul.fancytree-container {
  59. opacity: 0.5;
  60. background-color: silver;
  61. }
  62. /*------------------------------------------------------------------------------
  63. * Common icon definitions
  64. *----------------------------------------------------------------------------*/
  65. span.fancytree-empty,
  66. span.fancytree-vline,
  67. span.fancytree-expander,
  68. span.fancytree-icon,
  69. span.fancytree-checkbox,
  70. span.fancytree-radio,
  71. span.fancytree-drag-helper-img,
  72. #fancytree-drop-marker {
  73. width: 32px;
  74. height: 32px;
  75. display: inline-block;
  76. vertical-align: top;
  77. background-repeat: no-repeat;
  78. background-position: left;
  79. background-image: url("icons.gif");
  80. background-position: 0px 0px;
  81. }
  82. span.fancytree-icon,
  83. span.fancytree-checkbox,
  84. span.fancytree-radio,
  85. span.fancytree-custom-icon {
  86. margin-top: 1px;
  87. }
  88. /* Used by iconclass option */
  89. span.fancytree-custom-icon {
  90. display: inline-block;
  91. }
  92. /* Used by 'icon' node option: */
  93. img.fancytree-icon {
  94. width: 32px;
  95. height: 32px;
  96. margin-left: 3px;
  97. margin-top: 1px;
  98. vertical-align: top;
  99. border-style: none;
  100. }
  101. /*------------------------------------------------------------------------------
  102. * Expander icon
  103. *
  104. * Note: IE6 doesn't correctly evaluate multiples class names,
  105. * so we create combined class names that can be used in the CSS.
  106. *
  107. * Prefix: fancytree-exp-
  108. * 1st character: 'e': expanded, 'c': collapsed, 'n': no children
  109. * 2nd character (optional): 'd': lazy (Delayed)
  110. * 3rd character (optional): 'l': Last sibling
  111. *----------------------------------------------------------------------------*/
  112. span.fancytree-expander {
  113. cursor: pointer;
  114. }
  115. .fancytree-exp-n span.fancytree-expander,
  116. .fancytree-exp-nl span.fancytree-expander {
  117. background-image: none;
  118. cursor: default;
  119. }
  120. .fancytree-exp-n span.fancytree-expander,
  121. .fancytree-exp-n span.fancytree-expander:hover {
  122. background-position: 0px -128px;
  123. }
  124. .fancytree-exp-nl span.fancytree-expander,
  125. .fancytree-exp-nl span.fancytree-expander:hover {
  126. background-position: -32px -128px;
  127. }
  128. .fancytree-exp-c span.fancytree-expander {
  129. background-position: 0px -160px;
  130. }
  131. .fancytree-exp-c span.fancytree-expander:hover {
  132. background-position: -32px -160px;
  133. }
  134. .fancytree-exp-cl span.fancytree-expander {
  135. background-position: 0px -192px;
  136. }
  137. .fancytree-exp-cl span.fancytree-expander:hover {
  138. background-position: -32px -192px;
  139. }
  140. .fancytree-exp-cd span.fancytree-expander {
  141. background-position: -128px -160px;
  142. }
  143. .fancytree-exp-cd span.fancytree-expander:hover {
  144. background-position: -160px -160px;
  145. }
  146. .fancytree-exp-cdl span.fancytree-expander {
  147. background-position: -128px -192px;
  148. }
  149. .fancytree-exp-cdl span.fancytree-expander:hover {
  150. background-position: -160px -192px;
  151. }
  152. .fancytree-exp-e span.fancytree-expander,
  153. .fancytree-exp-ed span.fancytree-expander {
  154. background-position: -64px -160px;
  155. }
  156. .fancytree-exp-e span.fancytree-expander:hover,
  157. .fancytree-exp-ed span.fancytree-expander:hover {
  158. background-position: -96px -160px;
  159. }
  160. .fancytree-exp-el span.fancytree-expander,
  161. .fancytree-exp-edl span.fancytree-expander {
  162. background-position: -64px -192px;
  163. }
  164. .fancytree-exp-el span.fancytree-expander:hover,
  165. .fancytree-exp-edl span.fancytree-expander:hover {
  166. background-position: -96px -192px;
  167. }
  168. .fancytree-loading span.fancytree-expander,
  169. .fancytree-loading span.fancytree-expander:hover,
  170. .fancytree-statusnode-wait span.fancytree-icon,
  171. .fancytree-statusnode-wait span.fancytree-icon:hover {
  172. background-image: url('data:image/gif;base64,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');
  173. background-position: 0px 0px;
  174. }
  175. /* Status node icons */
  176. .fancytree-statusnode-error span.fancytree-icon {
  177. background-position: 0px -224px;
  178. }
  179. /*------------------------------------------------------------------------------
  180. * Checkbox icon
  181. *----------------------------------------------------------------------------*/
  182. span.fancytree-checkbox {
  183. margin-left: 3px;
  184. background-position: 0px -64px;
  185. }
  186. span.fancytree-checkbox:hover {
  187. background-position: -32px -64px;
  188. }
  189. .fancytree-partsel span.fancytree-checkbox {
  190. background-position: -128px -64px;
  191. }
  192. .fancytree-partsel span.fancytree-checkbox:hover {
  193. background-position: -160px -64px;
  194. }
  195. .fancytree-selected span.fancytree-checkbox {
  196. background-position: -64px -64px;
  197. }
  198. .fancytree-selected span.fancytree-checkbox:hover {
  199. background-position: -96px -64px;
  200. }
  201. /*------------------------------------------------------------------------------
  202. * Radiobutton icon
  203. * This is a customization, that may be activated by overriding the 'checkbox'
  204. * class name as 'fancytree-radio' in the tree options.
  205. *----------------------------------------------------------------------------*/
  206. .fancytree-radio span.fancytree-checkbox {
  207. background-position: 0px -96px;
  208. }
  209. .fancytree-radio span.fancytree-checkbox:hover {
  210. background-position: -32px -96px;
  211. }
  212. .fancytree-radio .fancytree-partsel span.fancytree-checkbox {
  213. background-position: -128px -96px;
  214. }
  215. .fancytree-radio .fancytree-partsel span.fancytree-checkbox:hover {
  216. background-position: -160px -96px;
  217. }
  218. .fancytree-radio .fancytree-selected span.fancytree-checkbox {
  219. background-position: -64px -96px;
  220. }
  221. .fancytree-radio .fancytree-selected span.fancytree-checkbox:hover {
  222. background-position: -96px -96px;
  223. }
  224. /*------------------------------------------------------------------------------
  225. * Node type icon
  226. * Note: IE6 doesn't correctly evaluate multiples class names,
  227. * so we create combined class names that can be used in the CSS.
  228. *
  229. * Prefix: fancytree-ico-
  230. * 1st character: 'e': expanded, 'c': collapsed
  231. * 2nd character (optional): 'f': folder
  232. *----------------------------------------------------------------------------*/
  233. span.fancytree-icon {
  234. margin-left: 3px;
  235. background-position: 0px 0px;
  236. }
  237. /* Documents */
  238. .fancytree-ico-c span.fancytree-icon:hover {
  239. background-position: -32px 0px;
  240. }
  241. .fancytree-has-children.fancytree-ico-c span.fancytree-icon {
  242. background-position: -64px 0px;
  243. }
  244. .fancytree-has-children.fancytree-ico-c span.fancytree-icon:hover {
  245. background-position: -96px 0px;
  246. }
  247. .fancytree-ico-e span.fancytree-icon {
  248. background-position: -128px 0px;
  249. }
  250. .fancytree-ico-e span.fancytree-icon:hover {
  251. background-position: -160px 0px;
  252. }
  253. /* Folders */
  254. .fancytree-ico-cf span.fancytree-icon {
  255. background-position: 0px -32px;
  256. }
  257. .fancytree-ico-cf span.fancytree-icon:hover {
  258. background-position: -32px -32px;
  259. }
  260. .fancytree-has-children.fancytree-ico-cf span.fancytree-icon {
  261. background-position: -64px -32px;
  262. }
  263. .fancytree-has-children.fancytree-ico-cf span.fancytree-icon:hover {
  264. background-position: -96px -32px;
  265. }
  266. .fancytree-ico-ef span.fancytree-icon {
  267. background-position: -128px -32px;
  268. }
  269. .fancytree-ico-ef span.fancytree-icon:hover {
  270. background-position: -160px -32px;
  271. }
  272. /*------------------------------------------------------------------------------
  273. * Node titles and highlighting
  274. *----------------------------------------------------------------------------*/
  275. span.fancytree-node {
  276. /* See #117 */
  277. display: inherit;
  278. width: 100%;
  279. }
  280. span.fancytree-title {
  281. display: inline-block;
  282. padding-left: 3px;
  283. padding-right: 3px;
  284. color: black;
  285. vertical-align: top;
  286. margin: 0px;
  287. margin-left: 3px;
  288. cursor: pointer;
  289. }
  290. span.fancytree-node.fancytree-error span.fancytree-title {
  291. color: red;
  292. }
  293. /*------------------------------------------------------------------------------
  294. * Drag'n'drop support
  295. *----------------------------------------------------------------------------*/
  296. div.fancytree-drag-helper a {
  297. border: 1px solid gray;
  298. background-color: white;
  299. padding-left: 5px;
  300. padding-right: 5px;
  301. opacity: 0.8;
  302. }
  303. div.fancytree-drag-helper.fancytree-drop-reject {
  304. border-color: red;
  305. }
  306. div.fancytree-drop-accept span.fancytree-drag-helper-img {
  307. background-position: -64px -224px;
  308. }
  309. div.fancytree-drop-reject span.fancytree-drag-helper-img {
  310. background-position: -32px -224px;
  311. }
  312. /*** Drop marker icon *********************************************************/
  313. #fancytree-drop-marker {
  314. width: 64px;
  315. position: absolute;
  316. background-position: 0px -256px;
  317. margin: 0;
  318. }
  319. #fancytree-drop-marker.fancytree-drop-after,
  320. #fancytree-drop-marker.fancytree-drop-before {
  321. width: 128px;
  322. background-position: 0px -288px;
  323. }
  324. #fancytree-drop-marker.fancytree-drop-copy {
  325. background-position: -128px -256px;
  326. }
  327. #fancytree-drop-marker.fancytree-drop-move {
  328. background-position: -64px -256px;
  329. }
  330. /*** Source node while dragging ***********************************************/
  331. span.fancytree-drag-source {
  332. background-color: #e0e0e0;
  333. }
  334. span.fancytree-drag-source span.fancytree.title {
  335. color: gray;
  336. }
  337. /*** Target node while dragging cursor is over it *****************************/
  338. span.fancytree-drop-target.fancytree-drop-accept a {
  339. background-color: #3169C6 !important;
  340. color: white !important;
  341. /* @ IE6 */
  342. text-decoration: none;
  343. }
  344. /*------------------------------------------------------------------------------
  345. * 'table' extension
  346. *----------------------------------------------------------------------------*/
  347. table.fancytree-ext-table {
  348. border-collapse: collapse;
  349. }
  350. table.fancytree-ext-table span.fancytree-node {
  351. display: inline-block;
  352. }
  353. /*------------------------------------------------------------------------------
  354. * 'columnview' extension
  355. *----------------------------------------------------------------------------*/
  356. table.fancytree-ext-columnview tbody tr td {
  357. position: relative;
  358. border: 1px solid gray;
  359. vertical-align: top;
  360. overflow: auto;
  361. }
  362. table.fancytree-ext-columnview tbody tr td > ul {
  363. padding: 0;
  364. }
  365. table.fancytree-ext-columnview tbody tr td > ul li {
  366. list-style-image: none;
  367. list-style-position: outside;
  368. list-style-type: none;
  369. -moz-background-clip: border;
  370. -moz-background-inline-policy: continuous;
  371. -moz-background-origin: padding;
  372. background-attachment: scroll;
  373. background-color: transparent;
  374. background-position: 0px 0px;
  375. background-repeat: repeat-y;
  376. background-image: none;
  377. /* no v-lines */
  378. margin: 0;
  379. padding: 1px 0 0 0;
  380. }
  381. table.fancytree-ext-columnview span.fancytree-node {
  382. position: relative;
  383. /* allow positioning of embedded spans */
  384. display: inline-block;
  385. }
  386. table.fancytree-ext-columnview span.fancytree-node.fancytree-expanded {
  387. background-color: #CBE8F6;
  388. }
  389. table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right {
  390. position: absolute;
  391. right: 3px;
  392. background-position: 0px -160px;
  393. }
  394. table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right:hover {
  395. background-position: -32px -160px;
  396. }
  397. /*------------------------------------------------------------------------------
  398. * 'filter' extension
  399. *----------------------------------------------------------------------------*/
  400. .fancytree-ext-filter-dimm span.fancytree-node span.fancytree-title {
  401. color: silver;
  402. font-weight: lighter;
  403. }
  404. .fancytree-ext-filter-dimm tr.fancytree-submatch span.fancytree-title,
  405. .fancytree-ext-filter-dimm span.fancytree-node.fancytree-submatch span.fancytree-title {
  406. color: black;
  407. font-weight: normal;
  408. }
  409. .fancytree-ext-filter-dimm tr.fancytree-match span.fancytree-title,
  410. .fancytree-ext-filter-dimm span.fancytree-node.fancytree-match span.fancytree-title {
  411. color: black;
  412. font-weight: bold;
  413. }
  414. .fancytree-ext-filter-hide tr.fancytree-hide,
  415. .fancytree-ext-filter-hide span.fancytree-node.fancytree-hide {
  416. display: none;
  417. }
  418. .fancytree-ext-filter-hide tr.fancytree-submatch span.fancytree-title,
  419. .fancytree-ext-filter-hide span.fancytree-node.fancytree-submatch span.fancytree-title {
  420. color: silver;
  421. font-weight: lighter;
  422. }
  423. .fancytree-ext-filter-hide tr.fancytree-match span.fancytree-title,
  424. .fancytree-ext-filter-hide span.fancytree-node.fancytree-match span.fancytree-title {
  425. color: black;
  426. font-weight: normal;
  427. }
  428. /*------------------------------------------------------------------------------
  429. * 'wide' extension
  430. *----------------------------------------------------------------------------*/
  431. ul.fancytree-ext-wide span.fancytree-node > span {
  432. position: relative;
  433. z-index: 2;
  434. }
  435. ul.fancytree-ext-wide span.fancytree-node span.fancytree-title {
  436. position: relative;
  437. z-index: 1;
  438. width: 100%;
  439. padding-left: 503px;
  440. margin-left: -500px;
  441. }
  442. /*!
  443. * Fancytree "win8" skin (highlighting the node span instead of title-only).
  444. *
  445. * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
  446. * the LESS templates.
  447. */
  448. /*******************************************************************************
  449. * Styles specific to this skin.
  450. *
  451. * This section is automatically generated from the `ui-fancytree.less` template.
  452. ******************************************************************************/
  453. /*******************************************************************************
  454. * Node titles
  455. */
  456. span.fancytree-node {
  457. border: 1px solid transparent;
  458. }
  459. span.fancytree-node:hover {
  460. background-color: #E5F3FB;
  461. border-color: #70C0E7;
  462. }
  463. .fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-focused {
  464. border-color: #3399FF;
  465. }
  466. span.fancytree-node.fancytree-active,
  467. span.fancytree-node.fancytree-selected {
  468. background-color: #F7F7F7;
  469. border-color: #DEDEDE;
  470. }
  471. .fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-active,
  472. .fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-selected,
  473. span.fancytree-node.fancytree-active:hover,
  474. span.fancytree-node.fancytree-selected:hover {
  475. background-color: #CBE8F6;
  476. border-color: #26A0DA;
  477. }
  478. .fancytree-node.fancytree-selected {
  479. font-style: italic;
  480. }
  481. /*******************************************************************************
  482. * 'table' extension
  483. */
  484. table.fancytree-ext-table tbody tr td {
  485. border: 1px solid #EDEDED;
  486. }
  487. table.fancytree-ext-table tbody span.fancytree-node,
  488. table.fancytree-ext-table tbody span.fancytree-node:hover {
  489. border: none;
  490. background: none;
  491. }
  492. table.fancytree-ext-table tbody span.fancytree-title:hover {
  493. border: none;
  494. background: inherit;
  495. background: transparent;
  496. background: none;
  497. filter: none;
  498. }
  499. table.fancytree-ext-table tbody tr:hover {
  500. background-color: #E5F3FB;
  501. outline: 1px solid #70C0E7;
  502. }
  503. table.fancytree-ext-table tbody tr.fancytree-focused span.fancytree-title {
  504. outline: 1px dotted black;
  505. }
  506. table.fancytree-ext-table tbody tr.fancytree-active:hover,
  507. table.fancytree-ext-table tbody tr.fancytree-selected:hover {
  508. background-color: #CBE8F6;
  509. outline: 1px solid #26A0DA;
  510. }
  511. table.fancytree-ext-table tbody tr.fancytree-active {
  512. background-color: #F7F7F7;
  513. outline: 1px solid #DEDEDE;
  514. }
  515. table.fancytree-ext-table tbody tr.fancytree-selected {
  516. background-color: #F7F7F7;
  517. }
  518. table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-active {
  519. background-color: #CBE8F6;
  520. outline: 1px solid #26A0DA;
  521. }
  522. table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-selected {
  523. background-color: #CBE8F6;
  524. }
  525. ul.fancytree-container {
  526. font-size: 20pt;
  527. padding: 6px;
  528. }