Website development and design blog, tutorials and inspiration

100 CSS3 Pagination Styles

100 CSS3 copy and paste bootstrap pagination styles for your designs

By , Written on in HTML/CSS

100 CSS3 Pagination Styles

6,535 words, estimated reading time 30 minutes.

Website pagination is a crucial aspect to any layout with repeating content allowing content to be split across multiple pages. These styles are able to be copied and pasted into your designs.

Usage

The basic usage is to use the code snippet below as a basis for the pagination, but you will have to implement this in whatever language or framework you are using.

Under each style is the CSS code to style the basic pagination, simply select the code that matches the styleA01, or styleB4 accordingly.

  1.  
  2. <ul class="navigation styleA styleA01">
  3. <li><a href="#" class="first">First</a></li>
  4. <li><a href="#" class="previous">Previous</a></li>
  5. <li><a href="#">1</a></li>
  6. <li><a href="#">2</a></li>
  7. <li><a href="#" class="current">3</a></li>
  8. <li><a href="#">4</a></li>
  9. <li><a href="#">5</a></li>
  10. <li><a href="#" class="next">Next</a></li>
  11. <li><a href="#" class="last">Last</a></li>
  12. </ul>
  13.  
  1.  
  2. ul.navigation
  3. {
  4. margin:0px;
  5. margin-bottom:6px;
  6. padding:0px;
  7. height:100%;
  8. overflow:hidden;
  9. font:12px 'Tahoma';
  10. list-style-type:none;
  11. }
  12.  
  13. ul.navigation li
  14. {
  15. float:left;
  16. margin:0px;
  17. padding:0px;
  18. margin-left:5px;
  19. }
  20.  
  21. ul.navigation li a
  22. {
  23. color:black;
  24. display:block;
  25. text-decoration:none;
  26. padding:7px 10px 7px 10px;
  27. }
  28.  
  29. ul.navigation li a img
  30. {
  31. border:none;
  32. }
  33.  

CSS3 Pagination Styles

