de.swm.commons.mobile.client.theme.bright.css.accordion.css Maven / Gradle / Ivy

@if swmmobile.css pretty {
	@external accordion, disabled, gwt-Label, pressed, collapse, expand, buttonLightLeftText;
}

@external buttonLightLeftText, gwt-Label, disabled;

/* stack */
.accordion > div {
    border: 2px solid #004180;
}

 /* header */
.accordion > div > div:first-child {
	display:\-webkit-box;
	\-webkit-box-orient: horizontal;
	\-webkit-box-align: center;
	cursor: pointer;
	padding:.5em .5em .5em 0em;
	background: #ffffff;
}

.accordion > div > div:first-child.pressed {

}

.accordion > div:first-child > div:first-child {
	border-top:0;
}

.accordion > div:last-child.collapse > div:first-child {
	border-bottom:0;
}

/* content */
.accordion > div > div:last-child {
	overflow: hidden;
	padding:.5em;
	color: black;
	background: #ffffff;
	\-webkit-transition-property: height;
	\-webkit-transition-duration: 200ms;
	\-webkit-transition-timing-function: ease;
}

/* content */
.accordion > div:last-child.expand > div:first-child {
    border-bottom: 1px solid #004180;
}

.accordion > div:last-child.expand > div:last-child > .buttonLightLeftText {
    background: #ffffff;
    border: 1px solid #004180;
    color: black;
}

.accordion > div:last-child.collapse > div:last-child > .buttonLightLeftText {
    background: #ffffff;
    border: 1px solid #004180;
    color: black;
}

.accordion > div:last-child.expand > div:last-child > .buttonLightLeftText.pressed {
    background: #004180;
    color: black;
}

.accordion > div.collapse > div:last-child {
	padding-top: 0;
	padding-bottom: 0;
	height: 0 !important;
}

.accordion > div .gwt-Label {
    color: black;
}

.accordion > div.disabled .gwt-Label {
    color: gray;
}

.accordionArrow {
	border: .4em solid #004180;
	border-right-color: transparent;
	border-top-color: transparent;
	border-bottom-color: transparent;
	height: 0.001em;
	width: 0.001em;
	margin-left: .5em;
}

.accordionArrowInvisible {
	height: 0.001em;
	width: 0.001em;
	margin-left: 1.5em;
}

.accordion > div.expand > div > .accordionArrow {
	position: relative;
	top: .3em;
	left: -.2em;
    border-top-color: #004180;
	border-left-color: transparent;
}