-
Notifications
You must be signed in to change notification settings - Fork 0
/
meteor-slides.css
111 lines (105 loc) · 2.65 KB
/
meteor-slides.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
/* Stylesheet for the Meteor Slides 1.5.3 slideshow
Copy "meteor-slides.css" from "/meteor-slides/css/" to your theme's directory to replace
the plugin's default stylesheet.
If you have navigation enabled, be sure to copy the "buttons.png", "next.png",
and "prev.png" files to your theme's images folder and update the image paths below,
or create new graphics to replace them.
Learn more about customizing the stylesheet for Meteor Slides:
http://www.jleuze.com/plugins/meteor-slides/customizing-the-stylesheet/
*/
/* =Slideshow
-------------------------------------------------------------- */
.meteor-slides {
width: 100% !important;
line-height: 0;
}
.meteor-slides img{
width: 100% !important;
}
.mslide{
width: 100% !important;
}
.meteor-slides {
height: auto !important;
}
.slide-title {
position: absolute;
background: url(images/bg-slide-tile.png) no-repeat left bottom;
padding: 0 0 30px 50px;
z-index: 9999;
right:0;
width: 35%;
top: 38%;
color: #FFF;
}
.slide-text {
font-size: 20px;
line-height: 25px;
position: absolute;
padding: 0 0 30px 50px;
z-index: 9999;
right:0;
width: 35%;
top: 50%;
color: #FFF;
}
/* =Previous/Next Navigation
-------------------------------------------------------------- */
.meteor-slides ul.meteor-nav {
list-style: none;
height: auto;
margin: 0 !important;
padding: 0;
}
.meteor-slides.navhover ul.meteor-nav {
display: inline;
}
ul.meteor-nav li {
display: inline;
height: auto;
list-style: none;
margin: 0;
padding: 0;
}
.meteor-nav .prev a {
left: 10%;
}
.meteor-nav .next a {
right: 10%;
}
.meteor-slides .meteor-nav a {
border: none;
outline: none;
display: block;
height: 41px;
position: absolute;
bottom: 50px;
text-indent: -9999px;
width: 31px;
transition: all 0 ease 0;
z-index: 998;
}
.meteor-nav .prev a {
background: url('images/prev.jpg') no-repeat center right;
}
.meteor-nav .prev a:hover {
background: url('images/prev.jpg') no-repeat center left;
}
.meteor-nav .next a {
background: url('images/next.jpg') no-repeat center left;
}
.meteor-nav .next a:hover {
background: url('images/next.jpg') no-repeat center right;
}
* html .meteor-nav .prev a {
background: url('images/prev.jpg') no-repeat center right; /* IE6 */
}
* html .meteor-nav .prev a:hover {
background: url('images/prev.jpg') no-repeat center left; /* IE6 */
}
* html .meteor-nav .next a {
background: url('images/next.jpg') no-repeat center left; /* IE6 */
}
* html .meteor-nav .next a:hover {
background: url('images/next.jpg') no-repeat center right; /* IE6 */
}