PluginProbe
WP Responsive Menu / 3.1.8
WP Responsive Menu v3.1.8
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 / inc / css / wpr_optionsframework.css

wpr_optionsframework.css in WP Responsive Menu 3.1.8, at inc/css/wpr_optionsframework.css

623 lines 13.0 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /* Options Framework Admin Styles */
2
3 #wpbody #wpr_optionsframework-metabox {
4 padding-top: 0;
5 min-height: 900px;
6 }
7 #wpr_optionsframework {
8 background: #CCC;
9 color: #333;
10 border: 1px solid #e5e5e5;
11 }
12 #wpr_optionsframework-wrap.wrap {
13 margin-right: 0px;
14 overflow: hidden;
15 }
16 #wpr_optionsframework-wrap .nav-tab {
17 margin: 0;
18 }
19 #wpr_optionsframework h3 {
20 cursor: default;
21 background-color: #14A085;
22 border-bottom: 1px solid #ddd;
23 color:#fff;
24 display: none;
25 }
26 #wpr_optionsframework p {
27 margin-bottom:0;
28 padding-bottom:10px;
29 }
30 #wpr_optionsframework .section {
31 background: #ffffff;
32 margin: 1px;
33 }
34 #wpr_optionsframework .section .controls {
35 float: left;
36 min-width:350px;
37 width: 54%;
38 padding-right:2%;
39 }
40 #wpr_optionsframework ul#wpr-sortable li.list-group-item.disabled{
41 background: rgba(79, 193, 233, 0.6);
42 }
43
44 .dashicons.dashicons-editor-help.pull-right{
45 line-height: 24px;
46 }
47 #wpr_optionsframework .section-checkbox .controls {
48 width: 98%;
49 }
50 #wpr_optionsframework .controls input[type=text] {
51 width:100%;
52 }
53 #wpr_optionsframework .controls input[type=text].wp-color-picker {
54 width: 65px;
55 }
56 #wpr_optionsframework .controls select, #wpr_optionsframework .controls textarea {
57 width:100%;
58 }
59 #wpr_optionsframework .section-radio label, #wpr_optionsframework .section-multicheck label {
60 float:left;
61 max-width:90%;
62 line-height: 16px;
63 }
64 #wpr_optionsframework #section-wpr_custom_css div.controls { width: 100% !important; }
65 div#section-wpr_custom_css #wpr_custom_css {border: 1px solid #ccc;}
66 #wpr_optionsframework label.explain {
67 line-height: 22px;
68 }
69 #wpr_optionsframework ul#wpr-sortable span.pro-ftr {
70 padding: 0 10px;
71 font-weight: normal;
72 }
73 #wpr_optionsframework input.checkbox, #wpr_optionsframework input.of-radio {
74 margin: 0 10px 5px 0;
75 float:left;
76 clear:both;
77 }
78 #wpr_optionsframework .section-typography .controls {
79 float:none;
80 width:auto;
81 }
82 #wpr_optionsframework .controls .of-typography-size {
83 width:80px;
84 float:left
85 }
86 #wpr_optionsframework .controls .of-typography-unit {
87 width:50px;
88 margin-left:5px;
89 float:left
90 }
91 #wpr_optionsframework .controls .of-typography-face {
92 width:100px;
93 margin-left:5px;
94 float:left
95 }
96 #wpr_optionsframework .controls .of-typography-style {
97 width:80px;
98 margin-left:5px;
99 margin-right:5px;
100 float:left
101 }
102 #wpr_optionsframework .section-typography .wp-picker-container {
103 margin-top:2px;
104 }
105 #wpr_optionsframework .of-background-properties {
106 clear:both;
107 margin-top: 18px;
108 }
109 #wpr_optionsframework .controls .of-background-repeat {
110 width:125px;
111 margin-right:5px;
112 float:left
113 }
114 #wpr_optionsframework .controls .of-background-position {
115 width:125px;
116 margin-right:5px;
117 float:left
118 }
119 #wpr_optionsframework .controls .of-background-attachment {
120 width:125px;
121 margin-right:5px;
122 float:left
123 }
124 #wpr_optionsframework .section-background .wp-picker-container {
125 margin-bottom:10px;
126 }
127 #wpr_optionsframework .controls .of-radio-img-img {
128 border:3px solid #f9f9f9;
129 margin:0 5px 10px 0;
130 display:none;
131 cursor:pointer;
132 float:left;
133 }
134 #wpr_optionsframework .controls .of-radio-img-selected {
135 border:3px solid #ccc
136 }
137 #wpr_optionsframework .controls .of-radio-img-img:hover {
138 opacity:.8;
139 }
140 #wpr_optionsframework .controls .of-border-width {
141 width:80px;
142 float:left
143 }
144 #wpr_optionsframework .controls .of-border-style {
145 width:120px;
146 float:left
147 }
148 a.wpr-preview-changes {cursor: pointer;}
149 div.queries-holder.live-preview {position: relative;}
150 div.live-preview-block {
151 width: 100%;
152 height: 300px;
153 background-color: #ccc;
154 display: block;
155 }
156 div.live-preview-block.show {
157 display: block;
158 }
159 #wpr_optionsframework .hide {
160 display:none;
161 }
162 #wpr_optionsframework .of-option-image {
163 max-width:340px;
164 margin:3px 0 18px 0;
165 }
166 .wp-color-result{
167 height: auto;
168 }
169 .col-md-4.heading {
170 padding: 14px 14px 8px 14px;;
171 }
172 .col-md-8.option {
173 padding: 10px;
174 }
175 /* Editor */
176 label.btn.btn-default.active {
177 background: #a0d468;
178 border-color: #a0d468;
179 }
180 /* Image Uploader */
181
182 #wpr_optionsframework .controls input.upload {
183 width:75%;
184 margin-right: 1%;
185 }
186 #wpr_optionsframework .screenshot {
187 float:left;
188 margin-left:1px;
189 position:relative;
190 width:100px;
191 margin-top:3px;
192 }
193 #wpr_optionsframework .screenshot img {
194 background:#fafafa;
195 border-color:#ccc #eee #eee #ccc;
196 border-style:solid;
197 border-width:1px;
198 float:left;
199 max-width:100px;
200 padding:4px;
201 margin-bottom:10px;
202 }
203 #wpr_optionsframework #wpr-sortable li, #wpr_optionsframework #wpr-item-sortable li {
204 width: 100%;
205 padding: 18px;
206 color: #FFF;
207 font-weight: bold;
208 }
209 #wpr_optionsframework #wpr-sortable li i, #wpr_optionsframework #wpr-item-sortable li i {
210 margin-right: 5px;
211 }
212 #wpr_optionsframework .screenshot .remove-image {
213 background:url("../images/ico-delete.png") no-repeat;
214 border:medium none;
215 bottom:4px;
216 display:block;
217 float:left;
218 height:16px;
219 padding:0;
220 position:absolute;
221 left:-4px;
222 text-indent:-9999px;
223 width:16px;
224 }
225 .wpr_optionsframework .button-primary {
226 background: #344A5F;
227 }
228 #wpr_optionsframework .screenshot .no_image .file_link {
229 margin-left: 20px;
230 }
231 #wpr_optionsframework .screenshot .no_image .remove-button {
232 bottom: 0px;
233 }
234 #wpr_optionsframework .reset-button {
235 float:left;
236 cursor:pointer;
237 }
238
239 /* Bottom Section */
240
241 #wpr_optionsframework-submit {
242 padding: 7px 10px;
243 background-color: #f5f5f5;
244 border: 1px solid #ddd;
245 }
246 #wpr_optionsframework .button-primary {
247 float:right;
248 }
249 #wpr_optionsframework .section:after {
250 content: "";
251 display: table;
252 }
253 #wpr_optionsframework .section:after {
254 clear: both;
255 }
256 .icons-search-input{
257 min-width: 100% !important;
258 }
259 #wpr_optionsframework .section#section-social .controls {
260 width: 100%;
261 }
262 .fip-bootstrap.icons-selector{float: left;}
263 #section-social .controls input.social_link {
264 width: 50%;
265 margin-left: 20px;
266 margin-right: 20px;
267 float: left;
268 }
269 #wpr_optionsframework-wrap .nav-tab {
270 background: #FFF;
271 color: #333;
272
273 }
274 #wpr_optionsframework-wrap .nav-tab-active {
275 background: #344A5F;
276 color: #fff;
277 }
278 .wpr-new-field,.wpr-new-fields {
279 margin: 0px 0px 20px 0px;
280 }
281 .metabox-holder {
282 width: 82%;
283 float: left;
284 }
285 .queries-holder {
286 width: 17%;
287 margin-left: 1%;
288 float: left;
289 }
290 .queries-holder img{
291 max-width: 100%;
292 margin-bottom: 5px;
293 }
294 #wpr_optionsframework-wrap .live-preview-badge {
295 -webkit-transform: rotate(90deg);
296 -moz-transform: rotate(90deg);
297 -ms-transform: rotate(90deg);
298 -o-transform: rotate(90deg);
299 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
300 position: fixed;
301 right: -66px;
302 top: 307px;
303 background: #348cab;
304 padding: 10px 11px;
305 font-size: 15px;
306 font-weight: bold;
307 color: #FFF;
308 box-shadow: 2px 3px 10px #3e3c3c;
309 -moz-box-shadow: 2px 3px 10px #3e3c3c;
310 -webkit-box-shadow: 2px 3px 10px #3e3c3c;
311 letter-spacing: 1px;
312 cursor: pointer;
313 border-radius: 0 0 10px 10px;
314 -webkit-border-radius: 0 0 10px 10px;
315 -moz-border-radius: 0 0 10px 10px;
316 z-index: 9999;
317 min-width: 172px;
318 }
319
320 .wpr-load-preview-wrap {
321 display: block;
322 width: 100%;
323 text-align: center;
324 margin-bottom: 10px;
325 }
326 .wpr-load-preview-wrap span {
327 background: #348cab;
328 padding: 10px 12px;
329 color: #FFF;
330 border-radius: 5px;
331 -moz-border-radius: 5px;
332 -webkit-border-radius: 5px;
333 cursor: pointer;
334 }
335
336 .wpr-smartphone {
337 position: relative;
338 width: 360px;
339 height: 640px;
340 margin: auto;
341 border: 16px black solid;
342 border-top-width: 60px;
343 border-bottom-width: 60px;
344 border-radius: 36px;
345 }
346
347 /* The horizontal line on the top of the device */
348 .wpr-smartphone:before {
349 content: '';
350 display: block;
351 width: 60px;
352 height: 5px;
353 position: absolute;
354 top: -30px;
355 left: 50%;
356 transform: translate(-50%, -50%);
357 background: #333;
358 border-radius: 10px;
359 }
360
361 /* The circle on the bottom of the device */
362 .wpr-smartphone:after {
363 content: '';
364 display: block;
365 width: 35px;
366 height: 35px;
367 position: absolute;
368 left: 50%;
369 bottom: -65px;
370 transform: translate(-50%, -50%);
371 background: #333;
372 border-radius: 50%;
373 }
374
375 /* The screen (or content) of the device */
376 .wpr-smartphone .smartphone-content {
377 width: 328px;
378 height: 520px;
379 background: white;
380 }
381
382 .live-preview-container{
383 position: absolute;
384 right: -400px;
385 top: -5px;
386 }
387
388 .pro-feature {
389 position: relative;
390 background: rgba(255, 252, 252, 0.7) !important;
391 }
392
393 .pro-feature .wpr-pro-block {
394 position: absolute;
395 width: 100%;
396 height: 100%;
397 background: rgba(18, 103, 153, 0.7);
398 display: none;
399 z-index: 99999;
400 }
401
402 .wpr-mobile-view {
403 width: 100%;
404 max-width: 345px;
405 margin: 0 auto;
406 background-image: url('../images/wpr-mobile.png');
407 background-repeat: no-repeat;
408 background-position: 0 0;
409 background-size: cover;
410 padding: 104px 23px 97px 28px;
411 height: 720px;
412 }
413 .wpr-mobile-view iframe {
414 width: 100%;
415 height: 515px;
416 border-radius: 3px;
417 }
418 .pro-feature .wpr-pro-block.show {
419 display: block;
420 }
421
422 .pro-feature .wpr-pro-block a:hover {
423 text-decoration: underline;
424 }
425
426 .pro-feature .wpr-pro-block a {
427 text-align: center;
428 display: block;
429 color: #FFF;
430 padding-top: 17px;
431 }
432
433
434
435 /* RTL CSS=====
436 =======================*/
437 body.rtl .queries-holder {
438 margin-right: 2%;
439 margin-left: 0;
440 }
441 body.rtl #wpr_optionsframework .section .controls {
442 float: right;
443 padding-right: 0;
444 }
445 body.rtl #wpr_optionsframework .screenshot,
446 body.rtl #wpbody #wpr_optionsframework-metabox,
447 body.rtl #wpr_optionsframework input.checkbox,
448 body.rtl #wpr_optionsframework input.of-radio {
449 float: right;
450 }
451
452 body.rtl #wpr_optionsframework .section-radio label,
453 body.rtl #wpr_optionsframework .section-multicheck label {
454 float: right;
455 padding-right: 10px;
456 }
457 div#wpr_optionsframework-wrap > h2 {
458 border-bottom: none;
459 }
460
461 div#wpr_optionsframework-wrap div.queries-holder.live-preview {
462 margin-bottom: 30px;
463 z-index: 9999;
464 }
465
466 div#wpr_optionsframework-wrap div.queries-holder {
467 padding-top: 0%;
468 margin-bottom: 1%;
469 }
470 div#wpr_optionsframework-wrap .nav-tab {
471 border: 1px solid #e5e5e5;
472 position: relative;
473 top: 1px;
474 z-index: 9;
475 margin-right: 4px;
476
477 }
478
479 #section-wprmenu_showcase .col-md-4.heading {display: none;}
480 #section-wprmenu_showcase .col-md-8.option, #section-wprmenu_showcase .col-md-8 .controls {width: 100%;}
481 .wprmenu-showcase-wrapper ul li {
482 width: 33%;
483 display: inline-block;
484 text-align: center;
485 position: relative;
486 width: 33%;
487 height: 540px;
488 margin: auto;
489 border: 16px black solid;
490 border-top-width: 60px;
491 border-bottom-width: 60px;
492 border-radius: 36px;
493 margin-bottom: 4px;
494 margin-right: 4px;
495 }
496 .wprmenu-showcase-wrapper ul li:before {
497 content: '';
498 display: block;
499 width: 60px;
500 height: 5px;
501 position: absolute;
502 top: -30px;
503 left: 50%;
504 transform: translate(-50%, -50%);
505 background: #333;
506 border-radius: 10px;
507 }
508 .wprmenu-showcase-wrapper .wprmenu-content, .wprmenu-content-image {
509 position: relative;
510 height: 100%;
511 }
512 .wprmenu-content.image-overlay .wprmenu-content-image {
513 -webkit-animation: wprm 1s linear ;
514 background-size: cover;
515 background-repeat: no-repeat;
516 background-position: center:
517 }
518 @-webkit-keyframes wprm {
519 0% { opacity: 0.1; }
520 50% { opacity: 0.6; }
521 100% { opacity: 1; }
522 }
523 .wprmenu-showcase-wrapper .wprmenu-content.overlay {
524 background: rgba(123, 135, 146, 0.82);
525 }
526 div.smartphone-content .overlay.show {
527 width: 100%;
528 height: 100%;
529 background: #fff;
530 position: absolute;
531 background-image: url('../images/8.gif');
532 background-repeat: no-repeat;
533 background-size: 25%;
534 background-position: center;
535 }
536 div.smartphone-content .overlay {
537 display: none;
538 }
539 .wprmenu-showcase-wrapper .wprmenu-content.overlay .wprmenu-content-image {
540 visibility: hidden;
541 }
542 .wprmenu-showcase-wrapper .wprmenu-content span {
543 position: absolute;
544 display: block;
545 text-align: center;
546 left: 6%;
547 padding: 10px;
548 width: 85%;
549 border-radius: 5px;
550 -webkit-border-radius: 5px;
551 -moz-border-radius: 5px;
552 cursor: pointer;
553 border: 1px solid #FFF;
554 color: #FFF;
555 }
556 .wprmenu-showcase-wrapper span.view-demo {
557 top: 35%;
558 }
559 .wprmenu-showcase-wrapper span.import-demo {
560 top: 47%;
561 }
562 .wprmenu-content.image-overlay span.view-demo, .wprmenu-content.image-overlay .wprmenu-data.import-demo {
563 visibility: hidden;
564 }
565
566 .wprmenu-content.overlay span.view-demo, .wprmenu-content.overlay .wprmenu-data.import-demo {
567 visibility: visible;
568 }
569 .wprmenu-showcase-wrapper ul li:after {
570 content: '';
571 display: block;
572 width: 35px;
573 height: 35px;
574 position: absolute;
575 left: 50%;
576 bottom: -65px;
577 transform: translate(-50%, -50%);
578 background: #333;
579 border-radius: 50%;
580 }
581 html body #section-wprmenu_showcase div.controls {
582 padding: 0 !important;
583 margin: 0 !important;
584 }
585 .wprmenu-showcase-wrapper ul li:nth-child(3n) {
586 float: right !important;
587 margin-right: 0px !important;
588 }
589 html body ul.wprmenu-demo-list {
590 padding: 0;
591 margin: 0;
592 display: block;
593 clear: both;
594 overflow: hidden;
595 }
596 .wprmenu-showcase-wrapper h6 {
597 text-align: center;
598 display: block;
599 font-size: 19px;
600 margin-bottom: 0px;
601 padding-bottom: 17px;
602 border-bottom: 1px solid #ccc;
603 }
604 .wprmenu-showcase-wrapper .wprmenu-demo-list {
605 padding-top: 20px;
606 }
607 .wprmenu-showcase-wrapper h6.wpr-demo-type {
608 font-size: 19px;
609 font-weight: bold;
610 }
611 .wprmenu-content a {color: #FFF !important;}
612 .wpr-demo-type span.pro-demo {
613 font-size: 12px;
614 background: #37bc9b;
615 border-radius: 10px 10px;
616 padding: 6px 9px;
617 color: #FFF;
618 display: inline-block;
619 vertical-align: middle;
620 position: relative;
621 top: -2px;
622 }
623