24款实用的翻页页码css代码

 

文件一、demo.html

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html  xmlns ="http://www.w3.org/1999/xhtml" >
< head >
< meta  http-equiv ="Content-Type"  content ="text/html; charset=gb2312" >
< meta  http-equiv ="Content-Language"  content ="zh-CN"   />
< meta  content ="all"  name ="robots"   />
< title > 24款实用的翻页页码css代码－Seo俱乐部 </ title >
< link  rel ="stylesheet"  type ="text/css"  href ="css.css"  media ="all"   />


</ head >

< body >

< p > 24款实用的翻页页码css代码－Seo俱乐部 < br  />< br  />


< p >< a  href ="http://www.seoclub.net/" > Digg </ a >  Style
< 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 ="http://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 ="http://www.seoclub.net/css/" > 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 ="http://www.seoclub.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 ="http://www.seoclub.net/cssonline/index.htm" > 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 ="http://www.seoclub.net/css/index.html" > 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 ="http://www.seoclub.net/css/index.html" > 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 ="http://www.seoclub.net/" > 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 ="http://www.seoclub.net/css/index.html" > 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 ="http://www.seoclub.net/css/index.html" > 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 ="http://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 ="http://www.seoclub.net/css//" > 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 ="http://www.seoclub.net/css/" > 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 ="http://www.seoclub.net/css/" > 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  />

< p > viciao Style
< div  class ="viciao" >< 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 >

</ body >
</ html >
 

 文件二、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
}

另外需要三个图片

 images1.gif

images2.gif

meneame.jpg