`
chunming525
  • 浏览: 55522 次
  • 性别: Icon_minigender_1
  • 来自: 衡阳
社区版块
存档分类
最新评论

经典的24种分页样式

CSSYoutubeYahooXHTML 
阅读更多
<!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>
<FCK:meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
<FCK:meta http-equiv="Content-Language" content="zh-CN"/>
<FCK:meta content="all" name="robots"/>
<title>24款较经典的Page翻页分页css代码</title>
<link rel="stylesheet" type="text/css" href="css.css" media="all"/>
<style>
/*公共*/
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(../images/pageimage1.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(../images/pageimage2.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(../images/pageimage2.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(../images/pageimage2.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
}
</style>
</head>
<body>
<p><a href="http://www.digg.com" _fcksavedurl="http://www.digg.com">Digg</a> Style </p>

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

<p><a href="http://www.yahoo.com" _fcksavedurl="http://www.yahoo.com">Yahoo</a> Style </p>

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

<p><a href="http://www.yahoo.com" _fcksavedurl="http://www.yahoo.com">New Yahoo!</a> Style </p>

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

<p><a href="http://www.meneame.net" _fcksavedurl="http://www.meneame.net">Meneame</a> Style </p>

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

<p><a href="http://www.flickr.com" _fcksavedurl="http://www.flickr.com">Flickr</a> Style </p>

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

<p><a href="http://sabros.us" _fcksavedurl="http://sabros.us">Sabros.us</a> Style </p>

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

<p>Green Style </p>

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

<p>Gray Style </p>

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

<p>Black Style </p>

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

<p><a href="http://www.mis-algoritmos.com" _fcksavedurl="http://www.mis-algoritmos.com">Mis Algoritmos</a> Style </p>

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

<p>Black-Red Style </p>

<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" _fcksavedurl="#?page=2">2</a><a
            href="#?page=3" _fcksavedurl="#?page=3">3</a><a href="#?page=4" _fcksavedurl="#?page=4">4</a><a
            href="#?page=5" _fcksavedurl="#?page=5">5</a><a href="#?page=6" _fcksavedurl="#?page=6">6</a><a
            href="#?page=7" _fcksavedurl="#?page=7">7</a>...<a href="#?page=199" _fcksavedurl="#?page=199">199</a><a
            href="#?page=200" _fcksavedurl="#?page=200">200</a><a href="#?page=2" _fcksavedurl="#?page=2">
        > </a></div>
</div>
<p></p>
<br/>
<br/>
<br/>

<p>Gray Style 2 </p>

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

<p>Yellow Style </p>

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

<p><a href="http://jogger.pl/" _fcksavedurl="http://jogger.pl/">jogger</a> Style </p>

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

<p><a href="http://eu.starcraft2.com/screenshots.xml" _fcksavedurl="http://eu.starcraft2.com/screenshots.xml">starcraft
    2</a> Style </p>

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

<p>Tres Style </p>

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

<p><a href="http://www.512megas.com" _fcksavedurl="http://www.512megas.com">512megas</a> Style </p>

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

<p><a href="http://www.technorati.com/" _fcksavedurl="http://www.technorati.com/">Technorati</a> Style </p>

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

<p><a href="http://www.youtube.com/" _fcksavedurl="http://www.youtube.com/">YouTube</a> Style </p>

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

<p><a href="http://search.msdn.microsoft.com/" _fcksavedurl="http://search.msdn.microsoft.com/">MSDN Search</a> Style
</p>

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

<p><a href="http://badoo.com/" _fcksavedurl="http://badoo.com/">Badoo</a></p>

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

<p>Blue Style </p>

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

<p>Green-Black Style </p>

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

<p>viciao Style </p>

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

</body>
</html>
  • 大小: 671 Bytes
  • 大小: 673 Bytes
分享到：
| 开发J2EE程序的分页类-2
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    瞻远分页控件(带24种分页样式)

    　一、支持网上流传的24种分页样式； 　二、无限扩展自定义样式,灵活； 　三、支持所有asp.net控件分页绑定； 四、分页效率高； 　五、扩展方便、灵活性高； 　六、支持所有浏览器,文档类型、兼容性高； 使用方法：...

    24种分页样式

    本资源“24种分页样式”提供了一系列不同的设计示例，旨在提升用户体验和网站美观性。分页样式的选择对网站的整体交互性和易用性具有显著影响。以下是对24种不同分页样式的详细解释和分析： 1. **经典数字分页**：...

    瞻远分页控件演示版(带24种分页样式)源码

    　一、支持网上流传的24种分页样式； 　二、无限扩展自定义样式,灵活； 　三、支持所有asp.net控件分页绑定； 四、分页效率高； 　五、扩展方便、灵活性高； 　六、支持所有浏览器,文档类型、兼容性高； 使用方法：...

    样式 24种分页样式

    "样式 24种分页样式"这个主题聚焦于如何通过不同的设计来提升用户体验，这通常是前端开发的一个重要方面。下面我们将详细探讨24种不同的分页样式及其相关知识点。 1. 基本样式：这是最常见的分页样式，通常包括“上...

    div+css 24种分页样式

    div+css 24种分页样式 可以生意修改

    24种非常漂亮的分页css样式

    在这24种分页样式中，我们可以预见到各种设计技巧和模式，例如： 1. **简约风格**：一些设计可能采用极简主义，用最少的颜色和形状，保持界面清晰而不失美感。 2. **颜色搭配**：通过巧妙的颜色组合，使分页按钮...

    24种分页样式，漂亮，通用

    本资源提供了24种不同的分页样式，这些样式设计得既美观又通用，可以通过CSS（层叠样式表）进行定制和修饰，适用于各种网站和应用的界面设计。 分页样式的设计通常包含以下几个关键元素： 1. **当前页按钮**：表示...

    24种页面分页样式(带css)

    "24种页面分页样式(带css)" 提供了丰富的设计模板，旨在提升用户体验，同时也为开发者提供直接修改和应用的源码。下面我们将详细探讨这些知识点： 1. **分页设计原则**：优秀的分页设计应直观、简洁，易于理解和...

    瞻远分页控件演示版(带24种分页样式) 源码

    　一、支持网上流传的24种分页样式； 　二、无限扩展自定义样式,灵活； 　三、支持所有asp.net控件分页绑定； 四、分页效率高； 　五、扩展方便、灵活性高； 　六、支持所有浏览器,文档类型、兼容性高； 使用方法：...

    最实用的漂亮的分页样式

    "最实用的漂亮的分页样式"这一主题着重于提升用户体验，通过美观的设计吸引用户并方便他们高效地浏览网页内容。下面我们将详细探讨分页样式的设计原则、常见类型以及实现方法。 1. **设计原则**： - **易用性**：...

    两款漂亮的bootstrap分页样式

    在本主题中，我们聚焦于"两款漂亮的bootstrap分页样式"，这涉及到CSS3技术在Bootstrap分页组件上的应用。 Bootstrap的分页组件（Pagination）是一个基本的导航元素，用于分隔大量的内容或结果，让用户能够分步骤...

    基于C#+ASP.Net实现的具有24种样式分页样式的翻页控件例子源码

    4. **实现样式**：通过CSS样式表控制分页按钮的外观，24种样式可能涉及不同的颜色方案、边框样式、背景图像和悬停效果等。 5. **处理分页事件**：当用户点击页码时，触发PageIndexChanged事件，更新数据源并重新...

    jquery分页,最简单分页,完整分页案例,50种分页样式

    本资源包含“最简单分页”至“50种分页样式”的完整案例，为开发者提供了丰富的选择，可以满足各种项目需求。 **jQuery分页基本原理** jQuery分页主要通过JavaScript来实现页面内容的动态加载和切换。它根据服务器...

    25种分页css样式

    本资源提供了25种不同的CSS分页样式，只关注前端表现，不涉及后端实现。这些样式可以帮助开发者在项目中创建独特且吸引人的分页效果，提升用户体验。 1. **CSS基础样式**：通常，分页由数字、"上一页"和"下一页...

    20种css分页样式

    20种css分页样式，还是很漂亮的，很喜欢

    20款经典分页样式......

    "20款经典分页样式"的资源集提供了各种设计精美的分页样式，旨在提升用户体验和网站美观度。下面我们将详细探讨分页及其样式的设计原则和应用。 首先，分页的基本功能是将大量信息分成可管理的小块，让用户可以逐页...

    收集的几种分页样式，非常漂亮

    "收集的几种分页样式，非常漂亮"这个主题聚焦于美观且实用的分页设计，特别是其中的一款模仿百度的熊爪足迹样式，为用户提供了一种独特的交互体验。 1. **分页的基本概念**：分页通常包含“上一页”，“下一页”...

    各种分页样式 分页风格 分页css

    各种分页样式 分页风格 分页css 分页cs.htm

    多款比较经典的jsp分页样式

    在提供的压缩包"24款较经典的Page翻页css代码"中，可能包含了各种风格的分页样式示例，例如： 1. 简约风格：简单的线条和文字，适合极简设计的网站。 2. 图标分页：使用图标（如向前、向后箭头）增强视觉效果。 3. ...

Magicbox
Global site tag (gtag.js) - Google Analytics