de.swm.commons.mobile.client.theme.bootstrap.css.tabpanel.css Maven / Gradle / Ivy
@if swmmobile.css pretty {
@external tabPanel, selected, android;
}
@external gwt-Image
.tabPanel {
width:100%;
\-webkit-box-flex: 1;
display: -webkit-box;
\-webkit-box-orient: vertical;
-ms-flex: 1;
display: -ms-flexbox;
-ms-flex-direction: column;
}
/*tab header panel*/
.tabPanel > div:first-child {
display: \-webkit-box;
\-webkit-box-orient: horizontal;
border-bottom: 0.2em solid #BDBDBD;
\-webkit-box-shadow: rgba(0, 0, 0, 1) 0 0 1em;
font-size: .8em;
background: #333;
position: relative;
z-index: 1;
display: -ms-flexbox;
box-shadow: rgba(0, 0, 0, 1) 0 0 1em;
}
/* tab header */
.tabPanel > div:first-child > div {
\-webkit-box-flex: 1;
display: \-webkit-box;
\-webkit-box-align: center;
\-webkit-box-pack: center;
min-height: 2em;
border-left: 1px solid #666666;
border-top: 1px solid #666666;
border-bottom: 1px solid #333333;
margin: 0 0.2em 0 0.2em;
color: gray;
background-image: literal('-webkit-gradient(linear, 0% 0%, 0% 100%, from(#4c4d4e), to(#404142))');
border-top-left-radius: 0.3em 0.3em;
border-top-right-radius: 0.3em 0.3em;
-ms-flex: 1;
display: -ms-flexbox;
-ms-flex-align: center;
-ms-flex-pack: center;
background-image: literal('linear-gradient(to bottom, #4c4d4e 0%, #404142 100%)');
}
.tabPanel > div:first-child > div.selected {
color:black;
text-shadow: white 0 .1em .1em;
border-left: 1px solid white;
border-top: 1px solid white;
border-bottom: 1px solid #BDBDBD;
background-image: literal('-webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#BDBDBD))');
background-image: literal('linear-gradient(to bottom, white 0%, #BDBDBD 100%)');
}
.tabPanel > div:first-child > div.selected .gwt-Image {
opacity: 1;
}
.tabPanel > div:first-child > div .gwt-Image {
opacity: 0.5;
}
/*tab content panel*/
.tabPanel > div:last-child {
position: relative;
\-webkit-box-flex: 1;
-ms-flex: 1;
}
/*tab content*/
.tabPanel > div:last-child > div {
position:absolute;
display: \-webkit-box;
height: 100%;
width: 100%;
display: -ms-flexbox;
}
/*tab header antialias workaround*/
.android .tabPanel > div:first-child > div {
-webkit-box-shadow: #BDBDBD 0 0 .1em;
}