pyc-website
main website for pyc inc.
git clone https://9o.is/git/pyc-website.git
superbox.less
(2375B)
1 /*
2 Important this file is beeen modified by Webarch
3 */
4
5 /*------------------------------------*\
6 SuperBox
7 \*------------------------------------*/
8 .superbox *,
9 .superbox *:after,
10 .superbox *:before {
11 margin:0;
12 padding:0;
13 box-sizing:border-box;
14 -webkit-box-sizing:border-box;
15 -moz-box-sizing:border-box;
16 -webkit-font-smoothing:antialiased;
17 -moz-font-smoothing:antialiased;
18 -o-font-smoothing:antialiased;
19 font-smoothing:antialiased;
20 text-rendering:optimizeLegibility;
21 }
22
23 /* SuperBox */
24 .superbox-list {
25 display:inline-block;
26 *display:inline;
27 zoom:1;
28 width:12.5%;
29 padding:5px;
30 position:relative;
31 }
32 .superbox-list.active:before {
33 content: "\f0d8";
34 font-family: FontAwesome;
35 display: block;
36 position: absolute;
37 left: 43%;
38 bottom: -34px;
39 z-index: 2;
40 text-align: center;
41 font-size: 45px;
42 color: @gray-darker;
43 }
44
45 .superbox-img {
46 max-width:100%;
47 width:100%;
48 cursor:pointer;
49 }
50 .superbox-show {
51 text-align:left;
52 position:relative;
53 background-color: @gray-darker;
54 width:100%;
55 float:left;
56 padding:25px 0 12px 25px;
57 display:none;
58 margin: 5px 0;
59 }
60 .superbox-current-img {
61 max-width:100%;
62 float:left;
63 padding-right:25px;
64 padding-bottom:13px;
65 }
66 .superbox-img:hover {
67 opacity:0.8;
68 }
69 .superbox-float {
70 float:left;
71 }
72 .superbox-close {
73 opacity:0.7;
74 cursor:pointer;
75 position:absolute;
76 top:15px;
77 right:15px;
78 transition: all 0.1s linear 0s;
79 }
80 .superbox-close:hover {
81 opacity:1;
82 }
83
84 .superbox-imageinfo {
85 display:inline-block;
86 max-width:500px;
87 color:#fff;
88 padding:0 25px 0 0;
89 }
90
91 .superbox-imageinfo span {
92 font-size:13px;
93 color: lighten(@asideColor-start, 45%);
94 margin-right:-2px;
95 padding-top:10px;
96 display:inline-block;
97 padding-bottom:13px;
98 }
99
100 .superbox-imageinfo >:first-child {
101 margin-bottom:10px;
102 font-weight:bold;
103 }
104
105 .superbox-imageinfo span p:last-child {
106 margin-top:30px;
107 }
108
109 @media only screen and (min-width: 320px) {
110 .superbox-list {
111 width:50%;
112 }
113 }
114 @media only screen and (min-width: 486px) {
115 .superbox-list {
116 width:25%;
117 }
118 }
119 @media only screen and (min-width: 768px) {
120 .superbox-list {
121 width:16.66666667%;
122 }
123 }
124 @media only screen and (min-width: 1025px) {
125 .superbox-list {
126 width:12.5%;
127 }
128 }
129 @media only screen and (min-width: 1824px) {
130 .superbox-list {
131 width:12.5%;
132 }
133 }