SHOW:
|
|
- or go back to the newest paste.
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 | } |