Subversion Repositories Integrator Subversion

Rev

Details | Last modification | View Log | RSS feed

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