All Downloads are FREE. Search and download functionalities are using the official Maven repository.
Please wait. This can take some minutes ...
Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $
You can buy this project and download/modify it how often you want.
de.swm.commons.mobile.client.theme.base.css.toolbarpanel.css Maven / Gradle / Ivy
@if swmmobile.css pretty {
@external toolbarPanel, selected, badge;
}
@external gwt-Image;
.toolbarPanel {
width:100%;
\-webkit-box-flex: 1;
display: \-webkit-box;
\-webkit-user-select: none;
\-webkit-box-orient: vertical;
-ms-flex: 1;
display: -ms-flexbox;
-ms-flex-direction: column;
}
/*toolbar header panel*/
.toolbarPanel > div:last-child {
display: \-webkit-box;
\-webkit-box-orient: horizontal;
\-webkit-box-shadow: rgba(0, 0, 0, 1) 0 0 1em;
background: #333;
position: relative;
z-index: 1;
display: -ms-flexbox;
box-shadow: rgba(0, 0, 0, 1) 0 0 1em;
}
/*tab header*/
.toolbarPanel > div:last-child > div {
\-webkit-box-flex: 1;
display: \-webkit-box;
\-webkit-box-orient: vertical;
\-webkit-box-align: center;
\-webkit-box-pack: center;
min-height: 2em;
font-size: 0.8em;
color: gray;
padding-bottom: 2px;
padding-top: 2px;
background-image: literal('-webkit-gradient(linear, 0% 0%, 0% 100%, from(#434343), color-stop(0.01, #434343), color-stop(0.01, #2e2e2e), color-stop(0.5, #151515), color-stop(0.5, #000), to(#000))');
-ms-flex: 1;
display: -ms-flexbox;
-ms-flex-direction: column;
-ms-flex-align: center;
-ms-flex-pack: center;
background-image: literal('linear-gradient(to bottom, #434343 0%, #434343 1%, #2e2e2e 1%, #151515 50%, #000 50%, #000 100%)');
}
.toolbarPanel > div:last-child > div.selected {
background-image: literal('-webkit-gradient(linear, 0% 0%, 0% 100%, from(#494949), color-stop(0.5, #363636), color-stop(0.5, #252525), to(#252525))');
border-radius: 10px;
color: white;
background-image: literal('linear-gradient(to bottom, #494949 0%, #363636 50%, #252525 50%, #252525 100%)');
}
.toolbarPanel > div:last-child > div.selected .gwt-Image {
opacity: 1;
}
.toolbarPanel > div:last-child > div .gwt-Image {
opacity: 0.5;
}
/*tab content panel*/
.toolbarPanel > div:first-child {
position: relative;
\-webkit-box-flex: 1;
-ms-flex: 1;
}
/*tab content*/
.toolbarPanel > div:first-child > div {
position:absolute;
display: \-webkit-box;
height: 100%;
width: 100%;
display: -ms-flexbox;
}
.badge {
padding-left: 5px;
padding-right: 5px;
text-align: center;
background: -webkit-linear-gradient(top,#FF444D,#BC0003);
position: absolute;
top:2px;
margin-left: 20px;
border: 2px solid #FFFFFF;
color:#FFFFFF;
font: bold 16px Helvetica;
border-radius: 18px;
box-shadow: 0px 4px 3px #000;
line-height: 18px;
z-index: 1000;
background: literal('linear-gradient(to bottom, #FF444D 0%, #BC0003 100%)');
}