Правка CSS в UberPageBreak - Вопросы по CSS

/* Common */
a:active,
a:focus {outline:0;}
.clr {clear:both;height:0;line-height:0;margin:0;padding:0;float:none;}

/* TOC */
div#pageBreakTOC {clear:both;margin:0;padding:0 0 8px 0;background:#fff;}
	div#pageBreakTOCHeader {display:none;}
	
	div#pageBreakTOC ul {list-style:none;padding:3px 4px 3px;margin:0;border-bottom:1px solid #ccc;}
	div#pageBreakTOC ul li {display:inline;padding:5px 8px 3px;margin:0;border:1px solid #ccc;background:#fff url(../images/tabBackground.png) repeat-x bottom;}
	div#pageBreakTOC ul li a {}
	div#pageBreakTOC ul li a:hover {}
	
	div#pageBreakTOC ul li.even {}
	div#pageBreakTOC ul li.odd {}
	
	div#pageBreakTOC ul li.active {border-bottom:1px solid #fff;;background:#fff;}
	div#pageBreakTOC ul li.active a {font-weight:bold;color:#C7453B;}

	span#pageBreakNavigationPrevNext {display:block;float:right;width:150px;text-align:center;font-size:11px;color:#777;padding:4px 0 0 0;}
	span#pageBreakNavigationPrevNext a {}
	span#pageBreakNavigationPrevNext a:hover {}
	span#pageBreakNavigationPrevNext a span {}
	
	#pageBreakTOCFooter {text-align:center;padding:0 4px;}
	#pageBreakTOCFooter a {text-align:center;}
	#pageBreakTOCFooter a:hover {}
	.pageBreakTOCFooterLink {font-weight:bold;color:#C7453B;}

/* Navigation */
div#pageBreakNavigation {clear:both;text-align:center;padding:16px;margin:16px 0 0 0;border-top:1px dotted #ccc;}
	 span.pagination {display:block;text-align:center;}
	 span.pagination a {padding:3px 6px 2px;border:1px solid #eee;background:#fff;margin:0 2px;}
	 span.pagination a:hover {text-decoration:none;background:#0C3A6D;border:1px solid #0C3A6D;color:#eee;}
	 span.pagination strong span {padding:3px 6px 2px;border:1px solid #ddd;background:#fff;margin:0 2px;color:#C7453B;}
	 div#pageBreakNavigation div.pageBreakCounter {padding:4px;text-align:center;font-size:11px;color:#BBBBBB;}

/* END */

<div id="pageBreakTOC">
	<div id="pageBreakTOCHeader">
		Оглавление	</div>

	<span id="pageBreakNavigationPrevNext">
				<span class="navPrev">&laquo; Пред.</span>
		
				<span id="pageBreakTOCFooter">
			<a class="pageBreakTOCFooterLink" href="/extensions.html?showall=1">Все стр.</a>
		</span>
		
				<a href="/extensions.html?start=1"><span class="navNext">След. &raquo;</span></a>
			
	</span>

	
	<ul>
		<li class="even active"><a href="/extensions.html">Расширения</a></li>
				<li class="odd"><a href="/extensions.html?start=1">Компоненты</a></li>
				<li class="even"><a href="/extensions.html?start=2">Модули</a></li>
				<li class="odd"><a href="/extensions.html?start=3">Плагины</a></li>
				<li class="even"><a href="/extensions.html?start=4">Пакеты локализаций</a></li>

			</ul>
	<div class="clr"></div>
</div>

<ul>
  <li></li>
  <li></li>
  <li></li>
</ul>
заменить на
<ul>
  <li></li><li></li><li></li>
</ul>

#pageBreakTOC li {float:left; margin-bottom:-5px;}
#maincolumn div#pageBreakTOC ul {height:21px; position:relative; top:-6px;}
#maincolumn div#pageBreakTOC {margin-bottom:-6px;}

div#pageBreakTOC ul li.active {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #FFFFFF;

div#pageBreakTOC ul li.active {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 2px solid #FFFFFF;

	div#pageBreakTOC ul li.active {border-bottom:1px solid #fff;;background:#fff;}
	div#pageBreakTOC ul li.active a {font-weight:bold;color:#C7453B;}

	div#pageBreakTOC ul li.active {border-bottom:none repeat scroll 0 0 #fff;background: 2px solid #fff;}
	div#pageBreakTOC ul li.active a {font-weight:bold;color:#C7453B;}