161 lines
2.7 KiB
CSS
161 lines
2.7 KiB
CSS
/*modify the base font size for mobile devices*/
|
|
body
|
|
{
|
|
/*bumping up the font-sizes for higher res displays*/
|
|
font-size:54%;
|
|
|
|
}
|
|
|
|
@media (max-width: 336px)
|
|
{
|
|
body
|
|
{
|
|
font-size: 44%;
|
|
}
|
|
|
|
article.helpMenu li a
|
|
{
|
|
height:2.25em;
|
|
line-height:2.25em;
|
|
}
|
|
|
|
}
|
|
|
|
/*for odd Android aspect ratios*/
|
|
@media (max-width: 385px) and (min-width:337px) and (max-height:520px)
|
|
{
|
|
body
|
|
{
|
|
font-size: 44%;
|
|
}
|
|
|
|
article.helpMenu li a
|
|
{
|
|
height:2em;
|
|
line-height:2em;
|
|
}
|
|
|
|
}
|
|
|
|
|
|
/*gradient for smartglass UI*/
|
|
body
|
|
{
|
|
/*gradient for smartglass UI*/
|
|
background: -webkit-linear-gradient(top, #000000 50%, #323232); /* Safari and Chrome*/
|
|
background: -moz-linear-gradient(top, #000000 50%, #323232);/*Firefox*/
|
|
background: -ms-linear-gradient(top, #000000 50%, #323232);/*IE*/
|
|
}
|
|
|
|
/*if the element is a main menu or a sub menu hide the placeholder element to the right*/
|
|
.helpMenu .helpContent
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
article .helpContent
|
|
{
|
|
height: 75%;
|
|
background-color: transparent;
|
|
padding: 0;
|
|
margin: 0;
|
|
position: absolute;
|
|
top: 5em;
|
|
left: 5%;
|
|
width: 90%;
|
|
overflow: auto;
|
|
-webkit-overflow-scrolling: touch;
|
|
line-height:1;
|
|
}
|
|
|
|
article .contentPanel
|
|
{
|
|
width: 96%;
|
|
height: 100%;
|
|
padding: 0px 2% 1em 2%;
|
|
overflow:hidden;
|
|
}
|
|
|
|
article .helpContent
|
|
{
|
|
top:7em;
|
|
height: 65%;
|
|
}
|
|
|
|
.contentPanel .backLink
|
|
{
|
|
background-position-x: 1em;
|
|
background-position-y: 1em;
|
|
/*need to resize the back button due the change in font size for retina displays*/
|
|
background-size:75%;
|
|
background-position:.15em .5em;
|
|
height:2.5em;
|
|
width:2.5em;
|
|
float: left;
|
|
margin: 0px;
|
|
}
|
|
|
|
/*note you must re-initialize any background properties if you swap images*/
|
|
.contentPanel .backLink:focus
|
|
{
|
|
background-position-x: 1em;
|
|
background-position-y: 1em;
|
|
background-size:75%;
|
|
background-position:.15em .5em;
|
|
}
|
|
|
|
.articles article:not(.helpMenu) .articleTitle
|
|
{
|
|
margin-top: 1.9em;
|
|
margin-left: .35em;
|
|
height: 2.25em;
|
|
|
|
}
|
|
|
|
article .contentPanel .articleTitle
|
|
{
|
|
margin-top:.25em;
|
|
left: 2em;
|
|
display: block;
|
|
width: 70%;
|
|
max-height: 3.8em;
|
|
overflow: hidden;
|
|
}
|
|
|
|
article .contentPanel .navLinks
|
|
{
|
|
clear: both;
|
|
}
|
|
|
|
.helpMenu li a
|
|
{
|
|
height: 2.75em;
|
|
line-height: 2.75em;
|
|
}
|
|
|
|
/*remove controller button states*/
|
|
.navLinks a, .navLinks a:focus, .navLinks a:hover:not(:focus)
|
|
{
|
|
|
|
border:none;
|
|
background-color: transparent;
|
|
outline:0;
|
|
box-shadow:none;
|
|
}
|
|
|
|
|
|
article .contentPanel .panelButtons
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
.pageCounter
|
|
{
|
|
display:block;
|
|
position:fixed;
|
|
bottom:.15em;
|
|
|
|
right:.5em;
|
|
}
|
|
|