opt
/
kaspersky
/
kav4fs
/
share
/
wmconsole
/
html
/
css
➕ New
📤 Upload
✎ Editing:
ui.dynatree.css
← Back
/******************************************************************************* * Tree container */ div.ui-dynatree-container { font-family: tahoma, arial, helvetica; font-size: 10pt; /* font size should not be too big */ white-space: nowrap; padding: 3px; /*background-color: white; */ /*border: 1px dotted gray;*/ } /* Style, when control is disabled */ .ui-dynatree-disabled div.ui-dynatree-container { opacity: 0.5; /* filter: alpha(opacity=50); /* Yields a css warning */ background-color: silver; } /******************************************************************************* * Vertical line image */ div.ui-dynatree-container img { width: 16px; height: 16px; margin-left: 3px; vertical-align: top; border-style: none; } /******************************************************************************* * Common icon definitions */ span.ui-dynatree-empty, span.ui-dynatree-vline, span.ui-dynatree-connector, span.ui-dynatree-expander, span.ui-dynatree-icon, span.ui-dynatree-checkbox { width: 16px; height: 16px; display: -moz-inline-box; /* @ FF 1+2 */ display: inline-block; /* Required to make a span sizeable */ vertical-align: top; background-repeat: no-repeat; background-position: left; } /******************************************************************************* * Lines and connectors */ span.ui-dynatree-empty { } span.ui-dynatree-vline { background-image: url("../img/tree/ltL_ns.gif"); } span.ui-dynatree-connector { background-image: url("../img/tree/ltL_nes.gif"); } .ui-dynatree-lastsib span.ui-dynatree-connector { background-image: url("../img/tree/ltL_ne.gif"); } /******************************************************************************* * Expander icon * Note: IE6 doesn't correctly evaluate multiples class names, * so we create combined class names that can be used in the CSS. * * Prefix: ui-dynatree-exp- * 1st character: 'e': expanded, 'c': collapsed * 2nd character (optional): 'd': lazy (Delayed) * 3rd character (optional): 'l': Last sibling */ span.ui-dynatree-expander { background-image: url("../img/tree/ltP_nes.gif"); cursor: pointer; } .ui-dynatree-exp-cl span.ui-dynatree-expander /* Collapsed, not delayed, last sibling */ { background-image: url("../img/tree/ltP_ne.gif"); } .ui-dynatree-exp-cd span.ui-dynatree-expander /* Collapsed, delayed, not last sibling */ { background-image: url("../img/tree/ltP_ne.gif"); /* background-image: url("../img/tree/ltD_nes.gif"); */ } .ui-dynatree-exp-cdl span.ui-dynatree-expander /* Collapsed, delayed, last sibling */ { background-image: url("../img/tree/ltP_ne.gif"); /* background-image: url("../img/tree/ltD_ne.gif"); */ } .ui-dynatree-exp-e span.ui-dynatree-expander, /* Expanded, not delayed, not last sibling */ .ui-dynatree-exp-ed span.ui-dynatree-expander /* Expanded, delayed, not last sibling */ { background-image: url("../img/tree/ltM_nes.gif"); } .ui-dynatree-exp-el span.ui-dynatree-expander, /* Expanded, not delayed, last sibling */ .ui-dynatree-exp-edl span.ui-dynatree-expander /* Expanded, delayed, last sibling */ { background-image: url("../img/tree/ltM_ne.gif"); } /******************************************************************************* * Checkbox icon */ span.ui-dynatree-checkbox { margin-left: 3px; background-image: url("../img/tree/cbUnchecked.gif"); } span.ui-dynatree-checkbox:hover { background-image: url("../img/tree/cbUnchecked_hover.gif"); } .ui-dynatree-partsel span.ui-dynatree-checkbox { background-image: url("../img/tree/cbIntermediate.gif"); } .ui-dynatree-partsel span.ui-dynatree-checkbox:hover { background-image: url("../img/tree/cbIntermediate_hover.gif"); } .ui-dynatree-selected span.ui-dynatree-checkbox { background-image: url("../img/tree/cbChecked.gif"); } .ui-dynatree-selected span.ui-dynatree-checkbox:hover { background-image: url("../img/tree/cbChecked_hover.gif"); } /******************************************************************************* * Node type icon * Note: IE6 doesn't correctly evaluate multiples class names, * so we create combined class names that can be used in the CSS. * * Prefix: ui-dynatree-ico- * 1st character: 'e': expanded, 'c': collapsed * 2nd character (optional): 'f': folder */ span.ui-dynatree-icon /* Default icon */ { margin-left: 3px; background-image: url("../img/tree/ltDoc.gif"); } .ui-dynatree-ico-cf span.ui-dynatree-icon /* Collapsed Folder */ { background-image: url("../img/tree/ltFld.gif"); } .ui-dynatree-ico-ef span.ui-dynatree-icon /* Expanded Folder */ { background-image: url("../img/tree/ltFld_o.gif"); } /* Status node icons */ .ui-dynatree-statusnode-wait span.ui-dynatree-icon { background-image: url("../img/tree/ltWait.gif"); } .ui-dynatree-statusnode-error span.ui-dynatree-icon { background-image: url("../img/tree/ltError.gif"); } /******************************************************************************* * Node titles */ /* Remove blue color and underline from title links */ div.ui-dynatree-container a { color: black; /* inherit doesn't work on IE */ text-decoration: none; vertical-align: top; margin: 0px; margin-left: 3px; /* outline: 0; /* @ Firefox, prevent dotted border after click */ } div.ui-dynatree-container a:hover { text-decoration: underline; } span.ui-dynatree-document a, span.ui-dynatree-folder a { display: inline-block; /* Better alignment, when title contains <br> */ /* vertical-align: top;*/ padding-left: 3px; padding-right: 3px; /* Otherwise italic font will be outside bounds */ /* line-height: 16px; /* should be the same as img height, in case 16 px */ } /* span.ui-dynatree-folder a { font-weight: bold; } */ div.ui-dynatree-container a:focus, span.ui-dynatree-focused a:link /* @IE */ { background-color: #EFEBDE; /* gray */ } span.ui-dynatree-expanded a { } span.ui-dynatree-selected a { color: green; font-style: italic; } span.ui-dynatree-active a { background-color: #3169C6 !important; color: white !important; /* @ IE6 */ } /******************************************************************************* * Custom node classes (sample) */ span.custom1 a { background-color: maroon; color: yellow; }
💾 Save Changes
Cancel
📤 Upload File
×
Select File
Upload
Cancel
➕ Create New
×
Type
📄 File
📁 Folder
Name
Create
Cancel
✎ Rename Item
×
Current Name
New Name
Rename
Cancel
🔐 Change Permissions
×
Target File
Permission (e.g., 0755, 0644)
0755
0644
0777
Apply
Cancel