PluginProbe
WP Responsive Menu / 3.2
WP Responsive Menu v3.2
3.2.3 3.2.2 3.1.3 3.1.4 3.1.5 3.1.6 3.1.7 3.1.7.1 3.1.7.2 3.1.7.3 3.1.7.4 3.1.8 3.1.9 3.1.9.1 3.1.9.2 3.2 3.2.1 trunk 1.0 2.0 2.0.1 2.0.2 2.0.3 2.0.4 2.0.5 All 35 releases
wp-responsive-menu / assets / css / wprmenu.css

wprmenu.css in WP Responsive Menu 3.2, at assets/css/wprmenu.css

534 lines 10.3 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 @font-face {
2 font-family: wprmenu;
3 src: url(../fonts/wprmenu.eot?p8o4s0);
4 src: url(../fonts/wprmenu.eot?p8o4s0#iefix) format('embedded-opentype'),url(../fonts/wprmenu.ttf?p8o4s0) format('truetype'),url(../fonts/wprmenu.woff?p8o4s0) format('woff'),url(../fonts/wprmenu.svg?p8o4s0#wprmenu) format('svg');
5 font-weight: 400;
6 font-style: normal;
7 }
8
9 html.wprmenu-body-fixed { overflow: inherit; }
10
11 html.wprmenu-body-fixed body { position: fixed !important; }
12
13 #mg-wprm-wrap [class*=" icon-"], #mg-wprm-wrap [class^=icon-] {
14 font-family: wprmenu!important;
15 speak: none;
16 font-style: normal;
17 font-weight: 400;
18 font-variant: normal;
19 text-transform: none;
20 line-height: 1;
21 -webkit-font-smoothing: antialiased;
22 -moz-osx-font-smoothing: grayscale;
23 }
24
25 #wprmenu_bar, #wprmenu_bar * {
26 margin: 0;
27 padding: 0;
28 -moz-box-sizing: border-box!important;
29 -webkit-box-sizing: border-box!important;
30 box-sizing: border-box!important;
31 font-family: inherit;
32 text-align: left;
33 font-size: 100%;
34 font-weight: 400;
35 }
36
37
38 html body div.wprm-wrapper {
39 z-index: 999999;
40 }
41
42 #wprmenu_bar img {
43 border: 0;
44 border: none;
45 }
46
47 .wprmenu_clear {
48 clear: both !important;
49 display: block !important;
50 height: 1px !important;
51 margin: -1px 0 0 !important;
52 width: 1px !important;
53 }
54
55 #wprmenu_bar {
56 position: fixed;
57 background: #4C656C;
58 padding: 10px 16px;
59 cursor: pointer;
60 overflow: hidden;
61 height: 42px;
62 z-index: 99999;
63 }
64
65 #wprmenu_bar .menu_title {
66 display: inline-block;
67 line-height: 35px;
68 position: relative;
69 top: -6px;
70 }
71
72 #wprmenu_bar .menu_title a {
73 display: inline-block;
74 position: relative;
75 top: 4px;
76 }
77
78 #wprmenu_bar .bar_logo {
79 border: none;
80 margin: 0;
81 padding: 0px 8px 0px 0px;
82 width: auto;
83 height: 25px;
84 }
85
86 #wprmenu_bar .wprmenu_icon {
87 margin-right: 5px;
88 }
89
90 #wprmenu_bar div.hamburger {
91 margin-top: -3px;
92 }
93
94 .wpr_search .wpr-search-field {
95 padding: 5px !important;
96 border: 1px solid #ccc;
97 max-width: 103%;
98 height: 35px;
99 outline:0;
100 }
101
102 .search-menu {
103 padding: 14px;
104 }
105
106 #wprmenu_bar .wprmenu_icon_menu {
107 color: #f2f2f2;
108 margin-right: 5px;
109 }
110
111 body {
112 position: relative!important;
113 }
114
115 body.admin-bar #wprmenu_bar {
116 top: 32px;
117 }
118
119 .admin-bar #custom_menu_icon {
120 margin-top: 32px;
121 }
122
123 #wprmenu_menu_ul .sub-menu {
124 padding: 0;
125 }
126
127 #wprmenu_menu.wprmenu_levels ul li {
128 display: block;
129 overflow: hidden;
130 border-bottom: 1px solid #131212;
131 border-top: 1px solid #474747;
132 position: relative;
133 }
134
135 #mg-wprm-wrap ul li{
136 margin: 0
137 }
138 #mg-wprm-wrap ul li ul li ul li.wprmenu_parent_item_li,#mg-wprm-wrap ul li ul li.wprmenu_parent_item_li {
139 padding-left: 0;
140 }
141
142 #mg-wprm-wrap ul li ul.sub-menu li {
143 border: none;
144 position: relative;
145 }
146
147 html body #wprmenu_menu_ul li.wprmenu_parent_item_li>ul {
148 margin-left: 0!important;
149 }
150
151 div#mg-wprm-wrap ul li span.wprmenu_icon {
152 font-family: 'wprmenu';
153 position: absolute;
154 right: 10px;
155 line-height: 38px;
156 padding: 24px;
157 }
158
159 div#mg-wprm-wrap ul#wprmenu_menu_ul>li>span.wprmenu_icon:before {
160 right: 3px;
161 }
162
163 div#mg-wprm-wrap ul li span.wprmenu_icon:before {
164 top: 3px;
165 }
166
167 div#mg-wprm-wrap ul li ul.sub-menu span.wprmenu_icon {
168 margin-left: 0;
169 }
170
171 div#mg-wprm-wrap form.wpr-search-form {
172 position: relative;
173 padding: 0;
174 margin: 0;
175 max-width: 600px;
176 width: 100%;
177 }
178
179 div#mg-wprm-wrap form.wpr-search-form button.wpr_submit {
180 position: absolute;
181 top: 0px;
182 right: 5px;
183 background-color: transparent;
184 color: #000;
185 width: 35px;
186 height: 35px;
187 padding: 0 8px;
188 border: none;
189 }
190
191 html body #wprmenu_menu_ul li.wprmenu_parent_item_li>ul {
192 padding: 0 10px;
193 margin: 0;
194 }
195
196 #mg-wprm-wrap {
197 z-index: 9999;
198 }
199
200 #mg-wprm-wrap ul li a {
201 text-decoration: none;
202 z-index: 9999;
203 }
204
205 .wprmenu_bar #custom_menu_icon.hamburger {
206 padding: 10px 9px 2px;
207 position: fixed;
208 z-index: 99999;
209 }
210
211 .icon_default.wprmenu_icon_par:before {
212 content: "\74";
213 position: absolute;
214 }
215
216 .icon_default.wprmenu_par_opened:before {
217 content: "\6f";
218 }
219
220 .wprmenu_icon {
221 position: relative;
222 -webkit-transform: rotate(0);
223 -moz-transform: rotate(0);
224 -o-transform: rotate(0);
225 transform: rotate(0);
226 -webkit-transition: .5s ease-in-out;
227 -moz-transition: .5s ease-in-out;
228 -o-transition: .5s ease-in-out;
229 transition: .5s ease-in-out;
230 cursor: pointer;
231 float: left;
232 }
233
234 span.wprmenu_icon.wprmenu_icon_par {
235 top: 4px;
236 }
237
238 .wprmenu_icon span {
239 display: block;
240 position: absolute;
241 height: 4px;
242 background: #d3531a;
243 border-radius: 0;
244 opacity: 1;
245 -webkit-transform: rotate(0);
246 -moz-transform: rotate(0);
247 -o-transform: rotate(0);
248 transform: rotate(0);
249 -webkit-transition: .25s ease-in-out;
250 -moz-transition: .25s ease-in-out;
251 -o-transition: .25s ease-in-out;
252 transition: .25s ease-in-out;
253 }
254
255 .wprmenu_icon.open span:nth-child(1),.wprmenu_icon.open span:nth-child(4) {
256 width: 0;
257 left: 50%;
258 top: 18px;
259 }
260
261
262
263 .wprmenu_icon span:nth-child(2),.wprmenu_icon span:nth-child(3) {
264 top: 9px;
265 }
266
267 .wprmenu_icon span:nth-child(4) {
268 top: 18px;
269 }
270
271 .wprmenu_icon.open span:nth-child(2) {
272 -webkit-transform: rotate(45deg);
273 -moz-transform: rotate(45deg);
274 -o-transform: rotate(45deg);
275 transform: rotate(45deg);
276 }
277
278 .wprmenu_icon.open span:nth-child(3) {
279 -webkit-transform: rotate(-45deg);
280 -moz-transform: rotate(-45deg);
281 -o-transform: rotate(-45deg);
282 transform: rotate(-45deg);
283 }
284
285 #mg-wprm-wrap.cbp-spmenu-right.custom .menu_title {
286 padding: 15px;
287 text-align: center;
288 }
289
290 #mg-wprm-wrap li.menu-item-has-children {
291 position: relative;
292 }
293
294 .admin-bar #wprmenu_menu_ul {
295 position: relative;
296 z-index: 9999;
297 overflow: hidden;
298 padding: 50px 0;
299 }
300
301 #mg-wprm-wrap canvas {
302 position: absolute;
303 z-index: 99;
304 }
305
306 #mg-wprm-wrap div.wpr_search {
307 padding: 13px;
308 }
309
310 #wprmenu_menu_ul {
311 padding: 0 0 50px;
312 margin: 0;
313 overflow: hidden;
314 }
315 .custom #wprmenu_menu_ul{
316 padding: 0 0 10px;
317 }
318
319 #wprmenu_menu_ul ul.sub-menu {
320 margin-left: 0;
321 }
322
323 div.wpr-clear:after {
324 visibility: hidden;
325 display: block;
326 font-size: 0;
327 content: " ";
328 clear: both;
329 height: 0;
330 }
331
332 #mg-wprm-wrap li.menu-item a {
333 padding: 13px 14px;
334 }
335
336 #mg-wprm-wrap li.menu-item ul.sub-menu li.menu-item span {
337 right: 10px;
338 padding: 20px 20px 30px;
339 line-height: 38px;
340 }
341
342 * html div.wpr-clear {
343 height: 1%;
344 }
345
346 div.wpr-clear {
347 display: block;
348 }
349
350 @media only screen and (max-width:768px) {
351 .admin-bar #wprmenu_menu_ul {
352 margin-top: 0;
353 }
354
355 div.wpr_search {
356 padding-left: 0!important;
357 padding-right: 0!important;
358 margin-left: 8px!important;
359 width: 92%!important;
360 }
361 #mg-wprm-wrap div.wpr_search {
362 margin-top: 24px;
363 }
364 }
365
366 .cbp-spmenu {
367 position: fixed;
368 overflow: auto;
369 height: 100%;
370 z-index: 9999;
371 }
372
373 .cbp-spmenu a {
374 padding: 1em;
375 display: block;
376 }
377
378
379
380 .admin-bar #mg-wprm-wrap.cbp-spmenu.custom {
381 top: 32px;
382 }
383
384 #mg-wprm-wrap.cbp-spmenu-left,#mg-wprm-wrap.cbp-spmenu-right {
385 top: 42px;
386 }
387
388 .admin-bar #mg-wprm-wrap.cbp-spmenu-left,.admin-bar #mg-wprm-wrap.cbp-spmenu-right {
389 top: 74px;
390 }
391
392 .admin-bar .cbp-spmenu-bottom.cbp-spmenu-open,.admin-bar .cbp-spmenu-top.cbp-spmenu-open {
393 top: 74px!important;
394 }
395
396 body.admin-bar .cbp-spmenu-bottom.custom.cbp-spmenu-open,body.admin-bar .cbp-spmenu-top.custom.cbp-spmenu-open {
397 top: 32px!important;
398 }
399
400 @media only screen and (max-width:782px) {
401 .admin-bar #custom_menu_icon {
402 margin-top: 46px;
403 }
404
405 body.admin-bar .cbp-spmenu-bottom.custom.cbp-spmenu-open,body.admin-bar .cbp-spmenu-top.custom.cbp-spmenu-open {
406 top: 46px!important;
407 }
408
409 .admin-bar #mg-wprm-wrap.cbp-spmenu.custom,body.admin-bar #wprmenu_bar {
410 top: 46px;
411 }
412
413 .admin-bar #mg-wprm-wrap.cbp-spmenu-left,.admin-bar #mg-wprm-wrap.cbp-spmenu-right {
414 top: 88px;
415 }
416
417 .admin-bar .cbp-spmenu-top.cbp-spmenu-open, .admin-bar .cbp-spmenu-bottom.cbp-spmenu-open {
418 top: 88px!important;
419 }
420
421 #wpr_iframe .admin-bar #mg-wprm-wrap.cbp-spmenu-left, #wpr_iframe .admin-bar #mg-wprm-wrap.cbp-spmenu-right {
422 top: 42px !important;
423 }
424 }
425
426 .cbp-spmenu-left {
427 left: -100%;
428 }
429
430 .cbp-spmenu-right {
431 right: -100%;
432 }
433
434 .cbp-spmenu-left.cbp-spmenu-open {
435 left: 0;
436 }
437
438 .cbp-spmenu-right.cbp-spmenu-open {
439 right: 0;
440 }
441
442 .cbp-spmenu-top {
443 top: -100%!important;
444 }
445
446 .cbp-spmenu-bottom {
447 top: 100%!important;
448 }
449
450 .cbp-spmenu-bottom.cbp-spmenu-open,.cbp-spmenu-top.cbp-spmenu-open {
451 top: 42px!important;
452 }
453
454 .cbp-spmenu-bottom.cbp-spmenu-open.custom,.cbp-spmenu-top.cbp-spmenu-open.custom {
455 top: 0!important;
456 }
457
458 .cbp-spmenu-push {
459 overflow-x: hidden;
460 position: relative;
461 }
462
463 .cbp-spmenu-push-toright {
464 left: 100%;
465 }
466
467 .cbp-spmenu-push-toleft {
468 left: -100%;
469 }
470 .cbp-spmenu-push .cbp-spmenu-top{
471 -webkit-transition: unset;
472 -moz-transition: unset;
473 transition: unset;
474 }
475 .cbp-spmenu-push #mg-wprm-wrap.cbp-spmenu-top{
476 position: static;
477 width: 100%;
478 max-width: 100%;
479 }
480 .cbp-spmenu-push .cbp-spmenu-top #wprmenu_menu_ul{
481 padding: 0;
482 }
483 .cbp-spmenu,.cbp-spmenu-push {
484 -webkit-transition: all .3s ease;
485 -moz-transition: all .3s ease;
486 transition: all .3s ease;
487 }
488 html body .wprm-overlay.active {
489 height: 100%;
490 width: 100%;
491 z-index: 9999;
492 position: fixed;
493 }
494
495 #wprmenu_bar, #mg-wprm-wrap.custom .menu_title, #mg-wprm-wrap, .wpr_custom_menu #custom_menu_icon, .cbp-spmenu-push #mg-wprm-wrap.cbp-spmenu-top{
496 display: none;
497 }
498
499 .wprmenu_icon span:nth-child(1), #wprmenu_bar, html body .wprm-overlay.active, #mg-wprm-wrap.cbp-spmenu.custom {
500 top: 0;
501 }
502
503 #wprmenu_bar, html body .wprm-overlay.active, .cbp-spmenu-push, .wprmenu_icon span {
504 left: 0;
505 }
506
507 .wprmenu_icon span, #wprmenu_menu.wprmenu_levels ul li, html body div.wprm-wrapper, #wprmenu_bar, .wpr_search .wpr-search-field {
508 width: 103%;
509 }
510
511 #wprmenu_menu_ul .sub-menu, #wprmenu_menu_ul, #wprmenu_bar, #wprmenu_bar * {
512 list-style: none;
513 }
514 /*-------first-menu----------*/
515 /*body.home.blog.logged-in.admin-bar.ast-header-break-point.ast-separate-container.ast-two-container #mg-wprm-wrap {
516 background-color: #44CDA7;
517 }
518 body.home.blog.logged-in.admin-bar.ast-header-break-point.ast-separate-container.ast-two-container h4 {
519 color: #fff;
520 }
521 body.home.blog.logged-in.admin-bar.ast-header-break-point.ast-separate-container.ast-two-container #mg-wprm-wrap li.menu-item a {
522 padding: 7px 14px;
523 }
524 body.home.blog.logged-in.admin-bar.ast-header-break-point.ast-separate-container.ast-two-container #mg-wprm-wrap li.current-menu-item > a {
525 background: #21C194;
526 }
527 .wpr_search .wpr-search-field {
528 background-color: #32B28F;
529 border: 1px solid #32B28F;
530 }
531 .wpr_search .wpr-search-field::placeholder {
532 color: #fff;
533 }*/
534