| 1 |
/* General Styles */ |
| 2 |
|
| 3 |
#mm-plugin-options h1 small { line-height: 12px; font-size: 12px; color: #bbb; } |
| 4 |
#mm-plugin-options h2 { margin: 0; padding: 12px 0 12px 15px; font-size: 16px; cursor: pointer; } |
| 5 |
#mm-plugin-options abbr[title] { cursor: help !important; border-bottom: 1px dotted #dfdfdf !important; text-decoration: none !important; } |
| 6 |
|
| 7 |
#mm-plugin-options .notice code { line-height: 1; font-size: 12px; } |
| 8 |
#mm-plugin-options .usp-dismiss-notice { float: right; } |
| 9 |
|
| 10 |
/* Table Styles */ |
| 11 |
|
| 12 |
.mm-table-wrap { margin: 15px; } |
| 13 |
.mm-table-wrap table { padding: 10px 0; } |
| 14 |
.mm-table-wrap td, |
| 15 |
.mm-table-wrap th { padding: 15px; vertical-align: middle; } |
| 16 |
.mm-table-wrap th { width: 25%; } |
| 17 |
|
| 18 |
.mm-table-less-padding table { padding: 20px 0; } |
| 19 |
.mm-table-less-padding th, |
| 20 |
.mm-table-less-padding td { padding: 5px 15px; } |
| 21 |
.mm-table-less-padding th.some-padding, |
| 22 |
.mm-table-less-padding td.some-padding { padding: 10px 15px 0 15px; } |
| 23 |
|
| 24 |
/* Toggle All */ |
| 25 |
|
| 26 |
#mm-panel-toggle { margin: 5px 0; } |
| 27 |
|
| 28 |
/* Support Panel */ |
| 29 |
|
| 30 |
#mm-panel-alert p { margin: 15px; } |
| 31 |
#mm-panel-alert .dismiss-alert { margin: 15px; } |
| 32 |
#mm-panel-alert .dismiss-alert-wrap { display: inline-block; vertical-align: middle; padding: 7px 0 10px 0; } |
| 33 |
#mm-panel-alert .dismiss-alert label { display: inline-block; vertical-align: middle; margin: -2px 15px 0 0; } |
| 34 |
|
| 35 |
/* Overview Panel */ |
| 36 |
|
| 37 |
#mm-panel-overview { |
| 38 |
box-sizing: border-box; width: 100%; overflow: hidden; position: relative; |
| 39 |
background-image: url(../images/usp-logo.jpg); background-repeat: no-repeat; background-position: 20px 50px; background-size: 180px 130px; |
| 40 |
} |
| 41 |
#mm-panel-overview .mm-panel-overview { width: calc(100% - 140px); padding: 0 0 25px 0; } |
| 42 |
#mm-panel-overview .mm-panel-overview p { margin: 0 15px 0 220px } |
| 43 |
#mm-panel-overview .mm-panel-overview ul { margin: 15px 15px 20px 250px; } |
| 44 |
#mm-panel-overview .mm-panel-overview li { margin: 10px 0; list-style-type: disc; } |
| 45 |
|
| 46 |
#mm-panel-overview .mm-panel-overview-pro { |
| 47 |
box-sizing: border-box; display: block; position: absolute; bottom: 20px; right: 20px; width: 100px; height: 100px; |
| 48 |
text-decoration: none; text-align: center; text-indent: -9999em; border: 1px solid #efefef; border-radius: 50%; color: #fff; |
| 49 |
background-color: transparent; background-image: url(../images/usp-pro.png); background-repeat: no-repeat; background-position: center center; background-size: 100px 100px; |
| 50 |
} |
| 51 |
#mm-panel-overview .mm-panel-overview-pro:hover, |
| 52 |
#mm-panel-overview .mm-panel-overview-pro:active { text-decoration: none; } |
| 53 |
|
| 54 |
@media (max-width: 1200px) { |
| 55 |
#mm-panel-overview .mm-panel-overview { width: 100%; } |
| 56 |
} |
| 57 |
|
| 58 |
@media (max-width: 800px) { |
| 59 |
#mm-panel-overview { background-image: none; } |
| 60 |
#mm-panel-overview .mm-panel-overview p { margin-left: 15px; } |
| 61 |
#mm-panel-overview .mm-panel-overview ul { margin-left: 40px; } |
| 62 |
} |
| 63 |
|
| 64 |
/* Inner Panels */ |
| 65 |
|
| 66 |
#mm-plugin-options h3 { margin: 0; padding: 15px 15px 10px 15px; font-size: 16px; color: #333; cursor: pointer; } |
| 67 |
#mm-plugin-options h3:hover { background-color: #FFFFDF; } |
| 68 |
#mm-plugin-options h3::before { |
| 69 |
content: '\f347'; position: relative; top: -3px; |
| 70 |
display: inline-block; vertical-align: middle; margin: 0 5px 0 0; line-height: 1; |
| 71 |
font-family: 'dashicons'; font-weight: normal; font-size: 16px; color: #333; |
| 72 |
} |
| 73 |
#mm-plugin-options h3.toggle-open::before { content: '\f343'; } |
| 74 |
#mm-plugin-options .mm-section-desc { padding: 0 0 10px 0; } |
| 75 |
#mm-plugin-options table.widefat { border-radius: 3px; border-color: #ccc; } |
| 76 |
|
| 77 |
/* Form Controls */ |
| 78 |
|
| 79 |
#mm-plugin-options input[type=text] { width: 80%; } |
| 80 |
#mm-plugin-options input[type=checkbox] { margin-top: -3px; } |
| 81 |
#mm-plugin-options textarea { display: block; width: 90%; } |
| 82 |
#mm-plugin-options .usp-input-short[type=text], |
| 83 |
#mm-plugin-options .small-text[type=number] { width: 100px; margin-right: 5px; } |
| 84 |
#mm-plugin-options .mm-radio-inputs { margin: 7px 0; } |
| 85 |
#mm-plugin-options .usp-upload-image[type=text] { width: calc(100% - 220px); } |
| 86 |
#mm-plugin-options .button-primary { display: block; margin: 12px 0 15px 15px; } |
| 87 |
|
| 88 |
/* Code & Captions */ |
| 89 |
|
| 90 |
#mm-panel-primary .mm-item-desc { margin: 0 0 15px 0; line-height: 1.5; font-size: 14px; color: #777; } |
| 91 |
#mm-panel-primary .mm-item-caption { margin: 3px 0 0 2px; line-height: 1.5; font-size: 12px; color: #777; } |
| 92 |
#mm-panel-primary .mm-item-caption code { line-height: 1; font-size: 10px; color: #666; background-color: rgba(0,0,0,0.05); background: rgba(0,0,0,0.05); } |
| 93 |
|
| 94 |
#mm-plugin-options input[type=checkbox] + span.mm-item-caption { margin: 0; } |
| 95 |
#mm-plugin-options select + span.mm-item-caption { margin: 0; padding: 0 0 0 5px; position: relative; top: 2px; } |
| 96 |
|
| 97 |
/* Shortcodes Panel */ |
| 98 |
|
| 99 |
#mm-panel-secondary .toggle { padding: 0 0 20px 0; } |
| 100 |
#mm-panel-secondary .no-bottom-margin { margin-bottom: 0; } |
| 101 |
|
| 102 |
#mm-panel-secondary p { margin: 15px; } |
| 103 |
#mm-panel-secondary ul { margin: 15px 15px 15px 40px; } |
| 104 |
#mm-panel-secondary li { margin: 10px 0; list-style-type: disc; } |
| 105 |
#mm-panel-secondary code { font-size: 12px; } |
| 106 |
#mm-panel-secondary pre { overflow: auto; margin: 15px; padding: 15px; font: 14px/20px Consolas, Monaco, monospace; color: #eee; background-color: #222; } |
| 107 |
|
| 108 |
/* Restore Defaults */ |
| 109 |
|
| 110 |
#mm-restore-settings p { margin: 15px; } |
| 111 |
#mm-restore-settings p.first-child { margin-top: 5px; } |
| 112 |
#mm-restore-settings label { display: inline-block; vertical-align: middle; position: relative; top: -1px; } |
| 113 |
#mm-restore-settings input.button-primary { display: block; margin: 20px 0 15px 15px; } |
| 114 |
|
| 115 |
/* Custom Form */ |
| 116 |
|
| 117 |
#mm-panel-primary .usp-custom-form-info { padding: 0 0 0 30px; } |
| 118 |
#mm-panel-primary .usp-custom-form-info code { line-height: 1; font-size: 11px; color: #333; background-color: rgba(0,0,0,0.05); background: rgba(0,0,0,0.05); } |
| 119 |
#mm-panel-primary .usp-custom-form-info p { margin: 0; padding: 10px 0; font-size: 12px; } |
| 120 |
#mm-panel-primary .usp-custom-form-info ul { margin: 0 0 0 30px; padding: 0; font-size: 12px; } |
| 121 |
#mm-panel-primary .usp-custom-form-info li { margin: 3px 0; list-style-type: disc; } |
| 122 |
|
| 123 |
/* Category Menu */ |
| 124 |
|
| 125 |
#mm-panel-primary ul.usp-category-options { list-style: none; margin: 20px; padding: 0; } |
| 126 |
#mm-panel-primary ul.usp-category-options ul { margin: 7px 0 7px 30px; list-style: none; } |
| 127 |
#mm-panel-primary ul.usp-category-options li { margin: 6px 0; list-style: none; } |
| 128 |
#mm-panel-primary ul.usp-category-options input[type=checkbox] { margin-top: -1px; } |
| 129 |
|
| 130 |
#mm-panel-primary .usp-cat-toggle-link::before { |
| 131 |
content: '\f347'; position: relative; top: -2px; |
| 132 |
display: inline-block; vertical-align: middle; margin: 0 5px 0 0; line-height: 1; |
| 133 |
font-family: 'dashicons'; font-weight: normal; font-size: 14px; color: #333; |
| 134 |
} |
| 135 |
#mm-panel-primary .usp-cat-toggle-link.toggle-open::before { content: '\f343'; } |
| 136 |
#mm-panel-primary .usp-cat-toggle-link.mm-item-desc { margin: 0; padding: 0 0 15px 0; } |
| 137 |
|
| 138 |
/* Credit Line */ |
| 139 |
|
| 140 |
#mm-plugin-options .postbox:last-child { margin-bottom: 0; } |
| 141 |
#mm-credit-info { margin: 7px 0 10px 3px; font-size: 12px; color: #999; } |
| 142 |
#mm-credit-info a { color: #999; } #mm-credit-info a:hover { color: #777; } |
| 143 |
|
