dojox
Version:
Dojo eXtensions, a rollup of many useful sub-projects and varying states of maturity – from very stable and robust, to alpha and experimental. See individual projects contain README files for details.
53 lines (52 loc) • 1.79 kB
CSS
/* dojox.mobile.Heading */
.mblHeading {
position: relative;
margin: 0;
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
z-index: 1;
padding: 0;
height: 42px;
font-family: Helvetica;
font-size: 20px;
font-weight: bold;
text-align: center;
line-height: 44px;
background-image: -webkit-gradient(linear, left top, left bottom, from(#b0bccd), to(#6d84a2), color-stop(0.5, #889bb3), color-stop(0.5, #8195af));
background-image: linear-gradient(to bottom, #b0bccd 0%, #889bb3 50%, #8195af 50%, #6d84a2 100%);
border-top: 1px solid #cdd5df;
border-bottom: 1px solid #2d3642;
color: white;
text-shadow: rgba(0, 0, 0, 0.6) 0 -1px 0;
}
.mblHeading * {
z-index: 2;
}
.mblHeadingDivTitle {
position: absolute;
width: 100%;
display: none;
left: 0;
z-index: 1;
}
.mblHeadingCenterTitle .mblHeadingDivTitle {
display: block;
}
.mblHeadingCenterTitle .mblHeadingSpanTitle {
display: none;
}
/* iOS 6 specific */
.dj_ios6.dj_phone .mblHeading {
border-top: 1px solid #eff2f7;
border-bottom: 1px solid #3f5c80;
background-image: -webkit-gradient(linear, left top, left bottom, from(#d0d9e6), to(#587397), color-stop(0.025, #d0d9e6), color-stop(0.025, #beccdd));
background-image: linear-gradient(to bottom, #d0d9e6 0%, #d0d9e6 2.5%, #beccdd 2.5%, #587397 100%);
}
.dj_ios6.dj_phone .mblHeading.mblFixedBottomBar {
border-top: 1px solid #5e748c;
border-bottom: 1px solid #577296;
background-image: -webkit-gradient(linear, left top, left bottom, from(#dee4ec), to(#577296), color-stop(0.025, #dee4ec), color-stop(0.025, #c1cddd), color-stop(0.05, #c1cddd), color-stop(0.05, #b0bfd3));
background-image: linear-gradient(to bottom, #dee4ec 0%, #dee4ec 2.5%, #c1cddd 2.5%, #c1cddd 5%, #b0bfd3 5%, #577296 100%);
}