提交 | 用户 | 时间
|
58d006
|
1 |
.enable_plugin_colorbox() when(@enable-plugin-colorbox = true) { |
A |
2 |
|
|
3 |
|
|
4 |
//colorbox plugin used in gallery page |
|
5 |
#colorbox:focus , #colorbox:active { |
|
6 |
outline:none; |
|
7 |
} |
|
8 |
#cboxTopLeft, #cboxTopCenter, #cboxTopRight, |
|
9 |
#cboxMiddleLeft, #cboxMiddleRight, |
|
10 |
#cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight |
|
11 |
{ |
|
12 |
background:none !important; |
|
13 |
opacity:0; |
|
14 |
} |
|
15 |
#cboxContent { |
|
16 |
border:12px solid #000; |
|
17 |
background-color:#FFF; |
|
18 |
padding:7px; |
|
19 |
} |
|
20 |
#cboxOverlay { |
|
21 |
background:rgba(0,0,0,0.95); |
|
22 |
background:#000; |
|
23 |
} |
|
24 |
#cboxCurrent { |
|
25 |
left: 64px; |
|
26 |
margin-bottom:4px; |
|
27 |
font-size: @base-font-size + 1; |
|
28 |
} |
|
29 |
#cboxTitle { |
|
30 |
margin-bottom:4px; |
|
31 |
font-size: @base-font-size + 1; |
|
32 |
color:#777; |
|
33 |
} |
|
34 |
|
|
35 |
|
|
36 |
#cboxNext , #cboxPrevious , #cboxClose { |
|
37 |
background:none; |
|
38 |
text-indent:0; |
|
39 |
width:26px; height:26px; line-height:22px; |
|
40 |
padding:0 4px; |
|
41 |
text-align:center; |
|
42 |
|
|
43 |
border:2px solid #999; |
|
44 |
border-radius:16px; |
|
45 |
|
|
46 |
color:#666; |
|
47 |
font-size: @base-font-size - 1; |
|
48 |
|
|
49 |
margin-left: 5px; |
|
50 |
margin-bottom: 5px; |
|
51 |
} |
|
52 |
#cboxNext:hover , #cboxPrevious:hover { |
|
53 |
color:#333; |
|
54 |
border-color:#666; |
|
55 |
} |
|
56 |
#cboxContent { |
|
57 |
overflow:visible; |
|
58 |
} |
|
59 |
#cboxClose { |
|
60 |
background-color: #000; |
|
61 |
|
|
62 |
border: 2px solid #FFF; |
|
63 |
border-radius: 32px; |
|
64 |
|
|
65 |
color: #FFF; |
|
66 |
font-size: @font-size-colorbox-close; |
|
67 |
|
|
68 |
height: 28px; |
|
69 |
width: 28px; |
|
70 |
|
|
71 |
padding-bottom: 2px; |
|
72 |
margin-left: 0; |
|
73 |
|
|
74 |
right: -14px; |
|
75 |
top: -14px; |
|
76 |
} |
|
77 |
|
|
78 |
|
|
79 |
#cboxLoadingOverlay { |
|
80 |
background:none !important; |
|
81 |
} |
|
82 |
#cboxLoadingGraphic { |
|
83 |
background:#FFF none !important; |
|
84 |
text-align:center; |
|
85 |
|
|
86 |
> .@{icon} { |
|
87 |
display: inline-block; |
|
88 |
background-color: #FFF; |
|
89 |
border-radius: 8px; |
|
90 |
|
|
91 |
width: 32px; |
|
92 |
height: 32px; |
|
93 |
|
|
94 |
position: relative; |
|
95 |
top: 48%; |
|
96 |
|
|
97 |
|
|
98 |
text-align: center; |
|
99 |
vertical-align: middle; |
|
100 |
|
|
101 |
//.animation(~"fa-spin 1.5s infinite linear"); |
|
102 |
|
|
103 |
|
|
104 |
font-size: @font-size-colorbox-icon; |
|
105 |
color: #FE7E3E; |
|
106 |
} |
|
107 |
|
|
108 |
} |
|
109 |
|
|
110 |
|
|
111 |
} |
|
112 |
.enable_plugin_colorbox(); |