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.
75 lines (74 loc) • 1.27 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;
border: none;
color: #ffffff;
font-family: "Segoe WP", "Segoe UI", "HelveticaNeue", "Helvetica-Neue", "Helvetica", "BBAlpha Sans", "sans-serif";
font-weight: 400;
text-align: left;
font-size: 17pt;
overflow: visible;
}
.mblHeading * {
z-index: 2;
}
.mblHeadingDivTitle {
position: absolute;
width: 100%;
display: none;
left: 0;
z-index: 1;
}
.mblHeadingCenterTitle .mblHeadingDivTitle {
display: block;
}
.mblHeadingCenterTitle .mblHeadingSpanTitle {
display: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
line-height: normal;
font-weight: 400;
margin: 0;
}
h1.mblHeading {
font-size: 19pt;
}
h2.mblHeading {
font-size: 17pt;
}
h3.mblHeading {
font-size: 15pt;
}
h4.mblHeading {
font-size: 11pt;
}
h5.mblHeading {
font-size: 10pt;
}
h6.mblHeading {
font-size: 9pt;
}
.mblHeading .mblToolBarButton ~ .mblHeadingDivTitle {
text-align: center;
}
.mblHeading .mblToolBarButton.mblToolBarButtonHasRightArrow {
float: right;
}