Advertisement
Guest User

PREVIEW CSS DO NOT USE

a guest
Dec 2nd, 2017
306
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /* COMIC NAVIGATION
  2. Author: Tyler Martin
  3. Style: Silver
  4. */
  5.  
  6. .comic_navi_wrapper {
  7. margin: 0 auto;
  8. width: 100%;
  9. font-size: 10px;
  10. vertical-align:text-top;
  11. }
  12.  
  13. .comic_navi {
  14. display: table;
  15. border-collapse: collapse;
  16. text-align: center;
  17. margin: 0 auto;
  18. }
  19.  
  20. .navi-comictitle {
  21. padding-top: 26px;
  22. max-width: 100px;
  23. }
  24.  
  25. .navi {
  26. width: 160px;
  27. padding-top: 66px;
  28. font-size: 9px;
  29. color: #555;
  30. display: inline-block;
  31. float: left;
  32. }
  33.  
  34.  
  35.  
  36. .navi-first-in {
  37. background: url('first.png') no-repeat;
  38. }
  39.  
  40. .navi-first {
  41. width: 104px;
  42. height: 3px;
  43. background: url('https://web.archive.org/web/20150324041533im_/http:/www.housepetscomic.com/wp-content/themes/comicpress-3c-v2.8/images/nav/navbuttons/first.png') no-repeat;
  44. }
  45.  
  46. .navi-prev {
  47. width: 158px;
  48. height: 15px;
  49.  
  50. margin-right: 30px;
  51. background: url('https://web.archive.org/web/20150324041533im_/http:/www.housepetscomic.com/wp-content/themes/comicpress-3c-v2.8/images/nav/navbuttons/prev.png') no-repeat;
  52. }
  53.  
  54. .navi-prev-in {
  55. width: 158px;
  56. height: 15px;
  57. margin-left: 20px;
  58. margin-right: 30px;
  59. background: url('prev-in.png') no-repeat;
  60. }
  61.  
  62. .navi-prev-chap {
  63. width: 158px;
  64. height: 15px;
  65. margin-left: 20px;
  66. margin-right: 30px;
  67. background: url('prevchap.png') no-repeat;
  68. }
  69.  
  70. .navi-archive, .navi-archives {
  71. background: url('archive.png') no-repeat;
  72. }
  73.  
  74. .navi-buycomic {
  75. background: url('buycomic.png') no-repeat;
  76. }
  77.  
  78. .navi-random {
  79. background: url('random.png') no-repeat;
  80. }
  81.  
  82. .navi-subscribe {
  83. background: url('archive.png') no-repeat;
  84. }
  85.  
  86. .navi-comments {
  87. padding: 0;
  88. background: url('comments.png') no-repeat;
  89. }
  90.  
  91. a.navi-comments span {
  92. display: inline-block;
  93. width: 66px;
  94. height: 66px;
  95. font-size: 16px;
  96. font-weight: bold;
  97. line-height: 54px;
  98. color: #fff;
  99. text-indent: 0;
  100. }
  101.  
  102. a.navi-comments span:hover {
  103. color: #860b04;
  104. }
  105.  
  106. .navi-next {
  107. width: 158px;
  108. height: 15px;
  109. margin-left: 20px;
  110.  
  111. background: url('https://web.archive.org/web/20150324041533im_/http:/www.housepetscomic.com/wp-content/themes/comicpress-3c-v2.8/images/nav/navbuttons/next.png') no-repeat;
  112. }
  113.  
  114. .navi-next-in {
  115. background: url('next-in.png') no-repeat;
  116. }
  117.  
  118. .navi-next-chap {
  119. background: url('nextchap.png') no-repeat;
  120. }
  121.  
  122. .navi-last {
  123. width: 104px;
  124. height: 3px;
  125. background: url('https://web.archive.org/web/20150324041533im_/http:/www.housepetscomic.com/wp-content/themes/comicpress-3c-v2.8/images/nav/navbuttons/home.png') no-repeat;
  126. }
  127.  
  128. .navi-last-in {
  129. background: url('last.png') no-repeat;
  130. }
  131.  
  132. .navi:hover {
  133. opacity: 0.75;
  134. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement