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 >< href ="http://www.seoclub.net/" > Digg </ a >  Style
< div  class ="digg" >< span  class ="disabled" >   <  </span >< span  class ="current" > 1 </ span >< href ="#?page=2" > 2 </ a >< href ="#?page=3" > 3 </ a >< href ="#?page=4" > 4 </ a >< href ="#?page=5" > 5 </ a >< href ="#?page=6" > 6 </ a >< href ="#?page=7" > 7 </ a > ... < href ="#?page=199" > 199 </ a >< href ="#?page=200" > 200 </ a >< href ="#?page=2" >  >  </ a ></ div ></ p >

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


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


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

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


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

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

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


< p >< href ="http://www.seoclub.net/cssonline/index.htm" > Flickr </ a >  Style
< div  class ="flickr" >< span  class ="disabled" >   <  </span >< span  class ="current" > 1 </ span >< href ="#?page=2" > 2 </ a >< href ="#?page=3" > 3 </ a >< href ="#?page=4" > 4 </ a >< href ="#?page=5" > 5 </ a >< href ="#?page=6" > 6 </ a >< href ="#?page=7" > 7 </ a > ... < href ="#?page=199" > 199 </ a >< href ="#?page=200" > 200 </ a >< href ="#?page=2" >  >  </ a ></ div ></ p >

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


< p >< href ="http://www.seoclub.net/css/index.html" > Sabros.us </ a >  Style
< div  class ="sabrosus" >< span  class ="disabled" >   <  </span >< span  class ="current" > 1 </ span >< href ="#?page=2" > 2 </ a >< href ="#?page=3" > 3 </ a >< href ="#?page=4" > 4 </ a >< href ="#?page=5" > 5 </ a >< href ="#?page=6" > 6 </ a >< href ="#?page=7" > 7 </ a > ... < href ="#?page=199" > 199 </ a >< href ="#?page=200" > 200 </ 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 >< href ="#?page=2" > 2 </ a >< href ="#?page=3" > 3 </ a >< href ="#?page=4" > 4 </ a >< href ="#?page=5" > 5 </ a >< href ="#?page=6" > 6 </ a >< href ="#?page=7" > 7 </ a > ... < href ="#?page=199" > 199 </ a >< href ="#?page=200" > 200 </ 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 >< href ="#?page=2" > 2 </ a >< href ="#?page=3" > 3 </ a >< href ="#?page=4" > 4 </ a >< href ="#?page=5" > 5 </ a >< href ="#?page=6" > 6 </ a >< href ="#?page=7" > 7 </ a > ... < href ="#?page=199" > 199 </ a >< href ="#?page=200" > 200 </ 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 >< href ="#?page=2" > 2 </ a >< href ="#?page=3" > 3 </ a >< href ="#?page=4" > 4 </ a >< href ="#?page=5" > 5 </ a >< href ="#?page=6" > 6 </ a >< href ="#?page=7" > 7 </ a > ... < href ="#?page=199" > 199 </ a >< href ="#?page=200" > 200 </ a >< href ="#?page=2" >  >  </ a ></ div ></ p >


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

< p >< href ="http://www.seoclub.net/css/index.html" > Mis Algoritmos </ a >  Style
< div  class ="black2" >< span  class ="disabled" >   <  </span >< span  class ="current" > 1 </ span >< href ="#?page=2" > 2 </ a >< href ="#?page=3" > 3 </ a >< href ="#?page=4" > 4 </ a >< href ="#?page=5" > 5 </ a >< href ="#?page=6" > 6 </ a >< href ="#?page=7" > 7 </ a > ... < href ="#?page=199" > 199 </ a >< href ="#?page=200" > 200 </ 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 >< href ="#?page=2" > 2 </ a >< href ="#?page=3" > 3 </ a >< href ="#?page=4" > 4 </ a >< href ="#?page=5" > 5 </ a >< href ="#?page=6" > 6 </ a >< href ="#?page=7" > 7 </ a > ... < href ="#?page=199" > 199 </ a >< href ="#?page=200" > 200 </ 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 >< href ="#?page=2" > 2 </ a >< href ="#?page=3" > 3 </ a >< href ="#?page=4" > 4 </ a >< href ="#?page=5" > 5 </ a >< href ="#?page=6" > 6 </ a >< href ="#?page=7" > 7 </ a > ... < href ="#?page=199" > 199 </ a >< href ="#?page=200" > 200 </ 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 >< href ="#?page=2" > 2 </ a >< href ="#?page=3" > 3 </ a >< href ="#?page=4" > 4 </ a >< href ="#?page=5" > 5 </ a >< href ="#?page=6" > 6 </ a >< href ="#?page=7" > 7 </ a > ... < href ="#?page=199" > 199 </ a >< href ="#?page=200" > 200 </ a >< href ="#?page=2" >  >  </ a ></ div ></ p >

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


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

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


