PluginProbe
MakeCommerce for WooCommerce / 2.3.1
MakeCommerce for WooCommerce v2.3.1
4.1.0 4.0.8 trunk 1.0 1.0.1 1.0.2 1.0.3 1.1.0 1.1.1 1.1.2 1.1.3 1.1.4 1.1.5 1.1.6 1.1.7 2.0.0 2.1.0 2.1.1 2.1.2 2.1.3 2.1.4 2.1.5 2.2.0 2.2.1 2.2.2 All 96 releases
makecommerce / css / makecommerce.css

makecommerce.css in MakeCommerce for WooCommerce 2.3.1, at css/makecommerce.css

203 lines 4.9 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 select#makecommerce {
2 display: none;
3 }
4 ul.makecommerce-picker {
5 list-style-type: none;
6 margin: 0px;
7 padding: 0;
8 }
9 ul.makecommerce-picker input.makecommerce_country_picker {
10 margin: 0px;
11 }
12 div.makecommerce_country_picker_methods {
13 margin-bottom: 10px;
14 margin-left: 0px;
15 }
16 div.makecommerce_country_picker_methods.logosize-small div.makecommerce-banklink-picker {
17 width: 24%;
18 }
19 div.makecommerce_country_picker_methods.logosize-medium div.makecommerce-banklink-picker {
20 width: 32%;
21 }
22 div.makecommerce_country_picker_methods.logosize-large div.makecommerce-banklink-picker {
23 width: 48%;
24 }
25 div.makecommerce_country_picker_methods hr {
26 border-width: 0px;
27 height: 0px;
28 margin-bottom: 25px;
29 display: none;
30 }
31 li.makecommerce-picker-country {
32 border: 0px solid !important;
33 padding: 0 !important;
34 margin: 0 !important;
35 list-style: none !important;
36 }
37 li.makecommerce-picker-country .makecommerce_country_picker_methods{
38 margin-top: 5px;
39 margin-bottom: 10px;
40 float: left;
41 width: 100%;
42 }
43 div.makecommerce-banklink-picker {
44 display: inline-block;
45 cursor: pointer;
46 margin: 0px;
47 border: 0px;
48 max-width: 14.2%;
49 margin-bottom: 2px;
50 float: left;
51 padding: 4px;
52 box-sizing: border-box;
53 }
54 .payment_box.payment_method_makecommerce{
55 margin-bottom: 0px;
56 }
57 div.makecommerce-banklink-picker.selected {
58 background: orange;
59 }
60 div.makecommerce-banklink-picker img {
61 width: 100%;
62 float: left;
63 max-height: none !important;
64 }
65 .payment_box.payment_method_makecommerce{
66 padding: 1em 1em 0.8em 1em !important;
67 }
68 .woocommerce-checkout #payment ul.payment_methods li div.makecommerce-banklink-picker img {
69 margin: 0px;
70 max-width: 100%;
71 }
72 .woocommerce-checkout #payment ul.payment_methods li div.makecommerce-banklink-picker img:hover{
73 opacity: 0.8;
74 }
75
76 .woocommerce-checkout #payment ul.payment_methods li label.makecommerce_country_picker_label {
77 display: inline-block;
78 cursor: pointer;
79 height: 22px;
80 width: 30px;
81 background-position: center;
82 margin: 3px;
83 padding: 0px;
84 background-repeat: no-repeat;
85 background-size: cover;
86 }
87 .makecommerce_country_picker_countries {
88 padding: 0px 1px;
89 }
90 .woocommerce-checkout #payment ul.payment_methods li label.makecommerce_country_picker_label.selected {
91 height: 28px;
92 width: 36px;
93 border: 3px solid orange;
94 margin: 0;
95 }
96 .woocommerce-checkout #payment ul.payment_methods li label.makecommerce_country_picker_label::before{
97 display: none;
98 }
99
100 div.makecommerce-info > div {
101 display: inline-block;
102 vertical-align: middle;
103 }
104 div.makecommerce-logo a img {
105 width: 231px;
106 }
107 div.makecommerce-link a {
108 color: #007bdb;
109 text-decoration: none;
110 }
111 div.makecommerce-link a:hover {
112 text-decoration: underline;
113 }
114 .makecommerce-picker-country .breaker {
115 float: left;
116 width: 100%;
117 margin-bottom: 9px;
118 }
119 div.mc-processing-message {
120 display: none;
121 margin-top: 8px;
122 position: absolute;
123 left: 0;
124 top: 0;
125 width: 100%;
126 height: 100px;
127 padding: 40px;
128 z-index: 11000;
129 text-align: center;
130 background-color: #ececec;
131 }
132 div.mc-processing-message img {
133 width: 16px;
134 }
135 div.makecommerce_country_picker_methods.logosize-small div.makecommerce-banklink-picker{
136 max-width: 25%;
137 width: 25%;
138 }
139 div.makecommerce_country_picker_methods.logosize-medium div.makecommerce-banklink-picker{
140 max-width: 33.333%;
141 width: 33.333%;
142 }
143 div.makecommerce_country_picker_methods.logosize-large div.makecommerce-banklink-picker{
144 max-width: 184px;
145 width: 50%;
146 }
147 li.makecommerce-picker-country .makecommerce_country_picker_methods.logosize-small{
148 max-width: 734px;
149 }
150 li.makecommerce-picker-country .makecommerce_country_picker_methods.logosize-medium{
151 max-width: 551px;
152 }
153 li.makecommerce-picker-country .makecommerce_country_picker_methods.logosize-large{
154 /* max-width: 367px; */
155 }
156 @media screen and (max-width: 767px){
157 div.makecommerce_country_picker_methods.logosize-small div.makecommerce-banklink-picker{
158 max-width: 50%;
159 width: 25%;
160 }
161 div.makecommerce_country_picker_methods.logosize-medium div.makecommerce-banklink-picker{
162 max-width: 92px;
163 width: 33.33%;
164 }
165 div.makecommerce_country_picker_methods.logosize-large div.makecommerce-banklink-picker{
166 max-width: 184px;
167 width: 50%;
168 }
169 }
170 @media screen and (max-width: 500px){
171 div.makecommerce_country_picker_methods.logosize-small div.makecommerce-banklink-picker{
172 width: 33.33%;
173 }
174 div.makecommerce_country_picker_methods.logosize-medium div.makecommerce-banklink-picker{
175 max-width: 92px;
176 width: 50%;
177 }
178 div.makecommerce_country_picker_methods.logosize-large div.makecommerce-banklink-picker{
179 max-width: 184px;
180 width: 100%;
181 }
182 li.makecommerce-picker-country .makecommerce_country_picker_methods.logosize-large{
183 /*max-width: 184px;*/
184 }
185 li.makecommerce-picker-country .makecommerce_country_picker_methods.logosize-medium{
186 /*max-width: 551px;*/
187 }
188 }
189 @media screen and (max-width: 400px){
190 div.makecommerce_country_picker_methods.logosize-small div.makecommerce-banklink-picker{
191 width: 50%;
192 }
193 }
194 .payment_box select#MakeCommerce {
195 display: none;
196 }
197 img.mc_loading {
198 display: none;
199 }
200 div.mc-clear-both {
201 clear: both;
202 }
203