de.swm.commons.mobile.client.theme.bright.css.listpanel.css Maven / Gradle / Ivy
@if swmmobile.css pretty {
@external listPanel, pressed, disabled, iOS, chevron, gwt-Label, .gwt-InlineLabel, .gwt-DateLabel;
}
/** PRUEFEN: War noetig um es kompilliert zu bekommen. **/
@external gwt-Label, .gwt-InlineLabel, .gwt-DateLabel;
.listPanel {
position:relative;
display: \-webkit-box;
\-webkit-box-orient: vertical;
}
.listPanel > div {
border-bottom: 1px solid #004180;
border-left: 1px solid #004180;
border-right: 1px solid #004180;
padding: 0.5em 0.5em 0.5em 0.5em;
margin-right: 10px;
margin-left: 10px;
width: 95%;
vertical-align:middle !important;
display: \-webkit-box;
\-webkit-box-orient: horizontal;
\-webkit-box-pack: justify;
\-webkit-box-align: center;
background: white;
}
.listPanel > div:first-child {
border-top: 1px solid #004180;
margin-top: 10px;
webkit-box-shadow: none;
}
.listPanel > div:last-child {
webkit-box-shadow: none;
}
.listPanel > div:only-child {
webkit-box-shadow: none;
}
.listPanel > div.pressed {
color: white;
background: rgb(202, 229, 254) !important;
}
.listPanel > div > span {
color: black;
}
.listPanel > div.disabled {
color: silver;
}
.listPanel > div .gwt-Label {
color: black;
}
.listPanel > div.disabled .gwt-Label {
color: silver;
}
.gwt-InlineLabel {
color: black;
}
.gwt-DateLabel {
color: black;
}
.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: #004180;
}
.chevron > span:first-child {
\-webkit-transform: rotate(-45deg);
}
.chevron > span:last-child {
\-webkit-transform: rotate(45deg);
top: 0.4em;
}
/* anti-flickering */
.iOS .scrollPanel > .listPanel > div {
-webkit-transform: translate3d(0px, 0px, 0px);
}