de.swm.commons.mobile.client.theme.bootstrap.css.header.css Maven / Gradle / Ivy

@if swmmobile.css pretty {
	@external header-Panel, gwt-Label;	
}

@external gwt-Label;

.header-Panel {
	position: relative;
	display: \-webkit-box;
	\-webkit-box-orient: horizontal;
	\-webkit-box-align: center;
	\-webkit-box-pack: justify;
	\-webkit-user-select: none;
	background-image: literal('-webkit-gradient(linear, 0% 0%, 0% 100%, from(#D5D5D5), to(#f5f5f5))');
	padding: 1.2em 1.2em 1.2em 1.2em;

    z-index: 1;
	box-shadow: 0 0 .6em black;
}

/* needed this to get around the android browser bug when scroll, causing controls to disapear.*/
.header-Panel * {
	z-index: 1;
}

.header-Panel > div > div.gwt-Label {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
    font-size: 24px;
}

.header-Panel > div:first-child, .header-Panel > div:last-child {
	min-width:3em;
}

.header-Panel > div:nth-child\(2\) {
	display: \-webkit-box;
	\-webkit-box-flex: 1;
	\-webkit-box-pack: center;
	\-webkit-box-align: center;
}


/* Fix um Unterschiedliche Buttons im header zu haben. */
.header-Panel > div > div.button {

}

.header-Panel > div > div.pressed {

}

.header-Panel > div > div.nextButton {

}

.header-Panel > div > div.backButton {

}

.header-Panel > div > span.pointer {

}