-
Notifications
You must be signed in to change notification settings - Fork 2.2k
/
plugins.less
83 lines (79 loc) · 1.49 KB
/
plugins.less
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
// OSCAR PLUGINS STYLES
// -----------
// Carousel overrides, idicators in the center bottom
.carousel {
margin-bottom: @line-height-computed * 2;
}
.carousel-indicators {
top: auto;
right: auto;
bottom:-20px;
left:0;
width:100%;
text-align: center;
li {
display: inline-block;
*display: inline;
*text-indent: 0;
zoom: 1;
float: none;
background-color: #ccc;
background-color: rgba(0,0,0,.5);
cursor: pointer;
text-align: center;
}
.active {
background-color: #000;
}
}
// Center the carousel image
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
margin:0 auto;
}
// Multiple image gallery carousel over-rides
#product_gallery {
.carousel-inner > .item {
height:400px;
line-height: 400px;
vertical-align: middle;
text-align: center;
}
.carousel-inner > .item > img {
display:inline-block;
vertical-align: middle;
max-height: 400px;
}
.carousel-control {
left:-20px;
top: 200px;
}
.carousel-control.right {
left:auto;
right: -20px;
}
.carousel-indicators {
position:static;
margin-top:1%;
*margin-bottom:@line-height-computed;
width:auto;
display:block;
.clearfix();
li {
width:17%;
height:auto;
display: block;
float: left;
margin:@line-height-computed/4;
text-indent: 0;
background-color:#fff;
.opacity(50);
}
.active {
.opacity(100);
}
}
.thumbnail {
.transition(none);
}
}