PluginProbe
MyBookTable Bookstore by Stormhill Media / trunk
MyBookTable Bookstore by Stormhill Media vtrunk
3.6.5 trunk
mybooktable / css / admin-style.css

admin-style.css in MyBookTable Bookstore by Stormhill Media trunk, at css/admin-style.css

1,353 lines 27.5 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1
2 /*---------------------------------------------------------*/
3 /* Metaboxes */
4 /*---------------------------------------------------------*/
5
6 .mbt_book_teaser_field {
7 display: none;
8 padding-bottom: 10px;
9 }
10
11 .mbt_book_teaser_field label {
12 font-size: 14px;
13 font-weight: bold;
14 float: left;
15 margin: 6px 0 0 2px;
16 }
17
18 .mbt_book_teaser_field .mbt_book_teaser_input {
19 margin-left: 92px;
20 display: block;
21 }
22
23 .mbt_book_teaser_field input {
24 width: 100%;
25 }
26
27 .mbt_overview_image_field {
28 display: none;
29 margin-bottom: 10px;
30 font-size: 14px;
31 }
32
33 .mbt_overview_image_field label {
34 font-weight: bold;
35 vertical-align: middle;
36 }
37
38 .mbt_overview_image_field .mbt_overview_image_preview {
39 display: inline-block;
40 vertical-align: middle;
41 margin: 0 5px 0 3px;
42 }
43
44 .mbt_overview_image_field input.button {
45 vertical-align: middle;
46 }
47
48 .post-php.post-type-mbt_book .description {
49 margin: 7px 0 0 0;
50 }
51
52 #mbt_post_author_field:before {
53 content: "\f110";
54 font: 400 20px/1 dashicons;
55 speak: none;
56 display: inline-block;
57 padding: 0 2px 0 0;
58 top: 4px;
59 left: -1px;
60 position: relative;
61 vertical-align: top;
62 -webkit-font-smoothing: antialiased;
63 -moz-osx-font-smoothing: grayscale;
64 text-decoration: none!important;
65 color: #82878c;
66 }
67
68 #mbt_display_mode_field:before {
69 content: "\f177";
70 font: 400 20px/1 dashicons;
71 speak: none;
72 display: inline-block;
73 padding: 0 2px 0 0;
74 top: 4px;
75 left: -1px;
76 position: relative;
77 vertical-align: top;
78 -webkit-font-smoothing: antialiased;
79 -moz-osx-font-smoothing: grayscale;
80 text-decoration: none!important;
81 color: #82878c;
82 }
83
84 @media only screen and (min-width: 850px) {
85 #mbt_post_author {
86 width: 140px;
87 margin-left: 5px;
88 }
89
90 #mbt_display_mode {
91 width: 130px;
92 margin-left: 5px;
93 }
94 }
95
96 .wp-core-ui .button.mbt-colorpicker-clear {
97 margin-left: 10px;
98 }
99
100 #mbt_metadata .inside {
101 padding: 0;
102 margin: 0;
103 border: 1px solid #ddd;
104 border-top: none;
105 border-bottom: 1px solid #eee;
106
107 font-size: 14px;
108 line-height: 1.3;
109 }
110
111 #mbt_metadata table {
112 border-spacing: 0;
113 width: 100%;
114 }
115
116 #mbt_metadata .hndle {
117 border-bottom: 1px solid #ddd;
118 }
119
120 #mbt_metadata .mbt_cover_image_container {
121 text-align: center;
122 padding: 15px;
123 background: #fff;
124 border-right: 1px solid #ccc;
125 border-bottom: 1px solid #ccc;
126 }
127
128 #mbt_metadata .mbt_unique_identifier_container {
129 padding: 15px 25px;
130 background: #f5f5f5;
131 border-bottom: 1px solid #ccc;
132 }
133
134 #mbt_metadata .mbt_show_unique_identifier_container {
135 padding: 10px 17px;
136 background: #f5f5f5;
137 border-bottom: 1px solid #ccc;
138 }
139
140 #mbt_metadata .mbt_unique_identifier_container .description {
141 padding-top: 10px;
142 }
143
144 #mbt_metadata .mbt_unique_identifier_container .mbt_unique_identifier_input {
145 display: block;
146 margin-left: 70px;
147 text-align: center;
148 }
149
150 #mbt_metadata .mbt_unique_identifier_container .mbt_unique_identifier_input .mbt_feedback {
151 font-size: 18px;
152 margin-top: 5px;
153 }
154
155 #mbt_metadata .mbt_unique_identifier_container .mbt_unique_identifier_input input {
156 width: 100%;
157 font-size: 20px;
158 }
159
160 #mbt_metadata .mbt_unique_identifier_container label {
161 display: block;
162 float: left;
163 font-size: 20px;
164 font-weight: bold;
165 width: 70px;
166 padding-top: 5px;
167 }
168
169 #mbt_metadata .mbt-cover-image-title {
170 margin: .5em 0;
171 }
172
173 #mbt_metadata .mbt-book-image {
174 height: 200px;
175 }
176
177 .mbt_metadata_fields {
178 padding: 15px;
179 }
180
181 .mbt_metadata_fields .mbt_metadata_field {
182 padding-bottom: 10px;
183 }
184 .mbt_metadata_fields .mbt_metadata_field:last-child {
185 padding-bottom: 0px;
186 }
187
188 .mbt_metadata_fields .mbt_metadata_field label {
189 padding-right: 10px;
190 font-weight: bold;
191 }
192
193 /* Star rating CSS */
194
195 div.mbt_star_rating_container { display: inline-block; vertical-align: middle; }
196 div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
197 div.rating-cancel,div.rating-cancel a{transition:none;background:url('../images/delete.gif') no-repeat 0 -16px}
198 div.star-rating,div.star-rating a{transition:none;background:url('../images/star.gif') no-repeat 0 0px}
199 div.rating-cancel a,div.star-rating a{transition:none;display:block;width:16px;height:100%;background-position:0 0px;border:0}
200 div.star-rating-on a{background-position:0 -32px!important}
201 div.star-rating-hover a{background-position:0 -16px}
202 div.star-rating-readonly a{cursor:default !important}
203 div.star-rating{background:transparent!important;overflow:hidden!important}
204
205 /* seo metabox */
206
207 .mbt_seo_metabox th {
208 width:18%;
209 font-weight: bold;
210 }
211
212 .mbt_seo_metabox #mbt_seo_title-length,
213 .mbt_seo_metabox #mbt_seo_metadesc-length {
214 color: green;
215 font-weight: bold;
216 }
217
218 .mbt_seo_metabox #mbt_seo_title-length.bad,
219 .mbt_seo_metabox #mbt_seo_metadesc-length.bad {
220 color: red;
221 }
222
223 /* buybuttons metabox */
224
225 #mbt_buybuttons .mbt-buybuttons-note {
226 color: gray;
227 padding-bottom: 5px;
228 }
229
230 #mbt_buybuttons .mbt-buybuttons-note a {
231 opacity: 0.7;
232 }
233
234 #mbt_buybuttons .mbt_buybutton_editor {
235 border: 1px solid #DFDFDF;
236 border-radius: 5px;
237 margin: 5px;
238 background: #F5F5F5;
239 }
240
241 #mbt_buybuttons .mbt_buybutton_editor .mbt_buybutton_editor_header {
242 background: #ececec;
243 border-radius: 5px 5px 0px 0px;
244 padding: 5px;
245 cursor: move;
246 }
247
248 #mbt_buybuttons .mbt_buybutton_editor .mbt_buybutton_title {
249 margin: 5px;
250 font-size: 14px;
251 display: inline-block;
252 }
253
254 #mbt_buybuttons .mbt_buybutton_editor .mbt_buybutton_remover {
255 float: right;
256 }
257
258 #mbt_buybuttons .mbt_buybutton_editor .mbt_buybutton_editor_content {
259 padding: 5px;
260 }
261
262 #mbt_buybuttons .mbt_buybutton_editor .mbt_buybutton_editor_content p {
263 margin: 0.8em 0 0.2em 0;
264 }
265
266 #mbt_buybuttons .mbt_buybutton_editor .mbt_buybutton_editor_footer {
267 background: #ececec;
268 border-radius: 0px 0px 5px 5px;
269 padding: 5px;
270 }
271
272 #mbt_buybuttons .mbt_buybutton_editor .mbt_buybutton_display_title {
273 margin-right: 15px;
274 font-weight: bold;
275 }
276
277 #mbt_buybuttons .mbt_buybutton_editor .mbt_buybutton_display {
278 margin-right: 15px;
279 }
280
281 #mbt_buybuttons .mbt_buybutton_editor textarea {
282 width: 100%;
283 }
284
285 #mbt_series_order .mbt-helper-description, #mbt_book_order .mbt-helper-description {
286 color: #666;
287 font-style: italic;
288 }
289
290 /* Endorsements Metabox */
291
292 .mbt_endorsement_editor label {
293 font-weight: bold;
294 }
295
296 .mbt_endorsement_image_title {
297 margin: 0 0 5px 0;
298 display: block;
299 }
300
301 .mbt_endorsement_image_field {
302 min-height: 80px;
303 width: 110px;
304 margin-right: 10px;
305 float: left;
306 text-align: center;
307 padding: 5px;
308 }
309
310 .mbt_endorsement_name_field {
311 margin-right: 10px;
312 display: inline-block;
313 }
314
315 .mbt_endorsement_name_url_field {
316 display: inline-block;
317 }
318
319 .mbt_endorsement_image_field img {
320 width: 100%;
321 }
322
323 .mbt_endorsements_metabox .mbt_endorsements_editors .mbt_endorsement_editor {
324 border: 1px solid #DFDFDF;
325 border-radius: 5px;
326 margin: 5px;
327 background: #F5F5F5;
328 }
329
330 .mbt_endorsements_metabox .mbt_endorsements_editors .mbt_endorsement_editor .mbt_endorsement_header {
331 background: #ececec;
332 border-radius: 5px 5px 0px 0px;
333 padding: 5px;
334 cursor: move;
335 }
336
337 .mbt_endorsements_metabox .mbt_endorsements_editors .mbt_endorsement_editor textarea {
338 width: 60%;
339 font-weight: normal;
340 }
341
342 .mbt_endorsements_metabox .mbt_endorsements_editors .mbt_endorsement_editor input {
343 font-weight: normal;
344 }
345
346 .mbt_endorsements_metabox .mbt_endorsements_editors .mbt_endorsement_editor .mbt_endorsement_remover {
347 float: right;
348 }
349
350 .mbt_endorsements_metabox .mbt_endorsements_editors .mbt_endorsement_editor .mbt_endorsement_content {
351 padding: 5px;
352 }
353
354 /* Book Club Metabox */
355
356 .mbt_bookclub_metabox .mbt_bookclub_link_editor label {
357 font-weight: bold;
358 }
359
360 @media screen and (min-width: 500px) {
361 .mbt_bookclub_metabox .mbt_bookclub_link_url_field input[type="text"],
362 .mbt_bookclub_metabox .mbt_bookclub_link_text_field input[type="text"],
363 .mbt_bookclub_metabox #mbt_bookclub_video {
364 width: 350px;
365 }
366
367 }
368
369 .mbt_bookclub_metabox .mbt_bookclub_link_editors .mbt_bookclub_link_editor {
370 border: 1px solid #DFDFDF;
371 border-radius: 5px;
372 margin: 5px;
373 background: #F5F5F5;
374 }
375
376 .mbt_bookclub_metabox .mbt_bookclub_link_editors .mbt_bookclub_link_editor .mbt_bookclub_link_header {
377 background: #ececec;
378 border-radius: 5px 5px 0px 0px;
379 padding: 5px;
380 cursor: move;
381 }
382
383 .mbt_bookclub_metabox .mbt_bookclub_link_editors .mbt_bookclub_link_editor textarea {
384 width: 60%;
385 font-weight: normal;
386 }
387
388 .mbt_bookclub_metabox .mbt_bookclub_link_editors .mbt_bookclub_link_editor input {
389 font-weight: normal;
390 }
391
392 .mbt_bookclub_metabox .mbt_bookclub_link_editors .mbt_bookclub_link_editor .mbt_bookclub_link_remover {
393 float: right;
394 }
395
396 .mbt_bookclub_metabox .mbt_bookclub_link_editors .mbt_bookclub_link_editor .mbt_bookclub_link_content {
397 padding: 5px;
398 }
399
400 .mbt_bookclub_metabox .mbt_bookclub_links_description ul {
401 list-style: inside disc;
402 }
403
404 .mbt_bookclub_metabox .mbt_bookclub_video_title {
405 font-size: 1.2em;
406 }
407
408 /* Audio Book Metabox */
409
410 .mbt_audiobook_metabox .mbt_audiobook_link_editor label {
411 font-weight: bold;
412 }
413
414 @media screen and (min-width: 500px) {
415 .mbt_audiobook_metabox .mbt_audiobook_link_url_field input[type="text"],
416 .mbt_audiobook_metabox .mbt_audiobook_link_text_field input[type="text"],
417 .mbt_audiobook_metabox #mbt_audiobook_video {
418 width: 350px;
419 }
420
421 }
422
423 .mbt_audiobook_metabox .mbt_audiobook_link_editors .mbt_audiobook_link_editor {
424 border: 1px solid #DFDFDF;
425 border-radius: 5px;
426 margin: 5px;
427 background: #F5F5F5;
428 }
429
430 .mbt_audiobook_metabox .mbt_audiobook_link_editors .mbt_audiobook_link_editor .mbt_audiobook_link_header {
431 background: #ececec;
432 border-radius: 5px 5px 0px 0px;
433 padding: 5px;
434 cursor: move;
435 }
436
437 .mbt_audiobook_metabox .mbt_audiobook_link_editors .mbt_audiobook_link_editor textarea {
438 width: 60%;
439 font-weight: normal;
440 }
441
442 .mbt_audiobook_metabox .mbt_audiobook_link_editors .mbt_audiobook_link_editor input {
443 font-weight: normal;
444 }
445
446 .mbt_audiobook_metabox .mbt_audiobook_link_editors .mbt_audiobook_link_editor .mbt_audiobook_link_remover {
447 float: right;
448 }
449
450 .mbt_audiobook_metabox .mbt_audiobook_link_editors .mbt_audiobook_link_editor .mbt_audiobook_link_content {
451 padding: 5px;
452 }
453
454 .mbt_audiobook_metabox .mbt_audiobook_links_description ul {
455 list-style: inside disc;
456 }
457
458 .mbt_audiobook_metabox .mbt_audiobook_video_title {
459 font-size: 1.2em;
460 }
461
462 /* Book Section Sorter */
463
464 .mbt_booksection_sorter {
465 background: #ececec;
466 border: 1px solid #DFDFDF;
467 border-radius: 5px;
468 margin: 5px 0;
469 padding: 5px;
470 cursor: move;
471
472 -webkit-touch-callout: none;
473 -webkit-user-select: none;
474 -khtml-user-select: none;
475 -moz-user-select: none;
476 -ms-user-select: none;
477 user-select: none;
478 }
479
480
481
482 /*---------------------------------------------------------*/
483 /* Dashboard Page */
484 /*---------------------------------------------------------*/
485
486 .mbt-dashboard .welcome-video-container {
487 text-align: center;
488 }
489
490 .mbt-dashboard .welcome-video {
491 display: inline-block;
492 text-align: center;
493 }
494
495
496 .mbt-dashboard .buttons-container {
497 margin: 0 auto;
498 text-align: center;
499 }
500
501 .mbt-dashboard .buttons-container .add-new-book {
502 font-family: Helvetica, sans-serif;
503 font-weight: bold;
504 font-size: 16px!important;
505 line-height: 16px!important;
506 vertical-align: middle;
507 color: white;
508 text-align: center;
509 text-decoration: none;
510 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
511
512 border: 1px solid #21759B;
513 border-bottom-color: #1E6A8D;
514 border-radius: 5px;
515 background-color: #21759B;
516 background-image: -webkit-gradient(linear,left top,left bottom,from(#2a95c5),to(#21759b));
517 background-image: -webkit-linear-gradient(top,#2a95c5,#21759b);
518 background-image: -moz-linear-gradient(top,#2a95c5,#21759b);
519 background-image: -ms-linear-gradient(top,#2a95c5,#21759b);
520 background-image: -o-linear-gradient(top,#2a95c5,#21759b);
521 background-image: linear-gradient(to bottom,#2a95c5,#21759b);
522 box-shadow: inset 0 1px 0 rgba(120,200,230,0.5);
523
524 display: inline-block;
525 margin: 0;
526 padding: 6px 15px;
527
528 -webkit-transition-duration: .3s;
529 -moz-transition-duration: .3s;
530 cursor: pointer;
531 }
532
533 .mbt-dashboard .buttons-container .add-new-book:active {
534 background-color: #278AB7;
535 background-image: -webkit-gradient(linear,left top,left bottom,from(#2e9fd2),to(#21759b));
536 background-image: -webkit-linear-gradient(top,#2e9fd2,#21759b);
537 background-image: -moz-linear-gradient(top,#2e9fd2,#21759b);
538 background-image: -ms-linear-gradient(top,#2e9fd2,#21759b);
539 background-image: -o-linear-gradient(top,#2e9fd2,#21759b);
540 background-image: linear-gradient(to bottom,#2e9fd2,#21759b);
541 border-color: #1B607F;
542 box-shadow: inset 0 1px 0 rgba(120,200,230,0.6);
543 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
544
545 opacity: 1;
546 -webkit-transition-duration: .3s;
547 }
548
549 .mbt-dashboard .welcome-panel-promotions h3 {
550 margin-bottom: 10px;
551 }
552
553 .mbt-dashboard .dashboard-contents-left {
554 padding-right: 20px;
555 }
556
557 .mbt-dashboard .welcome-panel-promotions-right h3 {
558 text-align: center;
559 margin-bottom: 20px;
560 }
561
562 .mbt-dashboard .welcome-panel-promotions-right {
563 vertical-align: top;
564 width: 200px;
565 padding: 23px 20px;
566 }
567
568 .mbt-dashboard .welcome-panel-promotions-right img {
569 width: 200px;
570 height: 200px;
571 }
572
573 .mbt-dashboard .welcome-panel-promotions-right .welcome-panel-content {
574 margin-left: 0px;
575 }
576
577 .mbt-dashboard .welcome-panel-promotions-right .welcome-panel-column {
578 width: auto;
579 display: inline-block;
580 }
581
582 .mbt-dashboard .metabox-holder .postbox {
583 width: 40%;
584 float: left;
585 margin: 0px 10px 10px 0px;
586 }
587
588 .mbt-dashboard .metabox-holder #mbt_dashboard_upsell .inside {
589 text-align: center;
590 padding: 15px 10px;
591 }
592
593 .mbt-dashboard .metabox-holder #mbt_dashboard_upsell .inside ul {
594 list-style-type: circle;
595 list-style-position: inside;
596 font-weight: bold;
597 }
598
599 .mbt-dashboard .metabox-holder #mbt_dashboard_upsell .inside h1 {
600 line-height: 1.2;
601 margin: 0px;
602 }
603
604 .mbt-dashboard .metabox-holder #mbt_dashboard_upsell .inside .current-version {
605 color: #21759b;
606 }
607
608 .mbt-dashboard .metabox-holder #mbt_dashboard_upsell .inside .activate-upgrade {
609 padding-top: 10px;
610 font-size: 1.5em;
611 }
612
613 .mbt-dashboard .metabox-holder #mbt_dashboard_upsell .inside .thank-you {
614 padding: 15px 0px 10px 0
615 }
616
617 .mbt-dashboard .mbt-dashboard-table {
618 width: 100%;
619 }
620
621 /*---------------------------------------------------------*/
622 /* Settings Pages */
623 /*---------------------------------------------------------*/
624
625 .mbt_settings .ui-tabs-nav li a {
626 box-shadow: none;
627 }
628
629 .mbt_settings th {
630 width:18%;
631 font-weight: bold;
632 }
633
634 .mbt_settings .mbt-section {
635 border: 1px solid #aaaaaa;
636 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.2);
637 box-shadow: 0 1px 1px rgba(0,0,0,.2);
638 background: #fff;
639 border-radius: 5px;
640 margin-bottom: 20px;
641 }
642
643 .mbt_settings .mbt-section-header {
644 padding: 8px 14px;
645 border-bottom: 1px solid #aaaaaa;
646 font-weight: bold;
647 font-size: 18px;
648 }
649
650 .mbt_settings .mbt-section-content {
651 padding: 10px 15px;
652 }
653
654 /* check reviews */
655
656 .mbt_settings .mbt-check-reviews {
657 margin: 10px 0 0 0;
658 }
659
660 .mbt_settings .mbt-check-reviews .mbt-check-reviews-button {
661 vertical-align: middle;
662 }
663
664 .mbt-check-reviews-checking {
665 position: relative;
666 padding: 0 0 0 25px;
667 }
668
669 .mbt-check-reviews-checking .mbt-check-reviews-spinner {
670 vertical-align: top;
671 position: absolute;
672 top: 50%;
673 left: 10px;
674 margin: -9px 0 0 -9px;
675 display: inline-block;
676 width: 18px;
677 height: 18px;
678
679 background: url('../images/spinner.png') 0px 0px no-repeat;
680 background-size: 100% 100%;
681
682 -webkit-animation-name: mbt-spinner-rotate;
683 -webkit-animation-duration: 2s;
684 -webkit-animation-iteration-count: infinite;
685 -webkit-animation-timing-function: linear;
686 }
687
688 .mbt-check-reviews-results {
689 max-height: 200px;
690 overflow-y: scroll;
691 border: 1px solid #ccc;
692 border-radius: 2px;
693 margin-bottom: 10px;
694 }
695
696 #mbt-check-reviews-results-list {
697 list-style: none;
698 padding: 0;
699 margin: 0;
700 }
701
702 #mbt-check-reviews-results-list li {
703 padding: 8px 12px;
704 margin: 0;
705
706 background: #E1F1F7;
707 border-bottom: 1px solid #bbb;
708 }
709 #mbt-check-reviews-results-list li:last-child {
710 border: none;
711 }
712
713 #mbt-check-reviews-results-list li a:after {
714 content: url('../images/new-window.png');
715 margin-left: 5px;
716 }
717
718 .mbt-check-reviews-noresults {
719 padding: 10px;
720 }
721
722 /* feedback boxes */
723
724 .mbt_feedback_above {
725 padding-bottom: 8px;
726 }
727
728 .mbt_feedback_beside {
729 padding-left: 8px;
730 display: inline-block;
731 }
732
733 .mbt_feedback_loading {
734 position: relative;
735 vertical-align: top;
736 display: inline-block;
737 }
738
739 .mbt_feedback_loading .mbt_feedback_spinner {
740 vertical-align: top;
741 position: absolute;
742 top: 50%;
743 left: 50%;
744 margin: -9px 0 0 -9px;
745 display: inline-block;
746 width: 18px;
747 height: 18px;
748
749 background: url('../images/spinner.png') 0px 0px no-repeat;
750 background-size: 100% 100%;
751
752 -webkit-animation-name: mbt-spinner-rotate;
753 -webkit-animation-duration: 2s;
754 -webkit-animation-iteration-count: infinite;
755 -webkit-animation-timing-function: linear;
756 }
757
758 @-webkit-keyframes mbt-spinner-rotate {
759 from {
760 -webkit-transform:rotate(0deg);
761 }
762 to {
763 -webkit-transform:rotate(360deg);
764 }
765 }
766
767 .mbt_settings div.mbt_feedback_refresh {
768 display: inline-block;
769 vertical-align: bottom;
770 background: url('../images/refresh.png') 0px 0px no-repeat;
771 width: 24px;
772 height: 24px;
773 cursor: pointer;
774 }
775
776 /* success */
777
778 .mbt_admin_message_success {
779 display: inline-block;
780 background: url('../images/success.png') 0px 2px no-repeat;
781 padding-left: 20px;
782 color: #5FA556;
783 }
784
785 .mbt_admin_message_success a,
786 .mbt_admin_message_success a:link,
787 .mbt_admin_message_success a:visited {
788 color: #5FA556;
789 }
790
791 .mbt_admin_message_success a:hover {
792 color: #46773F;
793 }
794
795 input[type=text].mbt_admin_input_success {
796 background: #DCE5B5;
797 border: 1px solid #BEC4A6;
798 }
799
800 /* failure */
801
802 .mbt_admin_message_failure {
803 display: inline-block;
804 background: url('../images/error.png') 0px 2px no-repeat;
805 padding-left: 20px;
806 color: #E66455;
807 }
808
809 .mbt_admin_message_failure a,
810 .mbt_admin_message_failure a:link,
811 .mbt_admin_message_failure a:visited {
812 color: #E66455;
813 }
814 .mbt_admin_message_failure a:hover {
815 color: #AD4B40;
816 }
817
818 input[type=text].mbt_admin_input_failure {
819 background: #FFC1D0;
820 border: 1px solid #D3AEB7;
821 }
822
823 /* warning */
824
825 .mbt_admin_message_warning {
826 display: inline-block;
827 background: url('../images/warning.png') 0px 2px no-repeat;
828 padding-left: 20px;
829 color: #DDA129;
830 }
831
832 .mbt_admin_message_warning a,
833 .mbt_admin_message_warning a:link,
834 .mbt_admin_message_warning a:visited {
835 color: #DDA129;
836 }
837 .mbt_admin_message_warning a:hover {
838 color: #B78622;
839 }
840
841 input[type=text].mbt_admin_input_warning {
842 background: #F8ECD8;
843 border: 1px solid #E9C277;
844 }
845
846 /* affiliate settings */
847
848 .mbt_settings .mbt-affiliate-usedby {
849 padding: 6px;
850
851 font-weight: normal;
852 font-size: 12px;
853 }
854
855 .mbt_settings .mbt-affiliate-usedby ul {
856 padding: 0;
857 margin: 0;
858 }
859
860 .mbt_settings .mbt-affiliate-usedby ul li {
861 list-style-type: disc;
862 list-style-position: inside;
863
864 padding: 0;
865 margin: 6px 0 0 0;
866 }
867
868 .mbt_settings .mbt-default-affiliates {
869 border-top: 1px solid #ddd;
870 padding: 4px 0 15px 0;
871 }
872
873 .mbt_settings .mbt-default-affiliates .mbt-default-affiliates-small {
874 padding-left: 5px;
875 font-size: 10px;
876 }
877
878 .mbt_settings .mbt-integrate-label {
879 width: 120px;
880 display: inline-block;
881 }
882
883 /* display settings */
884
885 .mbt_settings #mbt_style_pack {
886 width: 200px;
887 vertical-align: top;
888 }
889
890 .mbt_settings #mbt_style_pack_preview {
891 display: inline-block;
892 }
893
894 .mbt_settings #mbt_style_pack_preview img {
895 width: 172px;
896 height: 30px;
897 vertical-align: top;
898 }
899
900 .mbt_settings .mbt_reviews_type_disabled,
901 .mbt_settings .mbt_reviews_type_disabled a {
902 color: #888;
903 }
904
905 .mbt_settings .mbt_buybutton_shadowbox {
906 margin-right: 10px;
907 }
908
909 /*---------------------------------------------------------*/
910 /* Help Page */
911 /*---------------------------------------------------------*/
912
913 .mbt_help .mbt_help_title {
914 font-weight: bold;
915 font-size: 25px;
916 }
917
918 .mbt_help .mbt_help_box {
919 border: 1px solid #e5e5e5;
920 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.04);
921 box-shadow: 0 1px 1px rgba(0,0,0,.04);
922 background: #fff;
923 border-radius: 5px;
924 margin-bottom: 20px;
925 }
926
927 .mbt_help .mbt_help_box_title {
928 padding: 8px 14px;
929 border-bottom: 1px solid #eee;
930 font-weight: bold;
931 font-size: 18px;
932 }
933
934 .mbt_help .mbt_help_box_content {
935 padding: 10px 15px;
936 }
937
938 .mbt_help .mbt_help_box_content h3 {
939 margin: 0.5em 0 1em;
940 }
941
942 /* top help links */
943
944 .mbt_help .mbt_help_top_links {
945 padding: 10px 0px 20px 0px;
946 }
947
948 .mbt_help .mbt_help_top_links .mbt_help_link {
949 text-decoration: none;
950 font-size: 18px;
951 line-height: 1.3em;
952 text-align: center;
953 color: #0074a2;
954 position: relative;
955
956 display: block;
957 width: 360px;
958 height: 50px;
959 float: left;
960
961 border: 1px solid #D1E4FF;
962 background: #EAF3FF;
963 padding: 20px 0 20px 65px;
964 margin: 0 5px 5px 0;
965 }
966
967 .mbt_help .mbt_help_top_links .mbt_help_link:hover {
968 color: #0074a2;
969 border: 1px solid #AECEF9;
970 background: #C9DEFC;
971 }
972
973 .mbt_help .mbt_help_top_links .mbt_help_link .mbt_icon {
974 position: absolute;
975 width: 80px;
976 height: 80px;
977 top: 5px;
978 left: 5px;
979 }
980
981 .mbt_help .mbt_help_top_links .mbt_help_link.mbt_apikey .mbt_icon {
982 background: url('../images/help/key.png');
983 }
984
985 .mbt_help .mbt_help_top_links .mbt_help_link.mbt_forum {
986 padding-left: 80px;
987 width: 345px;
988 }
989
990 .mbt_help .mbt_help_top_links .mbt_help_link.mbt_forum .mbt_icon {
991 left: 10px;
992 background: url('../images/help/forum.png');
993 }
994
995 .mbt_help .mbt_help_top_links .mbt_help_link.mbt_develop .mbt_icon {
996 background: url('../images/help/develop.png');
997 }
998
999 /* premium support */
1000
1001 .mbt_help .mbt_get_premium_support {
1002 padding-bottom: 20px;
1003 }
1004
1005 .mbt_help .mbt_get_premium_support a {
1006 font-size: 18px;
1007 font-weight: bold;
1008 padding: 5px 14px;
1009 height: auto;
1010 }
1011
1012 .mbt_help .mbt_premium_support {
1013 padding: 0;
1014 margin: 0;
1015 }
1016
1017 .mbt_help .mbt_premium_support li {
1018 padding: 20px 30px 20px 70px;
1019 margin: 0 5px 5px 0;
1020 height: 20px;
1021 display: block;
1022 position: relative;
1023 }
1024
1025 @media screen and (min-width: 800px) {
1026 .mbt_help .mbt_premium_support li {
1027 display: inline-block;
1028 float: left;
1029 }
1030 }
1031
1032 .mbt_help .mbt_premium_support li .mbt_icon {
1033 position: absolute;
1034 width: 60px;
1035 height: 60px;
1036 top: 0px;
1037 left: 0px;
1038 }
1039
1040 .mbt_help .mbt_premium_support li .mbt_icon.mbt_ticket {
1041 background: url('../images/help/ticket.png');
1042 }
1043
1044 .mbt_help .mbt_premium_support li .mbt_icon.mbt_support {
1045 background: url('../images/help/support.png');
1046 }
1047
1048 .mbt_help .mbt_premium_support li .mbt_icon.mbt_feature {
1049 background: url('../images/help/feature.png');
1050 }
1051
1052 .mbt_help .mbt_premium_support li .mbt_icon.mbt_bug {
1053 background: url('../images/help/bug.png');
1054 }
1055
1056 .mbt_help .mbt_premium_support li a {
1057 text-decoration: none;
1058 font-size: 18px;
1059 }
1060
1061 /* articles */
1062
1063 .mbt_help .mbt_articles {
1064 padding: 0;
1065 margin: 0;
1066 }
1067
1068 .mbt_help .mbt_articles li {
1069 list-style-type: none;
1070 display: block;
1071 width: 180px;
1072 height: 180px;
1073 float: left;
1074 position: relative;
1075
1076 border: 1px solid #A8CBFD;
1077 margin: 0 5px 5px 0;
1078 }
1079
1080 .mbt_help .mbt_articles li img {
1081 width: 100%;
1082 height: 100%;
1083 }
1084
1085 .mbt_help .mbt_articles li a {
1086 text-decoration: none;
1087 font-weight: bold;
1088 font-size: 14px;
1089
1090 display: block;
1091 width: 180px;
1092 height: 180px;
1093 }
1094
1095 .mbt_help .mbt_articles li a span {
1096 background: url('../images/help/bg.png');
1097 border-top: 1px solid #A8CBFD;
1098
1099 width: 180px;
1100 height: 65px;
1101 display: block;
1102 box-sizing: border-box;
1103 padding: 4px 7px;
1104 position: absolute;
1105 bottom: 0;
1106 }
1107
1108 /* video tutorials */
1109
1110 .mbt_help .mbt_video_selector {
1111 box-sizing: border-box;
1112 }
1113
1114 .mbt_help .mbt_video_selector a {
1115 display: block;
1116 padding: 8px 14px 8px 10px;
1117 border-bottom: 1px solid #eee;
1118 font-size: 14px;
1119 box-shadow: none;
1120 color: #0074a2;
1121 font-weight: bold;
1122 text-decoration: none;
1123 }
1124
1125 .mbt_help .mbt_video_selector a:hover {
1126 color: #2ea2cc;
1127 }
1128
1129 .mbt_help .mbt_video_selector a:nth-child(2n+1) {
1130 background-color: #f9f9f9;
1131 }
1132
1133 .mbt_help .mbt_video_display {
1134 box-sizing: border-box;
1135 padding: 10px 15px;
1136 }
1137
1138 .mbt_help .mbt_video_display .mbt_video {
1139 display: none;
1140 }
1141
1142 .mbt_help .mbt_video_display .mbt_video iframe {
1143 width: 640px;
1144 height: 360px;
1145 }
1146
1147 @media screen and (min-width: 1100px) {
1148 .mbt_help .mbt_video_selector {
1149 float: left;
1150 clear: none;
1151 width: 25%;
1152 }
1153
1154 .mbt_help .mbt_video_display {
1155 float: right;
1156 clear: none;
1157 width: 75%;
1158
1159 border-left: 1px solid #eee;
1160 }
1161 }
1162
1163 /*---------------------------------------------------------*/
1164 /* Book Sorting Page */
1165 /*---------------------------------------------------------*/
1166
1167 .mbt_sort_books .mbt_sorting_box {
1168 border: 1px solid #e5e5e5;
1169 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.04);
1170 box-shadow: 0 1px 1px rgba(0,0,0,.04);
1171 background: #fff;
1172 border-radius: 5px;
1173 margin-bottom: 20px;
1174 }
1175
1176 .mbt_sort_books .mbt_sorting_box_title {
1177 padding: 8px 14px;
1178 border-bottom: 1px solid #eee;
1179 font-weight: bold;
1180 font-size: 18px;
1181 }
1182
1183 .mbt_sort_books .mbt_sorting_box_content {
1184 padding: 10px 15px;
1185 }
1186
1187 .mbt_sort_books #mbt_book_attributes {
1188 font-size: 16px;
1189 font-weight: bold;
1190 padding-bottom: 15px;
1191 }
1192
1193 .mbt_sort_books #mbt_book_attribute_adder,
1194 .mbt_sort_books .mbt_book_attribute_remover {
1195 display: inline-block;
1196 width: 25px;
1197 height: 25px;
1198 padding-top: 4px;
1199 padding-left: 2px;
1200 cursor: pointer;
1201 }
1202
1203 .mbt_sort_books #mbt_book_attribute_adder:hover,
1204 .mbt_sort_books .mbt_book_attribute_remover:hover {
1205 text-shadow: 1px 1px #bbb;
1206 }
1207
1208 .mbt_sort_books .mbt_book_attribute_remover {
1209 vertical-align: middle;
1210 margin-left: 5px;
1211 }
1212
1213 .mbt_sort_books #mbt_book_attributes .dashicons {
1214 font-size: 25px;
1215 }
1216
1217 .mbt_sort_books #mbt_manual_book_sorter .mbt_book {
1218 padding: 5px 8px;
1219 border: 1px solid #dfdfdf;
1220 border-radius: 5px;
1221 width: 300px;
1222 cursor: move;
1223
1224 background: #f1f1f1;
1225 background: -webkit-gradient(linear,left bottom,left top,from(#ececec),to(#f9f9f9));
1226 background: -webkit-linear-gradient(bottom,#ececec,#f9f9f9);
1227 background: -moz-linear-gradient(bottom,#ececec,#f9f9f9);
1228 background: -o-linear-gradient(bottom,#ececec,#f9f9f9);
1229 background: linear-gradient(to top,#ececec,#f9f9f9);
1230 }
1231
1232 /*---------------------------------------------------------*/
1233 /* Import Page */
1234 /*---------------------------------------------------------*/
1235
1236 .mbt-import-page .importers .import-system.disabled {
1237 color: #666
1238 }
1239
1240 .mbt-book-importer .mbt-book-importer-error {
1241 font-weight: bold;
1242 }
1243
1244 .mbt-book-importer .import-submit {
1245 margin-top: 10px;
1246 }
1247
1248 .mbt-book-importer .mbt-import-books-preview {
1249 list-style: disc inside none;
1250 }
1251
1252 .mbt-book-importer #mbt-book-import-spinner {
1253 vertical-align: top;
1254
1255 margin-top: 14px;
1256 margin-left: 10px;
1257
1258 display: inline-block;
1259 width: 18px;
1260 height: 18px;
1261
1262 background: url('../images/spinner.png') 0px 0px no-repeat;
1263 background-size: 100% 100%;
1264
1265 -webkit-animation-name: mbt-spinner-rotate;
1266 -webkit-animation-duration: 2s;
1267 -webkit-animation-iteration-count: infinite;
1268 -webkit-animation-timing-function: linear;
1269 }
1270
1271 .mbt-book-importer #mbt-book-import-progress-bar {
1272 width: 300px;
1273 height: 30px;
1274 display: inline-block;
1275 margin-right: 15px;
1276
1277 border: 1px solid #e5e5e5;
1278 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.04);
1279 box-shadow: 0 1px 1px rgba(0,0,0,.04);
1280 background: #fff;
1281 border-radius: 15px;
1282 }
1283
1284 .mbt-book-importer #mbt-book-import-progress-bar-inner {
1285 width: 30px;
1286 height: 30px;
1287 transition: width 0.5s;
1288
1289 background: url('../images/progress-bar.png');
1290 border-radius: 15px;
1291 }
1292
1293 .mbt-book-importer #mbt-book-import-results {
1294 list-style: none;
1295
1296 max-height: 400px;
1297 overflow-y: scroll;
1298 border: 1px solid #bbb;
1299
1300 padding: 0;
1301 margin: 12px 0;
1302 }
1303
1304 .mbt-book-importer #mbt-book-import-results li {
1305 padding: 8px 12px;
1306 margin: 0;
1307
1308 background: #E1F1F7;
1309 border-bottom: 1px solid #bbb;
1310 }
1311 .mbt-book-importer #mbt-book-import-results li:last-child {
1312 border: none;
1313 }
1314
1315 .mbt-book-importer #mbt-book-import-results li.mbt-result-failure {
1316 background: #fdd;
1317 }
1318
1319 .mbt-book-importer #mbt-book-import-results li a:after {
1320 content: url('../images/new-window.png');
1321 margin-left: 5px;
1322 }
1323
1324 /*---------------------------------------------------------*/
1325 /* Taxonomy Pages */
1326 /*---------------------------------------------------------*/
1327
1328 #mbt_tax_image_url {
1329 width: 50%;
1330 }
1331
1332 #mbt_upload_tax_image_button {
1333 width: 80px;
1334 }
1335
1336 #mbt_author_priority_display {
1337 font-weight: bold;
1338 font-size: 20px;
1339 float: left;
1340 width: 100px;
1341 margin: 5px 10px;
1342 }
1343
1344 #mbt_author_priority {
1345 display:none;
1346 }
1347
1348 #mbt_author_priority_slider {
1349 width: 200px;
1350 float: left;
1351 margin: 8px 5px 5px;
1352 }
1353