1/*!
2 * Fancytree "awesome" skin.
3 *
4 * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
5 * the LESS templates.
6 */
7
8// Import common styles
9@import "skin-common.less";
10
11// We need to define this variable here (not in skin-common.less) to make it
12// work with grunt and webpack:
13@fancy-image-prefix: "./skin-typicons/";
14
15
16/*******************************************************************************
17 * Styles specific to this skin.
18 *
19 * This section is automatically generated from the `ui-fancytree.less` template.
20 ******************************************************************************/
21
22@fancy-use-sprites: false;     // false: suppress all background images (i.e. icons)
23@fancy-loading-url: none;
24
25@fancy-cst-size: 18px;
26
27@fancy-level-indent: @fancy-cst-size;  //@fancy-cst-size;
28@fancy-line-height: @fancy-cst-size;      // height of a nodes selection bar including borders
29@fancy-node-v-spacing: 1px;    // gap between two node borders
30@fancy-icon-width: @fancy-cst-size;
31@fancy-icon-height: @fancy-cst-size;
32@fancy-icon-spacing: 3px;      // margin between icon/icon or icon/title
33@fancy-icon-ofs-top: -6px;      // extra vertical offset for expander, checkbox and icon
34@fancy-title-ofs-top: 0px;     // extra vertical offset for title
35@fancy-node-border-width: 1px;
36@fancy-node-border-radius: 0px;
37@fancy-node-outline-width: 1px;
38
39// @fancy-loading-url: data-uri("@{fancy-image-prefix}loading.gif");
40
41// Set to `true` to use `data-uri(...)` instead of a `url(...)` link:
42@fancy-inline-sprites: false;
43
44//default 10pt, which is used in a relative manner resulting in 13.3 in dokuwiki-template.
45@fancy-font-size: 93%; //@fancy-cst-size;
46@fancy-font-family: tahoma, arial, helvetica;
47@fancy-font-color: #000;
48@fancy-font-color-dimm: silver;
49@fancy-font-error-color: red;
50
51// set icon color to font color as well
52span.fancytree-node {
53	color: @fancy-font-color;
54}
55
56ul.fancytree-container ul
57{
58	padding: 0 0 0 1em; // 0.3em 0 0 1em;
59	margin: 0;
60}
61
62
63// The standard CSS assumes span.icon, but Fontawesome may use SVG or SPAN
64.fancytree-expander,
65.fancytree-checkbox,
66.fancytree-icon {
67    min-width: @fancy-icon-width;
68    text-align: center;
69    font-size: (@fancy-cst-size +2px);
70}
71svg.fancytree-checkbox,  // span... is already defined in skin-common-less
72svg.fancytree-icon {
73    padding-left: @fancy-icon-spacing;
74}
75span.fancytree-expander {
76    font-size: (@fancy-cst-size *4/5);
77    margin-top: -1px;
78}
79
80/*******************************************************************************
81 * Node titles
82 */
83span.fancytree-title {
84	border: 1px solid transparent; // reserve some space for status borders
85	border-radius: 0;
86}
87span.fancytree-focused span.fancytree-title {
88	outline: 1px dotted black;
89}
90// span.fancytree-selected span.fancytree-title,
91span.fancytree-active span.fancytree-title {
92	background-color: #D4D4D4; // gray
93}
94// span.fancytree-selected span.fancytree-title {
95// 	font-style: italic;
96// }
97// .fancytree-treefocus span.fancytree-selected span.fancytree-title,
98.fancytree-treefocus span.fancytree-active span.fancytree-title {
99	color: white;
100	background-color: #3875D7; // blue
101}
102
103// .fancytree-treefocus span.fancytree-selected span.fancytree-title{
104// 	color: white;
105// 	background-color: #99DEFD; // blue
106// }
107
108///*******************************************************************************
109// * 'table' extension
110// */
111//table.fancytree-ext-table {
112//	border-collapse: collapse;
113//	tbody {
114//	    tr.fancytree-focused {
115//			background-color: #99DEFD;
116//		}
117//	    tr.fancytree-active {
118//			background-color: royalblue;
119//		}
120//	    // tr.fancytree-selected {
121//		// 	background-color: #99DEFD;
122//		// }
123//	}
124//}
125//
126///*******************************************************************************
127// * 'columnview' extension
128// */
129//
130//table.fancytree-ext-columnview tbody tr td {
131//	border: 1px solid gray;
132//}
133//table.fancytree-ext-columnview span.fancytree-node.fancytree-expanded {
134//	background-color: #ccc;
135//}
136//table.fancytree-ext-columnview span.fancytree-node.fancytree-active {
137//	background-color: royalblue;
138//}
139