Hi Max,
every question is welcome.
I added a Nokia500.css. then it's much easier to tweak css file.
A css file discribe the style of one or more html elements.
The xpTunes html files mostly includes a body tag ('<body>'), group block-elements/division ('<div>') and some elements like lists (unorderd lists '<ul>') and list items ('<li>').
The <div> tag is often used to group block-elements to format them with styles. li elements are childs of unorderd lists.
perhaps this code help:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<title>xpTouch</title>
</head>
<style type="text/css">
*{
outline: none;
text-decoration: none;
margin: 0;
padding: 0;
list-style: none;
-webkit-touch-callout:none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
margin: 0;
background: #FFFFFF;
color: #000000;
overflow-x: hidden;
-webkit-user-select: none;
-webkit-text-size-adjust: none;
-moz-user-select:-moz-none;
font: 16px Helvetica ,Geneva, Verdana, Arial, Helvetica, sans-serif;
outline: none;
background-color:yellow;
}
body > ul {
white-space:normal;
overflow: hidden;
height:403px; /*change here to max available height-20px (580px ?) */
min-height:305px;
max-height:403px; /*change here to same value like height */
}
background-color:blue;
body > ul > div > li,
body > ul > li,
body > div > ul > li{
position:relative;
margin: 0px;
border-bottom: 1px solid #E0E0E0;
padding: 9px 0 8px 10px;
font-size: 16px; /*change here perhaps 22px*/
font-weight: bold;
background-color:green;
}
</style>
<body orient="profile" id="main">
<ul class="list010" hidebackbutton="true" title="xpTunes" name="navlist" id="home">
<li>Playing</li>
<li>Queue</li>
<li>Playlists</li>
<li>Music</li>
<li>Video</li>
<li>Image</li>
<li>Zones</li>
<li>Test1</li>
<li>Test2</li>
<li>Test3</li>
</ul>
</body>
</html>
Just copy this code in a test.html file and open this file with your desktop browser.