Subversion Repositories Integrator Subversion

Rev

Details | Last modification | View Log | RSS feed

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