de.swm.commons.mobile.client.theme.base.css.trip-list-item.css Maven / Gradle / Ivy
@if swmmobile.css pretty {
@external trip-transport-image, trip-list-item-title, trip-list-item-subtitle, trip-list-item-time, trip-punctual, trip-early, trip-late, trip-list-main-panel, trip-list-hpanel, trip-list-vpanel, trip-list-title-panel, trip-list-time-panel, trip-list-time-label;
}
.trip-transport-image {
padding: 0.3em;
margin-left: 0.3em;
}
.trip-list-item-title {
color: white;
font-weight: bold;
font-size: medium;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
text-shadow: rgba(0, 0, 0, 0.4) 0 -0.1em 0.1em;
}
.trip-list-item-subtitle {
color: white;
font-style: italic;
font-size: medium;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
text-shadow: rgba(0, 0, 0, 0.4) 0 -0.1em 0.1em;
}
.trip-list-item-sub-subtitle {
color: white;
font-weight: bold;
font-size: medium;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
text-shadow: rgba(0, 0, 0, 0.4) 0 -0.1em 0.1em;
}
.trip-list-item-time {
font-style: italic;
font-size: 0.7em;
white-space: nowrap;
overflow: hidden;
}
.trip-punctual {
color: #298C08;
}
.trip-early {
color: #E81E2F;
}
.trip-late {
color: #F38C08;
}
.trip-list-main-panel {
padding-top: 0px !important;
padding-bottom: 0px !important;
padding-left: 0px !important;
}
.trip-list-hpanel {
-webkit-box-flex: 1;
}
.trip-list-vpanel {
-webkit-box-flex: 1;
padding-left: 0.4em;
}
.trip-list-title-panel {
-webkit-box-flex: 1;
}
.trip-list-time-panel {
-webkit-box-pack: end;
-webkit-box-flex: 1;
}
.trip-list-time-label {
font-style: italic;
font-size: 0.7em;
white-space: nowrap;
overflow: hidden;
z-index: 1;
}