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.base.css.listpanel.css Maven / Gradle / Ivy
@if swmmobile.css pretty {
@external listPanel, pressed, disabled, iOS, chevron;
}
.listPanel {
position:relative;
display: \-webkit-box;
\-webkit-box-orient: vertical;
display: -ms-flexbox;
-ms-flex-direction: column;
}
.listPanel > div {
border-bottom:1px solid #333333;
border-top:1px solid #666666;
padding: 0.5em 0.5em 0.5em 0.5em;
vertical-align:middle !important;
display: \-webkit-box;
\-webkit-box-orient: horizontal;
\-webkit-box-pack: justify;
\-webkit-box-align: center;
background-image: literal('-webkit-gradient(linear, 0% 0%, 0% 100%, from(#4c4d4e), to(#404142))');
display: -ms-flexbox;
-ms-flex-pack: justify;
-ms-flex-align: center;
background-image: literal('linear-gradient(to bottom, #4c4d4e 0%, #404142 100%)');
}
.listPanel > div:first-child {
border-top:0px;
border-top-left-radius: 0.4em 0.4em;
border-top-right-radius: 0.4em 0.4em;
\-webkit-box-shadow: rgba(0, 0, 0, .5) 0em -.2em 0.2em;
box-shadow: rgba(0, 0, 0, .5) 0em -.2em 0.2em;
}
.listPanel > div:last-child {
border-bottom:0px;
border-bottom-left-radius: 0.4em 0.4em;
border-bottom-right-radius: 0.4em 0.4em;
\-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0em 0.2em 0.2em;
box-shadow: rgba(0, 0, 0, 0.5) 0em 0.2em 0.2em;
}
.listPanel > div:only-child {
\-webkit-box-shadow: rgba(0, 0, 0, 1) 0em 0em 0.5em;
box-shadow: rgba(0, 0, 0, 1) 0em 0em 0.5em;
}
.listPanel > div.pressed {
background: literal('-webkit-gradient(linear, 0% 0%, 0% 100%, from(lightgreen), color-stop(0.5, #298C08), color-stop(0.5, darkgreen), to(darkgreen))');
}
.listPanel > div.disabled {
color: gray;
}
.chevron {
position: relative;
margin-right: 0.5em;
padding-left: 0.5em;
top: -0.6em;
}
.chevron > span {
position: absolute;
width: 0.3em;
height: 0.8em;
background: gray;
}
.chevron > span:first-child {
\-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.chevron > span:last-child {
\-webkit-transform: rotate(45deg);
top: 0.4em;
transform: rotate(45deg);
}
/* anti-flickering */
.iOS .scrollPanel > .listPanel > div {
-webkit-transform: translate3d(0px, 0px, 0px);
}