de.swm.commons.mobile.client.theme.base.css.indexpanel.css Maven / Gradle / Ivy

@if swmmobile.css pretty {
	@external indexedScrollPanel, indexPanel, indexHeaderListItem;	
}

.indexedScrollPanel {
	-ms-flex-align: start !important;
}

.indexPanel {
	position: absolute;
	z-index: 1;
	right: 0;
	padding-right: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
	background: rgba(1, 1, 1, 0.2);
	padding-left: 8px;
	margin-top: 4px;
	margin-right: 4px;
	\-webkit-border-radius: 8px;
	\-webkit-box-align: center;
	font-size: 0.5em;
	color: #D2D2D2;
	font-weight: bold;

	border-radius: 8px;
	/* "-ms-flex-align:center" not required */
}

.indexHeaderListItem {
    color: white;
    font-style: italic;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-shadow: rgba(0, 0, 0, 0.8) 0 -0.1em 0.1em;
	font-size: 0.7em;
	font-weight: bold;
	color: white !important;
	background-image: literal('-webkit-gradient(linear, 0% 0%, 0% 100%, from(#014A23), to(#01B601))') !important;

	background-image: literal('linear-gradient(to bottom, #014A23 0%, #01B601 100%)') !important;
}