< p >< href ="http://www.seoclub.net/css/index.html" > starcraft 2 </ a >  Style
< div  class ="starcraft2" >< span  class ="disabled" >   <  </span >< span  class ="current" > 1 </ span >< href ="#?page=2" > 2 </ a >< href ="#?page=3" > 3 </ a >< href ="#?page=4" > 4 </ a >< href ="#?page=5" > 5 </ a >< href ="#?page=6" > 6 </ a >< href ="#?page=7" > 7 </ a > ... < href ="#?page=199" > 199 </ a >< href ="#?page=200" > 200 </ 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 >< href ="#?page=2" > 2 </ a >< href ="#?page=3" > 3 </ a >< href ="#?page=4" > 4 </ a >< href ="#?page=5" > 5 </ a >< href ="#?page=6" > 6 </ a >< href ="#?page=7" > 7 </ a > ... < href ="#?page=199" > 199 </ a >< href ="#?page=200" > 200 </ a >< href ="#?page=2" >  >  </ a ></ div ></ p >

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


< p >< href ="http://www.seoclub.net/css/index.html" > 512megas </ a >  Style
< div  class ="megas512" >< span  class ="disabled" >   <  </span >< span  class ="current" > 1 </ span >< href ="#?page=2" > 2 </ a >< href ="#?page=3" > 3 </ a >< href ="#?page=4" > 4 </ a >< href ="#?page=5" > 5 </ a >< href ="#?page=6" > 6 </ a >< href ="#?page=7" > 7 </ a > ... < href ="#?page=199" > 199 </ a >< href ="#?page=200" > 200 </ a >< href ="#?page=2" >  >  </ a ></ div ></ p >


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

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


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

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

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


< p >< href ="http://www.seoclub.net/css/" > MSDN Search </ a >  Style
< div  class ="msdn" >< span  class ="disabled" >   <   Prev </span >< span  class ="current" > 1 </ span >< href ="#?page=2" > 2 </ a >< href ="#?page=3" > 3 </ a >< href ="#?page=4" > 4 </ a >< href ="#?page=5" > 5 </ a >< href ="#?page=6" > 6 </ a >< href ="#?page=7" > 7 </ a > ... < href ="#?page=199" > 199 </ a >< href ="#?page=200" > 200 </ a >< href ="#?page=2" > Next  >  </ a ></ div ></ p >

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


< p >< href ="http://www.seoclub.net/css/" > Badoo </ a >
< div  class ="badoo" >< span  class ="disabled" >   <   Prev </span >< span  class ="current" > 1 </ span >< href ="#?page=2" > 2 </ a >< href ="#?page=3" > 3 </ a >< href ="#?page=4" > 4 </ a >< href ="#?page=5" > 5 </ a >< href ="#?page=6" > 6 </ a >< href ="#?page=7" > 7 </ a > ... < href ="#?page=199" > 199 </ a >< href ="#?page=200" > 200 </ 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 >< href ="#?page=2" > 2 </ a >< href ="#?page=3" > 3 </ a >< href ="#?page=4" > 4 </ a >< href ="#?page=5" > 5 </ a >< href ="#?page=6" > 6 </ a >< href ="#?page=7" > 7 </ a > ... < href ="#?page=199" > 199 </ a >< href ="#?page=200" > 200 </ 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 >< href ="#?page=2" > 2 </ a >< href ="#?page=3" > 3 </ a >< href ="#?page=4" > 4 </ a >< href ="#?page=5" > 5 </ a >< href ="#?page=6" > 6 </ a >< href ="#?page=7" > 7 </ a > ... < href ="#?page=199" > 199 </ a >< href ="#?page=200" > 200 </ 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 >< href ="#?page=2" > 2 </ a >< href ="#?page=3" > 3 </ a >< href ="#?page=4" > 4 </ a >< href ="#?page=5" > 5 </ a >< href ="#?page=6" > 6 </ a >< href ="#?page=7" > 7 </ a > ... < href ="#?page=199" > 199 </ a >< href ="#?page=200" > 200 </ 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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值