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/* 9 Lion colors: 10 gray highlight bar: #D4D4D4 11 blue highlight-bar and -border #3875D7 12 13*/ 14// Import common styles 15@import "skin-common.less"; 16 17 18/******************************************************************************* 19 * Styles specific to this skin. 20 * 21 * This section is automatically generated from the `ui-fancytree.less` template. 22 ******************************************************************************/ 23 24// Override the variable after the import. 25// NOTE: Variables are always resolved as the last definition, even if it is 26// after where it is used. 27@fancy-use-sprites: true; // false: suppress all background images (i.e. icons) 28 29@fancy-icon-width: 16px; 30@fancy-icon-height: 16px; 31@fancy-line-height: 16px; 32@fancy-icon-spacing: 3px; 33 34// We need to define this variable here (not in skin-common.less) to make it 35// work with grunt and webpack: 36@fancy-image-prefix: "./skin-lion/"; 37 38// Use 'data-uri(...)' to embed the image into CSS instead of linking to 'loading.gif': 39// @fancy-loading-url: data-uri("@{fancy-image-prefix}loading.gif"); 40// Set to `true` to use `data-uri(...)` which will embed icons.gif into CSS 41// instead of linking to that file: 42// @fancy-inline-sprites: true; 43 44//default 10pt, which is used in a relative manner resulting in 13.3 in dokuwiki-template. 45@fancy-font-size: 93%; 46 47/******************************************************************************* 48 * Node titles 49 */ 50span.fancytree-title { 51 border: 1px solid transparent; // reserve some space for status borders 52 border-radius: 0; 53} 54span.fancytree-focused span.fancytree-title { 55 outline: 1px dotted black; 56} 57span.fancytree-selected span.fancytree-title, 58span.fancytree-active span.fancytree-title { 59 background-color: #D4D4D4; // gray 60} 61span.fancytree-selected span.fancytree-title { 62 font-style: italic; 63} 64.fancytree-treefocus span.fancytree-selected span.fancytree-title, 65.fancytree-treefocus span.fancytree-active span.fancytree-title { 66 color: white; 67 background-color: #3875D7; // blue 68} 69 70///******************************************************************************* 71// * 'table' extension 72// */ 73//table.fancytree-ext-table { 74// border-collapse: collapse; 75// tbody { 76// tr.fancytree-focused { 77// background-color: #99DEFD; 78// } 79// tr.fancytree-active { 80// background-color: royalblue; 81// } 82// tr.fancytree-selected { 83// background-color: #99DEFD; 84// } 85// } 86//} 87// 88///******************************************************************************* 89// * 'columnview' extension 90// */ 91// 92//table.fancytree-ext-columnview tbody tr td { 93// border: 1px solid gray; 94//} 95//table.fancytree-ext-columnview span.fancytree-node.fancytree-expanded { 96// background-color: #ccc; 97//} 98//table.fancytree-ext-columnview span.fancytree-node.fancytree-active { 99// background-color: royalblue; 100//} 101