Subversion Repositories Integrator Subversion

Rev

Details | Last modification | View Log | RSS feed

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