Skip to content

Commit 9e8f3f3

Browse files
jessuppijessuppi
authored
Create installer.css
1 parent 7cc1053 commit 9e8f3f3

File tree

1 file changed

+128
-0
lines changed

1 file changed

+128
-0
lines changed

‎vendor/connekt-plugin-installer/assets/installer.css

+128
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,128 @@
1+
.cnkt-plugin-installer{
2+
box-sizing: border-box;
3+
display: -webkit-box;
4+
display: -moz-box;
5+
display: -ms-flexbox;
6+
display: -webkit-flex;
7+
display: flex;
8+
-webkit-flex-wrap: wrap;
9+
flex-wrap: wrap;
10+
flex-flow: row wrap;
11+
-webkit-flex-flow: row wrap;
12+
justify-content: space-between;
13+
width: 102%;
14+
position: relative;
15+
left: -1%;
16+
}
17+
.cnkt-plugin-installer:after {
18+
content: "";
19+
flex: auto;
20+
}
21+
.cnkt-plugin-installer * {
22+
box-sizing: border-box;
23+
}
24+
.cnkt-plugin-installer .plugin{
25+
width: 31.333%;
26+
margin: 0 1% 30px;
27+
padding: 0;
28+
overflow: hidden;
29+
text-align: left;
30+
border: 1px solid #e1e1e1;
31+
background: #fff;
32+
position: relative;
33+
border-radius: 2px;
34+
}
35+
.cnkt-plugin-installer .plugin:hover{
36+
border-color: #cecece;
37+
}
38+
39+
.cnkt-plugin-installer .plugin-wrap{
40+
padding: 20px 20px 95px 145px;
41+
min-height: 214px;
42+
display: block;
43+
position: relative;
44+
}
45+
.cnkt-plugin-installer li a,
46+
.cnkt-plugin-installer .plugin-wrap a{
47+
text-decoration: none;
48+
}
49+
.cnkt-plugin-installer .plugin-wrap img{
50+
display: block;
51+
position: absolute;
52+
left: 20px;
53+
top: 20px;
54+
max-width: 108px;
55+
max-height: 108px;
56+
border: 1px solid #f7f7f7;
57+
}
58+
.cnkt-plugin-installer .plugin-wrap h2,
59+
.cnkt-plugin-installer .plugin-wrap p{
60+
padding: 0;
61+
margin: 0;
62+
font-size: 17px;
63+
font-weight: 600;
64+
color: #333;
65+
line-height: 1.4;
66+
}
67+
.cnkt-plugin-installer .plugin-wrap p{
68+
padding: 10px 0 0;
69+
margin: 0;
70+
font-size: 14px;
71+
font-weight: 400;
72+
color: #777;
73+
}
74+
.cnkt-plugin-installer .plugin-wrap p.plugin-author{
75+
font-size: 13px;
76+
padding-top: 20px;
77+
font-style: italic;
78+
}
79+
80+
.cnkt-plugin-installer .activation-row{
81+
display: block;
82+
margin: 0;
83+
padding: 20px;
84+
background: #f7f7f7;
85+
border-top: 1px solid #e1e1e1;
86+
border-radius: 0 0 2px 2px;
87+
position: absolute;
88+
bottom: 0;
89+
width: 100%;
90+
overflow: hidden;
91+
border-radius: 0 0 2px 2px;
92+
text-align: left;
93+
}
94+
.cnkt-plugin-installer .activation-row li{
95+
display: inline-block;
96+
vertical-align: top;
97+
margin: 0 10px 0 0;
98+
font-size: 13px;
99+
line-height: 27px;
100+
}
101+
102+
@media screen and (max-width: 1170px){
103+
.cnkt-plugin-installer .plugin{
104+
width: 48%;
105+
margin: 0 1% 15px;
106+
}
107+
}
108+
@media screen and (max-width: 960px){
109+
.cnkt-plugin-installer .plugin-wrap{
110+
padding: 20px 20px 95px 115px;
111+
min-height: 214px;
112+
}
113+
.cnkt-plugin-installer .plugin-wrap img{
114+
max-width: 78px;
115+
max-height: 78px;
116+
}
117+
}
118+
@media screen and (max-width: 640px){
119+
.cnkt-plugin-installer{
120+
width: 100%;
121+
position: static;
122+
}
123+
.cnkt-plugin-installer .plugin{
124+
width: 100%;
125+
margin: 0 0 20px;
126+
}
127+
}
128+

0 commit comments

Comments
 (0)