Subversion Repositories Integrator Subversion

Rev

Details | Last modification | View Log | RSS feed

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