All Downloads are FREE. Search and download functionalities are using the official Maven repository.
Please wait. This can take some minutes ...
Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $
You can buy this project and download/modify it how often you want.
de.swm.commons.mobile.client.theme.bright.css.treepanel.css Maven / Gradle / Ivy
@if swmmobile.css pretty {
@external treePanel, treeBreadcrumbPanel, treeBreadcrumbButton, treeBreadcrumbLabel, treeContainer, treeList, treeLeftList, treeMiddleList, treeRightList, wideTreeContainer, wideTreeList, wideTreeList0, wideTreeList1, wideTreeList2, wideTreeList3, selectedItem, slide, right, left, leftWide;
}
.treePanel {
overflow: hidden;
}
.treeBreadcrumbPanel {
width: 100%;
}
.treeBreadcrumbButton {
margin-left: 0.3em;
margin-top: 0.3em;
margin-bottom: 0.3em;
margin-right: 1em;
}
.treeBreadcrumbLabel {
white-space: nowrap;
text-overflow: ellipsis;
width: 80%;
overflow: hidden;
}
.treeContainer {
width: 100%;
}
.treeList {
width: 100%;
height: 100%;
}
.treeLeftList {
position: absolute;
left: -100%;
}
.treeMiddleList {
left: 0px;
}
.treeRightList {
position: absolute;
left: 100%;
}
.wideTreeContainer {
width: 100%;
}
.wideTreeList {
height: 100%;
}
.wideTreeList0 {
width: 49%;
position: absolute;
left: -49%;
}
.wideTreeList1 {
width: 49%;
left: 0px;
}
.wideTreeList2 {
width: 49%;
left: 51%;
}
.wideTreeList3 {
width: 49%;
position: absolute;
left: 100%;
}
.selectedItem {
background-image: literal('-webkit-gradient(linear, 0% 0%, 0% 100%, from(#44E), to(#33D))') !important;
background-image: literal('linear-gradient(to bottom, #44E 0%, #33D 100%)') !important;
}
.slide {
-webkit-transition-property: -webkit-transform;
-webkit-transition-duration: 300ms;
-webkit-transition-timing-function: ease-in-out;
transition-property: transform;
transition-duration: 300ms;
transition-timing-function: ease-in-out;
}
.slide.right {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.slide.left {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.slide.wideLeft {
-webkit-transform: translate3d(-103%, 0, 0);
transform: translate3d(-103%, 0, 0);
}
.slide.wideRight {
-webkit-transform: translate3d(103%, 0, 0);
transform: translate3d(103%, 0, 0);
}