Subversion Repositories Integrator Subversion

Rev

Details | Last modification | View Log | RSS feed

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