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);
}