The configuration of the rootline is done through TypoScript. In fact, both the first and the sub levels are normal TMENU_LAYERS elements. It means that you are completely free to adapt them if you know TypoScript menu. You can set a special configuration for the first level and/or another one for all the sublevels. Here's the TypoScript code which is used by default by the plugin:

First level

plugin.tx_hypernav_pi1.firstLevel {

// Layer style

layerStyle = position: absolute; visibility: hidden;

// Lock position

lockPosition = x

// Relative options

relativeToParentLayer = 1

relativeToTriggerItem = 1

// Offset

topOffset = 15

// Hide options

hideMenuWhenNotOver = 50

hideMenuTimer = 70

// Normal state

NO.allWrap = <td align="left" valign="top">You are here: /</td><td align="left" valign="top">|</td><td align="left" valign="top">/</td>|*|<td align="left" valign="top">|</td><td align="left" valign="top">/</td>|*|<td align="left" valign="top">|</td>

// Wrap

wrap = <table border="0" cellspacing="0" cellpadding="2" align="left" class="tx-hypernav-pi1-firstLevel"><tr>|</tr></table>

}

Sub levels

plugin.tx_hypernav_pi1.subLevels {

// Layer style

layerStyle = position: absolute; visibility: hidden;

// Lock position

lockPosition = x

// Relative options

relativeToParentLayer = 1

relativeToTriggerItem = 1

// Offset

leftOffset = 50

// Hide options

hideMenuWhenNotOver = 50

hideMenuTimer = 70

// Wrap

wrap = <table border="0" cellspacing="0" cellpadding="2" align="left" class="tx-hypernav-pi1-subLevels"><tr>|</tr></table>

// Normal state

NO.allWrap = |*|<tr><td align="left" valign="top" colspan="2" class="tx-hypernav-pi1-subLevels-row">|</td></tr>||<tr><td align="left" valign="top" colspan="2" class="tx-hypernav-pi1-subLevels-rowAlt">|</td></tr>|*|

// Configuration if item has sub elements

IFSUB = 1

IFSUB.allWrap = |*|<tr><td align="left" valign="top" class="tx-hypernav-pi1-subLevels-row">|</td><td align="left" valign="top" class="tx-hypernav-pi1-subLevels-row">&gt;</td></tr>||<tr><td align="left" valign="top" class="tx-hypernav-pi1-subLevels-rowAlt">|</td><td align="left" valign="top" class="tx-hypernav-pi1-subLevels-rowAlt">&gt;</td></tr>|*|

}

Here are the default CSS styles used by the plugin. You can override them on your TS template.

_CSS_DEFAULT_STYLE

.tx-hypernav-pi1-subLevels {

border: solid 1px #DFE2E3;

border-collapse: collapse;

}

.tx-hypernav-pi1-subLevels TD {

padding: 5px;

background-color: #FFFFFF;

}

.tx-hypernav-pi1-subLevels TD.tx-hypernav-pi1-subLevels-rowAlt {

background-color: #E6EEF2;

}