24款超实用的Web 2.0风格翻页代码

版权：原创更新时间：1年以上

[该文章底部包含文件资源,可根据自己情况,决定是否下载资源使用,时间>金钱,如有需要,立即查看资源]

以下是 24款超实用的Web 2.0风格翻页代码的示例演示效果:

当前平台(PC电脑)

平台:

整屏预览

部分效果截图1:

部分效果截图2:

HTML代码(index.html):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "#www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="#www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="keywords" content="JS代码,其他代码,JS广告代码,JS特效代码" />
<meta name="description" content="此代码内容为24款超实用的Web 2.0风格翻页代码，属于站长常用代码" />
<title>24款超实用的Web 2.0风格翻页代码</title>
<link rel="stylesheet" type="text/css" href="css.css" media="all" />


</head>

<body>

<p><a href="#www.digg.com">Digg</a> Style</p>
<div class="digg"><span class="disabled"> < </span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2"> > </a></div></p>

<br /><br /><br />


<p><a href="#www.yahoo.com">Yahoo</a> Style
<div class="yahoo"><span class="disabled"> < </span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2"> > </a></div></p>


<br /><br /><br />

<p><a href="#www.yahoo.com">New Yahoo!</a> Style
<div class="yahoo2"><span class="disabled">&lt; Prev</span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2">Next &gt;</a></div></p>


<br /><br /><br />

<p><a href="#www.meneame.net">Meneame</a> Style
<div class="meneame"><span class="disabled"> < </span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2"> > </a></div></p>

<br /><br /><br />


<p><a href="#www.flickr.com">Flickr</a> Style
<div class="flickr"><span class="disabled"> < </span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2"> > </a></div></p>

<br /><br /><br />


<p><a href="#sabros.us">Sabros.us</a> Style
<div class="sabrosus"><span class="disabled"> < </span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2"> > </a></div></p>

<br /><br /><br />


<p>Green Style
<div class="scott"><span class="disabled"> < </span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2"> > </a></div></p>


<br /><br /><br />

<p>Gray Style
<div class="quotes"><span class="disabled"> < </span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2"> > </a></div></p>


<br /><br /><br />

<p>Black Style
<div class="black"><span class="disabled"> < </span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2"> > </a></div></p>


<br /><br /><br />

<p><a href="#www.mis-algoritmos.com">Mis Algoritmos</a> Style
<div class="black2"><span class="disabled"> < </span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2"> > </a></div></p>


<br /><br /><br />

<p>Black-Red Style
<div style="padding-top:10px;padding-bottom:10px;background-color:#313131;">
<div class="black-red"><span class="disabled"> < </span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2"> > </a></div></div></p>


<br /><br /><br />

<p>Gray Style 2
<div class="grayr"><span class="disabled"> < </span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2"> > </a></div></p>

<br /><br /><br />


<p>Yellow Style
<div class="yellow"><span class="disabled"> < </span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2"> > </a></div></p>

<br /><br /><br />


<p><a href="#jogger.pl/">jogger</a> Style
<div class="jogger"><span class="disabled"> < </span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2"> > </a></div></p>

<br /><br /><br />


<p><a href="#eu.starcraft2.com/screenshots.xml">starcraft 2</a> Style
<div class="starcraft2"><span class="disabled"> < </span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2"> > </a></div></p>


<br /><br /><br />

<p>Tres Style
<div class="tres"><span class="disabled"> < </span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2"> > </a></div></p>

<br /><br /><br />


<p><a href="#www.512megas.com">512megas</a> Style
<div class="megas512"><span class="disabled"> < </span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2"> > </a></div></p>


<br /><br /><br />

<p><a href="#www.technorati.com/">Technorati</a> Style
<div class="technorati"><span class="disabled"> < </span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2"> > </a></div></p>


<br /><br /><br />

<p><a href="#www.youtube.com/">YouTube</a> Style
<div class="youtube"><span class="disabled">Prev</span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2">Next</a></div></p>

<br /><br /><br />


<p><a href="#search.msdn.microsoft.com/">MSDN Search</a> Style
<div class="msdn"><span class="disabled"> <  Prev</span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2">Next  > </a></div></p>

<br /><br /><br />


<p><a href="#badoo.com/">Badoo</a>
<div class="badoo"><span class="disabled"> <  Prev</span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2">Next  > </a></div></p>

<br /><br /><br />


<p>Blue Style
<div class="manu"><span class="disabled"> <  Prev</span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2">Next  > </a></div></p>

<br /><br /><br />


<p>Green-Black Style 
<div class="green-black"><span class="disabled"> <  Prev</span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2">Next  > </a></div></p>


<br /><br /><br />
</body>
</html>

CSS代码(css.css):

