Spade
Mini Shell
| Directory:~$ /home/lmsyaran/public_html/j3/media/com_easyblog/scripts_/media/ |
| [Home] [System Details] [Kill Me] |
(~"@{MediaManager}") {
.browserTreeItemField {
position: relative;
overflow: auto;
float: left;
background: #f5f5f5;
width: 180px;
height: 100%;
border-right: 1px solid #ccc;
}
.browserTreeItemGroup {
.clearfix();
border-bottom: 1px solid #F5F5F5;
&.expanded {
.browserTreeItem {
&.type-folder {
display: block;
}
&.type-place {
i {
.icon-media(14, 4);
}
&.active i {
.icon-media(14, 3);
}
}
}
}
}
.browserTreeItem {
position: relative;
cursor: pointer;
padding: 3px 3px 3px 22px;
text-align: left;
height: 16px;
line-height: 16px;
white-space: nowrap;
i {
width: 16px;
height: 16px;
position: absolute;
top: 3px;
left: 3px;
}
.treeItemTitle {
.unselectable();
}
&.active {
.activeItemColorScheme();
}
&.loading i {
background: url(loader.gif) no-repeat center center !important;
}
&.type-folder {
display: none;
padding-left: 4px + 16px + 4px;
margin-left: 18px;
margin-right: 4px;
overflow: hidden;
padding-right: 4px;
.text-overflow();
.rounded(3px);
min-width: 32px;
i {
.icon-media(10, 3);
left: 4px;
}
}
&.type-place {
i {
.icon-media(14, 2);
}
&.active i {
.icon-media(14, 1);
}
}
}
}