Subversion Repositories Integrator Subversion

Rev

Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
1 espaco 1 
/* LayerSlider Carousel Skin */
2 
 
3 
 
4 
 
5 
.ls-carousel .ls-bottom-nav-wrapper {
6 
        margin: 10px auto;
7 
}
8 
 
9 
.ls-carousel .ls-playvideo {
10 
        width: 50px;
11 
        height: 50px;
12 
        margin-left: -25px;
13 
        margin-top: -25px;
14 
}
15 
 
16 
.ls-carousel .ls-playvideo,
17 
.ls-carousel .ls-nav-sides,
18 
.ls-carousel .ls-bottom-slidebuttons a,
19 
.ls-carousel .ls-nav-prev,
20 
.ls-carousel .ls-nav-next,
21 
.ls-carousel .ls-nav-start,
22 
.ls-carousel .ls-nav-stop,
23 
.ls-carousel .ls-fullscreen,
24 
.ls-carousel .ls-loading-container {
25 
        background-image: url(skin.png);       
26 
}
27 
 
28 
.ls-carousel .ls-playvideo {
29 
        background-position: -300px -150px;
30 
}
31 
 
32 
.ls-carousel .ls-playvideo:hover,
33 
.ls-carousel .ls-vpcontainer:hover .ls-playvideo {
34 
        background-position: -375px -150px;
35 
}
36 
 
37 
.ls-carousel .ls-nav-prev {
38 
        background-position: 0px 0px;
39 
}
40 
 
41 
.ls-carousel .ls-nav-prev:hover {
42 
        background-position: 0px -75px;
43 
}
44 
 
45 
.ls-carousel .ls-nav-next {
46 
        background-position: -150px 0px;
47 
}
48 
 
49 
.ls-carousel .ls-nav-next:hover {
50 
        background-position: -150px -75px;
51 
}
52 
 
53 
.ls-carousel .ls-nav-start {
54 
        background-position: -300px 0px;
55 
}
56 
 
57 
.ls-carousel .ls-nav-start:hover,
58 
.ls-carousel .ls-nav-start-active {
59 
        background-position: -300px -75px;
60 
}
61 
 
62 
.ls-carousel .ls-nav-stop {
63 
        background-position: -450px 0px;
64 
}
65 
 
66 
.ls-carousel .ls-nav-stop:hover,
67 
.ls-carousel .ls-nav-stop-active {
68 
        background-position: -450px -75px;
69 
}
70 
 
71 
.ls-carousel .ls-bottom-slidebuttons a {
72 
        background-position: 0px -150px;
73 
}
74 
 
75 
.ls-carousel .ls-bottom-slidebuttons a.ls-nav-active,
76 
.ls-carousel .ls-bottom-slidebuttons a:hover {
77 
        background-position: -75px -150px;
78 
}
79 
 
80 
.ls-carousel .ls-nav-sideleft {
81 
        background-position: -150px -150px;    
82 
}
83 
 
84 
.ls-carousel .ls-nav-sideright {
85 
        background-position: -225px -150px;    
86 
}
87 
 
88 
 
89 
 
90 
.ls-carousel .ls-nav-prev,
91 
.ls-carousel .ls-nav-next {
92 
        width: 50px;
93 
        height: 50px;
94 
        z-index: 10000;
95 
        top: 50%;
96 
        margin-top: -22px;     
97 
        position: absolute;
98 
}
99 
 
100 
.ls-carousel .ls-nav-prev {
101 
        left: 10px;    
102 
}
103 
 
104 
.ls-carousel .ls-nav-next {
105 
        right: 10px;   
106 
}
107 
 
108 
 
109 
 
110 
.ls-carousel .ls-bottom-slidebuttons,
111 
.ls-carousel .ls-bottom-slidebuttons a,
112 
.ls-carousel .ls-nav-start,
113 
.ls-carousel .ls-nav-stop,
114 
.ls-carousel .ls-nav-sides {
115 
        height: 36px;
116 
}
117 
 
118 
.ls-carousel .ls-bottom-slidebuttons,
119 
.ls-carousel .ls-bottom-slidebuttons a,
120 
.ls-carousel .ls-nav-start,
121 
.ls-carousel .ls-nav-stop,
122 
.ls-carousel .ls-nav-sides {
123 
        display: inline-block;
124 
}
125 
 
126 
.ls-carousel .ls-nav-start,
127 
.ls-carousel .ls-nav-stop {
128 
        width: 24px;
129 
}
130 
 
131 
.ls-carousel .ls-bottom-slidebuttons a {
132 
        width: 20px;
133 
}
134 
 
135 
.ls-carousel .ls-nav-sides {
136 
        width: 13px;   
137 
}
138 
 
139 
 
140 
 
141 
.ls-carousel .ls-thumbnail-hover {
142 
        bottom: 45px;
143 
        padding: 3px;
144 
        margin-left: 1px;
145 
}
146 
 
147 
.ls-carousel .ls-thumbnail-hover-bg {
148 
        background: #eee;
149 
        box-shadow: 0px 2px 12px -4px black;
150 
        border-radius: 4px;
151 
}
152 
 
153 
.ls-carousel .ls-thumbnail-hover span {
154 
        border: 5px solid #eee;
155 
        margin-left: -5px;
156 
}
157 
 
158 
 
159 
 
160 
.ls-carousel .ls-thumbnail {
161 
        top: 10px;
162 
}
163 
 
164 
.ls-carousel .ls-thumbnail-inner {
165 
        padding: 4px;
166 
        margin-left: -4px;
167 
        background: #eee;
168 
        border-radius: 4px;
169 
}
170 
 
171 
.ls-carousel .ls-thumbnail-slide a {
172 
        margin-right: 4px;
173 
}
174 
 
175 
.ls-carousel .ls-nothumb {
176 
        background: #eee;
177 
}
178 
 
179 
 
180 
 
181 
.ls-carousel .ls-above-thumbnails {
182 
        display: none;
183 
}
184 
 
185 
.ls-carousel .ls-below-thumbnails {
186 
        display: block;
187 
        margin-top: 10px;
188 
}
189 
 
190 
 
191 
 
192 
.ls-carousel .ls-loading-container {
193 
        width: 50px;
194 
        height: 50px;
195 
        margin-left: -25px;
196 
        margin-top: -22px;
197 
        background-position: -450px -150px;    
198 
}
199 
 
200 
.ls-carousel .ls-loading-indicator {
201 
        width: 22px;
202 
        height: 22px;
203 
        margin-top: 11px;
204 
        background-image: url(loading.gif);    
205 
}
206 
 
207 
 
208 
 
209 
.ls-carousel .ls-fullscreen {
210 
        width: 30px;
211 
        height: 30px;
212 
        right: 10px;
213 
        top: 10px;
214 
        background-position: -525px -150px;
215 
}
216 
 
217 
.ls-carousel .ls-fullscreen:hover {
218 
        background-position: -525px -190px;
219 
}