Pagination Style A

  1.  
  2. /*****************************************************************/
  3. /*A */
  4. /*****************************************************************/
  5.  
  6. ul.styleA li a
  7. {
  8. color:#FFFFFF;
  9. border-radius:3px;
  10. -moz-border-radius:3px;
  11. -webkit-border-radius:3px;
  12. }
  13.  
  14. /*****************************************************************/
  15. /*01 */
  16. /*****************************************************************/
  17.  
  18. ul.styleA01 li a
  19. {
  20. color:#474747;
  21. border:solid 1px #B6B6B6;
  22. padding:6px 9px 6px 9px;
  23. background:#E6E6E6;
  24. background:-moz-linear-gradient(top,#FFFFFF 1px,#F3F3F3 1px,#E6E6E6);
  25. background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#FFFFFF),color-stop(0.02,#F3F3F3),color-stop(1,#E6E6E6));
  26. }
  27.  
  28. ul.styleA01 li a:hover,
  29. ul.styleA01 li a.current
  30. {
  31. background:#FFFFFF;
  32. }
  33.  
  34. /*****************************************************************/
  35. /*02 */
  36. /*****************************************************************/
  37.  
  38. ul.styleA02 li a
  39. {
  40. color:#893A00;
  41. background:#FFCB00;
  42. background:-moz-linear-gradient(top,#FFD500,#FFCB00);
  43. background:-webkit-gradient(linear,0 0,0 100%,from(#FFD500),to(#FFCB00));
  44. }
  45.  
  46. ul.styleA02 li a:hover,
  47. ul.styleA02 li a.current
  48. {
  49. background:#FFF4BA;
  50. }
  51.  
  52. /*****************************************************************/
  53. /*03 */
  54. /*****************************************************************/
  55.  
  56. ul.styleA03 li a
  57. {
  58. background:#FF7217;
  59. background:-moz-linear-gradient(top,#FF8E1F,#FF7217);
  60. background:-webkit-gradient(linear,0 0,0 100%,from(#FF8E1F),to(#FF7217));
  61. }
  62.  
  63. ul.styleA03 li a:hover,
  64. ul.styleA03 li a.current
  65. {
  66. color:#C34E00;
  67. background:#FFECDE;
  68. }
  69.  
  70. /*****************************************************************/
  71. /*04 */
  72. /*****************************************************************/
  73.  
  74. ul.styleA04 li a
  75. {
  76. background:#D22020;
  77. background:-moz-linear-gradient(top,#DB2B2B,#D22020);
  78. background:-webkit-gradient(linear,0 0,0 100%,from(#DB2B2B),to(#D22020));
  79. }
  80.  
  81. ul.styleA04 li a:hover,
  82. ul.styleA04 li a.current
  83. {
  84. color:#9F0F0F;
  85. background:#FFE0E0;
  86. }
  87.  
  88. /*****************************************************************/
  89. /*05 */
  90. /*****************************************************************/
  91.  
  92. ul.styleA05 li a
  93. {
  94. background:#699613;
  95. background:-moz-linear-gradient(top,#87AB19,#699613);
  96. background:-webkit-gradient(linear,0 0,0 100%,from(#87AB19),to(#699613));
  97. }
  98.  
  99. ul.styleA05 li a:hover,
  100. ul.styleA05 li a.current
  101. {
  102. color:#4F7119;
  103. background:#E7F2C7;
  104. }
  105.  
  106. /*****************************************************************/
  107. /*06 */
  108. /*****************************************************************/
  109.  
  110. ul.styleA06 li a
  111. {
  112. background:#1D8A11;
  113. background:-moz-linear-gradient(top,#26A116,#1D8A11);
  114. background:-webkit-gradient(linear,0 0,0 100%,from(#26A116),to(#1D8A11));
  115. }
  116.  
  117. ul.styleA06 li a:hover,
  118. ul.styleA06 li a.current
  119. {
  120. color:#176D0E;
  121. background:#DCF4C9;
  122. }
  123.  
  124. /*****************************************************************/
  125. /*07 */
  126. /*****************************************************************/
  127.  
  128. ul.styleA07 li a
  129. {
  130. background:#45ABEC;
  131. background:-moz-linear-gradient(top,#5CBCF0,#45ABEC);
  132. background:-webkit-gradient(linear,0 0,0 100%,from(#5CBCF0),to(#45ABEC));
  133. }
  134.  
  135. ul.styleA07 li a:hover,
  136. ul.styleA07 li a.current
  137. {
  138. color:#358FDD;
  139. background:#DFF4FF;
  140. }
  141.  
  142. /*****************************************************************/
  143. /*08 */
  144. /*****************************************************************/
  145.  
  146. ul.styleA08 li a
  147. {
  148. background:#3862C8;
  149. background:-moz-linear-gradient(top,#4A81D3,#3862C8);
  150. background:-webkit-gradient(linear,0 0,0 100%,from(#4A81D3),to(#3862C8));
  151. }
  152.  
  153. ul.styleA08 li a:hover,
  154. ul.styleA08 li a.current
  155. {
  156. color:#355DDD;
  157. background:#DDE8FE;
  158. }
  159.  
  160. /*****************************************************************/
  161. /*09 */
  162. /*****************************************************************/
  163.  
  164. ul.styleA09 li a
  165. {
  166. background:#5A7075;
  167. background:-moz-linear-gradient(top,#788C90,#5A7075);
  168. background:-webkit-gradient(linear,0 0,0 100%,from(#788C90),to(#5A7075));
  169. }
  170.  
  171. ul.styleA09 li a:hover,
  172. ul.styleA09 li a.current
  173. {
  174. color:#355DDD;
  175. background:#DDE8FE;
  176. }
  177.  
  178. /*****************************************************************/
  179. /*10 */
  180. /*****************************************************************/
  181.  
  182. ul.styleA10 li a
  183. {
  184. background:#684BA6;
  185. background:-moz-linear-gradient(top,#8663B8,#684BA6);
  186. background:-webkit-gradient(linear,0 0,0 100%,from(#8663B8),to(#684BA6));
  187. }
  188.  
  189. ul.styleA10 li a:hover,
  190. ul.styleA10 li a.current
  191. {
  192. color:#643EB3;
  193. background:#EAE4F4;
  194. }
  195.  
  196. /*****************************************************************/
  197. /*11 */
  198. /*****************************************************************/
  199.  
  200. ul.styleA11 li a
  201. {
  202. background:#9A6654;
  203. background:-moz-linear-gradient(top,#AE846F,#9A6654);
  204. background:-webkit-gradient(linear,0 0,0 100%,from(#AE846F),to(#9A6654));
  205. }
  206.  
  207. ul.styleA11 li a:hover,
  208. ul.styleA11 li a.current
  209. {
  210. color:#78594A;
  211. background:#F0E7E3;
  212. }
  213.  
  214. /*****************************************************************/
  215. /*12 */
  216. /*****************************************************************/
  217.  
  218. ul.styleA12 li a
  219. {
  220. background:#323232;
  221. background:-moz-linear-gradient(top,#434343,#323232);
  222. background:-webkit-gradient(linear,0 0,0 100%,from(#434343),to(#323232));
  223. }
  224.  
  225. ul.styleA12 li a:hover,
  226. ul.styleA12 li a.current
  227. {
  228. color:#2F2F2F;
  229. background:#EAEAEA;
  230. }
  231.  


Pagination Style B

  1.  
  2. /*****************************************************************/
  3. /* B */
  4. /*****************************************************************/
  5.  
  6. ul.styleB li a
  7. {
  8. border:solid 1px;
  9. border-radius:3px;
  10. -moz-border-radius:3px;
  11. -webkit-border-radius:3px;
  12. padding:6px 9px 6px 9px;
  13. }
  14.  
  15. ul.styleB li
  16. {
  17. padding-bottom:1px;
  18. }
  19.  
  20. ul.styleB li a:hover,
  21. ul.styleB li a.current
  22. {
  23. color:#FFFFFF;
  24. box-shadow:0px 1px #EDEDED;
  25. -moz-box-shadow:0px 1px #EDEDED;
  26. -webkit-box-shadow:0px 1px #EDEDED;
  27. }
  28.  
  29. /*****************************************************************/
  30. /* 01 */
  31. /*****************************************************************/
  32.  
  33. ul.styleB01 li a
  34. {
  35. color:#A74E0D;
  36. border-color:#F3D795;
  37. background:#FFFDF2;
  38. }
  39.  
  40. ul.styleB01 li a:hover,
  41. ul.styleB01 li a.current
  42. {
  43. color:#893A00;
  44. text-shadow:0px 1px #FFEF42;
  45. border-color:#FFA200;
  46. background:#FFC800;
  47. background:-moz-linear-gradient(top,#FFFFFF 1px,#FFEA01 1px,#FFC800);
  48. background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#FFFFFF),color-stop(0.02,#FFEA01),color-stop(1,#FFC800));
  49. }
  50.  
  51. /*****************************************************************/
  52. /* 02 */
  53. /*****************************************************************/
  54.  
  55. ul.styleB02 li a
  56. {
  57. color:#0A7EC5;
  58. border-color:#8DC5E6;
  59. background:#F8FCFF;
  60. }
  61.  
  62. ul.styleB02 li a:hover,
  63. ul.styleB02 li a.current
  64. {
  65. text-shadow:0px 1px #388DBE;
  66. border-color:#3390CA;
  67. background:#58B0E7;
  68. background:-moz-linear-gradient(top,#B4F6FF 1px,#63D0FE 1px,#58B0E7);
  69. background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#B4F6FF),color-stop(0.02,#63D0FE),color-stop(1,#58B0E7));
  70. }
  71.  
  72. /*****************************************************************/
  73. /* 03 */
  74. /*****************************************************************/
  75.  
  76. ul.styleB03 li a
  77. {
  78. color:#4A76C6;
  79. border-color:#8AAEEF;
  80. background:#F7F9FE;
  81. }
  82.  
  83. ul.styleB03 li a:hover,
  84. ul.styleB03 li a.current
  85. {
  86. text-shadow:0px 1px #4876C9;
  87. border-color:#3D6DC3;
  88. background:#5A8CE7;
  89. background:-moz-linear-gradient(top,#C2E0FF 1px,#84AFFE 1px,#5A8CE7);
  90. background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#C2E0FF),color-stop(0.02,#84AFFE),color-stop(1,#5A8CE7));
  91. }
  92.  
  93. /*****************************************************************/
  94. /* 04 */
  95. /*****************************************************************/
  96.  
  97. ul.styleB04 li a
  98. {
  99. color:#8D62C8;
  100. border-color:#BAA2DA;
  101. background:#F9F7FC;
  102. }
  103.  
  104. ul.styleB04 li a:hover,
  105. ul.styleB04 li a.current
  106. {
  107. text-shadow:0px 1px #7955AB;
  108. border-color:#6F4DA0;
  109. background:#9168C9;
  110. background:-moz-linear-gradient(top,#DFBEFA 1px,#B088E7 1px,#9168C9);
  111. background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#DFBEFA),color-stop(0.02,#B088E7),color-stop(1,#9168C9));
  112. }
  113.  
  114. /*****************************************************************/
  115. /* 05 */
  116. /*****************************************************************/
  117.  
  118. ul.styleB05 li a
  119. {
  120. color:#EF6420;
  121. border-color:#FFBD85;
  122. background:#FFFAF7;
  123. }
  124.  
  125. ul.styleB05 li a:hover,
  126. ul.styleB05 li a.current
  127. {
  128. text-shadow:0px 1px #CA470E;
  129. border-color:#D13F11;
  130. background:#E95B2B;
  131. background:-moz-linear-gradient(top,#FFBE01 1px,#FE7C02 1px,#E95B2B);
  132. background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#FFBE01),color-stop(0.02,#FE7C02),color-stop(1,#E95B2B));
  133. }
  134.  
  135. /*****************************************************************/
  136. /* 06 */
  137. /*****************************************************************/
  138.  
  139. ul.styleB06 li a
  140. {
  141. color:#E92F2F;
  142. border-color:#FFA5A5;
  143. background:#FFF8F8;
  144. }
  145.  
  146. ul.styleB06 li a:hover,
  147. ul.styleB06 li a.current
  148. {
  149. text-shadow:0px 1px #B72E2E;
  150. border-color:#AD2D2D;
  151. background:#E43838;
  152. background:-moz-linear-gradient(top,#FF9B9B 1px,#FE5555 1px,#E43838);
  153. background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#FF9B9B),color-stop(0.02,#FE5555),color-stop(1,#E43838));
  154. }
  155.  
  156. /*****************************************************************/
  157. /* 07 */
  158. /*****************************************************************/
  159.  
  160. ul.styleB07 li a
  161. {
  162. color:#916C59;
  163. border-color:#D6BFB4;
  164. background:#FBF9F8;
  165. }
  166.  
  167. ul.styleB07 li a:hover,
  168. ul.styleB07 li a.current
  169. {
  170. text-shadow:0px 1px #866454;
  171. border-color:#886756;
  172. background:#A37A66;
  173. background:-moz-linear-gradient(top,#E9C4B2 1px,#C59882 1px,#A37A66);
  174. background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#E9C4B2),color-stop(0.02,#C59882),color-stop(1,#A37A66));
  175. }
  176.  
  177. /*****************************************************************/
  178. /* 08 */
  179. /*****************************************************************/
  180.  
  181. ul.styleB08 li a
  182. {
  183. color:#478223;
  184. border-color:#B2D397;
  185. background:#F7FAF4;
  186. }
  187.  
  188. ul.styleB08 li a:hover,
  189. ul.styleB08 li a.current
  190. {
  191. text-shadow:0px 1px #4E802C;
  192. border-color:#478223;
  193. background:#599F2F;
  194. background:-moz-linear-gradient(top,#9FE355 1px,#79BF4A 1px,#599F2F);
  195. background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#9FE355),color-stop(0.02,#79BF4A),color-stop(1,#599F2F));
  196. }
  197.  
  198. /*****************************************************************/
  199. /* 09 */
  200. /*****************************************************************/
  201.  
  202. ul.styleB09 li a
  203. {
  204. color:#707070;
  205. border-color:#CFCFCF;
  206. background:#FAFAFA;
  207. }
  208.  
  209. ul.styleB09 li a:hover,
  210. ul.styleB09 li a.current
  211. {
  212. text-shadow:0px 1px #636363;
  213. border-color:#5D5D5D;
  214. background:#777777;
  215. background:-moz-linear-gradient(top,#C0C0C0 1px,#929292 1px,#777777);
  216. background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#C0C0C0),color-stop(0.02,#929292),color-stop(1,#777777));
  217. }
  218.  
  219. /*****************************************************************/
  220. /* 10 */
  221. /*****************************************************************/
  222.  
  223. ul.styleB10 li a
  224. {
  225. color:#444444;
  226. border-color:#BEBEBE;
  227. background:#FAFAFA;
  228. }
  229.  
  230. ul.styleB10 li a:hover,
  231. ul.styleB10 li a.current
  232. {
  233. text-shadow:0px 1px #3C3C3C;
  234. border-color:#202020;
  235. background:#525252;
  236. background:-moz-linear-gradient(top,#9F9F9F 1px,#6C6C6C 1px,#525252);
  237. background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#9F9F9F),color-stop(0.02,#6C6C6C),color-stop(1,#525252));
  238. }
  239.  


Pagination Style C

  1.  
  2. /*****************************************************************/
  3. /* C */
  4. /*****************************************************************/
  5.  
  6. ul.styleC li a
  7. {
  8. color:#707070;
  9. background:#FFFFFF;
  10. border-radius:3px;
  11. -moz-border-radius:3px;
  12. -webkit-border-radius:3px;
  13. border:solid 1px #DCDCDC;
  14. padding:6px 9px 6px 9px;
  15. }
  16.  
  17. ul.styleC li
  18. {
  19. padding-bottom:1px;
  20. }
  21.  
  22. ul.styleC li a:hover,
  23. ul.styleC li a.current
  24. {
  25. color:#FFFFFF;
  26. box-shadow:0px 1px #EDEDED;
  27. -moz-box-shadow:0px 1px #EDEDED;
  28. -webkit-box-shadow:0px 1px #EDEDED;
  29. }
  30.  
  31. /*****************************************************************/
  32. /* 01 */
  33. /*****************************************************************/
  34.  
  35. ul.styleC01 li a:hover,
  36. ul.styleC01 li a.current
  37. {
  38. color:#893A00;
  39. text-shadow:0px 1px #FFEF42;
  40. border-color:#FFA200;
  41. background:#FFC800;
  42. background:-moz-linear-gradient(top,#FFFFFF 1px,#FFEA01 1px,#FFC800);
  43. background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#FFFFFF),color-stop(0.02,#FFEA01),color-stop(1,#FFC800));
  44. }
  45.  
  46. /*****************************************************************/
  47. /* 02 */
  48. /*****************************************************************/
  49.  
  50. ul.styleC02 li a:hover,
  51. ul.styleC02 li a.current
  52. {
  53. text-shadow:0px 1px #388DBE;
  54. border-color:#3390CA;
  55. background:#58B0E7;
  56. background:-moz-linear-gradient(top,#B4F6FF 1px,#63D0FE 1px,#58B0E7);
  57. background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#B4F6FF),color-stop(0.02,#63D0FE),color-stop(1,#58B0E7));
  58. }
  59.  
  60. /*****************************************************************/
  61. /* 03 */
  62. /*****************************************************************/
  63.  
  64. ul.styleC03 li a:hover,
  65. ul.styleC03 li a.current
  66. {
  67. text-shadow:0px 1px #4876C9;
  68. border-color:#3D6DC3;
  69. background:#5A8CE7;
  70. background:-moz-linear-gradient(top,#C2E0FF 1px,#84AFFE 1px,#5A8CE7);
  71. background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#C2E0FF),color-stop(0.02,#84AFFE),color-stop(1,#5A8CE7));
  72. }
  73.  
  74. /*****************************************************************/
  75. /* 04 */
  76. /*****************************************************************/
  77.  
  78. ul.styleC04 li a:hover,
  79. ul.styleC04 li a.current
  80. {
  81. text-shadow:0px 1px #7955AB;
  82. border-color:#6F4DA0;
  83. background:#9168C9;
  84. background:-moz-linear-gradient(top,#DFBEFA 1px,#B088E7 1px,#9168C9);
  85. background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#DFBEFA),color-stop(0.02,#B088E7),color-stop(1,#9168C9));
  86. }
  87.  
  88. /*****************************************************************/
  89. /* 05 */
  90. /*****************************************************************/
  91.  
  92. ul.styleC05 li a:hover,
  93. ul.styleC05 li a.current
  94. {
  95. text-shadow:0px 1px #CA470E;
  96. border-color:#D13F11;
  97. background:#E95B2B;
  98. background:-moz-linear-gradient(top,#FFBE01 1px,#FE7C02 1px,#E95B2B);
  99. background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#FFBE01),color-stop(0.02,#FE7C02),color-stop(1,#E95B2B));
  100. }
  101.  
  102. /*****************************************************************/
  103. /* 06 */
  104. /*****************************************************************/
  105.  
  106. ul.styleC06 li a:hover,
  107. ul.styleC06 li a.current
  108. {
  109. text-shadow:0px 1px #B72E2E;
  110. border-color:#AD2D2D;
  111. background:#E43838;
  112. background:-moz-linear-gradient(top,#FF9B9B 1px,#FE5555 1px,#E43838);
  113. background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#FF9B9B),color-stop(0.02,#FE5555),color-stop(1,#E43838));
  114. }
  115.  
  116. /*****************************************************************/
  117. /* 07 */
  118. /*****************************************************************/
  119.  
  120. ul.styleC07 li a:hover,
  121. ul.styleC07 li a.current
  122. {
  123. text-shadow:0px 1px #866454;
  124. border-color:#886756;
  125. background:#A37A66;
  126. background:-moz-linear-gradient(top,#E9C4B2 1px,#C59882 1px,#A37A66);
  127. background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#E9C4B2),color-stop(0.02,#C59882),color-stop(1,#A37A66));
  128. }
  129.  
  130. /*****************************************************************/
  131. /* 08 */
  132. /*****************************************************************/
  133.  
  134. ul.styleC08 li a:hover,
  135. ul.styleC08 li a.current
  136. {
  137. text-shadow:0px 1px #4E802C;
  138. border-color:#478223;
  139. background:#599F2F;
  140. background:-moz-linear-gradient(top,#9FE355 1px,#79BF4A 1px,#599F2F);
  141. background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#9FE355),color-stop(0.02,#79BF4A),color-stop(1,#599F2F));
  142. }
  143.  
  144. /*****************************************************************/
  145. /* 09 */
  146. /*****************************************************************/
  147.  
  148. ul.styleC09 li a:hover,
  149. ul.styleC09 li a.current
  150. {
  151. text-shadow:0px 1px #636363;
  152. border-color:#5D5D5D;
  153. background:#777777;
  154. background:-moz-linear-gradient(top,#C0C0C0 1px,#929292 1px,#777777);
  155. background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#C0C0C0),color-stop(0.02,#929292),color-stop(1,#777777));
  156. }
  157.  
  158. /*****************************************************************/
  159. /* 10 */
  160. /*****************************************************************/
  161.  
  162. ul.styleC10 li a:hover,
  163. ul.styleC10 li a.current
  164. {
  165. text-shadow:0px 1px #3C3C3C;
  166. border-color:#202020;
  167. background:#525252;
  168. background:-moz-linear-gradient(top,#9F9F9F 1px,#6C6C6C 1px,#525252);
  169. background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#9F9F9F),color-stop(0.02,#6C6C6C),color-stop(1,#525252));
  170. }
  171.  


Pagination Style D

  1.  
  2. /*****************************************************************/
  3. /* D */
  4. /*****************************************************************/
  5.  
  6. ul.styleD
  7. {
  8. padding:8px;
  9. background:#F9F9F9;
  10. border:solid 1px #E2E2E2;
  11. }
  12.  
  13. ul.styleD li a
  14. {
  15. color:#333333;
  16. text-shadow:0px 1px #F6F6F6;
  17. padding:6px 9px 6px 9px;
  18. border:solid 1px #B6B6B6;
  19. box-shadow:0px 1px #EFEFEF;
  20. -moz-box-shadow:0px 1px #EFEFEF;
  21. -webkit-box-shadow:0px 1px #EFEFEF;
  22. background:#E6E6E6;
  23. background:-moz-linear-gradient(top,#FFFFFF 1px,#F3F3F3 1px,#E6E6E6);
  24. background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#FFFFFF),color-stop(0.02,#F3F3F3),color-stop(1,#E6E6E6));
  25. }
  26.  
  27. ul.styleD li
  28. {
  29. padding-bottom:1px;
  30. }
  31.  
  32. ul.styleD li a:hover,
  33. ul.styleD li a.current
  34. {
  35. color:#FFFFFF;
  36. box-shadow:0px 1px #E7E7E7;
  37. -moz-box-shadow:0px 1px #E7E7E7;
  38. -webkit-box-shadow:0px 1px #E7E7E7;
  39. }
  40.  
  41. /*****************************************************************/
  42. /* 01 */
  43. /*****************************************************************/
  44.  
  45. ul.styleD01 li a:hover,
  46. ul.styleD01 li a.current
  47. {
  48. color:#893A00;
  49. text-shadow:0px 1px #FFEF42;
  50. border-color:#FFA200;
  51. background:#FFC800;
  52. background:-moz-linear-gradient(top,#FFFFFF 1px,#FFEA01 1px,#FFC800);
  53. background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#FFFFFF),color-stop(0.02,#FFEA01),color-stop(1,#FFC800));
  54. }
  55.  
  56. /*****************************************************************/
  57. /* 02 */
  58. /*****************************************************************/
  59.  
  60. ul.styleD02 li a:hover,
  61. ul.styleD02 li a.current
  62. {
  63. text-shadow:0px 1px #388DBE;
  64. border-color:#3390CA;
  65. background:#58B0E7;
  66. background:-moz-linear-gradient(top,#B4F6FF 1px,#63D0FE 1px,#58B0E7);
  67. background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#B4F6FF),color-stop(0.02,#63D0FE),color-stop(1,#58B0E7));
  68. }
  69.  
  70. /*****************************************************************/
  71. /* 03 */
  72. /*****************************************************************/
  73.  
  74. ul.styleD03 li a:hover,
  75. ul.styleD03 li a.current
  76. {
  77. text-shadow:0px 1px #4876C9;
  78. border-color:#3D6DC3;
  79. background:#5A8CE7;
  80. background:-moz-linear-gradient(top,#C2E0FF 1px,#84AFFE 1px,#5A8CE7);
  81. background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#C2E0FF),color-stop(0.02,#84AFFE),color-stop(1,#5A8CE7));
  82. }
  83.  
  84. /*****************************************************************/
  85. /* 04 */
  86. /*****************************************************************/
  87.  
  88. ul.styleD04 li a:hover,
  89. ul.styleD04 li a.current
  90. {
  91. text-shadow:0px 1px #7955AB;
  92. border-color:#6F4DA0;
  93. background:#9168C9;
  94. background:-moz-linear-gradient(top,#DFBEFA 1px,#B088E7 1px,#9168C9);
  95. background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#DFBEFA),color-stop(0.02,#B088E7),color-stop(1,#9168C9));
  96. }
  97.  
  98. /*****************************************************************/
  99. /* 05 */
  100. /*****************************************************************/
  101.  
  102. ul.styleD05 li a:hover,
  103. ul.styleD05 li a.current
  104. {
  105. text-shadow:0px 1px #CA470E;
  106. border-color:#D13F11;
  107. background:#E95B2B;
  108. background:-moz-linear-gradient(top,#FFBE01 1px,#FE7C02 1px,#E95B2B);
  109. background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#FFBE01),color-stop(0.02,#FE7C02),color-stop(1,#E95B2B));
  110. }
  111.  
  112. /*****************************************************************/
  113. /* 06 */
  114. /*****************************************************************/
  115.  
  116. ul.styleD06 li a:hover,
  117. ul.styleD06 li a.current
  118. {
  119. text-shadow:0px 1px #B72E2E;
  120. border-color:#AD2D2D;
  121. background:#E43838;
  122. background:-moz-linear-gradient(top,#FF9B9B 1px,#FE5555 1px,#E43838);
  123. background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#FF9B9B),color-stop(0.02,#FE5555),color-stop(1,#E43838));
  124. }
  125.  
  126. /*****************************************************************/
  127. /* 07 */
  128. /*****************************************************************/
  129.  
  130. ul.styleD07 li a:hover,
  131. ul.styleD07 li a.current
  132. {
  133. text-shadow:0px 1px #866454;
  134. border-color:#886756;
  135. background:#A37A66;
  136. background:-moz-linear-gradient(top,#E9C4B2 1px,#C59882 1px,#A37A66);
  137. background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#E9C4B2),color-stop(0.02,#C59882),color-stop(1,#A37A66));
  138. }
  139.  
  140. /*****************************************************************/
  141. /* 08 */
  142. /*****************************************************************/
  143.  
  144. ul.styleD08 li a:hover,
  145. ul.styleD08 li a.current
  146. {
  147. text-shadow:0px 1px #4E802C;
  148. border-color:#478223;
  149. background:#599F2F;
  150. background:-moz-linear-gradient(top,#9FE355 1px,#79BF4A 1px,#599F2F);
  151. background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#9FE355),color-stop(0.02,#79BF4A),color-stop(1,#599F2F));
  152. }
  153.  
  154. /*****************************************************************/
  155. /* 09 */
  156. /*****************************************************************/
  157.  
  158. ul.styleD09 li a:hover,
  159. ul.styleD09 li a.current
  160. {
  161. text-shadow:0px 1px #636363;
  162. border-color:#5D5D5D;
  163. background:#777777;
  164. background:-moz-linear-gradient(top,#C0C0C0 1px,#929292 1px,#777777);
  165. background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#C0C0C0),color-stop(0.02,#929292),color-stop(1,#777777));
  166. }
  167.  
  168. /*****************************************************************/
  169. /* 10 */
  170. /*****************************************************************/
  171.  
  172. ul.styleD10 li a:hover,
  173. ul.styleD10 li a.current
  174. {
  175. text-shadow:0px 1px #3C3C3C;
  176. border-color:#202020;
  177. background:#525252;
  178. background:-moz-linear-gradient(top,#9F9F9F 1px,#6C6C6C 1px,#525252);
  179. background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#9F9F9F),color-stop(0.02,#6C6C6C),color-stop(1,#525252));
  180. }
  181.  


Pagination Style E

  1.  
  2. /*****************************************************************/
  3. /* E */
  4. /*****************************************************************/
  5.  
  6. ul.styleE
  7. {
  8. padding:8px;
  9. background:#FFFFFF;
  10. border:solid 1px #E9E9E9;
  11. }
  12.  
  13. ul.styleE,
  14. ul.styleE li a
  15. {
  16. border-radius:3px;
  17. -moz-border-radius:3px;
  18. -webkit-border-radius:3px;
  19. }
  20.  
  21. ul.styleE li a
  22. {
  23. background:#FFFFFF;
  24. }
  25.  
  26. ul.styleE li
  27. {
  28. padding-bottom:1px;
  29. }
  30.  
  31. ul.styleE li a:hover,
  32. ul.styleE li a.current,
  33. ul.styleE li a.first,
  34. ul.styleE li a.previous,
  35. ul.styleE li a.next,
  36. ul.styleE li a.last
  37. {
  38. color:#FFFFFF;
  39. border-bottom:solid 1px;
  40. box-shadow:0px 1px #EDEDED;
  41. -moz-box-shadow:0px 1px #EDEDED;
  42. -webkit-box-shadow:0px 1px #EDEDED;
  43. }
  44.  
  45. /*****************************************************************/
  46. /* 01 */
  47. /*****************************************************************/
  48.  
  49. ul.styleE01 li a
  50. {
  51. color:#A74E0D;
  52. }
  53.  
  54. ul.styleE01 li a:hover,
  55. ul.styleE01 li a.current,
  56. ul.styleE01 li a.first,
  57. ul.styleE01 li a.previous,
  58. ul.styleE01 li a.next,
  59. ul.styleE01 li a.last
  60. {
  61. color:#893A00;
  62. text-shadow:0px 1px #FFEF42;
  63. border-bottom-color:#FFAB00;
  64. background:#FFC800;
  65. background:-moz-linear-gradient(top,#FFEC01,#FFC800);
  66. background:-webkit-gradient(linear,0 0,0 100%,from(#FFEC01),to(#FFC800));
  67. }
  68.  
  69. /*****************************************************************/
  70. /* 02 */
  71. /*****************************************************************/
  72.  
  73. ul.styleE02 li a
  74. {
  75. color:#0A7EC5;
  76. }
  77.  
  78. ul.styleE02 li a:hover,
  79. ul.styleE02 li a.current,
  80. ul.styleE02 li a.first,
  81. ul.styleE02 li a.previous,
  82. ul.styleE02 li a.next,
  83. ul.styleE02 li a.last
  84. {
  85. text-shadow:0px 1px #388BBC;
  86. border-bottom-color:#358FDD;
  87. background:#58B0E7;
  88. background:-moz-linear-gradient(top,#64D1FF1,#58B0E7);
  89. background:-webkit-gradient(linear,0 0,0 100%,from(#64D1FF),to(#58B0E7));
  90. }
  91.  
  92. /*****************************************************************/
  93. /* 03 */
  94. /*****************************************************************/
  95.  
  96. ul.styleE03 li a
  97. {
  98. color:#4A76C6;
  99. }
  100.  
  101. ul.styleE03 li a:hover,
  102. ul.styleE03 li a.current,
  103. ul.styleE03 li a.first,
  104. ul.styleE03 li a.previous,
  105. ul.styleE03 li a.next,
  106. ul.styleE03 li a.last
  107. {
  108. text-shadow:0px 1px #4674C8;
  109. border-bottom-color:#355DDD;
  110. background:#5A8CE7;
  111. background:-moz-linear-gradient(top,#86B1FF,#5A8CE7);
  112. background:-webkit-gradient(linear,0 0,0 100%,from(#86B1FF),to(#5A8CE7));
  113. }
  114.  
  115. /*****************************************************************/
  116. /* 04 */
  117. /*****************************************************************/
  118.  
  119. ul.styleE04 li a
  120. {
  121. color:#8D62C8;
  122. }
  123.  
  124. ul.styleE04 li a:hover,
  125. ul.styleE04 li a.current,
  126. ul.styleE04 li a.first,
  127. ul.styleE04 li a.previous,
  128. ul.styleE04 li a.next,
  129. ul.styleE04 li a.last
  130. {
  131. text-shadow:0px 1px #7753A9;
  132. border-bottom-color:#643EB3;
  133. background:#9168C9;
  134. background:-moz-linear-gradient(top,#B189E8,#9168C9);
  135. background:-webkit-gradient(linear,0 0,0 100%,from(#B189E8),to(#9168C9));
  136. }
  137.  
  138. /*****************************************************************/
  139. /* 05 */
  140. /*****************************************************************/
  141.  
  142. ul.styleE05 li a
  143. {
  144. color:#EF6420;
  145. }
  146.  
  147. ul.styleE05 li a:hover,
  148. ul.styleE05 li a.current,
  149. ul.styleE05 li a.first,
  150. ul.styleE05 li a.previous,
  151. ul.styleE05 li a.next,
  152. ul.styleE05 li a.last
  153. {
  154. text-shadow:0px 1px #C94510;
  155. border-bottom-color:#DF361B;
  156. background:#E95B2B;
  157. background:-moz-linear-gradient(top,#FF7E00,#E95B2B);
  158. background:-webkit-gradient(linear,0 0,0 100%,from(#FF7E00),to(#E95B2B));
  159. }
  160.  
  161. /*****************************************************************/
  162. /* 06 */
  163. /*****************************************************************/
  164.  
  165. ul.styleE06 li a
  166. {
  167. color:#E92F2F;
  168. }
  169.  
  170. ul.styleE06 li a:hover,
  171. ul.styleE06 li a.current,
  172. ul.styleE06 li a.first,
  173. ul.styleE06 li a.previous,
  174. ul.styleE06 li a.next,
  175. ul.styleE06 li a.last
  176. {
  177. text-shadow:0px 1px #B52D2D;
  178. border-bottom-color:#C90000;
  179. background:#E43838;
  180. background:-moz-linear-gradient(top,#FF5656,#E43838);
  181. background:-webkit-gradient(linear,0 0,0 100%,from(#FF5656),to(#E43838));
  182. }
  183.  
  184. /*****************************************************************/
  185. /* 07 */
  186. /*****************************************************************/
  187.  
  188. ul.styleE07 li a
  189. {
  190. color:#916C59;
  191. }
  192.  
  193. ul.styleE07 li a:hover,
  194. ul.styleE07 li a.current,
  195. ul.styleE07 li a.first,
  196. ul.styleE07 li a.previous,
  197. ul.styleE07 li a.next,
  198. ul.styleE07 li a.last
  199. {
  200. text-shadow:0px 1px #AC826E;
  201. border-bottom-color:#865447;
  202. background:#A37A66;
  203. background:-moz-linear-gradient(top,#C79A84,#A37A66);
  204. background:-webkit-gradient(linear,0 0,0 100%,from(#C79A84),to(#A37A66));
  205. }
  206.  
  207. /*****************************************************************/
  208. /* 08 */
  209. /*****************************************************************/
  210.  
  211. ul.styleE08 li a
  212. {
  213. color:#478223;
  214. }
  215.  
  216. ul.styleE08 li a:hover,
  217. ul.styleE08 li a.current,
  218. ul.styleE08 li a.first,
  219. ul.styleE08 li a.previous,
  220. ul.styleE08 li a.next,
  221. ul.styleE08 li a.last
  222. {
  223. text-shadow:0px 1px #4D7F2B;
  224. border-bottom-color:#35771C;
  225. background:#599F2F;
  226. background:-moz-linear-gradient(top,#7BC14C,#599F2F);
  227. background:-webkit-gradient(linear,0 0,0 100%,from(#7BC14C),to(#599F2F));
  228. }
  229.  
  230. /*****************************************************************/
  231. /* 09 */
  232. /*****************************************************************/
  233.  
  234. ul.styleE09 li a
  235. {
  236. color:#444444;
  237. }
  238.  
  239. ul.styleE09 li a:hover,
  240. ul.styleE09 li a.current,
  241. ul.styleE09 li a.first,
  242. ul.styleE09 li a.previous,
  243. ul.styleE09 li a.next,
  244. ul.styleE09 li a.last
  245. {
  246. text-shadow:0px 1px #626262;
  247. border-bottom-color:#4D4D4D;
  248. background:#777777;
  249. background:-moz-linear-gradient(top,#939393,#777777);
  250. background:-webkit-gradient(linear,0 0,0 100%,from(#939393),to(#777777));
  251. }
  252.  
  253. /*****************************************************************/
  254. /* 10 */
  255. /*****************************************************************/
  256.  
  257. ul.styleE10 li a
  258. {
  259. color:#A74E0D;
  260. }
  261.  
  262. ul.styleE10 li a:hover,
  263. ul.styleE10 li a.current,
  264. ul.styleE10 li a.first,
  265. ul.styleE10 li a.previous,
  266. ul.styleE10 li a.next,
  267. ul.styleE10 li a.last
  268. {
  269. text-shadow:0px 1px #3C3C3C;
  270. border-bottom-color:#313131;
  271. background:#525252;
  272. background:-moz-linear-gradient(top,#6D6D6D,#525252);
  273. background:-webkit-gradient(linear,0 0,0 100%,from(#6D6D6D),to(#525252));
  274. }
  275.  


Pagination Style F

  1.  
  2. /*****************************************************************/
  3. /* F */
  4. /*****************************************************************/
  5.  
  6. ul.styleF
  7. {
  8. padding:8px;
  9. margin-bottom:1px;
  10. border-bottom:solid 1px;
  11. box-shadow:0px 1px #EDEDED;
  12. -moz-box-shadow:0px 1px #EDEDED;
  13. -webkit-box-shadow:0px 1px #EDEDED;
  14. }
  15.  
  16. ul.styleF01,
  17. ul.styleF02,
  18. ul.styleF03,
  19. ul.styleF04,
  20. ul.styleF05
  21. {
  22. border:solid 1px #AEAEAE;
  23. background:#E9E9E9;
  24. background:-moz-linear-gradient(top,#FFFFFF,#E9E9E9 97%,#FFFFFF 98%);
  25. background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.00,#FFFFFF),color-stop(0.97,#E9E9E9),color-stop(0.98,#FFFFFF));
  26. }
  27.  
  28. ul.styleF,
  29. ul.styleF li a
  30. {
  31. border-radius:3px;
  32. -moz-border-radius:3px;
  33. -webkit-border-radius:3px;
  34. }
  35.  
  36. ul.styleF li a,
  37. ul.styleF li a:hover,
  38. ul.styleF li a.current
  39. {
  40. color:#FFFFFF;
  41. text-shadow:none;
  42. }
  43.  
  44. ul.styleF01 li a,
  45. ul.styleF01 li a:hover,
  46. ul.styleF01 li a.current,
  47. ul.styleF02 li a,
  48. ul.styleF03 li a,
  49. ul.styleF04 li a,
  50. ul.styleF05 li a
  51. {
  52. color:#444444;
  53. text-shadow:0px 1px #FFFFFF;
  54. }
  55.  
  56. /*****************************************************************/
  57. /* 01 */
  58. /*****************************************************************/
  59.  
  60. ul.styleF01 li a
  61. {
  62. padding:6px 9px 6px 9px;
  63. border:solid 1px transparent;
  64. }
  65.  
  66. ul.styleF01 li a:hover,
  67. ul.styleF01 li a.current
  68. {
  69. border-color:#AEAEAE;
  70. background:transparent;
  71. background:-moz-linear-gradient(top,transparent,transparent 95%,#FFFFFF 96%);
  72. background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.00,transparent),color-stop(0.95,transparent),color-stop(0.96,#FFFFFF));
  73. }
  74.  
  75. /*****************************************************************/
  76. /* 02 */
  77. /*****************************************************************/
  78.  
  79. ul.styleF02 li a:hover,
  80. ul.styleF02 li a.current
  81. {
  82. background:#589D1E;
  83. }
  84.  
  85. /*****************************************************************/
  86. /* 03 */
  87. /*****************************************************************/
  88.  
  89. ul.styleF03 li a:hover,
  90. ul.styleF03 li a.current
  91. {
  92. background:#2B8AC7;
  93. }
  94.  
  95. /*****************************************************************/
  96. /* 04 */
  97. /*****************************************************************/
  98.  
  99. ul.styleF04 li a:hover,
  100. ul.styleF04 li a.current
  101. {
  102. background:#F77110;
  103. }
  104.  
  105. /*****************************************************************/
  106. /* 05 */
  107. /*****************************************************************/
  108.  
  109. ul.styleF05 li a:hover,
  110. ul.styleF05 li a.current
  111. {
  112. background:#9A66BC;
  113. }
  114.  
  115. /*****************************************************************/
  116. /* 06 */
  117. /*****************************************************************/
  118.  
  119. ul.styleF06
  120. {
  121. border-color:#FFAB00;
  122. background:#FFC700;
  123. background:-moz-linear-gradient(top,#FFEC01,#FFC700);
  124. background:-webkit-gradient(linear,0 0,0 100%,from(#FFEC01),to(#FFC700));
  125. }
  126.  
  127. ul.styleF06 li a
  128. {
  129. color:#DF361B;
  130. text-shadow:0px 1px #FFFF00;
  131. }
  132.  
  133. ul.styleF06 li a:hover,
  134. ul.styleF06 li a.current
  135. {
  136. background:#DF361B;
  137. }
  138.  
  139. /*****************************************************************/
  140. /* 07 */
  141. /*****************************************************************/
  142.  
  143. ul.styleF07
  144. {
  145. border-color:#DF361B;
  146. background:#E95B2C;
  147. background:-moz-linear-gradient(top,#FF7E00,#E95B2C);
  148. background:-webkit-gradient(linear,0 0,0 100%,from(#FF7E00),to(#E95B2C));
  149. }
  150.  
  151. ul.styleF07 li a:hover,
  152. ul.styleF07 li a.current
  153. {
  154. color:#DF361B;
  155. background:#FFFFFF;
  156. }
  157.  
  158. /*****************************************************************/
  159. /* 08 */
  160. /*****************************************************************/
  161.  
  162. ul.styleF08
  163. {
  164. border-color:#941B1B;
  165. background:#A72323;
  166. background:-moz-linear-gradient(top,#BA3737,#A72323);
  167. background:-webkit-gradient(linear,0 0,0 100%,from(#BA3737),to(#A72323));
  168. }
  169.  
  170. ul.styleF08 li a:hover,
  171. ul.styleF08 li a.current
  172. {
  173. color:#A72323;
  174. background:#FFFFFF;
  175. }
  176.  
  177. /*****************************************************************/
  178. /* 09 */
  179. /*****************************************************************/
  180.  
  181. ul.styleF09
  182. {
  183. border-color:#6B6B6B;
  184. background:#949494;
  185. background:-moz-linear-gradient(top,#B3B3B3,#949494);
  186. background:-webkit-gradient(linear,0 0,0 100%,from(#B3B3B3),to(#949494));
  187. }
  188.  
  189. ul.styleF09 li a
  190. {
  191. color:#000000;
  192. text-shadow:0px 1px #B6B6B6;
  193. }
  194.  
  195. ul.styleF09 li a:hover,
  196. ul.styleF09 li a.current
  197. {
  198. background:#565656;
  199. text-shadow:0px 1px #404040;
  200. }
  201.  
  202. /*****************************************************************/
  203. /* 10 */
  204. /*****************************************************************/
  205.  
  206. ul.styleF10
  207. {
  208. border-color:#4C1B1B;
  209. background:#7F2D2D;
  210. background:-moz-linear-gradient(top,#AE3A3A,#7F2D2D);
  211. background:-webkit-gradient(linear,0 0,0 100%,from(#AE3A3A),to(#7F2D2D));
  212. }
  213.  
  214. ul.styleF10 li a:hover,
  215. ul.styleF10 li a.current
  216. {
  217. color:#7F2D2D;
  218. background:#FFBA58;
  219. }
  220.  
  221. /*****************************************************************/
  222. /* 11 */
  223. /*****************************************************************/
  224.  
  225. ul.styleF11
  226. {
  227. border-color:#28570F;
  228. background:#438819;
  229. background:-moz-linear-gradient(top,#5BA01E,#438819);
  230. background:-webkit-gradient(linear,0 0,0 100%,from(#5BA01E),to(#438819));
  231. }
  232.  
  233. ul.styleF11 li a:hover,
  234. ul.styleF11 li a.current
  235. {
  236. box-shadow:0px 1px #519D1D;
  237. -moz-box-shadow:0px 1px #519D1D;
  238. -webkit-box-shadow:0px 1px #519D1D;
  239. background:#519D1D;
  240. background:-moz-linear-gradient(top,#15450A 1px,#1C5C0D 1px,#256D12);
  241. background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#15450A),color-stop(0.02,#1C5C0D),color-stop(1,#256D12));
  242. }
  243.  
  244. /*****************************************************************/
  245. /* 12 */
  246. /*****************************************************************/
  247.  
  248. ul.styleF12
  249. {
  250. border-color:#0E4B36;
  251. background:#187D5B;
  252. background:-moz-linear-gradient(top,#1DA187,#187D5B);
  253. background:-webkit-gradient(linear,0 0,0 100%,from(#1DA187),to(#187D5B));
  254. }
  255.  
  256. ul.styleF12 li a:hover,
  257. ul.styleF12 li a.current
  258. {
  259. box-shadow:0px 1px #1C946E;
  260. -moz-box-shadow:0px 1px #1C946E;
  261. -webkit-box-shadow:0px 1px #1C946E;
  262. background:#1C946E;
  263. background:-moz-linear-gradient(top,#0A3D2B 1px,#0E523A 1px,#136348);
  264. background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#0A3D2B),color-stop(0.02,#0E523A),color-stop(1,#136348));
  265. }
  266.  
  267. /*****************************************************************/
  268. /* 13 */
  269. /*****************************************************************/
  270.  
  271. ul.styleF13
  272. {
  273. border-color:#173E93;
  274. background:#2669B3;
  275. background:-moz-linear-gradient(top,#2B8BC8,#2669B3);
  276. background:-webkit-gradient(linear,0 0,0 100%,from(#2B8BC8),to(#2669B3));
  277. }
  278.  
  279. ul.styleF13 li a:hover,
  280. ul.styleF13 li a.current
  281. {
  282. box-shadow:0px 1px #2C7DC1;
  283. -moz-box-shadow:0px 1px #2C7DC1;
  284. -webkit-box-shadow:0px 1px #2C7DC1;
  285. background:#2C7DC1;
  286. background:-moz-linear-gradient(top,#15450A 1px,#174886 1px,#1E5897);
  287. background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#15450A),color-stop(0.02,#174886),color-stop(1,#1E5897));
  288. }
  289.  
  290. /*****************************************************************/
  291. /* 14 */
  292. /*****************************************************************/
  293.  
  294. ul.styleF14
  295. {
  296. border-color:#442E69;
  297. background:#734D95;
  298. background:-moz-linear-gradient(top,#9960AC,#734D95);
  299. background:-webkit-gradient(linear,0 0,0 100%,from(#9960AC),to(#734D95));
  300. }
  301.  
  302. ul.styleF14 li a:hover,
  303. ul.styleF14 li a.current
  304. {
  305. box-shadow:0px 1px #895BA8;
  306. -moz-box-shadow:0px 1px #895BA8;
  307. -webkit-box-shadow:0px 1px #895BA8;
  308. background:#895BA8;
  309. background:-moz-linear-gradient(top,#38244A 1px,#4B3064 1px,#5B3D75);
  310. background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#38244A),color-stop(0.02,#4B3064),color-stop(1,#5B3D75));
  311. }
  312.  
  313. /*****************************************************************/
  314. /* 15 */
  315. /*****************************************************************/
  316.  
  317. ul.styleF15
  318. {
  319. border-color:#865447;
  320. background:#A27965;
  321. background:-moz-linear-gradient(top,#C79A84,#A27965);
  322. background:-webkit-gradient(linear,0 0,0 100%,from(#C79A84),to(#A27965));
  323. }
  324.  
  325. ul.styleF15 li a:hover,
  326. ul.styleF15 li a.current
  327. {
  328. box-shadow:0px 1px #B49078;
  329. -moz-box-shadow:0px 1px #B49078;
  330. -webkit-box-shadow:0px 1px #B49078;
  331. background:#B49078;
  332. background:-moz-linear-gradient(top,#593D31 1px,#785241 1px,#896250);
  333. background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#593D31),color-stop(0.02,#785241),color-stop(1,#896250));
  334. }
  335.  
  336. /*****************************************************************/
  337. /* 16 */
  338. /*****************************************************************/
  339.  
  340. ul.styleF16
  341. {
  342. border-color:#313131;
  343. background:#525252;
  344. background:-moz-linear-gradient(top,#6D6D6D,#525252);
  345. background:-webkit-gradient(linear,0 0,0 100%,from(#6D6D6D),to(#525252));
  346. }
  347.  
  348. ul.styleF16 li a:hover,
  349. ul.styleF16 li a.current
  350. {
  351. box-shadow:0px 1px #626262;
  352. -moz-box-shadow:0px 1px #626262;
  353. -webkit-box-shadow:0px 1px #626262;
  354. background:#626262;
  355. background:-moz-linear-gradient(top,#1A1A1A 1px,#242424 1px,#2E2E2E);
  356. background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#1A1A1A),color-stop(0.02,#242424),color-stop(1,#2E2E2E));
  357. }
  358.  


Pagination Style G

  1.  
  2. /*****************************************************************/
  3. /* G */
  4. /*****************************************************************/
  5.  
  6. ul.styleG
  7. {
  8. padding:0px;
  9. margin-bottom:1px;
  10. border-bottom:solid 1px;
  11. border-radius:3px;
  12. -moz-border-radius:3px;
  13. -webkit-border-radius:3px;
  14. box-shadow:0px 1px #EDEDED;
  15. -moz-box-shadow:0px 1px #EDEDED;
  16. -webkit-box-shadow:0px 1px #EDEDED;
  17. }
  18.  
  19. ul.styleG li:first-child a
  20. {
  21. border-radius:3px 0px 0px 3px;
  22. -moz-border-radius:3px 0px 0px 3px;
  23. -webkit-border-radius:3px 0px 0px 3px;
  24. }
  25.  
  26. ul.styleG li:last-child a
  27. {
  28. border-radius:0px 3px 3px 0px;
  29. -moz-border-radius:0px 3px 3px 0px;
  30. -webkit-border-radius:0px 3px 3px 0px;
  31. }
  32.  
  33. ul.styleG li a:hover,
  34. ul.styleG li a.current
  35. {
  36. color:#FFFFFF;
  37. text-shadow:none;
  38. }
  39.  
  40. ul.styleG li a
  41. {
  42. padding:15px 10px 15px 10px;
  43. }
  44.  
  45. /*****************************************************************/
  46. /* 01 */
  47. /*****************************************************************/
  48.  
  49. ul.styleG01
  50. {
  51. border-color:#FFAB00;
  52. background:#FFC700;
  53. background:-moz-linear-gradient(top,#FFEC01,#FFC700);
  54. background:-webkit-gradient(linear,0 0,0 100%,from(#FFEC01),to(#FFC700));
  55. }
  56.  
  57. ul.styleG01 li a
  58. {
  59. color:#DF361B;
  60. text-shadow:0px 1px #FFFF00;
  61. }
  62.  
  63. ul.styleG01 li a:hover,
  64. ul.styleG01 li a.current
  65. {
  66. background:#EE7902;
  67. background:-moz-linear-gradient(top,#F6A72D,#EE7902);
  68. background:-webkit-gradient(linear,0 0,0 100%,from(#F6A72D),to(#EE7902));
  69. }
  70.  
  71. /*****************************************************************/
  72. /* 02 */
  73. /*****************************************************************/
  74.  
  75. ul.styleG02
  76. {
  77. border-color:#E74701;
  78. background:#EE7701;
  79. background:-moz-linear-gradient(top,#F6A82E,#EE7701);
  80. background:-webkit-gradient(linear,0 0,0 100%,from(#F6A82E),to(#EE7701));
  81. }
  82.  
  83. ul.styleG02 li a
  84. {
  85. color:#000000;
  86. text-shadow:0px 1px #F6B01D;
  87. }
  88.  
  89. ul.styleG02 li a:hover,
  90. ul.styleG02 li a.current
  91. {
  92. background:#E74801;
  93. background:-moz-linear-gradient(top,#E77301,#E74801);
  94. background:-webkit-gradient(linear,0 0,0 100%,from(#E77301),to(#E74801));
  95. }
  96.  
  97. /*****************************************************************/
  98. /* 03 */
  99. /*****************************************************************/
  100.  
  101. ul.styleG03
  102. {
  103. border-color:#358FDC;
  104. background:#58B0E7;
  105. background:-moz-linear-gradient(top,#64D1FF,#58B0E7);
  106. background:-webkit-gradient(linear,0 0,0 100%,from(#64D1FF),to(#58B0E7));
  107. }
  108.  
  109. ul.styleG03 li a
  110. {
  111. color:#0C3C77;
  112. text-shadow:0px 1px #80D5F5;
  113. }
  114.  
  115. ul.styleG03 li a:hover,
  116. ul.styleG03 li a.current
  117. {
  118. background:#3581B1;
  119. background:-moz-linear-gradient(top,#4096CB,#3581B1);
  120. background:-webkit-gradient(linear,0 0,0 100%,from(#4096CB),to(#3581B1));
  121. }
  122.  
  123. /*****************************************************************/
  124. /* 04 */
  125. /*****************************************************************/
  126.  
  127. ul.styleG04
  128. {
  129. border-color:#355BDC;
  130. background:#598BE7;
  131. background:-moz-linear-gradient(top,#86B1FF,#598BE7);
  132. background:-webkit-gradient(linear,0 0,0 100%,from(#86B1FF),to(#598BE7));
  133. }
  134.  
  135. ul.styleG04 li a
  136. {
  137. color:#0C2169;
  138. text-shadow:0px 1px #90BFF5;
  139. }
  140.  
  141. ul.styleG04 li a:hover,
  142. ul.styleG04 li a.current
  143. {
  144. background:#3D69BA;
  145. background:-moz-linear-gradient(top,#4777D0,#3D69BA);
  146. background:-webkit-gradient(linear,0 0,0 100%,from(#4777D0),to(#3D69BA));
  147. }
  148.  
  149. /*****************************************************************/
  150. /* 05 */
  151. /*****************************************************************/
  152.  
  153. ul.styleG05
  154. {
  155. border-color:#6B4BCD;
  156. background:#967DDC;
  157. background:-moz-linear-gradient(top,#B690F0,#967DDC);
  158. background:-webkit-gradient(linear,0 0,0 100%,from(#B690F0),to(#967DDC));
  159. }
  160.  
  161. ul.styleG05 li a
  162. {
  163. color:#2B2242;
  164. text-shadow:0px 1px #B9A2E9;
  165. }
  166.  
  167. ul.styleG05 li a:hover,
  168. ul.styleG05 li a.current
  169. {
  170. background:#6C4CCD;
  171. background:-moz-linear-gradient(top,#8A64C6,#6C4CCD);
  172. background:-webkit-gradient(linear,0 0,0 100%,from(#8A64C6),to(#6C4CCD));
  173. }
  174.  
  175. /*****************************************************************/
  176. /* 06 */
  177. /*****************************************************************/
  178.  
  179. ul.styleG06
  180. {
  181. border-color:#A37453;
  182. background:#B99578;
  183. background:-moz-linear-gradient(top,#D0AC8F,#B99578);
  184. background:-webkit-gradient(linear,0 0,0 100%,from(#D0AC8F),to(#B99578));
  185. }
  186.  
  187. ul.styleG06 li a
  188. {
  189. color:#48342B;
  190. text-shadow:0px 1px #D0B59F;
  191. }
  192.  
  193. ul.styleG06 li a:hover,
  194. ul.styleG06 li a.current
  195. {
  196. background:#8B705A;
  197. background:-moz-linear-gradient(top,#9C816B,#8B705A);
  198. background:-webkit-gradient(linear,0 0,0 100%,from(#9C816B),to(#8B705A));
  199. }
  200.  
  201. /*****************************************************************/
  202. /* 07 */
  203. /*****************************************************************/
  204.  
  205. ul.styleG07
  206. {
  207. border-color:#39961D;
  208. background:#5FB531;
  209. background:-moz-linear-gradient(top,#79D447,#5FB531);
  210. background:-webkit-gradient(linear,0 0,0 100%,from(#79D447),to(#5FB531));
  211. }
  212.  
  213. ul.styleG07 li a
  214. {
  215. color:#0C5400;
  216. text-shadow:0px 1px #90D84E;
  217. }
  218.  
  219. ul.styleG07 li a:hover,
  220. ul.styleG07 li a.current
  221. {
  222. background:#39971D;
  223. background:-moz-linear-gradient(top,#43AD23,#39971D);
  224. background:-webkit-gradient(linear,0 0,0 100%,from(#43AD23),to(#39971D));
  225. }
  226.  
  227. /*****************************************************************/
  228. /* 08 */
  229. /*****************************************************************/
  230.  
  231. ul.styleG08
  232. {
  233. border-color:#6B6B6B;
  234. background:#949494;
  235. background:-moz-linear-gradient(top,#B3B3B3,#949494);
  236. background:-webkit-gradient(linear,0 0,0 100%,from(#B3B3B3),to(#949494));
  237. }
  238.  
  239. ul.styleG08 li a
  240. {
  241. color:#000000;
  242. text-shadow:0px 1px #B6B6B6;
  243. }
  244.  
  245. ul.styleG08 li a:hover,
  246. ul.styleG08 li a.current
  247. {
  248. background:#6C6C6C;
  249. background:-moz-linear-gradient(top,#848484,#6C6C6C);
  250. background:-webkit-gradient(linear,0 0,0 100%,from(#848484),to(#6C6C6C));
  251. }
  252.  
  253. /*****************************************************************/
  254. /* 09 */
  255. /*****************************************************************/
  256.  
  257. ul.styleG09
  258. {
  259. border-color:#313131;
  260. background:#525252;
  261. background:-moz-linear-gradient(top,#6D6D6D,#525252);
  262. background:-webkit-gradient(linear,0 0,0 100%,from(#6D6D6D),to(#525252));
  263. }
  264.  
  265. ul.styleG09 li a
  266. {
  267. color:#FFFFFF;
  268. }
  269.  
  270. ul.styleG09 li a:hover,
  271. ul.styleG09 li a.current
  272. {
  273. background:#313131;
  274. background:-moz-linear-gradient(top,#3F3F3F,#313131);
  275. background:-webkit-gradient(linear,0 0,0 100%,from(#3F3F3F),to(#313131));
  276. }
  277.  
  278. /*****************************************************************/
  279. /* 10 */
  280. /*****************************************************************/
  281.  
  282. ul.styleG10
  283. {
  284. border-color:#931616;
  285. background:#AF2626;
  286. background:-moz-linear-gradient(top,#DD423B,#AF2626);
  287. background:-webkit-gradient(linear,0 0,0 100%,from(#DD423B),to(#AF2626));
  288. }
  289.  
  290. ul.styleG10 li a
  291. {
  292. color:#FFFFFF;
  293. }
  294.  
  295. ul.styleG10 li a:hover,
  296. ul.styleG10 li a.current
  297. {
  298. background:#E8972E;
  299. background:-moz-linear-gradient(top,#FFC051,#E8972E);
  300. background:-webkit-gradient(linear,0 0,0 100%,from(#FFC051),to(#E8972E));
  301. }
  302.  


Pagination Style H

  1.  
  2. /*****************************************************************/
  3. /* H */
  4. /*****************************************************************/
  5.  
  6. ul.styleH
  7. {
  8. border:solid 1px;
  9. border-radius:3px;
  10. -moz-border-radius:3px;
  11. -webkit-border-radius:3px;
  12. }
  13.  
  14. ul.styleH li a
  15. {
  16. color:#222222;
  17. padding:15px 9px 15px 9px;
  18. text-shadow:0px 1px #FFFFFF;
  19. }
  20.  
  21. ul.styleH01 li a,
  22. ul.styleH02 li a,
  23. ul.styleH03 li a
  24. {
  25. border:solid 1px transparent;
  26. border-width:0px 1px 0px 1px;
  27. }
  28.  
  29. ul.styleH03 li a,
  30. ul.styleH04 li a
  31. {
  32. text-shadow:0px 1px #FFFFFF;
  33. }
  34.  
  35. ul.styleH li:first-child a
  36. {
  37. border-radius:3px 0px 0px 3px;
  38. -moz-border-radius:3px 0px 0px 3px;
  39. -webkit-border-radius:3px 0px 0px 3px;
  40. }
  41.  
  42. ul.styleH li:last-child a
  43. {
  44. border-radius:0px 3px 3px 0px;
  45. -moz-border-radius:0px 3px 3px 0px;
  46. -webkit-border-radius:0px 3px 3px 0px;
  47. }
  48.  
  49. ul.styleH01 li a.last:hover,
  50. ul.styleH02 li a.last:hover,
  51. ul.styleH03 li a.last:hover
  52. {
  53. border-right-color:transparent;
  54. }
  55.  
  56. ul.styleH01 li a.first:hover,
  57. ul.styleH02 li a.first:hover,
  58. ul.styleH03 li a.first:hover
  59. {
  60. border-left-color:transparent;
  61. }
  62.  
  63. /*****************************************************************/
  64. /* 01 */
  65. /*****************************************************************/
  66.  
  67. ul.styleH01,
  68. ul.styleH01 li a:hover,
  69. ul.styleH01 li a.current
  70. {
  71. border-color:#A6A6A6;
  72. }
  73.  
  74. ul.styleH01
  75. {
  76. background:#EDEDED;
  77. background:-moz-linear-gradient(top,#FFFFFF 0px,#EDEDED 97%,#FFFFFF 98%);
  78. background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.00,#FFFFFF),color-stop(0.97,#EDEDED),color-stop(0.98,#FFFFFF));
  79. }
  80.  
  81. /*****************************************************************/
  82. /* 02 */
  83. /*****************************************************************/
  84.  
  85. ul.styleH02,
  86. ul.styleH02 li a:hover,
  87. ul.styleH02 li a.current
  88. {
  89. border-color:#C3C3C3;
  90. }
  91.  
  92. ul.styleH02
  93. {
  94. background:#EFEFEF;
  95. background:-moz-linear-gradient(top,#FFFFFF,#EFEFEF);
  96. background:-webkit-gradient(linear,0 0,0 100%,from(#FFFFFF),to(#EFEFEF));
  97. }
  98.  
  99. ul.styleH02 li a
  100. {
  101. color:#2A619F;
  102. }
  103.  
  104. ul.styleH02 li a:hover,
  105. ul.styleH02 li a.current
  106. {
  107. background:#EEEEEE;
  108. background:-moz-linear-gradient(top,#EEEEEE,#FEFEFE);
  109. background:-webkit-gradient(linear,0 0,0 100%,from(#EEEEEE),to(#FEFEFE));
  110. }
  111.  
  112. /*****************************************************************/
  113. /* 03 */
  114. /*****************************************************************/
  115.  
  116. ul.styleH03,
  117. ul.styleH03 li a:hover,
  118. ul.styleH03 li a.current
  119. {
  120. border-color:#B6B6B6;
  121. }
  122.  
  123. ul.styleH03
  124. {
  125. background:#E5E5E5;
  126. background:-moz-linear-gradient(top,#FFFFFF 0px,#F4F4F4 1px,#E5E5E5);
  127. background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#FFFFFF),color-stop(0.02,#F4F4F4),color-stop(1,#E5E5E5));
  128. }
  129.  
  130. ul.styleH03 li a:hover,
  131. ul.styleH03 li a.current
  132. {
  133. background:#EEEEEE;
  134. background:-moz-linear-gradient(top,#EEEEEE 0px,#F4F4F4 97%,#FFFFFF 98%);
  135. background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.00,#EEEEEE),color-stop(0.97,#F4F4F4),color-stop(0.98,#FFFFFF));
  136. }
  137.  
  138. /*****************************************************************/
  139. /* 04 */
  140. /*****************************************************************/
  141.  
  142. ul.styleH04,
  143. ul.styleH04 li a:hover,
  144. ul.styleH04 li a.current
  145. {
  146. border-color:#CFCFCF;
  147. }
  148.  
  149. ul.styleH04
  150. {
  151. border-width:0px 0px 1px 0px;
  152. background:#EFEFEF;
  153. background:-moz-linear-gradient(top,#FFFFFF,#EFEFEF);
  154. background:-webkit-gradient(linear,0 0,0 100%,from(#FFFFFF),to(#EFEFEF));
  155. }
  156.  
  157. ul.styleH04 li a
  158. {
  159. border:solid 1px transparent;
  160. border-width:1px 1px 0px 1px;
  161. }
  162.  
  163. ul.styleH04 li a:hover,
  164. ul.styleH04 li a.current
  165. {
  166. border-width:1px 1px 0px 1px;
  167. background:#F0F0F0;
  168. background:-moz-linear-gradient(top,#F0F0F0,#FFFFFF);
  169. background:-webkit-gradient(linear,0 0,0 100%,from(#F0F0F0),to(#FFFFFF));
  170. }
  171.  


Pagination Style I

  1.  
  2. /*****************************************************************/
  3. /*I */
  4. /*****************************************************************/
  5.  
  6. ul.styleI li,
  7. ul.styleI li a
  8. {
  9. color:#FFFFFF;
  10. border-radius:3px;
  11. -moz-border-radius:3px;
  12. -webkit-border-radius:3px;
  13. }
  14.  
  15. ul.styleI01 li a,
  16. ul.styleI02 li a,
  17. ul.styleI03 li a,
  18. ul.styleI04 li a,
  19. ul.styleI05 li a
  20. {
  21. color:#444444;
  22. padding:6px 9px 6px 9px;
  23. border:solid 1px #BCBCBC;
  24. background:#F3F3F3;
  25. background:-moz-linear-gradient(top,#FFFFFF 1px,#FEFEFE 1px,#F3F3F3);
  26. background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#FFFFFF),color-stop(0.02,#FEFEFE),color-stop(1,#F3F3F3));
  27. }
  28.  
  29. ul.styleI li a img
  30. {
  31. *margin:2px 0px 2px 0px;
  32. }
  33.  
  34. /*****************************************************************/
  35. /*01 */
  36. /*****************************************************************/
  37.  
  38. ul.styleI01 li a.first,
  39. ul.styleI01 li a.previous,
  40. ul.styleI01 li a.next,
  41. ul.styleI01 li a.last,
  42. ul.styleI01 li a.current,
  43. ul.styleI01 li a:hover
  44. {
  45. border-color:#77AADD;
  46. background:#DEEEFF;
  47. background:-moz-linear-gradient(top,#FFFFFF 1px,#EBF5FF 1px,#DEEEFF);
  48. background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#FFFFFF),color-stop(0.02,#EBF5FF),color-stop(1,#DEEEFF));
  49. }
  50.  
  51. /*****************************************************************/
  52. /*02 */
  53. /*****************************************************************/
  54.  
  55. ul.styleI02 li a.first,
  56. ul.styleI02 li a.previous,
  57. ul.styleI02 li a.next,
  58. ul.styleI02 li a.last,
  59. ul.styleI02 li a.current,
  60. ul.styleI02 li a:hover
  61. {
  62. border-color:#BC8484;
  63. background:#F2DFDF;
  64. background:-moz-linear-gradient(top,#FFFFFF 1px,#F9EFEF 1px,#F2DFDF);
  65. background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#FFFFFF),color-stop(0.02,#F9EFEF),color-stop(1,#F2DFDF));
  66. }
  67.  
  68. /*****************************************************************/
  69. /*03 */
  70. /*****************************************************************/
  71.  
  72. ul.styleI03 li a.first,
  73. ul.styleI03 li a.previous,
  74. ul.styleI03 li a.next,
  75. ul.styleI03 li a.last,
  76. ul.styleI03 li a.current,
  77. ul.styleI03 li a:hover
  78. {
  79. border-color:#74AF45;
  80. background:#E2F4D3;
  81. background:-moz-linear-gradient(top,#FFFFFF 1px,#EFF5E9 1px,#E2F4D3);
  82. background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#FFFFFF),color-stop(0.02,#EFF5E9),color-stop(1,#E2F4D3));
  83. }
  84.  
  85. /*****************************************************************/
  86. /*04 */
  87. /*****************************************************************/
  88.  
  89. ul.styleI04 li a.first,
  90. ul.styleI04 li a.previous,
  91. ul.styleI04 li a.next,
  92. ul.styleI04 li a.last,
  93. ul.styleI04 li a.current,
  94. ul.styleI04 li a:hover
  95. {
  96. border-color:#CE9900;
  97. background:#FFE592;
  98. background:-moz-linear-gradient(top,#FFFFFF 1px,#FFF0C1 1px,#FFE592);
  99. background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#FFFFFF),color-stop(0.02,#FFF0C1),color-stop(1,#FFE592));
  100. }
  101.  
  102. /*****************************************************************/
  103. /*05 */
  104. /*****************************************************************/
  105.  
  106. ul.styleI05 li a.first,
  107. ul.styleI05 li a.previous,
  108. ul.styleI05 li a.next,
  109. ul.styleI05 li a.last,
  110. ul.styleI05 li a.current,
  111. ul.styleI05 li a:hover
  112. {
  113. border-color:#9D9D9D;
  114. background:#D9D9D9;
  115. background:-moz-linear-gradient(top,#FFFFFF 1px,#EAEAEA 1px,#D9D9D9);
  116. background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#FFFFFF),color-stop(0.02,#EAEAEA),color-stop(1,#D9D9D9));
  117. }
  118.  
  119. /*****************************************************************/
  120. /*06 */
  121. /*****************************************************************/
  122.  
  123. ul.styleI06 li a
  124. {
  125. background:#E6650C;
  126. background:-moz-linear-gradient(top,#FF9C00,#E6650C);
  127. background:-webkit-gradient(linear,0 0,0 100%,from(#FF9C00),to(#E6650C));
  128. }
  129.  
  130. ul.styleI06 li a.current,
  131. ul.styleI06 li a:hover
  132. {
  133. background:#683664;
  134. background:-moz-linear-gradient(top,#83457E,#683664);
  135. background:-webkit-gradient(linear,0 0,0 100%,from(#83457E),to(#683664));
  136. }
  137.  
  138. /*****************************************************************/
  139. /*07 */
  140. /*****************************************************************/
  141.  
  142. ul.styleI07 li a
  143. {
  144. background:#683664;
  145. background:-moz-linear-gradient(top,#83457E,#683664);
  146. background:-webkit-gradient(linear,0 0,0 100%,from(#83457E),to(#683664));
  147. }
  148.  
  149. ul.styleI07 li a.current,
  150. ul.styleI07 li a:hover
  151. {
  152. background:#E6650C;
  153. background:-moz-linear-gradient(top,#FF9C00,#E6650C);
  154. background:-webkit-gradient(linear,0 0,0 100%,from(#FF9C00),to(#E6650C));
  155. }
  156.  
  157. /*****************************************************************/
  158. /*08 */
  159. /*****************************************************************/
  160.  
  161. ul.styleI08 li a
  162. {
  163. background:#105C90;
  164. background:-moz-linear-gradient(top,#2775AA,#105C90);
  165. background:-webkit-gradient(linear,0 0,0 100%,from(#2775AA),to(#105C90));
  166. }
  167.  
  168. ul.styleI08 li a.current,
  169. ul.styleI08 li a:hover
  170. {
  171. background:#348800;
  172. background:-moz-linear-gradient(top,#42AC00,#348800);
  173. background:-webkit-gradient(linear,0 0,0 100%,from(#42AC00),to(#348800));
  174. }
  175.  
  176. /*****************************************************************/
  177. /*09 */
  178. /*****************************************************************/
  179.  
  180. ul.styleI09 li a
  181. {
  182. background:#348800;
  183. background:-moz-linear-gradient(top,#42AC00,#348800);
  184. background:-webkit-gradient(linear,0 0,0 100%,from(#42AC00),to(#348800));
  185. }
  186.  
  187. ul.styleI09 li a.current,
  188. ul.styleI09 li a:hover
  189. {
  190. background:#966B5E;
  191. background:-moz-linear-gradient(top,#B68D81,#966B5E);
  192. background:-webkit-gradient(linear,0 0,0 100%,from(#B68D81),to(#966B5E));
  193. }
  194.  
  195. /*****************************************************************/
  196. /*10 */
  197. /*****************************************************************/
  198.  
  199. ul.styleI10 li a
  200. {
  201. background:#A8436E;
  202. background:-moz-linear-gradient(top,#C8618D,#A8436E);
  203. background:-webkit-gradient(linear,0 0,0 100%,from(#C8618D),to(#A8436E));
  204. }
  205.  
  206. ul.styleI10 li a.current,
  207. ul.styleI10 li a:hover
  208. {
  209. background:#E6650C;
  210. background:-moz-linear-gradient(top,#FF9C00,#E6650C);
  211. background:-webkit-gradient(linear,0 0,0 100%,from(#FF9C00),to(#E6650C));
  212. }
  213.  
  214. /*****************************************************************/
  215. /*11 */
  216. /*****************************************************************/
  217.  
  218. ul.styleI11 li a
  219. {
  220. background:#1889B2;
  221. background:-moz-linear-gradient(top,#26BDD5,#1889B2);
  222. background:-webkit-gradient(linear,0 0,0 100%,from(#26BDD5),to(#1889B2));
  223. }
  224.  
  225. ul.styleI11 li a.current,
  226. ul.styleI11 li a:hover
  227. {
  228. background:#E6650C;
  229. background:-moz-linear-gradient(top,#FF9C00,#E6650C);
  230. background:-webkit-gradient(linear,0 0,0 100%,from(#FF9C00),to(#E6650C));
  231. }
  232.  
  233. /*****************************************************************/
  234. /*12 */
  235. /*****************************************************************/
  236.  
  237. ul.styleI12 li a
  238. {
  239. background:#208B32;
  240. background:-moz-linear-gradient(top,#36A949,#208B32);
  241. background:-webkit-gradient(linear,0 0,0 100%,from(#36A949),to(#208B32));
  242. }
  243.  
  244. ul.styleI12 li a.current,
  245. ul.styleI12 li a:hover
  246. {
  247. background:#E6650C;
  248. background:-moz-linear-gradient(top,#FF9C00,#E6650C);
  249. background:-webkit-gradient(linear,0 0,0 100%,from(#FF9C00),to(#E6650C));
  250. }
  251.  
  252. /*****************************************************************/
  253. /*13 */
  254. /*****************************************************************/
  255.  
  256. ul.styleI13 li a
  257. {
  258. background:#B11C34;
  259. background:-moz-linear-gradient(top,#D63048,#B11C34);
  260. background:-webkit-gradient(linear,0 0,0 100%,from(#D63048),to(#B11C34));
  261. }
  262.  
  263. ul.styleI13 li a.current,
  264. ul.styleI13 li a:hover
  265. {
  266. background:#E6650C;
  267. background:-moz-linear-gradient(top,#FF9C00,#E6650C);
  268. background:-webkit-gradient(linear,0 0,0 100%,from(#FF9C00),to(#E6650C));
  269. }
  270.  
  271. /*****************************************************************/
  272. /*14 */
  273. /*****************************************************************/
  274.  
  275. ul.styleI14 li a
  276. {
  277. background:#7D4835;
  278. background:-moz-linear-gradient(top,#A3644F,#7D4835);
  279. background:-webkit-gradient(linear,0 0,0 100%,from(#A3644F),to(#7D4835));
  280. }
  281.  
  282. ul.styleI14 li a.current,
  283. ul.styleI14 li a:hover
  284. {
  285. background:#E6650C;
  286. background:-moz-linear-gradient(top,#FF9C00,#E6650C);
  287. background:-webkit-gradient(linear,0 0,0 100%,from(#FF9C00),to(#E6650C));
  288. }
  289.  
  290. /*****************************************************************/
  291. /*15 */
  292. /*****************************************************************/
  293.  
  294. ul.styleI15 li a
  295. {
  296. background:#966B5E;
  297. background:-moz-linear-gradient(top,#B68D81,#966B5E);
  298. background:-webkit-gradient(linear,0 0,0 100%,from(#B68D81),to(#966B5E));
  299. }
  300.  
  301. ul.styleI15 li a.current,
  302. ul.styleI15 li a:hover
  303. {
  304. background:#348800;
  305. background:-moz-linear-gradient(top,#41AB00,#348800);
  306. background:-webkit-gradient(linear,0 0,0 100%,from(#41AB00),to(#348800));
  307. }
  308.  
  309. /*****************************************************************/
  310. /*16 */
  311. /*****************************************************************/
  312.  
  313. ul.styleI16 li a
  314. {
  315. background:#E6650C;
  316. background:-moz-linear-gradient(top,#FF9C00,#E6650C);
  317. background:-webkit-gradient(linear,0 0,0 100%,from(#FF9C00),to(#E6650C));
  318. }
  319.  
  320. ul.styleI16 li a.current,
  321. ul.styleI16 li a:hover
  322. {
  323. background:#348800;
  324. background:-moz-linear-gradient(top,#42AC00,#348800);
  325. background:-webkit-gradient(linear,0 0,0 100%,from(#42AC00),to(#348800));
  326. }
  327.  
  328. /*****************************************************************/
  329. /*17 */
  330. /*****************************************************************/
  331.  
  332. ul.styleI17 li a
  333. {
  334. background:#105C90;
  335. background:-moz-linear-gradient(top,#2775AA,#105C90);
  336. background:-webkit-gradient(linear,0 0,0 100%,from(#2775AA),to(#105C90));
  337. }
  338.  
  339. ul.styleI17 li a.current,
  340. ul.styleI17 li a:hover
  341. {
  342. background:#AE2626;
  343. background:-moz-linear-gradient(top,#DE423B,#AE2626);
  344. background:-webkit-gradient(linear,0 0,0 100%,from(#DE423B),to(#AE2626));
  345. }
  346.  
  347. /*****************************************************************/
  348. /*18 */
  349. /*****************************************************************/
  350.  
  351. ul.styleI18 li a
  352. {
  353. background:#474747;
  354. background:-moz-linear-gradient(top,#5D5D5D,#474747);
  355. background:-webkit-gradient(linear,0 0,0 100%,from(#5D5D5D),to(#474747));
  356. }
  357.  
  358. ul.styleI18 li a.current,
  359. ul.styleI18 li a:hover
  360. {
  361. background:#3377B5;
  362. background:-moz-linear-gradient(top,#4798D6,#3377B5);
  363. background:-webkit-gradient(linear,0 0,0 100%,from(#4798D6),to(#3377B5));
  364. }
  365.  
  366.  

 

Last updated on: Tuesday 20th June 2017

Further Reading
Comments

There are no comments for this post. Be the first!

Leave a Reply

Your email address will not be published.