Galleriffic 0.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +7 -0
- data/.DS_Store +0 -0
- data/.gitignore +17 -0
- data/.idea/.name +1 -0
- data/.idea/.rakeTasks +7 -0
- data/.idea/Galleriffic.iml +20 -0
- data/.idea/encodings.xml +5 -0
- data/.idea/misc.xml +5 -0
- data/.idea/modules.xml +9 -0
- data/.idea/scopes/scope_settings.xml +5 -0
- data/.idea/vcs.xml +7 -0
- data/.idea/workspace.xml +471 -0
- data/Galleriffic.gemspec +24 -0
- data/Gemfile +4 -0
- data/LICENSE.txt +22 -0
- data/README.md +34 -0
- data/Rakefile +1 -0
- data/lib/.DS_Store +0 -0
- data/lib/Galleriffic/version.rb +3 -0
- data/lib/Galleriffic.rb +6 -0
- data/vendor/.DS_Store +0 -0
- data/vendor/assets/.DS_Store +0 -0
- data/vendor/assets/javascripts/.DS_Store +0 -0
- data/vendor/assets/javascripts/jquery-1.3.2.js +4376 -0
- data/vendor/assets/javascripts/jquery.galleriffic.js +979 -0
- data/vendor/assets/javascripts/jquery.history.js +168 -0
- data/vendor/assets/javascripts/jquery.opacityrollover.js +42 -0
- data/vendor/assets/javascripts/jush.js +515 -0
- data/vendor/assets/stylesheets/.DS_Store +0 -0
- data/vendor/assets/stylesheets/basic.css +63 -0
- data/vendor/assets/stylesheets/black.css +57 -0
- data/vendor/assets/stylesheets/caption.png +0 -0
- data/vendor/assets/stylesheets/galleriffic-1.css +161 -0
- data/vendor/assets/stylesheets/galleriffic-2.css +150 -0
- data/vendor/assets/stylesheets/galleriffic-3.css +150 -0
- data/vendor/assets/stylesheets/galleriffic-4.css +160 -0
- data/vendor/assets/stylesheets/galleriffic-5.css +197 -0
- data/vendor/assets/stylesheets/jush.css +29 -0
- data/vendor/assets/stylesheets/loader.gif +0 -0
- data/vendor/assets/stylesheets/loaderWhite.gif +0 -0
- data/vendor/assets/stylesheets/nextPageArrow.gif +0 -0
- data/vendor/assets/stylesheets/nextPageArrowWhite.gif +0 -0
- data/vendor/assets/stylesheets/prevPageArrow.gif +0 -0
- data/vendor/assets/stylesheets/prevPageArrowWhite.gif +0 -0
- data/vendor/assets/stylesheets/white.css +57 -0
- metadata +121 -0
Binary file
|
@@ -0,0 +1,63 @@
|
|
1
|
+
html, body {
|
2
|
+
margin:0;
|
3
|
+
padding:0;
|
4
|
+
}
|
5
|
+
body{
|
6
|
+
text-align: center;
|
7
|
+
font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
|
8
|
+
background-color: #eee;
|
9
|
+
color: #444;
|
10
|
+
font-size: 75%;
|
11
|
+
}
|
12
|
+
a{
|
13
|
+
color: #27D;
|
14
|
+
text-decoration: none;
|
15
|
+
}
|
16
|
+
a:focus, a:hover, a:active {
|
17
|
+
text-decoration: underline;
|
18
|
+
}
|
19
|
+
p, li {
|
20
|
+
line-height: 1.8em;
|
21
|
+
}
|
22
|
+
h1, h2 {
|
23
|
+
font-family: "Trebuchet MS", Verdana, sans-serif;
|
24
|
+
margin: 0 0 10px 0;
|
25
|
+
letter-spacing:-1px;
|
26
|
+
}
|
27
|
+
h1 {
|
28
|
+
padding: 0;
|
29
|
+
font-size: 3em;
|
30
|
+
color: #333;
|
31
|
+
}
|
32
|
+
h2 {
|
33
|
+
padding-top: 10px;
|
34
|
+
font-size:2em;
|
35
|
+
}
|
36
|
+
pre {
|
37
|
+
font-size: 1.2em;
|
38
|
+
line-height: 1.2em;
|
39
|
+
overflow-x: auto;
|
40
|
+
}
|
41
|
+
div#page {
|
42
|
+
width: 900px;
|
43
|
+
background-color: #fff;
|
44
|
+
margin: 0 auto;
|
45
|
+
text-align: left;
|
46
|
+
border-color: #ddd;
|
47
|
+
border-style: none solid solid;
|
48
|
+
border-width: medium 1px 1px;
|
49
|
+
}
|
50
|
+
div#container {
|
51
|
+
padding: 20px;
|
52
|
+
}
|
53
|
+
div#ads {
|
54
|
+
clear: both;
|
55
|
+
padding: 12px 0 12px 66px;
|
56
|
+
}
|
57
|
+
div#footer {
|
58
|
+
clear: both;
|
59
|
+
color: #777;
|
60
|
+
margin: 0 auto;
|
61
|
+
padding: 20px 0 40px;
|
62
|
+
text-align: center;
|
63
|
+
}
|
@@ -0,0 +1,57 @@
|
|
1
|
+
body{
|
2
|
+
background-color: #111;
|
3
|
+
color: #bbb;
|
4
|
+
}
|
5
|
+
a{
|
6
|
+
color: #f70;
|
7
|
+
}
|
8
|
+
h2 {
|
9
|
+
color: #ccc;
|
10
|
+
}
|
11
|
+
div#page {
|
12
|
+
background-color: #000;
|
13
|
+
border-color: #222;
|
14
|
+
}
|
15
|
+
div#footer {
|
16
|
+
color: #888;
|
17
|
+
}
|
18
|
+
div.caption-container {
|
19
|
+
color: #eee;
|
20
|
+
}
|
21
|
+
div.image-title {
|
22
|
+
font-weight: bold;
|
23
|
+
font-size: 1.4em;
|
24
|
+
}
|
25
|
+
div.image-desc {
|
26
|
+
line-height: 1.3em;
|
27
|
+
padding-top: 12px;
|
28
|
+
}
|
29
|
+
div.download {
|
30
|
+
margin-top: 8px;
|
31
|
+
}
|
32
|
+
div.photo-index {
|
33
|
+
color: #888;
|
34
|
+
}
|
35
|
+
div.navigation a.prev {
|
36
|
+
background-image: url(prevPageArrowWhite.gif);
|
37
|
+
}
|
38
|
+
div.navigation a.next {
|
39
|
+
background-image: url(nextPageArrowWhite.gif);
|
40
|
+
}
|
41
|
+
div.loader {
|
42
|
+
background-image: url(loaderWhite.gif);
|
43
|
+
}
|
44
|
+
div.slideshow img {
|
45
|
+
border-color: #333;
|
46
|
+
}
|
47
|
+
ul.thumbs li.selected a.thumb {
|
48
|
+
background: #fff;
|
49
|
+
}
|
50
|
+
div.pagination a:hover {
|
51
|
+
background-color: #111;
|
52
|
+
}
|
53
|
+
div.pagination span.current {
|
54
|
+
background-color: #fff;
|
55
|
+
border-color: #fff;
|
56
|
+
color: #000;
|
57
|
+
}
|
Binary file
|
@@ -0,0 +1,161 @@
|
|
1
|
+
div.content {
|
2
|
+
/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
|
3
|
+
display: none;
|
4
|
+
float: right;
|
5
|
+
width: 550px;
|
6
|
+
}
|
7
|
+
div.content a, div.navigation a {
|
8
|
+
text-decoration: none;
|
9
|
+
color: #777;
|
10
|
+
}
|
11
|
+
div.content a:focus, div.content a:hover, div.content a:active {
|
12
|
+
text-decoration: underline;
|
13
|
+
}
|
14
|
+
div.controls {
|
15
|
+
margin-top: 5px;
|
16
|
+
height: 23px;
|
17
|
+
}
|
18
|
+
div.controls a {
|
19
|
+
padding: 5px;
|
20
|
+
}
|
21
|
+
div.ss-controls {
|
22
|
+
float: left;
|
23
|
+
}
|
24
|
+
div.nav-controls {
|
25
|
+
float: right;
|
26
|
+
}
|
27
|
+
div.slideshow-container {
|
28
|
+
position: relative;
|
29
|
+
clear: both;
|
30
|
+
height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
|
31
|
+
}
|
32
|
+
div.loader {
|
33
|
+
position: absolute;
|
34
|
+
top: 0;
|
35
|
+
left: 0;
|
36
|
+
background-image: url('loader.gif');
|
37
|
+
background-repeat: no-repeat;
|
38
|
+
background-position: center;
|
39
|
+
width: 550px;
|
40
|
+
height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
|
41
|
+
}
|
42
|
+
div.slideshow {
|
43
|
+
|
44
|
+
}
|
45
|
+
div.slideshow span.image-wrapper {
|
46
|
+
display: block;
|
47
|
+
position: absolute;
|
48
|
+
top: 0;
|
49
|
+
left: 0;
|
50
|
+
}
|
51
|
+
div.slideshow a.advance-link {
|
52
|
+
display: block;
|
53
|
+
width: 550px;
|
54
|
+
height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
|
55
|
+
line-height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
|
56
|
+
text-align: center;
|
57
|
+
}
|
58
|
+
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
|
59
|
+
text-decoration: none;
|
60
|
+
}
|
61
|
+
div.slideshow img {
|
62
|
+
vertical-align: middle;
|
63
|
+
border: 1px solid #ccc;
|
64
|
+
}
|
65
|
+
div.download {
|
66
|
+
float: right;
|
67
|
+
}
|
68
|
+
div.caption-container {
|
69
|
+
|
70
|
+
}
|
71
|
+
span.image-caption {
|
72
|
+
display: block;
|
73
|
+
position: absolute;
|
74
|
+
}
|
75
|
+
div.caption {
|
76
|
+
background-color: #000;
|
77
|
+
padding: 12px;
|
78
|
+
color: #ccc;
|
79
|
+
}
|
80
|
+
div.caption a {
|
81
|
+
color: #fff;
|
82
|
+
}
|
83
|
+
div.image-title {
|
84
|
+
font-weight: bold;
|
85
|
+
font-size: 1.4em;
|
86
|
+
}
|
87
|
+
|
88
|
+
div.image-desc {
|
89
|
+
line-height: 1.3em;
|
90
|
+
padding-top: 12px;
|
91
|
+
}
|
92
|
+
div.navigation {
|
93
|
+
/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
|
94
|
+
}
|
95
|
+
ul.thumbs {
|
96
|
+
clear: both;
|
97
|
+
margin: 0;
|
98
|
+
padding: 0;
|
99
|
+
}
|
100
|
+
ul.thumbs li {
|
101
|
+
float: none;
|
102
|
+
padding: 0;
|
103
|
+
margin: 0;
|
104
|
+
list-style: none;
|
105
|
+
}
|
106
|
+
a.thumb {
|
107
|
+
padding: 0;
|
108
|
+
display: inline;
|
109
|
+
border: none;
|
110
|
+
}
|
111
|
+
ul.thumbs li.selected a.thumb {
|
112
|
+
color: #000;
|
113
|
+
font-weight: bold;
|
114
|
+
}
|
115
|
+
a.thumb:focus {
|
116
|
+
outline: none;
|
117
|
+
}
|
118
|
+
ul.thumbs img {
|
119
|
+
border: none;
|
120
|
+
display: block;
|
121
|
+
}
|
122
|
+
div.pagination {
|
123
|
+
clear: both;
|
124
|
+
}
|
125
|
+
div.navigation div.top {
|
126
|
+
margin-bottom: 12px;
|
127
|
+
height: 11px;
|
128
|
+
}
|
129
|
+
div.navigation div.bottom {
|
130
|
+
margin-top: 12px;
|
131
|
+
}
|
132
|
+
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
|
133
|
+
display: block;
|
134
|
+
float: left;
|
135
|
+
margin-right: 2px;
|
136
|
+
padding: 4px 7px 2px 7px;
|
137
|
+
border: 1px solid #ccc;
|
138
|
+
}
|
139
|
+
div.pagination a:hover {
|
140
|
+
background-color: #eee;
|
141
|
+
text-decoration: none;
|
142
|
+
}
|
143
|
+
div.pagination span.current {
|
144
|
+
font-weight: bold;
|
145
|
+
background-color: #000;
|
146
|
+
border-color: #000;
|
147
|
+
color: #fff;
|
148
|
+
}
|
149
|
+
div.pagination span.ellipsis {
|
150
|
+
border: none;
|
151
|
+
padding: 5px 0 3px 2px;
|
152
|
+
}
|
153
|
+
#captionToggle a {
|
154
|
+
float: right;
|
155
|
+
display: block;
|
156
|
+
background-image: url('caption.png');
|
157
|
+
background-repeat: no-repeat;
|
158
|
+
background-position: right;
|
159
|
+
margin-top: 5px;
|
160
|
+
padding: 5px 30px 5px 5px;
|
161
|
+
}
|
@@ -0,0 +1,150 @@
|
|
1
|
+
div.content {
|
2
|
+
/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
|
3
|
+
display: none;
|
4
|
+
float: right;
|
5
|
+
width: 550px;
|
6
|
+
}
|
7
|
+
div.content a, div.navigation a {
|
8
|
+
text-decoration: none;
|
9
|
+
color: #777;
|
10
|
+
}
|
11
|
+
div.content a:focus, div.content a:hover, div.content a:active {
|
12
|
+
text-decoration: underline;
|
13
|
+
}
|
14
|
+
div.controls {
|
15
|
+
margin-top: 5px;
|
16
|
+
height: 23px;
|
17
|
+
}
|
18
|
+
div.controls a {
|
19
|
+
padding: 5px;
|
20
|
+
}
|
21
|
+
div.ss-controls {
|
22
|
+
float: left;
|
23
|
+
}
|
24
|
+
div.nav-controls {
|
25
|
+
float: right;
|
26
|
+
}
|
27
|
+
div.slideshow-container {
|
28
|
+
position: relative;
|
29
|
+
clear: both;
|
30
|
+
height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
|
31
|
+
}
|
32
|
+
div.loader {
|
33
|
+
position: absolute;
|
34
|
+
top: 0;
|
35
|
+
left: 0;
|
36
|
+
background-image: url('loader.gif');
|
37
|
+
background-repeat: no-repeat;
|
38
|
+
background-position: center;
|
39
|
+
width: 550px;
|
40
|
+
height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
|
41
|
+
}
|
42
|
+
div.slideshow {
|
43
|
+
|
44
|
+
}
|
45
|
+
div.slideshow span.image-wrapper {
|
46
|
+
display: block;
|
47
|
+
position: absolute;
|
48
|
+
top: 0;
|
49
|
+
left: 0;
|
50
|
+
}
|
51
|
+
div.slideshow a.advance-link {
|
52
|
+
display: block;
|
53
|
+
width: 550px;
|
54
|
+
height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
|
55
|
+
line-height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
|
56
|
+
text-align: center;
|
57
|
+
}
|
58
|
+
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
|
59
|
+
text-decoration: none;
|
60
|
+
}
|
61
|
+
div.slideshow img {
|
62
|
+
vertical-align: middle;
|
63
|
+
border: 1px solid #ccc;
|
64
|
+
}
|
65
|
+
div.download {
|
66
|
+
float: right;
|
67
|
+
}
|
68
|
+
div.caption-container {
|
69
|
+
position: relative;
|
70
|
+
clear: left;
|
71
|
+
height: 75px;
|
72
|
+
}
|
73
|
+
span.image-caption {
|
74
|
+
display: block;
|
75
|
+
position: absolute;
|
76
|
+
width: 550px;
|
77
|
+
top: 0;
|
78
|
+
left: 0;
|
79
|
+
}
|
80
|
+
div.caption {
|
81
|
+
padding: 12px;
|
82
|
+
}
|
83
|
+
div.image-title {
|
84
|
+
font-weight: bold;
|
85
|
+
font-size: 1.4em;
|
86
|
+
}
|
87
|
+
div.image-desc {
|
88
|
+
line-height: 1.3em;
|
89
|
+
padding-top: 12px;
|
90
|
+
}
|
91
|
+
div.navigation {
|
92
|
+
/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
|
93
|
+
}
|
94
|
+
ul.thumbs {
|
95
|
+
clear: both;
|
96
|
+
margin: 0;
|
97
|
+
padding: 0;
|
98
|
+
}
|
99
|
+
ul.thumbs li {
|
100
|
+
float: left;
|
101
|
+
padding: 0;
|
102
|
+
margin: 5px 10px 5px 0;
|
103
|
+
list-style: none;
|
104
|
+
}
|
105
|
+
a.thumb {
|
106
|
+
padding: 2px;
|
107
|
+
display: block;
|
108
|
+
border: 1px solid #ccc;
|
109
|
+
}
|
110
|
+
ul.thumbs li.selected a.thumb {
|
111
|
+
background: #000;
|
112
|
+
}
|
113
|
+
a.thumb:focus {
|
114
|
+
outline: none;
|
115
|
+
}
|
116
|
+
ul.thumbs img {
|
117
|
+
border: none;
|
118
|
+
display: block;
|
119
|
+
}
|
120
|
+
div.pagination {
|
121
|
+
clear: both;
|
122
|
+
}
|
123
|
+
div.navigation div.top {
|
124
|
+
margin-bottom: 12px;
|
125
|
+
height: 11px;
|
126
|
+
}
|
127
|
+
div.navigation div.bottom {
|
128
|
+
margin-top: 12px;
|
129
|
+
}
|
130
|
+
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
|
131
|
+
display: block;
|
132
|
+
float: left;
|
133
|
+
margin-right: 2px;
|
134
|
+
padding: 4px 7px 2px 7px;
|
135
|
+
border: 1px solid #ccc;
|
136
|
+
}
|
137
|
+
div.pagination a:hover {
|
138
|
+
background-color: #eee;
|
139
|
+
text-decoration: none;
|
140
|
+
}
|
141
|
+
div.pagination span.current {
|
142
|
+
font-weight: bold;
|
143
|
+
background-color: #000;
|
144
|
+
border-color: #000;
|
145
|
+
color: #fff;
|
146
|
+
}
|
147
|
+
div.pagination span.ellipsis {
|
148
|
+
border: none;
|
149
|
+
padding: 5px 0 3px 2px;
|
150
|
+
}
|
@@ -0,0 +1,150 @@
|
|
1
|
+
div.content {
|
2
|
+
/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
|
3
|
+
display: none;
|
4
|
+
float: right;
|
5
|
+
width: 550px;
|
6
|
+
}
|
7
|
+
div.content a, div.navigation a {
|
8
|
+
text-decoration: none;
|
9
|
+
color: #777;
|
10
|
+
}
|
11
|
+
div.content a:focus, div.content a:hover, div.content a:active {
|
12
|
+
text-decoration: underline;
|
13
|
+
}
|
14
|
+
div.controls {
|
15
|
+
margin-top: 5px;
|
16
|
+
height: 23px;
|
17
|
+
}
|
18
|
+
div.controls a {
|
19
|
+
padding: 5px;
|
20
|
+
}
|
21
|
+
div.ss-controls {
|
22
|
+
float: left;
|
23
|
+
}
|
24
|
+
div.nav-controls {
|
25
|
+
float: right;
|
26
|
+
}
|
27
|
+
div.slideshow-container {
|
28
|
+
position: relative;
|
29
|
+
clear: both;
|
30
|
+
height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
|
31
|
+
}
|
32
|
+
div.loader {
|
33
|
+
position: absolute;
|
34
|
+
top: 0;
|
35
|
+
left: 0;
|
36
|
+
background-image: url('loader.gif');
|
37
|
+
background-repeat: no-repeat;
|
38
|
+
background-position: center;
|
39
|
+
width: 550px;
|
40
|
+
height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
|
41
|
+
}
|
42
|
+
div.slideshow {
|
43
|
+
|
44
|
+
}
|
45
|
+
div.slideshow span.image-wrapper {
|
46
|
+
display: block;
|
47
|
+
position: absolute;
|
48
|
+
top: 0;
|
49
|
+
left: 0;
|
50
|
+
}
|
51
|
+
div.slideshow a.advance-link {
|
52
|
+
display: block;
|
53
|
+
width: 550px;
|
54
|
+
height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
|
55
|
+
line-height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
|
56
|
+
text-align: center;
|
57
|
+
}
|
58
|
+
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
|
59
|
+
text-decoration: none;
|
60
|
+
}
|
61
|
+
div.slideshow img {
|
62
|
+
vertical-align: middle;
|
63
|
+
border: 1px solid #ccc;
|
64
|
+
}
|
65
|
+
div.download {
|
66
|
+
float: right;
|
67
|
+
}
|
68
|
+
div.caption-container {
|
69
|
+
position: relative;
|
70
|
+
clear: left;
|
71
|
+
height: 75px;
|
72
|
+
}
|
73
|
+
span.image-caption {
|
74
|
+
display: block;
|
75
|
+
position: absolute;
|
76
|
+
width: 550px;
|
77
|
+
top: 0;
|
78
|
+
left: 0;
|
79
|
+
}
|
80
|
+
div.caption {
|
81
|
+
padding: 12px;
|
82
|
+
}
|
83
|
+
div.image-title {
|
84
|
+
font-weight: bold;
|
85
|
+
font-size: 1.4em;
|
86
|
+
}
|
87
|
+
div.image-desc {
|
88
|
+
line-height: 1.3em;
|
89
|
+
padding-top: 12px;
|
90
|
+
}
|
91
|
+
div.navigation {
|
92
|
+
/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
|
93
|
+
}
|
94
|
+
ul.thumbs {
|
95
|
+
clear: both;
|
96
|
+
margin: 0;
|
97
|
+
padding: 0;
|
98
|
+
}
|
99
|
+
ul.thumbs li {
|
100
|
+
float: left;
|
101
|
+
padding: 0;
|
102
|
+
margin: 5px 10px 5px 0;
|
103
|
+
list-style: none;
|
104
|
+
}
|
105
|
+
a.thumb {
|
106
|
+
padding: 2px;
|
107
|
+
display: block;
|
108
|
+
border: 1px solid #ccc;
|
109
|
+
}
|
110
|
+
ul.thumbs li.selected a.thumb {
|
111
|
+
background: #000;
|
112
|
+
}
|
113
|
+
a.thumb:focus {
|
114
|
+
outline: none;
|
115
|
+
}
|
116
|
+
ul.thumbs img {
|
117
|
+
border: none;
|
118
|
+
display: block;
|
119
|
+
}
|
120
|
+
div.pagination {
|
121
|
+
clear: both;
|
122
|
+
}
|
123
|
+
div.navigation div.top {
|
124
|
+
margin-bottom: 12px;
|
125
|
+
height: 11px;
|
126
|
+
}
|
127
|
+
div.navigation div.bottom {
|
128
|
+
margin-top: 12px;
|
129
|
+
}
|
130
|
+
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
|
131
|
+
display: block;
|
132
|
+
float: left;
|
133
|
+
margin-right: 2px;
|
134
|
+
padding: 4px 7px 2px 7px;
|
135
|
+
border: 1px solid #ccc;
|
136
|
+
}
|
137
|
+
div.pagination a:hover {
|
138
|
+
background-color: #eee;
|
139
|
+
text-decoration: none;
|
140
|
+
}
|
141
|
+
div.pagination span.current {
|
142
|
+
font-weight: bold;
|
143
|
+
background-color: #000;
|
144
|
+
border-color: #000;
|
145
|
+
color: #fff;
|
146
|
+
}
|
147
|
+
div.pagination span.ellipsis {
|
148
|
+
border: none;
|
149
|
+
padding: 5px 0 3px 2px;
|
150
|
+
}
|