de.swm.commons.mobile.client.theme.bright.css.scrollpanel.css Maven / Gradle / Ivy
@if swmmobile.css pretty {
@external scrollPanel, simpleScrollPanel, scrollbar, scrollbarTable, scrollbarFiller, scrollbarRail, scrollbarIndicator;
}
.scrollPanel {
\-webkit-transition-property: \-webkit-transform, top;
\-webkit-transition-timing-function: cubic-bezier\(0,0,0.25,1\);
\-webkit-box-flex: 10;
display: \-webkit-box;
\-webkit-box-orient: vertical;
overflow: hidden;
padding-top: .3em;
padding-bottom: .5em;
}
.scrollPanel > * {
position: relative;
}
.simpleScrollPanel {
width: 100%;
overflow-y: auto;
padding-top: .3em;
padding-bottom: .5em;
-webkit-box-flex: 1.0;
-webkit-overflow-scrolling: touch;
}
.simpleScrollPanel > * {
position: relative;
}
.scrollbar {
position: absolute;
width: 100%;
height: 100%;
display: block;
box-sizing: border-box;
}
.scrollbarTable {
display: table;
width: 100%;
height: 100%;
}
.scrollbarFiller {
width: 100%;
height: 100%;
display: table-cell;
}
.scrollbarPanel {
padding: 3px 3px 0px 0px;
display: table-cell;
}
.scrollbarRail {
width: 6px;
position: relative;
}
.scrollbarIndicator {
-webkit-transform: translate3d(0px, -10000px, 0px);
width: 100%;
position: absolute;
z-index: 3;
border-radius: 3px;
background-color: #696969;
height: 10px;
}