Subversion Repositories Integrator Subversion

Rev

Details | Last modification | View Log | RSS feed

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