/*����*/
BODY{FONT-SIZE:12px;FONT-FAMILY:Verdana,Arial,Helvetica,sans-serif;WIDTH:60%;PADDING-LEFT:25px;}
/*CSS Digg style pagination*/
DIV.digg{PADDING-RIGHT:3px;PADDING-LEFT:3px;PADDING-BOTTOM:3px;MARGIN:3px;PADDING-TOP:3px;TEXT-ALIGN:center}
DIV.digg A{BORDER-RIGHT:#aaaadd 1px solid;PADDING-RIGHT:5px;BORDER-TOP:#aaaadd 1px solid;PADDING-LEFT:5px;PADDING-BOTTOM:2px;MARGIN:2px;BORDER-LEFT:#aaaadd 1px solid;COLOR:#000099;PADDING-TOP:2px;BORDER-BOTTOM:#aaaadd 1px solid;TEXT-DECORATION:none}
DIV.digg A:hover{BORDER-RIGHT:#000099 1px solid;BORDER-TOP:#000099 1px solid;BORDER-LEFT:#000099 1px solid;COLOR:#000;BORDER-BOTTOM:#000099 1px solid}
DIV.digg A:active{BORDER-RIGHT:#000099 1px solid;BORDER-TOP:#000099 1px solid;BORDER-LEFT:#000099 1px solid;COLOR:#000;BORDER-BOTTOM:#000099 1px solid}
DIV.digg SPAN.current{BORDER-RIGHT:#000099 1px solid;PADDING-RIGHT:5px;BORDER-TOP:#000099 1px solid;PADDING-LEFT:5px;FONT-WEIGHT:bold;PADDING-BOTTOM:2px;MARGIN:2px;BORDER-LEFT:#000099 1px solid;COLOR:#fff;PADDING-TOP:2px;BORDER-BOTTOM:#000099 1px solid;BACKGROUND-COLOR:#000099}
DIV.digg SPAN.disabled{BORDER-RIGHT:#eee 1px solid;PADDING-RIGHT:5px;BORDER-TOP:#eee 1px solid;PADDING-LEFT:5px;PADDING-BOTTOM:2px;MARGIN:2px;BORDER-LEFT:#eee 1px solid;COLOR:#ddd;PADDING-TOP:2px;BORDER-BOTTOM:#eee 1px solid}
/*CSS yahoo style pagination*/
DIV.yahoo{PADDING-RIGHT:3px;PADDING-LEFT:3px;PADDING-BOTTOM:3px;MARGIN:3px;PADDING-TOP:3px;TEXT-ALIGN:center}
DIV.yahoo A{BORDER-RIGHT:#fff 1px solid;PADDING-RIGHT:5px;BORDER-TOP:#fff 1px solid;PADDING-LEFT:5px;PADDING-BOTTOM:2px;MARGIN:2px;BORDER-LEFT:#fff 1px solid;COLOR:#000099;PADDING-TOP:2px;BORDER-BOTTOM:#fff 1px solid;TEXT-DECORATION:underline}
DIV.yahoo A:hover{BORDER-RIGHT:#000099 1px solid;BORDER-TOP:#000099 1px solid;BORDER-LEFT:#000099 1px solid;COLOR:#000;BORDER-BOTTOM:#000099 1px solid}
DIV.yahoo A:active{BORDER-RIGHT:#000099 1px solid;BORDER-TOP:#000099 1px solid;BORDER-LEFT:#000099 1px solid;COLOR:#f00;BORDER-BOTTOM:#000099 1px solid}
DIV.yahoo SPAN.current{BORDER-RIGHT:#fff 1px solid;PADDING-RIGHT:5px;BORDER-TOP:#fff 1px solid;PADDING-LEFT:5px;FONT-WEIGHT:bold;PADDING-BOTTOM:2px;MARGIN:2px;BORDER-LEFT:#fff 1px solid;COLOR:#000;PADDING-TOP:2px;BORDER-BOTTOM:#fff 1px solid;BACKGROUND-COLOR:#fff}
DIV.yahoo SPAN.disabled{BORDER-RIGHT:#eee 1px solid;PADDING-RIGHT:5px;BORDER-TOP:#eee 1px solid;PADDING-LEFT:5px;PADDING-BOTTOM:2px;MARGIN:2px;BORDER-LEFT:#eee 1px solid;COLOR:#ddd;PADDING-TOP:2px;BORDER-BOTTOM:#eee 1px solid}
/*CSS meneame style pagination*/
DIV.meneame{PADDING-RIGHT:3px;PADDING-LEFT:3px;FONT-SIZE:80%;PADDING-BOTTOM:3px;MARGIN:3px;COLOR:#ff6500;PADDING-TOP:3px;TEXT-ALIGN:center}
DIV.meneame A{BORDER-RIGHT:#ff9600 1px solid;PADDING-RIGHT:7px;BACKGROUND-POSITION:50% bottom;BORDER-TOP:#ff9600 1px solid;PADDING-LEFT:7px;BACKGROUND-IMAGE:url(meneame.jpg);PADDING-BOTTOM:5px;BORDER-LEFT:#ff9600 1px solid;COLOR:#ff6500;MARGIN-RIGHT:3px;PADDING-TOP:5px;BORDER-BOTTOM:#ff9600 1px solid;TEXT-DECORATION:none}
DIV.meneame A:hover{BORDER-RIGHT:#ff9600 1px solid;BORDER-TOP:#ff9600 1px solid;BACKGROUND-IMAGE:none;BORDER-LEFT:#ff9600 1px solid;COLOR:#ff6500;BORDER-BOTTOM:#ff9600 1px solid;BACKGROUND-COLOR:#ffc794}
DIV.meneame A:active{BORDER-RIGHT:#ff9600 1px solid;BORDER-TOP:#ff9600 1px solid;BACKGROUND-IMAGE:none;BORDER-LEFT:#ff9600 1px solid;COLOR:#ff6500;BORDER-BOTTOM:#ff9600 1px solid;BACKGROUND-COLOR:#ffc794}
DIV.meneame SPAN.current{BORDER-RIGHT:#ff6500 1px solid;PADDING-RIGHT:7px;BORDER-TOP:#ff6500 1px solid;PADDING-LEFT:7px;FONT-WEIGHT:bold;PADDING-BOTTOM:5px;BORDER-LEFT:#ff6500 1px solid;COLOR:#ff6500;MARGIN-RIGHT:3px;PADDING-TOP:5px;BORDER-BOTTOM:#ff6500 1px solid;BACKGROUND-COLOR:#ffbe94}
DIV.meneame SPAN.disabled{BORDER-RIGHT:#ffe3c6 1px solid;PADDING-RIGHT:7px;BORDER-TOP:#ffe3c6 1px solid;PADDING-LEFT:7px;PADDING-BOTTOM:5px;BORDER-LEFT:#ffe3c6 1px solid;COLOR:#ffe3c6;MARGIN-RIGHT:3px;PADDING-TOP:5px;BORDER-BOTTOM:#ffe3c6 1px solid}
/*CSS flickr style pagination*/
DIV.flickr{PADDING-RIGHT:3px;PADDING-LEFT:3px;PADDING-BOTTOM:3px;MARGIN:3px;PADDING-TOP:3px;TEXT-ALIGN:center}
DIV.flickr A{BORDER-RIGHT:#dedfde 1px solid;PADDING-RIGHT:6px;BACKGROUND-POSITION:50% bottom;BORDER-TOP:#dedfde 1px solid;PADDING-LEFT:6px;PADDING-BOTTOM:2px;BORDER-LEFT:#dedfde 1px solid;COLOR:#0061de;MARGIN-RIGHT:3px;PADDING-TOP:2px;BORDER-BOTTOM:#dedfde 1px solid;TEXT-DECORATION:none}
DIV.flickr A:hover{BORDER-RIGHT:#000 1px solid;BORDER-TOP:#000 1px solid;BACKGROUND-IMAGE:none;BORDER-LEFT:#000 1px solid;COLOR:#fff;BORDER-BOTTOM:#000 1px solid;BACKGROUND-COLOR:#0061de}
DIV.meneame A:active{BORDER-RIGHT:#000 1px solid;BORDER-TOP:#000 1px solid;BACKGROUND-IMAGE:none;BORDER-LEFT:#000 1px solid;COLOR:#fff;BORDER-BOTTOM:#000 1px solid;BACKGROUND-COLOR:#0061de}
DIV.flickr SPAN.current{PADDING-RIGHT:6px;PADDING-LEFT:6px;FONT-WEIGHT:bold;PADDING-BOTTOM:2px;COLOR:#ff0084;MARGIN-RIGHT:3px;PADDING-TOP:2px}
DIV.flickr SPAN.disabled{PADDING-RIGHT:6px;PADDING-LEFT:6px;PADDING-BOTTOM:2px;COLOR:#adaaad;MARGIN-RIGHT:3px;PADDING-TOP:2px}
/*CSS sabrosus style pagination*/
DIV.sabrosus{PADDING-RIGHT:3px;PADDING-LEFT:3px;PADDING-BOTTOM:3px;MARGIN:3px;PADDING-TOP:3px;TEXT-ALIGN:center}
DIV.sabrosus A{BORDER-RIGHT:#9aafe5 1px solid;PADDING-RIGHT:5px;BORDER-TOP:#9aafe5 1px solid;PADDING-LEFT:5px;PADDING-BOTTOM:2px;BORDER-LEFT:#9aafe5 1px solid;COLOR:#2e6ab1;MARGIN-RIGHT:2px;PADDING-TOP:2px;BORDER-BOTTOM:#9aafe5 1px solid;TEXT-DECORATION:none}
DIV.sabrosus A:hover{BORDER-RIGHT:#2b66a5 1px solid;BORDER-TOP:#2b66a5 1px solid;BORDER-LEFT:#2b66a5 1px solid;COLOR:#000;BORDER-BOTTOM:#2b66a5 1px solid;BACKGROUND-COLOR:lightyellow}
DIV.pagination A:active{BORDER-RIGHT:#2b66a5 1px solid;BORDER-TOP:#2b66a5 1px solid;BORDER-LEFT:#2b66a5 1px solid;COLOR:#000;BORDER-BOTTOM:#2b66a5 1px solid;BACKGROUND-COLOR:lightyellow}
DIV.sabrosus SPAN.current{BORDER-RIGHT:navy 1px solid;PADDING-RIGHT:5px;BORDER-TOP:navy 1px solid;PADDING-LEFT:5px;FONT-WEIGHT:bold;PADDING-BOTTOM:2px;BORDER-LEFT:navy 1px solid;COLOR:#fff;MARGIN-RIGHT:2px;PADDING-TOP:2px;BORDER-BOTTOM:navy 1px solid;BACKGROUND-COLOR:#2e6ab1}
DIV.sabrosus SPAN.disabled{BORDER-RIGHT:#929292 1px solid;PADDING-RIGHT:5px;BORDER-TOP:#929292 1px solid;PADDING-LEFT:5px;PADDING-BOTTOM:2px;BORDER-LEFT:#929292 1px solid;COLOR:#929292;MARGIN-RIGHT:2px;PADDING-TOP:2px;BORDER-BOTTOM:#929292 1px solid}
/*CSS scott style pagination*/
DIV.scott{PADDING-RIGHT:3px;PADDING-LEFT:3px;PADDING-BOTTOM:3px;MARGIN:3px;PADDING-TOP:3px;TEXT-ALIGN:center}
DIV.scott A{BORDER-RIGHT:#ddd 1px solid;PADDING-RIGHT:5px;BORDER-TOP:#ddd 1px solid;PADDING-LEFT:5px;PADDING-BOTTOM:2px;BORDER-LEFT:#ddd 1px solid;COLOR:#88af3f;MARGIN-RIGHT:2px;PADDING-TOP:2px;BORDER-BOTTOM:#ddd 1px solid;TEXT-DECORATION:none}
DIV.scott A:hover{BORDER-RIGHT:#85bd1e 1px solid;BORDER-TOP:#85bd1e 1px solid;BORDER-LEFT:#85bd1e 1px solid;COLOR:#638425;BORDER-BOTTOM:#85bd1e 1px solid;BACKGROUND-COLOR:#f1ffd6}
DIV.scott A:active{BORDER-RIGHT:#85bd1e 1px solid;BORDER-TOP:#85bd1e 1px solid;BORDER-LEFT:#85bd1e 1px solid;COLOR:#638425;BORDER-BOTTOM:#85bd1e 1px solid;BACKGROUND-COLOR:#f1ffd6}
DIV.scott SPAN.current{BORDER-RIGHT:#b2e05d 1px solid;PADDING-RIGHT:5px;BORDER-TOP:#b2e05d 1px solid;PADDING-LEFT:5px;FONT-WEIGHT:bold;PADDING-BOTTOM:2px;BORDER-LEFT:#b2e05d 1px solid;COLOR:#fff;MARGIN-RIGHT:2px;PADDING-TOP:2px;BORDER-BOTTOM:#b2e05d 1px solid;BACKGROUND-COLOR:#b2e05d}
DIV.scott SPAN.disabled{BORDER-RIGHT:#f3f3f3 1px solid;PADDING-RIGHT:5px;BORDER-TOP:#f3f3f3 1px solid;PADDING-LEFT:5px;PADDING-BOTTOM:2px;BORDER-LEFT:#f3f3f3 1px solid;COLOR:#ccc;MARGIN-RIGHT:2px;PADDING-TOP:2px;BORDER-BOTTOM:#f3f3f3 1px solid}
/*CSS quotes style pagination*/
DIV.quotes{PADDING-RIGHT:3px;PADDING-LEFT:3px;PADDING-BOTTOM:3px;MARGIN:3px;PADDING-TOP:3px;TEXT-ALIGN:center}
DIV.quotes A{BORDER-RIGHT:#ddd 1px solid;PADDING-RIGHT:5px;BORDER-TOP:#ddd 1px solid;PADDING-LEFT:5px;PADDING-BOTTOM:2px;BORDER-LEFT:#ddd 1px solid;COLOR:#aaa;MARGIN-RIGHT:2px;PADDING-TOP:2px;BORDER-BOTTOM:#ddd 1px solid;TEXT-DECORATION:none}
DIV.quotes A:hover{BORDER-RIGHT:#a0a0a0 1px solid;PADDING-RIGHT:5px;BORDER-TOP:#a0a0a0 1px solid;PADDING-LEFT:5px;PADDING-BOTTOM:2px;BORDER-LEFT:#a0a0a0 1px solid;MARGIN-RIGHT:2px;PADDING-TOP:2px;BORDER-BOTTOM:#a0a0a0 1px solid}
DIV.quotes A:active{BORDER-RIGHT:#a0a0a0 1px solid;PADDING-RIGHT:5px;BORDER-TOP:#a0a0a0 1px solid;PADDING-LEFT:5px;PADDING-BOTTOM:2px;BORDER-LEFT:#a0a0a0 1px solid;MARGIN-RIGHT:2px;PADDING-TOP:2px;BORDER-BOTTOM:#a0a0a0 1px solid}
DIV.quotes SPAN.current{BORDER-RIGHT:#e0e0e0 1px solid;PADDING-RIGHT:5px;BORDER-TOP:#e0e0e0 1px solid;PADDING-LEFT:5px;FONT-WEIGHT:bold;PADDING-BOTTOM:2px;BORDER-LEFT:#e0e0e0 1px solid;COLOR:#aaa;MARGIN-RIGHT:2px;PADDING-TOP:2px;BORDER-BOTTOM:#e0e0e0 1px solid;BACKGROUND-COLOR:#f0f0f0}
DIV.quotes SPAN.disabled{BORDER-RIGHT:#f3f3f3 1px solid;PADDING-RIGHT:5px;BORDER-TOP:#f3f3f3 1px solid;PADDING-LEFT:5px;PADDING-BOTTOM:2px;BORDER-LEFT:#f3f3f3 1px solid;COLOR:#ccc;MARGIN-RIGHT:2px;PADDING-TOP:2px;BORDER-BOTTOM:#f3f3f3 1px solid}
/*CSS black style pagination*/
DIV.black{PADDING-RIGHT:3px;PADDING-LEFT:3px;FONT-SIZE:80%;PADDING-BOTTOM:10px;MARGIN:3px;COLOR:#a0a0a0;PADDING-TOP:10px;BACKGROUND-COLOR:#000;TEXT-ALIGN:center}
DIV.black A{BORDER-RIGHT:#909090 1px solid;PADDING-RIGHT:5px;BACKGROUND-POSITION:50% bottom;BORDER-TOP:#909090 1px solid;PADDING-LEFT:5px;BACKGROUND-IMAGE:url(bar.gif);PADDING-BOTTOM:2px;BORDER-LEFT:#909090 1px solid;COLOR:#c0c0c0;MARGIN-RIGHT:3px;PADDING-TOP:2px;BORDER-BOTTOM:#909090 1px solid;TEXT-DECORATION:none}
DIV.black A:hover{BORDER-RIGHT:#f0f0f0 1px solid;BORDER-TOP:#f0f0f0 1px solid;BACKGROUND-IMAGE:url(invbar.gif);BORDER-LEFT:#f0f0f0 1px solid;COLOR:#ffffff;BORDER-BOTTOM:#f0f0f0 1px solid;BACKGROUND-COLOR:#404040}
DIV.black A:active{BORDER-RIGHT:#f0f0f0 1px solid;BORDER-TOP:#f0f0f0 1px solid;BACKGROUND-IMAGE:url(invbar.gif);BORDER-LEFT:#f0f0f0 1px solid;COLOR:#ffffff;BORDER-BOTTOM:#f0f0f0 1px solid;BACKGROUND-COLOR:#404040}
DIV.black SPAN.current{BORDER-RIGHT:#ffffff 1px solid;PADDING-RIGHT:5px;BORDER-TOP:#ffffff 1px solid;PADDING-LEFT:5px;FONT-WEIGHT:bold;PADDING-BOTTOM:2px;BORDER-LEFT:#ffffff 1px solid;COLOR:#ffffff;MARGIN-RIGHT:3px;PADDING-TOP:2px;BORDER-BOTTOM:#ffffff 1px solid;BACKGROUND-COLOR:#606060}
DIV.black SPAN.disabled{BORDER-RIGHT:#606060 1px solid;PADDING-RIGHT:5px;BORDER-TOP:#606060 1px solid;PADDING-LEFT:5px;PADDING-BOTTOM:2px;BORDER-LEFT:#606060 1px solid;COLOR:#808080;MARGIN-RIGHT:3px;PADDING-TOP:2px;BORDER-BOTTOM:#606060 1px solid}
/*CSS black2 style pagination*/
DIV.black2{PADDING-RIGHT:7px;PADDING-LEFT:7px;PADDING-BOTTOM:7px;MARGIN:3px;PADDING-TOP:7px;TEXT-ALIGN:center}
DIV.black2 A{BORDER-RIGHT:#000000 1px solid;PADDING-RIGHT:5px;BORDER-TOP:#000000 1px solid;PADDING-LEFT:5px;PADDING-BOTTOM:2px;MARGIN:2px;BORDER-LEFT:#000000 1px solid;COLOR:#000000;PADDING-TOP:2px;BORDER-BOTTOM:#000000 1px solid;TEXT-DECORATION:none}
DIV.black2 A:hover{BORDER-RIGHT:#000000 1px solid;BORDER-TOP:#000000 1px solid;BORDER-LEFT:#000000 1px solid;COLOR:#fff;BORDER-BOTTOM:#000000 1px solid;BACKGROUND-COLOR:#000}
DIV.black2 A:active{BORDER-RIGHT:#000000 1px solid;BORDER-TOP:#000000 1px solid;BORDER-LEFT:#000000 1px solid;COLOR:#fff;BORDER-BOTTOM:#000000 1px solid;BACKGROUND-COLOR:#000}
DIV.black2 SPAN.current{BORDER-RIGHT:#000000 1px solid;PADDING-RIGHT:5px;BORDER-TOP:#000000 1px solid;PADDING-LEFT:5px;FONT-WEIGHT:bold;PADDING-BOTTOM:2px;MARGIN:2px;BORDER-LEFT:#000000 1px solid;COLOR:#fff;PADDING-TOP:2px;BORDER-BOTTOM:#000000 1px solid;BACKGROUND-COLOR:#000000}
DIV.black2 SPAN.disabled{BORDER-RIGHT:#eee 1px solid;PADDING-RIGHT:5px;BORDER-TOP:#eee 1px solid;PADDING-LEFT:5px;PADDING-BOTTOM:2px;MARGIN:2px;BORDER-LEFT:#eee 1px solid;COLOR:#ddd;PADDING-TOP:2px;BORDER-BOTTOM:#eee 1px solid}
/*CSS black-red style pagination*/
DIV.black-red{FONT-SIZE:11px;COLOR:#fff;FONT-FAMILY:Tahoma,Arial,Helvetica,Sans-serif;BACKGROUND-COLOR:#3e3e3e}
DIV.black-red A{PADDING-RIGHT:5px;PADDING-LEFT:5px;PADDING-BOTTOM:2px;MARGIN:2px;COLOR:#fff;PADDING-TOP:2px;BACKGROUND-COLOR:#3e3e3e;TEXT-DECORATION:none}
DIV.black-red A:hover{COLOR:#fff;BACKGROUND-COLOR:#ec5210}
DIV.black-red A:active{COLOR:#fff;BACKGROUND-COLOR:#ec5210}
DIV.black-red SPAN.current{PADDING-RIGHT:5px;PADDING-LEFT:5px;FONT-WEIGHT:bold;PADDING-BOTTOM:2px;MARGIN:2px;COLOR:#fff;PADDING-TOP:2px;BACKGROUND-COLOR:#313131}
DIV.black-red SPAN.disabled{PADDING-RIGHT:5px;PADDING-LEFT:5px;PADDING-BOTTOM:2px;MARGIN:2px;COLOR:#868686;PADDING-TOP:2px;BACKGROUND-COLOR:#3e3e3e}
/*CSS grayr style pagination*/
DIV.grayr{PADDING-RIGHT:2px;PADDING-LEFT:2px;FONT-SIZE:11px;PADDING-BOTTOM:2px;PADDING-TOP:2px;FONT-FAMILY:Tahoma,Arial,Helvetica,Sans-serif;BACKGROUND-COLOR:#c1c1c1}
DIV.grayr A{PADDING-RIGHT:5px;PADDING-LEFT:5px;PADDING-BOTTOM:2px;MARGIN:2px;COLOR:#000;PADDING-TOP:2px;BACKGROUND-COLOR:#c1c1c1;TEXT-DECORATION:none}
DIV.grayr A:hover{COLOR:#000;BACKGROUND-COLOR:#99ffff}
DIV.grayr A:active{COLOR:#000;BACKGROUND-COLOR:#99ffff}
DIV.grayr SPAN.current{PADDING-RIGHT:5px;PADDING-LEFT:5px;FONT-WEIGHT:bold;PADDING-BOTTOM:2px;MARGIN:2px;COLOR:#303030;PADDING-TOP:2px;BACKGROUND-COLOR:#fff}
DIV.grayr SPAN.disabled{PADDING-RIGHT:5px;PADDING-LEFT:5px;PADDING-BOTTOM:2px;MARGIN:2px;COLOR:#797979;PADDING-TOP:2px;BACKGROUND-COLOR:#c1c1c1}
/*CSS yellow style pagination*/
DIV.yellow{PADDING-RIGHT:7px;PADDING-LEFT:7px;PADDING-BOTTOM:7px;MARGIN:3px;PADDING-TOP:7px;TEXT-ALIGN:center}
DIV.yellow A{BORDER-RIGHT:#ccc 1px solid;PADDING-RIGHT:5px;BORDER-TOP:#ccc 1px solid;PADDING-LEFT:5px;PADDING-BOTTOM:2px;MARGIN:2px;BORDER-LEFT:#ccc 1px solid;COLOR:#000;PADDING-TOP:2px;BORDER-BOTTOM:#ccc 1px solid;TEXT-DECORATION:none}
DIV.yellow A:hover{BORDER-RIGHT:#f0f0f0 1px solid;BORDER-TOP:#f0f0f0 1px solid;BORDER-LEFT:#f0f0f0 1px solid;COLOR:#000;BORDER-BOTTOM:#f0f0f0 1px solid}
DIV.yellow A:active{BORDER-RIGHT:#f0f0f0 1px solid;BORDER-TOP:#f0f0f0 1px solid;BORDER-LEFT:#f0f0f0 1px solid;COLOR:#000;BORDER-BOTTOM:#f0f0f0 1px solid}
DIV.yellow SPAN.current{BORDER-RIGHT:#d9d300 1px solid;PADDING-RIGHT:5px;BORDER-TOP:#d9d300 1px solid;PADDING-LEFT:5px;FONT-WEIGHT:bold;PADDING-BOTTOM:2px;MARGIN:2px;BORDER-LEFT:#d9d300 1px solid;COLOR:#fff;PADDING-TOP:2px;BORDER-BOTTOM:#d9d300 1px solid;BACKGROUND-COLOR:#d9d300}
DIV.yellow SPAN.disabled{BORDER-RIGHT:#eee 1px solid;PADDING-RIGHT:5px;BORDER-TOP:#eee 1px solid;PADDING-LEFT:5px;PADDING-BOTTOM:2px;MARGIN:2px;BORDER-LEFT:#eee 1px solid;COLOR:#ddd;PADDING-TOP:2px;BORDER-BOTTOM:#eee 1px solid}
/*CSS jogger style pagination*/
DIV.jogger{PADDING-RIGHT:2px;PADDING-LEFT:2px;PADDING-BOTTOM:2px;MARGIN:7px;PADDING-TOP:2px;FONT-FAMILY:"Lucida Sans Unicode","Lucida Grande",LucidaGrande,"Lucida Sans",Geneva,Verdana,sans-serif}
DIV.jogger A{PADDING-RIGHT:0.64em;PADDING-LEFT:0.64em;PADDING-BOTTOM:0.43em;MARGIN:2px;COLOR:#fff;PADDING-TOP:0.5em;BACKGROUND-COLOR:#ee4e4e;TEXT-DECORATION:none}
DIV.jogger A:hover{PADDING-RIGHT:0.64em;PADDING-LEFT:0.64em;PADDING-BOTTOM:0.43em;MARGIN:2px;COLOR:#fff;PADDING-TOP:0.5em;BACKGROUND-COLOR:#de1818}
DIV.jogger A:active{PADDING-RIGHT:0.64em;PADDING-LEFT:0.64em;PADDING-BOTTOM:0.43em;MARGIN:2px;COLOR:#fff;PADDING-TOP:0.5em;BACKGROUND-COLOR:#de1818}
DIV.jogger SPAN.current{PADDING-RIGHT:0.64em;PADDING-LEFT:0.64em;PADDING-BOTTOM:0.43em;MARGIN:2px;COLOR:#6d643c;PADDING-TOP:0.5em;BACKGROUND-COLOR:#f6efcc}
DIV.jogger SPAN.disabled{DISPLAY:none}
/*CSS starcraft2 style pagination*/
DIV.starcraft2{PADDING-RIGHT:3px;PADDING-LEFT:3px;FONT-WEIGHT:bold;FONT-SIZE:13.5pt;PADDING-BOTTOM:3px;MARGIN:3px;COLOR:#fff;PADDING-TOP:3px;FONT-FAMILY:Arial;BACKGROUND-COLOR:#000;TEXT-ALIGN:center}
DIV.starcraft2 A{MARGIN:2px;COLOR:#fa0;BACKGROUND-COLOR:#000;TEXT-DECORATION:none}
DIV.starcraft2 A:hover{COLOR:#fff;BACKGROUND-COLOR:#000}
DIV.starcraft2 A:active{COLOR:#fff;BACKGROUND-COLOR:#000}
DIV.starcraft2 SPAN.current{FONT-WEIGHT:bold;MARGIN:2px;COLOR:#fff;BACKGROUND-COLOR:#000}
DIV.starcraft2 SPAN.disabled{MARGIN:2px;COLOR:#444;BACKGROUND-COLOR:#000}
/*CSS tres style pagination*/
DIV.tres{PADDING-RIGHT:7px;PADDING-LEFT:7px;FONT-WEIGHT:bold;FONT-SIZE:13.2pt;PADDING-BOTTOM:7px;MARGIN:3px;PADDING-TOP:7px;FONT-FAMILY:Arial,Helvetica,sans-serif;TEXT-ALIGN:center}
DIV.tres A{BORDER-RIGHT:#d9d300 2px solid;PADDING-RIGHT:5px;BORDER-TOP:#d9d300 2px solid;PADDING-LEFT:5px;PADDING-BOTTOM:2px;MARGIN:2px;BORDER-LEFT:#d9d300 2px solid;COLOR:#fff;PADDING-TOP:2px;BORDER-BOTTOM:#d9d300 2px solid;BACKGROUND-COLOR:#d90;TEXT-DECORATION:none}
DIV.tres A:hover{BORDER-RIGHT:#ff0 2px solid;BORDER-TOP:#ff0 2px solid;BORDER-LEFT:#ff0 2px solid;COLOR:#000;BORDER-BOTTOM:#ff0 2px solid;BACKGROUND-COLOR:#ff0}
DIV.tres A:active{BORDER-RIGHT:#ff0 2px solid;BORDER-TOP:#ff0 2px solid;BORDER-LEFT:#ff0 2px solid;COLOR:#000;BORDER-BOTTOM:#ff0 2px solid;BACKGROUND-COLOR:#ff0}
DIV.tres SPAN.current{BORDER-RIGHT:#fff 2px solid;PADDING-RIGHT:5px;BORDER-TOP:#fff 2px solid;PADDING-LEFT:5px;FONT-WEIGHT:bold;PADDING-BOTTOM:2px;MARGIN:2px;BORDER-LEFT:#fff 2px solid;COLOR:#000;PADDING-TOP:2px;BORDER-BOTTOM:#fff 2px solid}
DIV.tres SPAN.disabled{DISPLAY:none}
/*CSS megas512 style pagination*/
DIV.megas512{PADDING-RIGHT:3px;PADDING-LEFT:3px;PADDING-BOTTOM:3px;MARGIN:3px;PADDING-TOP:3px;TEXT-ALIGN:center}
DIV.megas512 A{BORDER-RIGHT:#dedfde 1px solid;PADDING-RIGHT:6px;BACKGROUND-POSITION:50% bottom;BORDER-TOP:#dedfde 1px solid;PADDING-LEFT:6px;PADDING-BOTTOM:2px;BORDER-LEFT:#dedfde 1px solid;COLOR:#99210b;MARGIN-RIGHT:3px;PADDING-TOP:2px;BORDER-BOTTOM:#dedfde 1px solid;TEXT-DECORATION:none}
DIV.megas512 A:hover{BORDER-RIGHT:#000 1px solid;BORDER-TOP:#000 1px solid;BACKGROUND-IMAGE:none;BORDER-LEFT:#000 1px solid;COLOR:#fff;BORDER-BOTTOM:#000 1px solid;BACKGROUND-COLOR:#777777}
DIV.megas512 A:active{BORDER-RIGHT:#000 1px solid;BORDER-TOP:#000 1px solid;BACKGROUND-IMAGE:none;BORDER-LEFT:#000 1px solid;COLOR:#fff;BORDER-BOTTOM:#000 1px solid;BACKGROUND-COLOR:#777777}
DIV.megas512 SPAN.current{PADDING-RIGHT:6px;PADDING-LEFT:6px;FONT-WEIGHT:bold;PADDING-BOTTOM:2px;COLOR:#99210b;MARGIN-RIGHT:3px;PADDING-TOP:2px}
DIV.megas512 SPAN.disabled{PADDING-RIGHT:6px;PADDING-LEFT:6px;PADDING-BOTTOM:2px;COLOR:#adaaad;MARGIN-RIGHT:3px;PADDING-TOP:2px}
/*CSS technorati style pagination*/
DIV.technorati{PADDING-RIGHT:3px;PADDING-LEFT:3px;PADDING-BOTTOM:3px;MARGIN:3px;PADDING-TOP:3px;TEXT-ALIGN:center}
DIV.technorati A{BORDER-RIGHT:#ccc 1px solid;PADDING-RIGHT:6px;BACKGROUND-POSITION:50% bottom;BORDER-TOP:#ccc 1px solid;PADDING-LEFT:6px;FONT-WEIGHT:bold;PADDING-BOTTOM:2px;BORDER-LEFT:#ccc 1px solid;COLOR:rgb(66,97,222);MARGIN-RIGHT:3px;PADDING-TOP:2px;BORDER-BOTTOM:#ccc 1px solid;TEXT-DECORATION:none}
DIV.technorati A:hover{BACKGROUND-IMAGE:none;COLOR:#fff;BACKGROUND-COLOR:#4261df}
DIV.technorati A:active{BACKGROUND-IMAGE:none;COLOR:#fff;BACKGROUND-COLOR:#4261df}
DIV.technorati SPAN.current{PADDING-RIGHT:6px;PADDING-LEFT:6px;FONT-WEIGHT:bold;PADDING-BOTTOM:2px;COLOR:#000;MARGIN-RIGHT:3px;PADDING-TOP:2px}
DIV.technorati SPAN.disabled{DISPLAY:none}
/*CSS youtube style pagination*/
DIV.youtube{PADDING-RIGHT:6px;BORDER-TOP:#9c9a9c 1px dotted;PADDING-LEFT:0px;FONT-SIZE:13px;PADDING-BOTTOM:4px;COLOR:#313031;PADDING-TOP:4px;FONT-FAMILY:Arial,Helvetica,sans-serif;BACKGROUND-COLOR:#cecfce;TEXT-ALIGN:right}
DIV.youtube A{PADDING-RIGHT:3px;PADDING-LEFT:3px;FONT-WEIGHT:bold;PADDING-BOTTOM:1px;MARGIN:0px 1px;COLOR:#0030ce;PADDING-TOP:1px;TEXT-DECORATION:underline}
DIV.youtube A:hover{}
DIV.youtube A:active{}
DIV.youtube SPAN.current{PADDING-RIGHT:2px;PADDING-LEFT:2px;PADDING-BOTTOM:1px;COLOR:#000;PADDING-TOP:1px;BACKGROUND-COLOR:#fff}
DIV.youtube SPAN.disabled{DISPLAY:none}
/*CSS msdn style pagination*/
DIV.msdn{PADDING-RIGHT:6px;PADDING-LEFT:0px;FONT-SIZE:13px;PADDING-BOTTOM:4px;COLOR:#313031;PADDING-TOP:4px;FONT-FAMILY:Verdana,Tahoma,Arial,Helvetica,Sans-Serif;BACKGROUND-COLOR:#fff;TEXT-ALIGN:right}
DIV.msdn A{BORDER-RIGHT:#b7d8ee 1px solid;PADDING-RIGHT:6px;BORDER-TOP:#b7d8ee 1px solid;PADDING-LEFT:5px;PADDING-BOTTOM:4px;MARGIN:0px 3px;BORDER-LEFT:#b7d8ee 1px solid;COLOR:#0030ce;PADDING-TOP:5px;BORDER-BOTTOM:#b7d8ee 1px solid;TEXT-DECORATION:none}
DIV.msdn A:hover{BORDER-RIGHT:#b7d8ee 1px solid;BORDER-TOP:#b7d8ee 1px solid;BORDER-LEFT:#b7d8ee 1px solid;COLOR:#0066a7;BORDER-BOTTOM:#b7d8ee 1px solid;BACKGROUND-COLOR:#d2eaf6}
DIV.pagination A:active{BORDER-RIGHT:#b7d8ee 1px solid;BORDER-TOP:#b7d8ee 1px solid;BORDER-LEFT:#b7d8ee 1px solid;COLOR:#0066a7;BORDER-BOTTOM:#b7d8ee 1px solid;BACKGROUND-COLOR:#d2eaf6}
DIV.msdn SPAN.current{BORDER-RIGHT:#b7d8ee 1px solid;PADDING-RIGHT:6px;BORDER-TOP:#b7d8ee 1px solid;PADDING-LEFT:5px;FONT-WEIGHT:bold;PADDING-BOTTOM:4px;MARGIN:0px 3px;BORDER-LEFT:#b7d8ee 1px solid;COLOR:#444444;PADDING-TOP:5px;BORDER-BOTTOM:#b7d8ee 1px solid;BACKGROUND-COLOR:#d2eaf6}
DIV.msdn SPAN.disabled{DISPLAY:none}
/*CSS badoo style pagination*/
DIV.badoo{PADDING-RIGHT:0px;PADDING-LEFT:0px;FONT-SIZE:13px;PADDING-BOTTOM:10px;COLOR:#48b9ef;PADDING-TOP:10px;FONT-FAMILY:Arial,Helvetica,sans-serif;BACKGROUND-COLOR:#fff;TEXT-ALIGN:center}
DIV.badoo A{BORDER-RIGHT:#f0f0f0 2px solid;PADDING-RIGHT:5px;BORDER-TOP:#f0f0f0 2px solid;PADDING-LEFT:5px;PADDING-BOTTOM:2px;MARGIN:0px 2px;BORDER-LEFT:#f0f0f0 2px solid;COLOR:#48b9ef;PADDING-TOP:2px;BORDER-BOTTOM:#f0f0f0 2px solid;TEXT-DECORATION:none}
DIV.badoo A:hover{BORDER-RIGHT:#ff5a00 2px solid;BORDER-TOP:#ff5a00 2px solid;BORDER-LEFT:#ff5a00 2px solid;COLOR:#ff5a00;BORDER-BOTTOM:#ff5a00 2px solid}
DIV.badoo A:active{BORDER-RIGHT:#ff5a00 2px solid;BORDER-TOP:#ff5a00 2px solid;BORDER-LEFT:#ff5a00 2px solid;COLOR:#ff5a00;BORDER-BOTTOM:#ff5a00 2px solid}
DIV.badoo SPAN.current{BORDER-RIGHT:#ff5a00 2px solid;PADDING-RIGHT:5px;BORDER-TOP:#ff5a00 2px solid;PADDING-LEFT:5px;FONT-WEIGHT:bold;PADDING-BOTTOM:2px;BORDER-LEFT:#ff5a00 2px solid;COLOR:#fff;PADDING-TOP:2px;BORDER-BOTTOM:#ff5a00 2px solid;BACKGROUND-COLOR:#ff6c16}
DIV.badoo SPAN.disabled{DISPLAY:none}
/*CSS manu style pagination*/
.manu{PADDING-RIGHT:3px;PADDING-LEFT:3px;PADDING-BOTTOM:3px;MARGIN:3px;PADDING-TOP:3px;TEXT-ALIGN:center}
.manu A{BORDER-RIGHT:#eee 1px solid;PADDING-RIGHT:5px;BORDER-TOP:#eee 1px solid;PADDING-LEFT:5px;PADDING-BOTTOM:2px;MARGIN:2px;BORDER-LEFT:#eee 1px solid;COLOR:#036cb4;PADDING-TOP:2px;BORDER-BOTTOM:#eee 1px solid;TEXT-DECORATION:none}
.manu A:hover{BORDER-RIGHT:#999 1px solid;BORDER-TOP:#999 1px solid;BORDER-LEFT:#999 1px solid;COLOR:#666;BORDER-BOTTOM:#999 1px solid}
.manu A:active{BORDER-RIGHT:#999 1px solid;BORDER-TOP:#999 1px solid;BORDER-LEFT:#999 1px solid;COLOR:#666;BORDER-BOTTOM:#999 1px solid}
.manu .current{BORDER-RIGHT:#036cb4 1px solid;PADDING-RIGHT:5px;BORDER-TOP:#036cb4 1px solid;PADDING-LEFT:5px;FONT-WEIGHT:bold;PADDING-BOTTOM:2px;MARGIN:2px;BORDER-LEFT:#036cb4 1px solid;COLOR:#fff;PADDING-TOP:2px;BORDER-BOTTOM:#036cb4 1px solid;BACKGROUND-COLOR:#036cb4}
.manu .disabled{BORDER-RIGHT:#eee 1px solid;PADDING-RIGHT:5px;BORDER-TOP:#eee 1px solid;PADDING-LEFT:5px;PADDING-BOTTOM:2px;MARGIN:2px;BORDER-LEFT:#eee 1px solid;COLOR:#ddd;PADDING-TOP:2px;BORDER-BOTTOM:#eee 1px solid}
/*CSS green-black style pagination*/
DIV.green-black{PADDING-RIGHT:3px;PADDING-LEFT:3px;PADDING-BOTTOM:3px;MARGIN:3px;PADDING-TOP:3px;TEXT-ALIGN:center}
DIV.green-black A{BORDER-RIGHT:#2c2c2c 1px solid;PADDING-RIGHT:5px;BORDER-TOP:#2c2c2c 1px solid;PADDING-LEFT:5px;BACKGROUND:url(image1.gif) #2c2c2c;PADDING-BOTTOM:2px;BORDER-LEFT:#2c2c2c 1px solid;COLOR:#fff;MARGIN-RIGHT:2px;PADDING-TOP:2px;BORDER-BOTTOM:#2c2c2c 1px solid;TEXT-DECORATION:none}
DIV.green-black A:hover{BORDER-RIGHT:#aad83e 1px solid;BORDER-TOP:#aad83e 1px solid;BACKGROUND:url(image2.gif) #aad83e;BORDER-LEFT:#aad83e 1px solid;COLOR:#fff;BORDER-BOTTOM:#aad83e 1px solid}
DIV.green-black A:active{BORDER-RIGHT:#aad83e 1px solid;BORDER-TOP:#aad83e 1px solid;BACKGROUND:url(image2.gif) #aad83e;BORDER-LEFT:#aad83e 1px solid;COLOR:#fff;BORDER-BOTTOM:#aad83e 1px solid}
DIV.green-black SPAN.current{BORDER-RIGHT:#aad83e 1px solid;PADDING-RIGHT:5px;BORDER-TOP:#aad83e 1px solid;PADDING-LEFT:5px;FONT-WEIGHT:bold;BACKGROUND:url(image2.gif) #aad83e;PADDING-BOTTOM:2px;BORDER-LEFT:#aad83e 1px solid;COLOR:#fff;MARGIN-RIGHT:2px;PADDING-TOP:2px;BORDER-BOTTOM:#aad83e 1px solid}
DIV.green-black SPAN.disabled{BORDER-RIGHT:#f3f3f3 1px solid;PADDING-RIGHT:5px;BORDER-TOP:#f3f3f3 1px solid;PADDING-LEFT:5px;PADDING-BOTTOM:2px;BORDER-LEFT:#f3f3f3 1px solid;COLOR:#ccc;MARGIN-RIGHT:2px;PADDING-TOP:2px;BORDER-BOTTOM:#f3f3f3 1px solid}
/*CSS viciao style pagination*/
DIV.viciao{MARGIN-TOP:20px;MARGIN-BOTTOM:10px}
DIV.viciao A{BORDER-RIGHT:#8db5d7 1px solid;PADDING-RIGHT:5px;BORDER-TOP:#8db5d7 1px solid;PADDING-LEFT:5px;PADDING-BOTTOM:2px;BORDER-LEFT:#8db5d7 1px solid;COLOR:#000;MARGIN-RIGHT:2px;PADDING-TOP:2px;BORDER-BOTTOM:#8db5d7 1px solid;TEXT-DECORATION:none}
DIV.viciao A:hover{BORDER-RIGHT:red 1px solid;PADDING-RIGHT:5px;BORDER-TOP:red 1px solid;PADDING-LEFT:5px;PADDING-BOTTOM:2px;BORDER-LEFT:red 1px solid;MARGIN-RIGHT:2px;PADDING-TOP:2px;BORDER-BOTTOM:red 1px solid}
DIV.viciao A:active{BORDER-RIGHT:red 1px solid;PADDING-RIGHT:5px;BORDER-TOP:red 1px solid;PADDING-LEFT:5px;PADDING-BOTTOM:2px;BORDER-LEFT:red 1px solid;MARGIN-RIGHT:2px;PADDING-TOP:2px;BORDER-BOTTOM:red 1px solid}
DIV.viciao SPAN.current{BORDER-RIGHT:#e89954 1px solid;PADDING-RIGHT:5px;BORDER-TOP:#e89954 1px solid;PADDING-LEFT:5px;FONT-WEIGHT:bold;PADDING-BOTTOM:2px;BORDER-LEFT:#e89954 1px solid;COLOR:#000;MARGIN-RIGHT:2px;PADDING-TOP:2px;BORDER-BOTTOM:#e89954 1px solid;BACKGROUND-COLOR:#ffca7d}
DIV.viciao SPAN.disabled{BORDER-RIGHT:#ccc 1px solid;PADDING-RIGHT:5px;BORDER-TOP:#ccc 1px solid;PADDING-LEFT:5px;PADDING-BOTTOM:2px;BORDER-LEFT:#ccc 1px solid;COLOR:#ccc;MARGIN-RIGHT:2px;PADDING-TOP:2px;BORDER-BOTTOM:#ccc 1px solid}
/*CSS yahoo2 style pagination*/
DIV.yahoo2{PADDING-RIGHT:3px;PADDING-LEFT:3px;FONT-SIZE:0.85em;PADDING-BOTTOM:3px;MARGIN:3px;PADDING-TOP:3px;FONT-FAMILY:Tahoma,Helvetica,sans-serif;TEXT-ALIGN:center}
DIV.yahoo2 A{BORDER-RIGHT:#ccdbe4 1px solid;PADDING-RIGHT:8px;BACKGROUND-POSITION:50% bottom;BORDER-TOP:#ccdbe4 1px solid;PADDING-LEFT:8px;PADDING-BOTTOM:2px;BORDER-LEFT:#ccdbe4 1px solid;COLOR:#0061de;MARGIN-RIGHT:3px;PADDING-TOP:2px;BORDER-BOTTOM:#ccdbe4 1px solid;TEXT-DECORATION:none}
DIV.yahoo2 A:hover{BORDER-RIGHT:#2b55af 1px solid;BORDER-TOP:#2b55af 1px solid;BACKGROUND-IMAGE:none;BORDER-LEFT:#2b55af 1px solid;COLOR:#fff;BORDER-BOTTOM:#2b55af 1px solid;BACKGROUND-COLOR:#3666d4}
DIV.yahoo2 A:active{BORDER-RIGHT:#2b55af 1px solid;BORDER-TOP:#2b55af 1px solid;BACKGROUND-IMAGE:none;BORDER-LEFT:#2b55af 1px solid;COLOR:#fff;BORDER-BOTTOM:#2b55af 1px solid;BACKGROUND-COLOR:#3666d4}
DIV.yahoo2 SPAN.current{PADDING-RIGHT:6px;PADDING-LEFT:6px;FONT-WEIGHT:bold;PADDING-BOTTOM:2px;COLOR:#000;MARGIN-RIGHT:3px;PADDING-TOP:2px}
DIV.yahoo2 SPAN.disabled{DISPLAY:none}
DIV.yahoo2 A.next{BORDER-RIGHT:#ccdbe4 2px solid;BORDER-TOP:#ccdbe4 2px solid;MARGIN:0px 0px 0px 10px;BORDER-LEFT:#ccdbe4 2px solid;BORDER-BOTTOM:#ccdbe4 2px solid}
DIV.yahoo2 A.next:hover{BORDER-RIGHT:#2b55af 2px solid;BORDER-TOP:#2b55af 2px solid;BORDER-LEFT:#2b55af 2px solid;BORDER-BOTTOM:#2b55af 2px solid}
DIV.yahoo2 A.prev{BORDER-RIGHT:#ccdbe4 2px solid;BORDER-TOP:#ccdbe4 2px solid;MARGIN:0px 10px 0px 0px;BORDER-LEFT:#ccdbe4 2px solid;BORDER-BOTTOM:#ccdbe4 2px solid}
DIV.yahoo2 A.prev:hover{BORDER-RIGHT:#2b55af 2px solid;BORDER-TOP:#2b55af 2px solid;BORDER-LEFT:#2b55af 2px solid;BORDER-BOTTOM:#2b55af 2px solid}

附件:下载该文件资源,减少时间成本(增值服务)