206 lines
4.9 KiB
CSS
206 lines
4.9 KiB
CSS
/* OVERRIDE TREE_COMPONENT.css */
|
|
.tree.tree-umbraco li
|
|
{
|
|
line-height: 20px;
|
|
min-height: 20px;
|
|
font: icon;
|
|
position:relative;
|
|
font-family: Arial,Lucida Grande;
|
|
font-size: 12px;
|
|
}
|
|
.tree.tree-umbraco li a
|
|
{
|
|
background-image: url(../../../../umbraco/images/umbraco/sprites.png);
|
|
/*background-color: #fff;*/
|
|
padding: 0px 0px 2px 18px;
|
|
border: 0;
|
|
color: #2f2f2f;
|
|
background-repeat:no-repeat !important;
|
|
line-height: 18px;
|
|
height: 18px;
|
|
width: 100%;
|
|
}
|
|
.tree.tree-umbraco ul {margin-left:0px;}
|
|
.tree.tree-umbraco ul li ul {padding-left:5px;}
|
|
.tree.tree-umbraco li a ins { display:none;}
|
|
/* LOADER */
|
|
.tree.tree-umbraco ul li a.loading ins { background-image:url("throbber.gif") !important; background-position:0 0 !important;display:inline-block; float:left;}
|
|
.tree.tree-umbraco ul li a.loading {padding:0px !important;background:none;}
|
|
/* OPEN or CLOSED */
|
|
.tree.tree-umbraco li { padding-left:0px; }
|
|
.tree.tree-umbraco li li { padding-left: 15px; }
|
|
.tree.tree-umbraco li.open { background-image:none; }
|
|
.tree.tree-umbraco li li.open { background:url("arrows.png") -18px -43px no-repeat; }
|
|
.tree.tree-umbraco li li:hover.open { background-position: -2px -43px; }
|
|
.tree.tree-umbraco li.closed, #jstree-dragged.tree-default li li.open { background:url("arrows.png") 0px -20px no-repeat; }
|
|
.tree.tree-umbraco li:hover.closed, #jstree-dragged.tree-default li li:hover.open { background-position:0px 2px; }
|
|
/* Ensure no sprite is loaded */
|
|
.tree.tree-umbraco li a.noSpr, .tree.tree-umbraco li a.noSpr:hover
|
|
{
|
|
background-position:0px 0px;
|
|
background:none;
|
|
}
|
|
/* Hover state */
|
|
.tree.tree-umbraco li a:hover
|
|
{
|
|
text-decoration: underline;
|
|
}
|
|
/* Menu text styles */
|
|
.tree.tree-umbraco li div
|
|
{
|
|
padding: 1px 3px 1px 3px;
|
|
height:16px;
|
|
line-height:16px;
|
|
cursor:pointer;
|
|
}
|
|
/* highlight the selected element */
|
|
.tree.tree-umbraco li .clicked div
|
|
{
|
|
padding: 0px 2px 0px 2px;
|
|
background: #D5EFFC;
|
|
border:1px solid #99DEFD;
|
|
-moz-border-radius: 2px;
|
|
display: inline;
|
|
width: auto;
|
|
}
|
|
|
|
|
|
/* renaming */
|
|
.tree.tree-umbraco li div.renaming
|
|
{
|
|
padding: 0px 2px 0px 12px;
|
|
background: #D5EFFC;
|
|
border:1px solid #99DEFD;
|
|
-moz-border-radius: 2px;
|
|
}
|
|
.tree-umbraco li div.renaming input
|
|
{
|
|
border:0px;
|
|
font-size: 11px;
|
|
}
|
|
|
|
|
|
|
|
/* Used for checkbox tree */
|
|
|
|
.tree.tree-umbraco.inheritedcheckbox li a,
|
|
.tree.tree-umbraco.inheritedcheckbox li a.unchecked,
|
|
.tree.tree-umbraco.checkbox li a,
|
|
.tree.tree-umbraco.checkbox li a.unchecked
|
|
{ background: url("check_0.png") no-repeat 0px 0px ! important; }
|
|
.tree.tree-umbraco.inheritedcheckbox li a.undetermined,
|
|
.tree.tree-umbraco.checkbox li a.undetermined
|
|
{ background:url("check_1.png") no-repeat 0px 0px ! important; }
|
|
.tree.tree-umbraco.inheritedcheckbox li a.checked,
|
|
.tree.tree-umbraco.checkbox li a.checked
|
|
{ background:url("check_2.png") no-repeat 0px 0px ! important; }
|
|
|
|
/* CONTEXT MENU (overriding default styles) */
|
|
|
|
#jstree-contextmenu.tree-umbraco-context
|
|
{
|
|
background: #f0f0f0 url(contextMenuBg.gif) repeat-y left;
|
|
border: 1px solid #979797;
|
|
padding: 3px;
|
|
padding-top: 2px;
|
|
padding-bottom: 0px;
|
|
width: 180px;
|
|
font-family: Arial,Lucida Grande;
|
|
font-size: 11px;
|
|
z-index: 1000;
|
|
margin: 0px;
|
|
display: block;
|
|
}
|
|
|
|
|
|
#jstree-contextmenu.tree-umbraco-context li
|
|
{
|
|
border-left:none;
|
|
background:transparent;
|
|
height: 26px;
|
|
}
|
|
|
|
#jstree-contextmenu.tree-umbraco-context li a
|
|
{
|
|
border:0px;
|
|
padding: 2px;
|
|
height: 20px;
|
|
line-height:20px;
|
|
color: #1a1818;
|
|
text-decoration: none;
|
|
text-indent: 0px;
|
|
margin-top: 1px !Important;
|
|
margin-bottom: 3px !Important;
|
|
}
|
|
|
|
#jstree-contextmenu.tree-umbraco-context li a:hover
|
|
{
|
|
border: 1px solid #a8d8eb;
|
|
padding: 1px;
|
|
background: #dcecf3;
|
|
text-indent: 0px;
|
|
}
|
|
#jstree-contextmenu.tree-umbraco-context .separator
|
|
{
|
|
background: #FFFFFF;
|
|
border-top: 1px solid #E0E0E0;
|
|
font-size: 1px;
|
|
height: 1px;
|
|
line-height: 1px;
|
|
margin: 0 2px 4px 29px;
|
|
min-height: 1px;
|
|
display: block;
|
|
}
|
|
#jstree-contextmenu.tree-umbraco-context .separator span {display:none;}
|
|
#jstree-contextmenu.tree-umbraco-context img
|
|
{
|
|
height: 16px;
|
|
width: 16px;
|
|
margin: 1px 10px 0 4px;
|
|
}
|
|
|
|
#jstree-contextmenu.tree-umbraco-context li a ins {display:none;}
|
|
#jstree-contextmenu.tree-umbraco-context li a span {margin:0;padding-left:1px;background:none;}
|
|
#jstree-contextmenu.tree-umbraco-context li a span div.menuLabel{padding-left: 37px;}
|
|
|
|
/* Tree icons sprites */
|
|
|
|
.sprTree,
|
|
.tree.tree-umbraco li a.sprTree.clicked:hover
|
|
{
|
|
background-image: 0px 0px;
|
|
}
|
|
|
|
|
|
|
|
/* tree node overlays / custom styles */
|
|
|
|
.tree.tree-umbraco li.dim a
|
|
{
|
|
color:#C0C0C0;
|
|
}
|
|
|
|
.tree.tree-umbraco li div.overlay
|
|
{
|
|
position: absolute;
|
|
width: 8px;
|
|
height: 8px;
|
|
}
|
|
|
|
.tree.tree-umbraco li div.overlay-new
|
|
{
|
|
z-index: 500;
|
|
left: 11px;
|
|
top: 0px;
|
|
background: no-repeat url(newVersion_overlay.png);
|
|
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='protect_overlay.gif');
|
|
}
|
|
|
|
.tree.tree-umbraco li div.overlay-protect
|
|
{
|
|
z-index: 501;
|
|
left: 22px;
|
|
top: 8px;
|
|
background: no-repeat url(protect_overlay.gif);
|
|
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='protect_overlay.gif');
|
|
} |