PluginProbe
Woody Code Snippets – Insert PHP, CSS, JS, and Header/Footer Scripts / 2.3.1
Woody Code Snippets – Insert PHP, CSS, JS, and Header/Footer Scripts v2.3.1
2.7.7 2.7.6 2.7.5 2.7.4 trunk 1.3 2.0.4 2.0.6 2.1.91 2.2.4 2.2.7 2.2.9 2.3.1 2.3.10 2.4.10 2.4.2 2.4.4 2.4.5 2.4.6 2.4.7 2.4.8 2.4.9 2.6.0 2.6.1 2.7.0 All 28 releases
insert-php / admin / assets / css / license-manager.css

license-manager.css in Woody Code Snippets – Insert PHP, CSS, JS, and Header/Footer Scripts 2.3.1, at admin/assets/css/license-manager.css

660 lines 14.0 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1
2 .not-visible-in-manager {
3 display: none;
4 }
5
6 /**
7 * Global License Message
8 */
9 .global-license-message {
10 width: 600px;
11 margin: auto;
12 /*margin-top: 100px;*/
13 font-size: 14px;
14 line-height: 170%;
15 }
16
17 .global-license-message h2, .global-license-message h3 {
18 padding: 0px;
19 margin: 5px 0;
20 }
21
22 .onp-page-wrap {
23 max-width: 720px;
24 margin: auto;
25 margin-top: 40px;
26 font-size: 14px;
27 line-height: 170%;
28 }
29
30 .onp-container {
31 border: 0px;
32 padding: 0px;
33 border-radius: 5px;
34 background: rgb(255, 255, 255) !important;
35 box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
36 -moz-box-sizing: border-box;
37 box-sizing: border-box;
38 }
39
40 #license-manager .onp-container {
41 background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 63%, rgba(246, 246, 246, 1) 100%); /* FF3.6+ */
42 background: -webkit-gradient(linear, left top, left bottom, color-stop(63%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(246, 246, 246, 1))); /* Chrome,Safari4+ */
43 background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 63%, rgba(246, 246, 246, 1) 100%); /* Chrome10+,Safari5.1+ */
44 background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 63%, rgba(246, 246, 246, 1) 100%); /* Opera 11.10+ */
45 background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 63%, rgba(246, 246, 246, 1) 100%); /* IE10+ */
46 background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 63%, rgba(246, 246, 246, 1) 100%); /* W3C */
47 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0); /* IE6-9 */
48 }
49
50 .onp-container h2 {
51 margin: 0px;
52 padding: 0px;
53 }
54
55 .onp-container p {
56 margin: 0 0 2px 0;
57 padding: 0px;
58 line-height: 170%;
59 }
60
61 .btn-uppercase {
62 font-size: 12px;
63 letter-spacing: 1px;
64 text-transform: uppercase;
65 text-decoration: none;
66 }
67
68 .btn-uppercase *[class^=icon] {
69 position: relative;
70 top: -1px;
71 left: -1px;
72 }
73
74 .onp-page-wrap .license-message {
75 margin-bottom: 20px;
76 overflow: hidden;
77 }
78
79 .onp-page-wrap .license-message .alert {
80 margin: 0px;
81 }
82
83 .onp-page-wrap .license-message strong {
84 display: block;
85 margin-bottom: 0px;
86 }
87
88 .onp-page-wrap .license-message p {
89 margin: 1px 0 1px 0;
90 padding: 0px;
91 }
92
93 .onp-page-wrap .license-message a {
94 font-weight: bold;
95 }
96
97 .license-message .alert-warning-icon {
98 padding-left: 60px;
99 background-image: url("../img/warning.png");
100 background-position: 15px 11px;
101 background-repeat: no-repeat;
102 }
103
104 #onp-hide-license-manager {
105 position: absolute;
106 top: 2px;
107 right: 15px;
108 font-size: 12px;
109 color: #777;
110 font-weight: bold;
111 }
112
113 #onp-hide-license-manager:hover {
114 text-decoration: none;
115 }
116
117 #onp-hide-license-manager,
118 #onp-hide-license-manager:focus,
119 #onp-hide-license-manager:hover {
120 outline: none;
121 border: 0px;
122 box-shadow: none;
123 }
124
125 #onp-hide-license-manager .fa {
126 margin-right: 5px;
127 }
128
129 #license-manager .license-details-wrap {
130 border: 1px solid #e9e9e9;
131 padding: 0px;
132 border-radius: 5px;
133
134 background: rgb(255, 255, 255); /* Old browsers */
135 background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 63%, rgba(246, 246, 246, 1) 100%); /* FF3.6+ */
136 background: -webkit-gradient(linear, left top, left bottom, color-stop(63%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(246, 246, 246, 1))); /* Chrome,Safari4+ */
137 background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 63%, rgba(246, 246, 246, 1) 100%); /* Chrome10+,Safari5.1+ */
138 background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 63%, rgba(246, 246, 246, 1) 100%); /* Opera 11.10+ */
139 background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 63%, rgba(246, 246, 246, 1) 100%); /* IE10+ */
140 background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 63%, rgba(246, 246, 246, 1) 100%); /* W3C */
141 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0); /* IE6-9 */
142
143 box-shadow: 0px 2px 1px #c9c9c9;
144 }
145
146 #license-manager .activate-trial-hint {
147 background-color: #f8f8f8;
148 padding: 10px 20px;
149 position: relative;
150 -moz-box-sizing: content-box;
151 box-sizing: content-box;
152 }
153
154 #license-manager .activate-error-hint {
155 background-color: #fb7976;
156 color: #f5f5f5;
157 text-shadow: none;
158 padding: 2px 9px;
159 width: 100%;
160 position: relative;
161 margin-left: -9px;
162 -moz-box-sizing: content-box;
163 box-sizing: content-box;
164 }
165
166 #license-manager .license-details {
167 padding: 20px;
168 padding-bottom: 0px;
169 -webkit-border-top-left-radius: 5px;
170 -webkit-border-top-right-radius: 5px;
171 -moz-border-radius-topleft: 5px;
172 -moz-border-radius-topright: 5px;
173 border-top-left-radius: 5px;
174 border-top-right-radius: 5px;
175
176 position: relative;
177 z-index: 10;
178 }
179
180 #license-manager .license-key-identity {
181 font-style: italic;
182 position: relative;
183 top: -6px;
184 }
185
186 #license-manager .license-key-identity code {
187 display: inline-block;
188 padding: 2px 5px;
189 font-size: 16px;
190 }
191
192 #license-manager .license-key-description {
193 font-size: 12px;
194 }
195
196 #license-manager .license-delete-button {
197 float: right;
198 text-decoration: none;
199 position: relative;
200 top: -7px;
201 left: 10px;
202 }
203
204 #license-manager .license-synchronization-button {
205 float: right;
206 text-decoration: none;
207 position: relative;
208 top: -7px;
209 left: 4px;
210 }
211
212 #license-manager .license-details-block {
213 padding: 28px 35px 15px 35px;
214 margin-left: -35px;
215 width: 100%;
216 position: relative;
217 margin-top: 20px;
218
219 background: #fff;
220 border: 0px;
221 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
222 color: #333;
223
224 border-radius: 5px;
225
226 -webkit-box-sizing: content-box;
227 -moz-box-sizing: content-box;
228 box-sizing: content-box;
229 }
230
231 #license-manager .license-details-block p + p {
232 margin-top: 10px;
233 }
234
235 #license-manager .license-details-block a {
236 font-weight: bold;
237 }
238
239 #license-manager .license-details-block.trial-details-block {
240 background: #ffdede;
241
242 border: 0;
243 box-shadow: 0 0 7px #cf4944;
244 color: #a04342;
245 text-shadow: 1px 1px 2px #fff2f2;
246 }
247
248 #license-manager .license-details-block.trial-details-block a {
249 color: #a04342;
250 }
251
252 #license-manager .license-details-block.paid-details-block {
253 border: 0;
254 box-shadow: 0 0 7px #b8823b;
255 color: #8a6d3b;
256 background: #fcf8e3;
257 }
258
259 #license-manager .license-details-block.paid-details-block a {
260 color: #7a4c00;
261 }
262
263 #license-manager .license-details-block.gift-details-block {
264 background: #DFF0D8;
265 border: 1px solid #D6E9C6;
266 box-shadow: 0px 0px 5px #D6E9C6;
267 color: #468847;
268 }
269
270 #license-manager .license-details-block.gift-details-block a {
271 color: #468847;
272 }
273
274 #license-manager .license-params {
275 margin-top: 15px;
276 position: relative;
277 left: -2px;
278 }
279
280 #license-manager .license-value {
281 display: block;
282 font-size: 16px;
283 font-weight: bold;
284 }
285
286 #license-manager .license-value small {
287 font-weight: normal;
288 }
289
290 #license-manager .license-value-name {
291 display: block;
292 font-size: 12px;
293 }
294
295 #license-manager .license-param {
296 white-space: nowrap;
297 line-height: 130%;
298 padding: 10px 0 10px 35px;
299 vertical-align: top;
300 }
301
302 #license-manager .license-param-domain {
303 padding-left: 65px;
304 background: url('../img/free-license-chip.png') -3px 0px no-repeat;
305 }
306
307 #license-manager .trial-details-block .license-param-domain {
308 background: url('../img/trial-license-chip.png') -3px 0px no-repeat;
309 }
310
311 #license-manager .paid-details-block .license-param-domain {
312 background: url('../img/paid-license-chip.png') -3px 0px no-repeat;
313 }
314
315 #license-manager .license-details-block h3 {
316 padding: 0;
317 font-size: 22px;
318 margin: 0 0 16px 0;
319 color: #8a6d3b;
320 font-weight: 500;
321 }
322
323 #license-manager .license-details-block a {
324 color: #a04342;
325 }
326
327 #license-manager .license-input {
328
329 padding: 20px;
330 -webkit-border-bottom-right-radius: 5px;
331 -webkit-border-bottom-left-radius: 5px;
332 -moz-border-radius-bottomright: 5px;
333 -moz-border-radius-bottomleft: 5px;
334 border-bottom-right-radius: 5px;
335 border-bottom-left-radius: 5px;
336 }
337
338 #license-manager .license-input .btn {
339 text-decoration: none;
340 }
341
342 #license-manager .license-key-wrap {
343 padding-right: 110px;
344 }
345
346 #license-key {
347 width: 100%;
348 position: relative;
349 font-size: 18px;
350 line-height: 20px;
351 top: -1px;
352 height: 36px;
353 color: #000;
354 }
355
356 #license-submit {
357 float: right;
358 padding: 7px 14px 6px 14px;
359 }
360
361 #plugin-update-block {
362 padding-top: 10px;
363 font-size: 10px;
364 color: #666;
365 max-width: 700px;
366 margin: auto;
367 }
368
369 #plugin-update-block a {
370 color: #000;
371 }
372
373 .purchase-premium {
374 float: right;
375 position: relative;
376 top: -11px;
377 left: 8px;
378 text-decoration: none;
379 font-weight: bold;
380 background: #fffaea;
381 padding: 0px;
382 border-radius: 4px;
383 outline: none;
384 margin-top: 4px;
385 box-shadow: 0 0 8px #fddf67;
386 }
387
388 .purchase-premium .fa {
389 position: relative;
390 margin-right: 3px;
391 margin-left: 3px;
392 }
393
394 /*
395 * Manual Trial Activation
396 */
397 #trial-manual .onp-container {
398 padding: 20px;
399 overflow: hidden;
400 }
401
402 #trial-manual ul {
403 margin: 0px;
404 padding: 0px;
405 margin-top: 10px;
406 }
407
408 #trial-manual ul li {
409 margin-bottom: 10px;
410 }
411
412 #trial-manual .license-reponse-code {
413 width: 100%;
414 height: 150px;
415 margin-top: 5px;
416 }
417
418 /*
419 * Manual Key Activation
420 */
421 #activate-key-manual .onp-container {
422 padding: 20px;
423 overflow: hidden;
424 }
425
426 #activate-key-manual ul {
427 margin: 0px;
428 padding: 0px;
429 margin-top: 10px;
430 }
431
432 #activate-key-manual ul li {
433 margin-bottom: 10px;
434 }
435
436 #activate-key-manual .license-reponse-code {
437 width: 100%;
438 height: 150px;
439 margin-top: 5px;
440 }
441
442 /**
443 * FAQ
444 */
445
446 #faq-block {
447 border-top: 1px solid #d7d7d7;
448
449 margin-top: 20px;
450 width: 100%;
451
452 padding: 10px 20px;
453 position: relative;
454 }
455
456 #faq-block .faq-header {
457 border-bottom: 1px dotted #333;
458 display: inline-block;
459 cursor: pointer;
460 font-weight: bold;
461 line-height: 16px;
462 font-size: 13px;
463 color: #333;
464 }
465
466 #faq-block .faq-header:hover {
467 border-bottom: 0px;
468 }
469
470 #faq-block .faq-header:focus, #faq-block .faq-header:active {
471 outline: 0;
472 }
473
474 #faq-block li > div {
475 display: none;
476 }
477
478 #faq-block p {
479 margin: 6px 0 10px 0;
480 font-size: 13px;
481 line-height: 170%;
482 }
483
484 #open-faq {
485 color: #000 !important;
486 text-decoration: none;
487 border-bottom: 1px dotted #000;
488 margin-left: 4px;
489 }
490
491 #open-faq:hover {
492 border-bottom: 0px;
493 }
494
495 .gray-link, .gray-link a {
496 color: #666666 !important;
497 }
498
499 /**
500 * A form to create a customer account
501 */
502
503 .onp-single-block .onp-header {
504 text-align: center;
505 padding: 10px;
506 }
507
508 .onp-single-block .onp-header h4 {
509 font-size: 26px;
510 line-height: 130%;
511 }
512
513 .onp-single-block .onp-container {
514 padding: 50px 60px;
515 border: 1px solid #bbb;
516 position: relative;
517 }
518
519 .onp-single-block .onp-container .onp-container-header {
520 margin-bottom: 20px;
521 }
522
523 .onp-single-block .onp-container .onp-container-header h4 {
524 color: #000;
525 margin: 0px;
526 font-size: 20px;
527 }
528
529 .onp-single-block .onp-container .onp-container-header .onp-key-info {
530 color: #666;
531 }
532
533 .onp-single-block .onp-container .onp-container-header .onp-key-info .fa {
534 color: #777;
535 }
536
537 .onp-single-block .onp-container .onp-container-header .onp-icon {
538 position: absolute;
539 top: 30px;
540 right: 30px;
541 }
542
543 .onp-single-block .onp-container p,
544 .onp-single-block .onp-container li {
545 color: #333;
546 font-size: 14px;
547 }
548
549 .onp-single-block .onp-container p + p {
550 margin-top: 15px;
551 }
552
553 .onp-single-block .onp-container .onp-form {
554 text-align: left;
555 padding: 10px 0 0 0;
556 }
557
558 .onp-single-block #email {
559 font-size: 26px;
560 line-height: 26px;
561 height: 50px;
562 }
563
564 .onp-single-block .checkbox {
565 padding-left: 25px;
566 color: #999;
567 font-style: italic;
568 }
569
570 .onp-single-block .checkbox input {
571 margin-left: -25px;
572 }
573
574 .onp-single-block .onp-actions {
575 padding-top: 20px;
576 }
577
578 .onp-single-block .onp-actions .btn-primary {
579 margin-right: 15px;
580 }
581
582 .onp-single-block .onp-actions a.onp-cancel {
583 text-decoration: none;
584 color: #111;
585 }
586
587 .onp-single-block .onp-actions a.onp-cancel:hover {
588 text-decoration: none;
589 border-bottom: 1px solid #111;
590 background-color: #f9f9f9;
591 }
592
593 .onp-single-block .onp-benefits {
594 padding-left: 25px;
595 margin-top: 15px;
596 list-style: initial;
597 }
598
599 .onp-single-block .onp-login-details {
600
601 }
602
603 .onp-single-block .onp-text-seporator {
604 border-top: 1px solid #eee;
605 margin: 30px 0;
606 }
607
608 #create-account .onp-container {
609 background: #fff url("../img/create-account-bg.png") no-repeat 370px 230px !important;
610 }
611
612 #account-created .onp-step {
613 overflow: hidden;
614 }
615
616 #account-created .onp-steps {
617 padding: 25px 0 20px 10px;
618 }
619
620 #account-created .onp-step + .onp-step {
621 margin-top: 20px;
622 }
623
624 #account-created .onp-step .onp-num {
625 font-size: 25px;
626 line-height: 40px;
627 background-color: #f5f5f5;
628 width: 40px;
629 height: 40px;
630 display: inline-block;
631 border-radius: 7px;
632 text-align: center;
633 -moz-box-sizing: border-box;
634 box-sizing: border-box;
635 margin-right: 10px;
636 vertical-align: middle;
637 font-weight: bolder;
638 font-family: Arial, sans-serif;
639 }
640
641 #account-created .onp-step .onp-desc {
642 width: 490px;
643 display: inline-block;
644 vertical-align: middle;
645 line-height: 150%;
646 }
647
648 #finish .onp-container {
649 background: #fff url("../img/finish.png") no-repeat 0 -90px !important;
650 padding-left: 260px;
651 min-height: 250px;
652
653 border-bottom: 3px solid #ccc;
654 }
655
656 .winp-loader {
657 float: right;
658 width: 32px;
659 }
660