admin.556d05a9.css
6 years ago
adminGlobal.7cf6f0c2.css
6 years ago
formEditor.c9325320.css
6 years ago
importExport.ed6cce5e.css
6 years ago
index.php
7 years ago
manifest.json
6 years ago
newsletterEditor.7896f55a.css
6 years ago
public.369b5903.css
6 years ago
newsletterEditor.7896f55a.css
1158 lines
| 1 | .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; } |
| 2 | |
| 3 | .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 28px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; } |
| 4 | |
| 5 | .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } |
| 6 | |
| 7 | .select2-container .select2-selection--single .select2-selection__clear { position: relative; } |
| 8 | |
| 9 | .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; } |
| 10 | |
| 11 | .select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; } |
| 12 | |
| 13 | .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; } |
| 14 | |
| 15 | .select2-container .select2-search--inline { float: left; } |
| 16 | |
| 17 | .select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; padding: 0; } |
| 18 | |
| 19 | .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } |
| 20 | |
| 21 | .select2-dropdown { background-color: white; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; } |
| 22 | |
| 23 | .select2-results { display: block; } |
| 24 | |
| 25 | .select2-results__options { list-style: none; margin: 0; padding: 0; } |
| 26 | |
| 27 | .select2-results__option { padding: 6px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; } |
| 28 | |
| 29 | .select2-results__option[aria-selected] { cursor: pointer; } |
| 30 | |
| 31 | .select2-container--open .select2-dropdown { left: 0; } |
| 32 | |
| 33 | .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } |
| 34 | |
| 35 | .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } |
| 36 | |
| 37 | .select2-search--dropdown { display: block; padding: 4px; } |
| 38 | |
| 39 | .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box; } |
| 40 | |
| 41 | .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } |
| 42 | |
| 43 | .select2-search--dropdown.select2-search--hide { display: none; } |
| 44 | |
| 45 | .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); } |
| 46 | |
| 47 | .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; } |
| 48 | |
| 49 | .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; } |
| 50 | |
| 51 | .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } |
| 52 | |
| 53 | .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; } |
| 54 | |
| 55 | .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; } |
| 56 | |
| 57 | .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; } |
| 58 | |
| 59 | .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } |
| 60 | |
| 61 | .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } |
| 62 | |
| 63 | .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; } |
| 64 | |
| 65 | .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; } |
| 66 | |
| 67 | .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; } |
| 68 | |
| 69 | .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } |
| 70 | |
| 71 | .select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; } |
| 72 | |
| 73 | .select2-container--default .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100%; } |
| 74 | |
| 75 | .select2-container--default .select2-selection--multiple .select2-selection__rendered li { list-style: none; } |
| 76 | |
| 77 | .select2-container--default .select2-selection--multiple .select2-selection__placeholder { color: #999; margin-top: 5px; float: left; } |
| 78 | |
| 79 | .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-top: 5px; margin-right: 10px; } |
| 80 | |
| 81 | .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } |
| 82 | |
| 83 | .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } |
| 84 | |
| 85 | .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333; } |
| 86 | |
| 87 | .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline { float: right; } |
| 88 | |
| 89 | .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } |
| 90 | |
| 91 | .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } |
| 92 | |
| 93 | .select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0; } |
| 94 | |
| 95 | .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; } |
| 96 | |
| 97 | .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; } |
| 98 | |
| 99 | .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0; } |
| 100 | |
| 101 | .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } |
| 102 | |
| 103 | .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; } |
| 104 | |
| 105 | .select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; box-shadow: none; -webkit-appearance: textfield; } |
| 106 | |
| 107 | .select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } |
| 108 | |
| 109 | .select2-container--default .select2-results__option[role=group] { padding: 0; } |
| 110 | |
| 111 | .select2-container--default .select2-results__option[aria-disabled=true] { color: #999; } |
| 112 | |
| 113 | .select2-container--default .select2-results__option[aria-selected=true] { background-color: #ddd; } |
| 114 | |
| 115 | .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; } |
| 116 | |
| 117 | .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } |
| 118 | |
| 119 | .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; } |
| 120 | |
| 121 | .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; } |
| 122 | |
| 123 | .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; } |
| 124 | |
| 125 | .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; } |
| 126 | |
| 127 | .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; } |
| 128 | |
| 129 | .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5897fb; color: white; } |
| 130 | |
| 131 | .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; } |
| 132 | |
| 133 | .select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } |
| 134 | |
| 135 | .select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb; } |
| 136 | |
| 137 | .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } |
| 138 | |
| 139 | .select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-right: 10px; } |
| 140 | |
| 141 | .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999; } |
| 142 | |
| 143 | .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); } |
| 144 | |
| 145 | .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } |
| 146 | |
| 147 | .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } |
| 148 | |
| 149 | .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto; } |
| 150 | |
| 151 | .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb; } |
| 152 | |
| 153 | .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none; } |
| 154 | |
| 155 | .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } |
| 156 | |
| 157 | .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } |
| 158 | |
| 159 | .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); } |
| 160 | |
| 161 | .select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0; } |
| 162 | |
| 163 | .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb; } |
| 164 | |
| 165 | .select2-container--classic .select2-selection--multiple .select2-selection__rendered { list-style: none; margin: 0; padding: 0 5px; } |
| 166 | |
| 167 | .select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; } |
| 168 | |
| 169 | .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } |
| 170 | |
| 171 | .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { color: #888; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } |
| 172 | |
| 173 | .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; } |
| 174 | |
| 175 | .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { float: right; } |
| 176 | |
| 177 | .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } |
| 178 | |
| 179 | .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } |
| 180 | |
| 181 | .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb; } |
| 182 | |
| 183 | .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } |
| 184 | |
| 185 | .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } |
| 186 | |
| 187 | .select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0; } |
| 188 | |
| 189 | .select2-container--classic .select2-search--inline .select2-search__field { outline: 0; box-shadow: none; } |
| 190 | |
| 191 | .select2-container--classic .select2-dropdown { background-color: white; border: 1px solid transparent; } |
| 192 | |
| 193 | .select2-container--classic .select2-dropdown--above { border-bottom: none; } |
| 194 | |
| 195 | .select2-container--classic .select2-dropdown--below { border-top: none; } |
| 196 | |
| 197 | .select2-container--classic .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } |
| 198 | |
| 199 | .select2-container--classic .select2-results__option[role=group] { padding: 0; } |
| 200 | |
| 201 | .select2-container--classic .select2-results__option[aria-disabled=true] { color: grey; } |
| 202 | |
| 203 | .select2-container--classic .select2-results__option--highlighted[aria-selected] { background-color: #3875d7; color: white; } |
| 204 | |
| 205 | .select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px; } |
| 206 | |
| 207 | .select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb; } |
| 208 | |
| 209 | /*** |
| 210 | Spectrum Colorpicker v1.8.0 |
| 211 | https://github.com/bgrins/spectrum |
| 212 | Author: Brian Grinstead |
| 213 | License: MIT |
| 214 | ***/ |
| 215 | .sp-container { position: absolute; top: 0; left: 0; display: inline-block; *display: inline; *zoom: 1; /* https://github.com/bgrins/spectrum/issues/40 */ z-index: 9999994; overflow: hidden; } |
| 216 | |
| 217 | .sp-container.sp-flat { position: relative; } |
| 218 | |
| 219 | /* Fix for * { box-sizing: border-box; } */ |
| 220 | .sp-container, .sp-container * { box-sizing: content-box; } |
| 221 | |
| 222 | /* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */ |
| 223 | .sp-top { position: relative; width: 100%; display: inline-block; } |
| 224 | |
| 225 | .sp-top-inner { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } |
| 226 | |
| 227 | .sp-color { position: absolute; top: 0; left: 0; bottom: 0; right: 20%; } |
| 228 | |
| 229 | .sp-hue { position: absolute; top: 0; right: 0; bottom: 0; left: 84%; height: 100%; } |
| 230 | |
| 231 | .sp-clear-enabled .sp-hue { top: 33px; height: 77.5%; } |
| 232 | |
| 233 | .sp-fill { padding-top: 80%; } |
| 234 | |
| 235 | .sp-sat, .sp-val { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } |
| 236 | |
| 237 | .sp-alpha-enabled .sp-top { margin-bottom: 18px; } |
| 238 | |
| 239 | .sp-alpha-enabled .sp-alpha { display: block; } |
| 240 | |
| 241 | .sp-alpha-handle { position: absolute; top: -4px; bottom: -4px; width: 6px; left: 50%; cursor: pointer; border: 1px solid black; background: white; opacity: .8; } |
| 242 | |
| 243 | .sp-alpha { display: none; position: absolute; bottom: -14px; right: 0; left: 0; height: 8px; } |
| 244 | |
| 245 | .sp-alpha-inner { border: solid 1px #333; } |
| 246 | |
| 247 | .sp-clear { display: none; } |
| 248 | |
| 249 | .sp-clear.sp-clear-display { background-position: center; } |
| 250 | |
| 251 | .sp-clear-enabled .sp-clear { display: block; position: absolute; top: 0px; right: 0; bottom: 0; left: 84%; height: 28px; } |
| 252 | |
| 253 | /* Don't allow text selection */ |
| 254 | .sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button { -webkit-user-select: none; -moz-user-select: -moz-none; -o-user-select: none; -ms-user-select: none; user-select: none; } |
| 255 | |
| 256 | .sp-container.sp-input-disabled .sp-input-container { display: none; } |
| 257 | |
| 258 | .sp-container.sp-buttons-disabled .sp-button-container { display: none; } |
| 259 | |
| 260 | .sp-container.sp-palette-buttons-disabled .sp-palette-button-container { display: none; } |
| 261 | |
| 262 | .sp-palette-only .sp-picker-container { display: none; } |
| 263 | |
| 264 | .sp-palette-disabled .sp-palette-container { display: none; } |
| 265 | |
| 266 | .sp-initial-disabled .sp-initial { display: none; } |
| 267 | |
| 268 | /* Gradients for hue, saturation and value instead of images. Not pretty... but it works */ |
| 269 | .sp-sat { background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)"; filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81'); } |
| 270 | |
| 271 | .sp-val { background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000'); } |
| 272 | |
| 273 | .sp-hue { background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); } |
| 274 | |
| 275 | /* IE filters do not support multiple color stops. Generate 6 divs, line them up, and do two color gradients for each. Yes, really. */ |
| 276 | .sp-1 { height: 17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00'); } |
| 277 | |
| 278 | .sp-2 { height: 16%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00'); } |
| 279 | |
| 280 | .sp-3 { height: 17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff'); } |
| 281 | |
| 282 | .sp-4 { height: 17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff'); } |
| 283 | |
| 284 | .sp-5 { height: 16%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff'); } |
| 285 | |
| 286 | .sp-6 { height: 17%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000'); } |
| 287 | |
| 288 | .sp-hidden { display: none !important; } |
| 289 | |
| 290 | /* Clearfix hack */ |
| 291 | .sp-cf:before, .sp-cf:after { content: ""; display: table; } |
| 292 | |
| 293 | .sp-cf:after { clear: both; } |
| 294 | |
| 295 | .sp-cf { *zoom: 1; } |
| 296 | |
| 297 | /* Mobile devices, make hue slider bigger so it is easier to slide */ |
| 298 | @media (max-device-width: 480px) { .sp-color { right: 40%; } |
| 299 | .sp-hue { left: 63%; } |
| 300 | .sp-fill { padding-top: 60%; } } |
| 301 | |
| 302 | .sp-dragger { border-radius: 5px; height: 5px; width: 5px; border: 1px solid #fff; background: #000; cursor: pointer; position: absolute; top: 0; left: 0; } |
| 303 | |
| 304 | .sp-slider { position: absolute; top: 0; cursor: pointer; height: 3px; left: -1px; right: -1px; border: 1px solid #000; background: white; opacity: .8; } |
| 305 | |
| 306 | /* |
| 307 | Theme authors: |
| 308 | Here are the basic themeable display options (colors, fonts, global widths). |
| 309 | See http://bgrins.github.io/spectrum/themes/ for instructions. |
| 310 | */ |
| 311 | .sp-container { border-radius: 0; background-color: #ECECEC; border: solid 1px #f0c49B; padding: 0; } |
| 312 | |
| 313 | .sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear { font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; -ms-box-sizing: border-box; box-sizing: border-box; } |
| 314 | |
| 315 | .sp-top { margin-bottom: 3px; } |
| 316 | |
| 317 | .sp-color, .sp-hue, .sp-clear { border: solid 1px #666; } |
| 318 | |
| 319 | /* Input */ |
| 320 | .sp-input-container { float: right; width: 100px; margin-bottom: 4px; } |
| 321 | |
| 322 | .sp-initial-disabled .sp-input-container { width: 100%; } |
| 323 | |
| 324 | .sp-input { font-size: 12px !important; border: 1px inset; padding: 4px 5px; margin: 0; width: 100%; background: transparent; border-radius: 3px; color: #222; } |
| 325 | |
| 326 | .sp-input:focus { border: 1px solid orange; } |
| 327 | |
| 328 | .sp-input.sp-validation-error { border: 1px solid red; background: #fdd; } |
| 329 | |
| 330 | .sp-picker-container, .sp-palette-container { float: left; position: relative; padding: 10px; padding-bottom: 300px; margin-bottom: -290px; } |
| 331 | |
| 332 | .sp-picker-container { width: 172px; border-left: solid 1px #fff; } |
| 333 | |
| 334 | /* Palettes */ |
| 335 | .sp-palette-container { border-right: solid 1px #ccc; } |
| 336 | |
| 337 | .sp-palette-only .sp-palette-container { border: 0; } |
| 338 | |
| 339 | .sp-palette .sp-thumb-el { display: block; position: relative; float: left; width: 24px; height: 15px; margin: 3px; cursor: pointer; border: solid 2px transparent; } |
| 340 | |
| 341 | .sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active { border-color: orange; } |
| 342 | |
| 343 | .sp-thumb-el { position: relative; } |
| 344 | |
| 345 | /* Initial */ |
| 346 | .sp-initial { float: left; border: solid 1px #333; } |
| 347 | |
| 348 | .sp-initial span { width: 30px; height: 25px; border: none; display: block; float: left; margin: 0; } |
| 349 | |
| 350 | .sp-initial .sp-clear-display { background-position: center; } |
| 351 | |
| 352 | /* Buttons */ |
| 353 | .sp-palette-button-container, .sp-button-container { float: right; } |
| 354 | |
| 355 | /* Replacer (the little preview div that shows up instead of the <input>) */ |
| 356 | .sp-replacer { margin: 0; overflow: hidden; cursor: pointer; padding: 4px; display: inline-block; *zoom: 1; *display: inline; border: solid 1px #91765d; background: #eee; color: #333; vertical-align: middle; } |
| 357 | |
| 358 | .sp-replacer:hover, .sp-replacer.sp-active { border-color: #F0C49B; color: #111; } |
| 359 | |
| 360 | .sp-replacer.sp-disabled { cursor: default; border-color: silver; color: silver; } |
| 361 | |
| 362 | .sp-dd { padding: 2px 0; height: 16px; line-height: 16px; float: left; font-size: 10px; } |
| 363 | |
| 364 | .sp-preview { position: relative; width: 25px; height: 20px; border: solid 1px #222; margin-right: 5px; float: left; z-index: 0; } |
| 365 | |
| 366 | .sp-palette { *width: 220px; max-width: 220px; } |
| 367 | |
| 368 | .sp-palette .sp-thumb-el { width: 16px; height: 16px; margin: 2px 1px; border: solid 1px #d0d0d0; } |
| 369 | |
| 370 | .sp-container { padding-bottom: 0; } |
| 371 | |
| 372 | /* Buttons: http://hellohappy.org/css3-buttons/ */ |
| 373 | .sp-container button { background-color: #eeeeee; background-image: linear-gradient(to bottom, #eeeeee, #cccccc); border: 1px solid #ccc; border-bottom: 1px solid #bbb; border-radius: 3px; color: #333; font-size: 14px; line-height: 1; padding: 5px 4px; text-align: center; text-shadow: 0 1px 0 #eee; vertical-align: middle; } |
| 374 | |
| 375 | .sp-container button:hover { background-color: #dddddd; background-image: linear-gradient(to bottom, #dddddd, #bbbbbb); border: 1px solid #bbb; border-bottom: 1px solid #999; cursor: pointer; text-shadow: 0 1px 0 #ddd; } |
| 376 | |
| 377 | .sp-container button:active { border: 1px solid #aaa; border-bottom: 1px solid #888; -ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; -o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; } |
| 378 | |
| 379 | .sp-cancel { font-size: 11px; color: #d93f3f !important; margin: 0; padding: 2px; margin-right: 5px; vertical-align: middle; text-decoration: none; } |
| 380 | |
| 381 | .sp-cancel:hover { color: #d93f3f !important; text-decoration: underline; } |
| 382 | |
| 383 | .sp-palette span:hover, .sp-palette span.sp-thumb-active { border-color: #000; } |
| 384 | |
| 385 | .sp-preview, .sp-alpha, .sp-thumb-el { position: relative; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); } |
| 386 | |
| 387 | .sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } |
| 388 | |
| 389 | .sp-palette .sp-thumb-inner { background-position: 50% 50%; background-repeat: no-repeat; } |
| 390 | |
| 391 | .sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=); } |
| 392 | |
| 393 | .sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=); } |
| 394 | |
| 395 | .sp-clear-display { background-repeat: no-repeat; background-position: center; background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==); } |
| 396 | |
| 397 | @-webkit-keyframes fadeIn { 0% { opacity: .3; } |
| 398 | 100% { opacity: 1; } } |
| 399 | |
| 400 | @keyframes fadeIn { 0% { opacity: .3; } |
| 401 | 100% { opacity: 1; } } |
| 402 | |
| 403 | a { color: #2ea1cd; text-decoration: none; } |
| 404 | |
| 405 | .mailpoet_hidden { display: none !important; } |
| 406 | |
| 407 | input.mailpoet_color { width: 5em; } |
| 408 | |
| 409 | select.mailpoet_font-family { width: 8em; } |
| 410 | |
| 411 | select.mailpoet_font-size { width: 5em; } |
| 412 | |
| 413 | .mailpoet_input, .mailpoet_select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 1px; box-shadow: none !important; line-height: 22px; padding: 3px; } |
| 414 | |
| 415 | .mailpoet_input { border: 1px solid #e5e5e5; width: 283px; } |
| 416 | |
| 417 | .mailpoet_input_small { width: 58px; } |
| 418 | |
| 419 | .mailpoet_input_medium { width: 150px; } |
| 420 | |
| 421 | .mailpoet_input_full { box-sizing: border-box; margin: 0; width: 100%; } |
| 422 | |
| 423 | .mailpoet_range { -webkit-appearance: none; padding: 0; vertical-align: middle; width: 283px; } |
| 424 | |
| 425 | .mailpoet_range:focus { outline: none; } |
| 426 | |
| 427 | .mailpoet_range::-webkit-slider-runnable-track { background: white; border: 1px solid #ddd; border-radius: 3px; cursor: pointer; height: 12px; width: 100%; } |
| 428 | |
| 429 | .mailpoet_range::-webkit-slider-thumb { -webkit-appearance: none; background: #a4a4a4; border: 1px solid #333; border-radius: 3px; cursor: pointer; height: 26px; margin-top: -8.66667px; width: 13px; } |
| 430 | |
| 431 | .mailpoet_range:hover::-webkit-slider-thumb { background: #0074a2; } |
| 432 | |
| 433 | .mailpoet_range::-moz-range-track { background: white; border: 1px solid #ddd; border-radius: 3px; cursor: pointer; height: 12px; width: 100%; } |
| 434 | |
| 435 | .mailpoet_range::-moz-range-thumb { background: #a4a4a4; border: 1px solid #333; border-radius: 3px; cursor: pointer; height: 26px; width: 13px; } |
| 436 | |
| 437 | .mailpoet_range:hover::-moz-range-thumb { background: #0074a2; } |
| 438 | |
| 439 | .mailpoet_range::-ms-fill-lower { background: white; border: 1px solid #ddd; } |
| 440 | |
| 441 | .mailpoet_range::-ms-fill-upper { background: white; border: 1px solid #ddd; } |
| 442 | |
| 443 | .mailpoet_range::-ms-track { background: transparent; border-color: transparent; border-width: 24px 0; color: transparent; cursor: pointer; height: 12px; width: 100%; } |
| 444 | |
| 445 | .mailpoet_range::-ms-thumb { background: #a4a4a4; border: 1px solid #333; border-radius: 3px; cursor: pointer; height: 26px; width: 13px; } |
| 446 | |
| 447 | .mailpoet_range:hover::-ms-thumb { background: #0074a2; } |
| 448 | |
| 449 | .mailpoet_range:focus::-ms-fill-lower { background: white; border: 1px solid #ddd; } |
| 450 | |
| 451 | .mailpoet_range:focus::-ms-fill-upper { background: white; border: 1px solid #ddd; } |
| 452 | |
| 453 | .mailpoet_range_small { width: 100px; } |
| 454 | |
| 455 | .mailpoet_range_medium { width: 180px; } |
| 456 | |
| 457 | .mailpoet_select { border-color: #e5e5e5; color: #656565; margin: 0; } |
| 458 | |
| 459 | .mailpoet_select_large { width: 139px; } |
| 460 | |
| 461 | .mailpoet_select_medium { width: 103px; } |
| 462 | |
| 463 | .mailpoet_select_small { width: 68px; } |
| 464 | |
| 465 | .mailpoet_select_half_width { width: 50%; } |
| 466 | |
| 467 | #mailpoet_editor_content ol, #mailpoet_editor_content ul { padding-left: 40px; } |
| 468 | |
| 469 | #mailpoet_editor_content ul { list-style-type: disc; } |
| 470 | |
| 471 | #mailpoet_editor_content ul ul { list-style-type: circle; } |
| 472 | |
| 473 | #mailpoet_editor_content ul ul ul { list-style-type: square; } |
| 474 | |
| 475 | .mailpoet_button { background-color: #f8f8f8; border: 1px solid #ddd; border-radius: 3px; color: #a4a4a4; line-height: normal; margin: 0; padding: 6px 20px; vertical-align: top; } |
| 476 | |
| 477 | .mailpoet_button_full { box-sizing: border-box; width: 100%; } |
| 478 | |
| 479 | .tooltip-help-designer-subject-line div, .tooltip-help-designer-preheader div { z-index: 100001; } |
| 480 | |
| 481 | .tooltip-help-send-preview { color: #fff; margin-top: -10px; position: absolute; right: 4px; top: 50%; } |
| 482 | |
| 483 | .tooltip-help-designer-ideal-width { color: #656565; font-weight: normal; margin-left: 5px; text-transform: none; } |
| 484 | |
| 485 | .tooltip-help-designer-full-width .dashicons { line-height: 34px; } |
| 486 | |
| 487 | .tooltip-help-designer-full-width span { line-height: 1.4em; } |
| 488 | |
| 489 | .mailpoet_button_primary { background-color: #2ea1cd; border-color: #0074a2; color: white; } |
| 490 | |
| 491 | .mailpoet_button_primary:hover { background-color: #1e8cbe; } |
| 492 | |
| 493 | .mailpoet_button_group { display: inline; } |
| 494 | |
| 495 | .mailpoet_button_group .mailpoet_button:first-child { border-bottom-right-radius: 0; border-top-right-radius: 0; margin-right: 0; padding: 6px 12px; } |
| 496 | |
| 497 | .mailpoet_button_group .mailpoet_button:last-child { border-bottom-left-radius: 0; border-left: 0; border-top-left-radius: 0; margin-left: 0; padding-left: 10px; padding-right: 10px; } |
| 498 | |
| 499 | .mailpoet_text_content p { margin: 1em 0; } |
| 500 | |
| 501 | .mailpoet_separator { margin: 17px 20px; } |
| 502 | |
| 503 | .mailpoet_option_offset_left_small { margin-left: 10px; } |
| 504 | |
| 505 | input.mailpoet_option_offset_left_small { margin-left: 10px !important; } |
| 506 | |
| 507 | .mailpoet_form_narrow_select2 span.select2-container { width: 103px !important; } |
| 508 | |
| 509 | span.select2-container--open > span.select2-dropdown { min-width: 150px; } |
| 510 | |
| 511 | span.select2-container--open > span.select2-dropdown li.select2-results__option { font-size: 13px; margin: 0 !important; } |
| 512 | |
| 513 | span.select2-container--open > span.select2-dropdown li.select2-results__option .select2-results__group { color: #bfbfbf; font-weight: normal; } |
| 514 | |
| 515 | span.select2-container--open > span.select2-dropdown li.select2-results__option .select2-results__option { font-size: 13px; padding-left: 15px; } |
| 516 | |
| 517 | span.select2-container--open > span.select2-dropdown li.select2-results__option .select2-results__option[aria-selected=true] { background-color: #eee; color: #444; } |
| 518 | |
| 519 | .mailpoet_settings_notice { color: #999; } |
| 520 | |
| 521 | #mailpoet_editor { clear: both; width: 100%; } |
| 522 | |
| 523 | #mailpoet_editor_heading_left { float: left; } |
| 524 | |
| 525 | #mailpoet_editor_heading_right { float: right; } |
| 526 | |
| 527 | #mailpoet_editor_heading { clear: both; margin-bottom: 13px; margin-left: 2px; padding-left: 15px; } |
| 528 | |
| 529 | #mailpoet_editor_main_wrapper { border: 1px solid #ddd; border-left: 0; min-width: 1050px; position: relative; } |
| 530 | |
| 531 | #mailpoet_editor_content_container { box-sizing: border-box; padding-right: 330px; width: 100%; } |
| 532 | |
| 533 | #mailpoet_editor_sidebar { box-sizing: border-box; float: right; width: 330px; } |
| 534 | |
| 535 | .mailpoet_newsletter_wrapper { margin: auto; max-width: 660px; position: relative; width: 660px; } |
| 536 | |
| 537 | .mailpoet_form_field { margin-bottom: 15px; margin-top: 15px; } |
| 538 | |
| 539 | .mailpoet_form_field_title { clear: both; margin-bottom: 5px; } |
| 540 | |
| 541 | .mailpoet_form_field_title_small { width: 120px; } |
| 542 | |
| 543 | .mailpoet_form_field_title_inline { display: inline-block; margin-bottom: 0; margin-top: 6px; } |
| 544 | |
| 545 | .mailpoet_form_field_optional { color: #a4a4a4; font-size: .8em; } |
| 546 | |
| 547 | .mailpoet_form_field_radio_option, .mailpoet_form_field_checkbox_option { display: inline-block; line-height: 30px; margin-right: 5px; vertical-align: top; } |
| 548 | |
| 549 | .mailpoet_form_field_radio_option:last-child, .mailpoet_form_field_checkbox_option:last-child { margin-right: 0; } |
| 550 | |
| 551 | .mailpoet_form_field_input_option { display: inline-block; } |
| 552 | |
| 553 | .mailpoet_form_field_input_option input[type=checkbox] { vertical-align: top; } |
| 554 | |
| 555 | .mailpoet_form_field_input_option input[type=text] { vertical-align: middle; } |
| 556 | |
| 557 | .mailpoet_form_field_block { display: block; } |
| 558 | |
| 559 | .mailpoet_heading_form_field { margin-bottom: 5px; margin-top: 5px; } |
| 560 | |
| 561 | .mailpoet_input_title, .mailpoet_input_preheader { line-height: normal; padding: 3px; width: 500px; } |
| 562 | |
| 563 | .mailpoet_input_title { font-size: 23px; } |
| 564 | |
| 565 | .mailpoet_breadcrumbs { float: left; font-size: .9em; margin-bottom: 13px; margin-left: 17px; text-transform: uppercase; } |
| 566 | |
| 567 | .mailpoet_breadcrumbs p { margin: 0; } |
| 568 | |
| 569 | #mailpoet_heading_email_type { width: 200px; } |
| 570 | |
| 571 | .mailpoet_heading_wc_template_description { color: #666; font-style: italic; max-width: 800px; } |
| 572 | |
| 573 | .mailpoet_history_wrapper { display: flex; padding: 12px 20px; } |
| 574 | |
| 575 | .mailpoet_history_arrow { cursor: pointer; margin-right: 20px; } |
| 576 | |
| 577 | .mailpoet_history_arrow svg { display: inline-block; height: 26px; stroke: #0074a2; vertical-align: top; width: 26px; } |
| 578 | |
| 579 | .mailpoet_history_arrow_inactive { cursor: not-allowed; } |
| 580 | |
| 581 | .mailpoet_history_arrow_inactive svg { stroke: #a4a4a4; } |
| 582 | |
| 583 | #mailpoet_editor_sidebar { border-bottom: #ddd; border-left: #ddd; color: #656565; font-size: 13px; } |
| 584 | |
| 585 | #mailpoet_editor_sidebar .mailpoet_sidebar_region { border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 0; border-top: 0; margin-bottom: 0; } |
| 586 | |
| 587 | #mailpoet_editor_sidebar .mailpoet_sidebar_region.closed .mailpoet_region_content { display: none; } |
| 588 | |
| 589 | #mailpoet_editor_sidebar .mailpoet_region_content { margin-top: 12px; padding: 0 20px; } |
| 590 | |
| 591 | #mailpoet_editor_sidebar, #mailpoet_editor_sidebar .postbox { background-color: #f8f8f8; } |
| 592 | |
| 593 | #mailpoet_editor_sidebar .postbox { padding-bottom: 20px; } |
| 594 | |
| 595 | #mailpoet_editor_sidebar .postbox.closed { padding-bottom: 0; } |
| 596 | |
| 597 | #mailpoet_editor_sidebar .postbox.closed h3 { color: #a4a4a4; cursor: pointer; } |
| 598 | |
| 599 | #mailpoet_editor_sidebar .postbox h3, #mailpoet_editor_sidebar .postbox:hover h3 { color: #0074a2; margin: 0; padding: 17px 20px; text-transform: uppercase; } |
| 600 | |
| 601 | #mailpoet_editor_sidebar .postbox h3, #mailpoet_editor_sidebar .postbox .handlediv { border: 0; cursor: auto; } |
| 602 | |
| 603 | #mailpoet_editor_sidebar .postbox .handlediv:before { color: #0074a2; content: '\f142'; display: inline-block; font: 400 20px / 1 dashicons; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; right: 18px; speak: none; text-decoration: none !important; top: 18px; } |
| 604 | |
| 605 | #mailpoet_editor_sidebar .postbox.closed .handlediv:before { color: #a4a4a4; content: '\f140'; } |
| 606 | |
| 607 | #mailpoet_editor_sidebar .postbox.closed:hover .handlediv:before { color: #0074a2; } |
| 608 | |
| 609 | .mailpoet_widget { display: inline-block; float: left; padding: 0 13px 15px; text-align: center; width: 70px; } |
| 610 | |
| 611 | .mailpoet_widget:nth-child(3n+1) { clear: left; } |
| 612 | |
| 613 | .mailpoet_widget .mailpoet_widget_icon { background-color: white; border-radius: 3px; box-shadow: 1px 2px #d7d7d7; box-sizing: border-box; color: #a8a8a8; fill: #a8a8a8; height: 70px; line-height: 70px; margin-bottom: 9px; text-align: center; width: 70px; /* Vertically align widget icon glyphs */ } |
| 614 | |
| 615 | .mailpoet_widget .mailpoet_widget_icon > * { font-size: 30px; height: 30px; vertical-align: middle; width: 30px; } |
| 616 | |
| 617 | .mailpoet_widget .mailpoet_widget_icon:hover { border: 1px solid #0074a2; color: #0074a2; fill: #0074a2; } |
| 618 | |
| 619 | .mailpoet_widget.mailpoet_droppable_active { color: #0074a2; fill: #0074a2; } |
| 620 | |
| 621 | .mailpoet_widget.mailpoet_droppable_active .mailpoet_widget_icon { border: 1px solid #0074a2; box-shadow: none; color: #0074a2; fill: #0074a2; } |
| 622 | |
| 623 | .mailpoet_widget.mailpoet_droppable_active .mailpoet_widget_title { display: none; } |
| 624 | |
| 625 | /* Browser preview modal */ |
| 626 | .mailpoet_browser_preview_wrapper { display: flex; flex-direction: column; height: 100%; position: absolute; width: 100%; } |
| 627 | |
| 628 | .mailpoet_browser_preview_toggle { flex: 0 1 auto; height: 30px; padding: 10px 0; position: absolute; text-align: center; top: -30px; width: 100%; } |
| 629 | |
| 630 | .mailpoet_browser_preview_toggle > label { display: inline-block; margin: 0 5px; } |
| 631 | |
| 632 | .mailpoet_browser_preview_container { border: 1px solid #979797; border-radius: 20px; box-sizing: border-box; display: flex; flex: 1 1 auto; flex-direction: column; height: 100%; margin: 15px auto 0; padding: 20px; transition: width .5s; } |
| 633 | |
| 634 | .mailpoet_browser_preview_container_desktop { width: 100%; } |
| 635 | |
| 636 | .mailpoet_browser_preview_container_mobile { width: 350px; } |
| 637 | |
| 638 | .mailpoet_browser_preview_border { border: 1px solid #c3c3c3; box-sizing: border-box; height: 100%; width: 100%; } |
| 639 | |
| 640 | .mailpoet_browser_preview_iframe { display: block; margin: auto; width: calc(100% - 1px); } |
| 641 | |
| 642 | /* Sidepanel */ |
| 643 | .mailpoet_editor_settings { color: #656565; font-size: 13px; } |
| 644 | |
| 645 | .mailpoet_editor_settings p { font-size: 1em; } |
| 646 | |
| 647 | .mailpoet_editor_settings h3 { color: #0074a2; font-size: 1.4em; text-transform: uppercase; } |
| 648 | |
| 649 | .mailpoet_sidepanel_field { margin-bottom: 15px; margin-top: 15px; } |
| 650 | |
| 651 | .mailpoet_sidepanel_field_title { clear: both; margin-bottom: 5px; } |
| 652 | |
| 653 | .mailpoet_sidepanel_field_title_small { width: 120px; } |
| 654 | |
| 655 | .mailpoet_sidepanel_field_title_inline { display: inline-block; line-height: 30px; margin-bottom: 0; vertical-align: middle; } |
| 656 | |
| 657 | .mailpoet_sidepanel_field_optional { color: #a4a4a4; font-size: .8em; } |
| 658 | |
| 659 | .mailpoet_sidepanel_radio_option, .mailpoet_sidepanel_checkbox_option { display: inline-block; line-height: 30px; margin-right: 15px; vertical-align: top; } |
| 660 | |
| 661 | .mailpoet_sidepanel_radio_option:last-child, .mailpoet_sidepanel_checkbox_option:last-child { margin-right: 0; } |
| 662 | |
| 663 | .mailpoet_sidepanel_input_option { display: inline-block; } |
| 664 | |
| 665 | .mailpoet_sidepanel_input_option input[type=checkbox] { vertical-align: top; } |
| 666 | |
| 667 | .mailpoet_sidepanel_input_option input[type=text] { vertical-align: middle; } |
| 668 | |
| 669 | #mailpoet_editor_bottom { margin: 10px 0 120px; } |
| 670 | |
| 671 | .mailpoet_save_wrapper { float: right; margin-bottom: 10px; margin-right: 20px; position: relative; } |
| 672 | |
| 673 | .mailpoet_save_wrapper .mailpoet_save_next { margin-left: 5px; } |
| 674 | |
| 675 | .mailpoet_save_options { background: white; border: 1px solid #ddd; border-radius: 3px; clear: both; margin: 5px 0; overflow: hidden; position: absolute; right: 0; vertical-align: top; white-space: nowrap; z-index: 1000; } |
| 676 | |
| 677 | .mailpoet_save_option { margin: 0; } |
| 678 | |
| 679 | .mailpoet_save_option > a { display: block; line-height: 2em; padding-left: 20px; padding-right: 20px; } |
| 680 | |
| 681 | .mailpoet_save_option:hover { background-color: #2ea1cd; color: white; } |
| 682 | |
| 683 | .mailpoet_save_option:hover > a { color: white; } |
| 684 | |
| 685 | .mailpoet_save_show_options { padding: 6px 3px 4px; } |
| 686 | |
| 687 | .mailpoet_save_show_options_icon { height: 14px; margin-top: -6px; vertical-align: middle; } |
| 688 | |
| 689 | .mailpoet_save_as_template_container, .mailpoet_export_template_container { background-color: white; border: 1px solid #ddd; border-radius: 3px; clear: both; display: inline-block; margin: 5px 0; padding: 0 10px; position: absolute; right: 0; z-index: 1000; } |
| 690 | |
| 691 | .mailpoet_save_as_template_title, .mailpoet_export_template_title { font-size: 1.1em; } |
| 692 | |
| 693 | .mailpoet_save_next, .mailpoet_save_button_group { float: right; } |
| 694 | |
| 695 | .mailpoet_editor_last_saved { color: #a4a4a4; font-size: .9em; margin-top: 10px; text-align: right; } |
| 696 | |
| 697 | .mailpoet_save_woocommerce_customizer_disabled { text-align: right; } |
| 698 | |
| 699 | .mailpoet_save_woocommerce_error { color: #d54e21; margin-top: 10px; text-align: right; } |
| 700 | |
| 701 | .mailpoet_save_error { color: #d54e21; margin-top: 10px; text-align: right; width: 330px; } |
| 702 | |
| 703 | .mailpoet_save_dropdown_down .mailpoet_save_options, .mailpoet_save_dropdown_down .mailpoet_save_as_template_container, .mailpoet_save_dropdown_down .mailpoet_export_template_container { bottom: auto; top: 100%; } |
| 704 | |
| 705 | .mailpoet_save_dropdown_down .mailpoet_save_show_options.mailpoet_save_show_options_active .mailpoet_save_show_options_icon:before { content: '\f142'; } |
| 706 | |
| 707 | .mailpoet_save_dropdown_down .mailpoet_save_show_options_icon:before { content: '\f140'; } |
| 708 | |
| 709 | .mailpoet_save_dropdown_up .mailpoet_save_options, .mailpoet_save_dropdown_up .mailpoet_save_as_template_container, .mailpoet_save_dropdown_up .mailpoet_export_template_container { bottom: 100%; top: auto; } |
| 710 | |
| 711 | .mailpoet_save_dropdown_up .mailpoet_save_show_options.mailpoet_save_show_options_active .mailpoet_save_show_options_icon:before { content: '\f140'; } |
| 712 | |
| 713 | .mailpoet_save_dropdown_up .mailpoet_save_show_options_icon:before { content: '\f142'; } |
| 714 | |
| 715 | .mailpoet_tools { bottom: 100%; left: 50%; overflow: hidden; position: absolute; text-align: right; text-align: center; transform: translateX(-50%); transition: visibility 0s linear 250ms; visibility: hidden; z-index: 20; } |
| 716 | |
| 717 | .mailpoet_tools .mailpoet_tools_slider { background: #0078a2; border-radius: 10px 10px 0 0; display: flex; flex-direction: row; padding: 3px 7px; position: relative; transform: translateY(100%); transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1); } |
| 718 | |
| 719 | .mailpoet_resize_active .mailpoet_tools .mailpoet_tools_slider, .mailpoet_tools.mailpoet_display_tools .mailpoet_tools_slider { transform: translateY(0); transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1), visibility 0s linear; visibility: visible; } |
| 720 | |
| 721 | .mailpoet_tools a { vertical-align: top; } |
| 722 | |
| 723 | .mailpoet_container_horizontal + .mailpoet_tools { bottom: auto; left: 100%; top: -2px; transform: none; } |
| 724 | |
| 725 | .mailpoet_container_horizontal + .mailpoet_tools .mailpoet_tools_slider { background: #7fbbd0; border-radius: 0 10px 10px 0; flex-direction: column; padding: 7px 3px; transform: translateY(0) translateX(-100%); } |
| 726 | |
| 727 | .mailpoet_container_horizontal + .mailpoet_tools.mailpoet_display_tools, .mailpoet_resize_active .mailpoet_container_horizontal + .mailpoet_tools { z-index: 21; } |
| 728 | |
| 729 | .mailpoet_container_horizontal + .mailpoet_tools.mailpoet_display_tools .mailpoet_tools_slider, .mailpoet_resize_active .mailpoet_container_horizontal + .mailpoet_tools .mailpoet_tools_slider { transform: translateY(0) translateX(0); } |
| 730 | |
| 731 | .mailpoet_container_horizontal + .mailpoet_tools .mailpoet_tool { display: block; height: 27px; width: 27px; } |
| 732 | |
| 733 | .mailpoet_container_horizontal + .mailpoet_tools .mailpoet_tool svg { height: 15px; padding: 6px; width: 15px; } |
| 734 | |
| 735 | .mailpoet_container_horizontal + .mailpoet_tools .mailpoet_delete_block { flex-direction: column; } |
| 736 | |
| 737 | .mailpoet_container_horizontal + .mailpoet_tools .mailpoet_delete_block_activate { display: block; max-height: 27px; max-width: none; opacity: 1; } |
| 738 | |
| 739 | .mailpoet_container_horizontal + .mailpoet_tools .mailpoet_delete_block_confirm, .mailpoet_container_horizontal + .mailpoet_tools .mailpoet_delete_block_cancel { display: block; margin: 0; width: 100%; } |
| 740 | |
| 741 | .mailpoet_container_horizontal + .mailpoet_tools .mailpoet_delete_block_activated { height: auto; padding: 0 5px 3px; width: auto; } |
| 742 | |
| 743 | .mailpoet_container_horizontal + .mailpoet_tools .mailpoet_delete_block_activated .mailpoet_delete_block_activate { max-height: 0; opacity: 0; overflow: hidden; } |
| 744 | |
| 745 | .mailpoet_container_horizontal + .mailpoet_tools .mailpoet_delete_block_activated .mailpoet_delete_block_confirm, .mailpoet_container_horizontal + .mailpoet_tools .mailpoet_delete_block_activated .mailpoet_delete_block_cancel { opacity: 1; } |
| 746 | |
| 747 | .mailpoet_tool { display: inline-block; height: 24px; width: 24px; } |
| 748 | |
| 749 | .mailpoet_tool svg { fill: #fff; height: 14px; padding: 5px; vertical-align: top; width: 14px; } |
| 750 | |
| 751 | .mailpoet_tool:hover svg, .mailpoet_tool:focus svg { opacity: .7; } |
| 752 | |
| 753 | .mailpoet_tool .mailpoet_delete_block_confirmation { position: absolute; right: 0; top: 0; width: 200px; } |
| 754 | |
| 755 | .mailpoet_delete_block { border-radius: 3px; display: flex; flex-direction: row-reverse; line-height: 24px; vertical-align: top; white-space: nowrap; transition: background 250ms cubic-bezier(0.42, 0, 0.58, 1); /* ease-in-out */ } |
| 756 | |
| 757 | .mailpoet_delete_block .mailpoet_tool { padding: 0; } |
| 758 | |
| 759 | .mailpoet_delete_block .mailpoet_delete_block_activate { display: inline-block; max-width: 24px; opacity: 1; transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1); /* ease-in-out */ } |
| 760 | |
| 761 | .mailpoet_delete_block .mailpoet_delete_block_confirm, .mailpoet_delete_block .mailpoet_delete_block_cancel { display: inline-block; max-height: 0; max-width: 0; opacity: 0; overflow: hidden; transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1); /* ease-in-out */ } |
| 762 | |
| 763 | .mailpoet_delete_block_activated { background-color: #e64047; height: auto; padding: 0 5px; width: auto; } |
| 764 | |
| 765 | .mailpoet_delete_block_activated .mailpoet_delete_block_activate { max-width: 0; opacity: 0; overflow: hidden; } |
| 766 | |
| 767 | .mailpoet_delete_block_activated .mailpoet_delete_block_confirm, .mailpoet_delete_block_activated .mailpoet_delete_block_cancel { max-height: 20px; max-width: 90px; opacity: 1; } |
| 768 | |
| 769 | .mailpoet_delete_block_activated .mailpoet_delete_block_cancel { margin-left: 3px; } |
| 770 | |
| 771 | .mailpoet_delete_block_confirm { color: white; } |
| 772 | |
| 773 | .mailpoet_delete_block_confirm:hover { color: white; text-decoration: underline; } |
| 774 | |
| 775 | .mailpoet_delete_block_cancel { color: #f4c6c8; } |
| 776 | |
| 777 | .mailpoet_delete_block_cancel:hover { color: #f4c6c8; text-decoration: underline; } |
| 778 | |
| 779 | .mailpoet_container_layer_active .mailpoet_block { opacity: .4; pointer-events: none; } |
| 780 | |
| 781 | .mailpoet_container_layer_active .mailpoet_container_block { opacity: 1; pointer-events: auto; } |
| 782 | |
| 783 | .mailpoet_container_layer_active .mailpoet_container_block > .mailpoet_tools { display: block !important; } |
| 784 | |
| 785 | .mailpoet_container_layer_active > .mailpoet_tools { z-index: 100001 !important; } |
| 786 | |
| 787 | .mailpoet_layer_overlay { background-color: rgba(0, 0, 0, 0.6); height: 100%; left: 0; margin: 0 !important; overflow-x: hidden; overflow-y: auto; position: fixed; top: 0; width: 100%; z-index: 100000; } |
| 788 | |
| 789 | .mailpoet_layer_highlight { background-color: #f1f1f1; pointer-events: none; position: relative; z-index: 100001 !important; } |
| 790 | |
| 791 | .mailpoet_drop_marker { background-color: #0074a2; box-shadow: 0 0 1px 0 #0074a2; min-height: 2px; min-width: 2px; position: absolute; z-index: 1; } |
| 792 | |
| 793 | .mailpoet_drop_marker:before, .mailpoet_drop_marker:after { color: #0074a2; font: 400 40px / 1 dashicons; margin-top: -18px; position: absolute; } |
| 794 | |
| 795 | .mailpoet_drop_marker:before { content: '\f139'; left: -25px; } |
| 796 | |
| 797 | .mailpoet_drop_marker:after { content: '\f141'; right: -23px; } |
| 798 | |
| 799 | .mailpoet_drop_marker.mailpoet_drop_marker_middle, .mailpoet_drop_marker.mailpoet_drop_marker_first.mailpoet_drop_marker_after, .mailpoet_drop_marker.mailpoet_drop_marker_last.mailpoet_drop_marker_before { margin-top: -1px; } |
| 800 | |
| 801 | .mailpoet_drop_marker.mailpoet_drop_marker_last.mailpoet_drop_marker_after { margin-top: -2px; } |
| 802 | |
| 803 | #mailpoet_editor .mailpoet_droppable_active { z-index: 21000; } |
| 804 | |
| 805 | .mailpoet_block.mailpoet_droppable_active { border: 1px dashed #0074a2 !important; width: 660px; } |
| 806 | |
| 807 | .mailpoet_block.mailpoet_droppable_active .mailpoet_tools { display: none !important; } |
| 808 | |
| 809 | .mailpoet_widget.mailpoet_droppable_active { margin: 0; padding: 0; z-index: 2; -webkit-animation-duration: 300ms; animation-duration: 300ms; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } |
| 810 | |
| 811 | .mailpoet_widget.mailpoet_droppable_active .mailpoet_widget_icon { margin: 0; padding: 0; } |
| 812 | |
| 813 | .mailpoet_drop_active > .mailpoet_container > div > .mailpoet_container_empty { background-color: #0074a2; box-shadow: inset 1px 2px 1px #025c80; color: white; } |
| 814 | |
| 815 | .mailpoet_droppable_block { cursor: move; } |
| 816 | |
| 817 | .mailpoet_droppable_block.mailpoet_ignore_drag { cursor: auto; } |
| 818 | |
| 819 | .mailpoet_resize_handle_container { left: 50%; margin-top: -16px; position: absolute; top: 100%; transform: translateX(-50%); z-index: 2; } |
| 820 | |
| 821 | .mailpoet_resize_handle { align-items: center; background: #0078a2; border-radius: 10px; cursor: ns-resize; display: none; justify-content: space-between; min-width: 60px; padding: 7px 10px; z-index: 2; } |
| 822 | |
| 823 | .mailpoet_resize_handle .mailpoet_resize_handle_text, .mailpoet_resize_handle .mailpoet_resize_handle_icon { pointer-events: none; } |
| 824 | |
| 825 | .mailpoet_resizable_block.mailpoet_highlight .mailpoet_resize_handle { display: flex; } |
| 826 | |
| 827 | .mailpoet_resize_handle_text { color: white; font-size: 11px; font-weight: bold; line-height: 1.5em; text-align: center; } |
| 828 | |
| 829 | .mailpoet_resize_handle_icon { line-height: 15px; margin-left: 5px; } |
| 830 | |
| 831 | .mailpoet_resize_handle_icon > svg { fill: white; height: 15px; vertical-align: top; width: 15px; } |
| 832 | |
| 833 | .mailpoet_image_resize_handle_container { bottom: 0; height: 24px; position: absolute; right: 0; width: 24px; } |
| 834 | |
| 835 | .mailpoet_image_resize_handle_container_left { left: 0; right: auto; transform: rotate(90deg); } |
| 836 | |
| 837 | .mailpoet_image_resize_handle { background: #0078a2; border-radius: 6px 0 0; cursor: nwse-resize; display: none; height: 24px; position: relative; width: 24px; z-index: 2; } |
| 838 | |
| 839 | .mailpoet_resizable_block.mailpoet_highlight .mailpoet_image_resize_handle { display: inline-block; } |
| 840 | |
| 841 | .mailpoet_image_resize_handle .mailpoet_image_resize_handle_text, .mailpoet_image_resize_handle .mailpoet_image_resize_handle_icon { pointer-events: none; } |
| 842 | |
| 843 | .mailpoet_image_resize_handle_container_left .mailpoet_image_resize_handle { cursor: nesw-resize; } |
| 844 | |
| 845 | .mailpoet_image_resize_handle_icon { display: block; line-height: 22px; padding: 1px; } |
| 846 | |
| 847 | .mailpoet_image_resize_handle_icon > svg { fill: white; height: 22px; vertical-align: top; width: 22px; } |
| 848 | |
| 849 | .mailpoet_block.mailpoet_image_resize_active > .mailpoet_block_highlight { border: 2px solid #0078a2; } |
| 850 | |
| 851 | .mailpoet_block.mailpoet_image_resize_active > .mailpoet_block_highlight .mailpoet_image_resize_handle { display: inline-block; } |
| 852 | |
| 853 | .mailpoet_block { background-color: inherit; box-sizing: border-box; float: left; padding: 10px 20px; position: relative; } |
| 854 | |
| 855 | .mailpoet_block > .mailpoet_block_highlight { border: 2px solid rgba(255, 255, 255, 0); bottom: 0; left: 0; pointer-events: none; position: absolute; right: 0; top: 0; transition: .3s; z-index: 1; } |
| 856 | |
| 857 | .mailpoet_block.mailpoet_highlight > .mailpoet_block_highlight { border: 2px solid #0078a2 !important; } |
| 858 | |
| 859 | .mailpoet_block > .mailpoet_container_horizontal ~ .mailpoet_block_highlight { bottom: -2px; left: -2px; right: -2px; top: -2px; } |
| 860 | |
| 861 | .mailpoet_block.mailpoet_highlight > .mailpoet_container_horizontal ~ .mailpoet_block_highlight { border: 2px solid #7fbbd0 !important; } |
| 862 | |
| 863 | .mailpoet_content { line-height: 1.6em; position: relative; } |
| 864 | |
| 865 | .mailpoet_content h1, .mailpoet_content h2, .mailpoet_content h3, .mailpoet_content h4, .mailpoet_content h5, .mailpoet_content h6 { font-style: normal; font-weight: normal; line-height: 1.6em; margin: 0 0 .3em; padding: 0; } |
| 866 | |
| 867 | .mailpoet_content p:not(.mailpoet_wp_post) { margin: 0; margin-bottom: 0; margin-top: 0; padding: 0; } |
| 868 | |
| 869 | .mailpoet_content p { font-style: normal; font-weight: normal; line-height: 1.6em; } |
| 870 | |
| 871 | .mailpoet_content ul { margin-bottom: 10px; margin-top: 10px; padding: 0; } |
| 872 | |
| 873 | .mailpoet_content li { font-weight: normal; margin-bottom: 10px; margin-top: 0; } |
| 874 | |
| 875 | .mailpoet_content blockquote { border-left: 2px #565656 solid; margin: 0 0 1.6em; padding-left: 10px; } |
| 876 | |
| 877 | .mailpoet_container { min-height: 15px; position: relative; width: 100%; } |
| 878 | |
| 879 | .mailpoet_container_block { border: 0; box-sizing: border-box; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; position: relative; } |
| 880 | |
| 881 | .mailpoet_container_vertical > * { box-sizing: border-box; width: 100%; } |
| 882 | |
| 883 | .mailpoet_container_horizontal > * { vertical-align: top; } |
| 884 | |
| 885 | #mailpoet_editor_content .mailpoet_container { box-sizing: border-box; float: left; } |
| 886 | |
| 887 | #mailpoet_editor_content > .mailpoet_container_block { border: 0; width: 660px; } |
| 888 | |
| 889 | #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block { padding-bottom: 0; padding-top: 0; } |
| 890 | |
| 891 | #mailpoet_editor_content .mailpoet_container_horizontal > .mailpoet_container_block { padding-bottom: 0; padding-top: 0; width: 660px; } |
| 892 | |
| 893 | #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(2), #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(2) ~ .mailpoet_block, #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container > .mailpoet_posts_block > .mailpoet_posts_container > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(2), #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container > .mailpoet_posts_block > .mailpoet_posts_container > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(2) ~ .mailpoet_block, #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container .mailpoet_automated_latest_content_block_posts .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(2), #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container .mailpoet_automated_latest_content_block_posts .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(2) ~ .mailpoet_block, #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container > .mailpoet_products_block > .mailpoet_products_container > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(2), #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container > .mailpoet_products_block > .mailpoet_products_container > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(2) ~ .mailpoet_block, #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container .mailpoet_automated_latest_content_block_products .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(2), #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container .mailpoet_automated_latest_content_block_products .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(2) ~ .mailpoet_block { width: 330px; } |
| 894 | |
| 895 | #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(3), #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(3) ~ .mailpoet_block, #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container > .mailpoet_posts_block > .mailpoet_posts_container > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(3), #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container > .mailpoet_posts_block > .mailpoet_posts_container > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(3) ~ .mailpoet_block, #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container .mailpoet_automated_latest_content_block_posts .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(3), #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container .mailpoet_automated_latest_content_block_posts .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(3) ~ .mailpoet_block, #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container > .mailpoet_products_block > .mailpoet_products_container > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(3), #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container > .mailpoet_products_block > .mailpoet_products_container > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(3) ~ .mailpoet_block, #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container .mailpoet_automated_latest_content_block_products .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(3), #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container .mailpoet_automated_latest_content_block_products .mailpoet_container_horizontal > .mailpoet_block:first-child:nth-last-child(3) ~ .mailpoet_block { width: 220px; } |
| 896 | |
| 897 | #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal.mailpoet_irregular_width_contents_container.column_layout_1_2 > .mailpoet_container_block:first-child, #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal.mailpoet_irregular_width_contents_container.column_layout_2_1 > .mailpoet_container_block:nth-child(2) { width: 220px; } |
| 898 | |
| 899 | #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal.mailpoet_irregular_width_contents_container.column_layout_2_1 > .mailpoet_container_block:first-child, #mailpoet_editor_content > .mailpoet_container_block > .mailpoet_container > .mailpoet_container_block > .mailpoet_container_horizontal.mailpoet_irregular_width_contents_container.column_layout_1_2 > .mailpoet_container_block:nth-child(2) { width: 440px; } |
| 900 | |
| 901 | .mailpoet_container_empty { background-color: #f2f2f2; border-radius: 3px; box-shadow: inset 1px 2px 1px #a4a4a4; color: #656565; margin: 20px; padding: 15px; text-align: center; transition: background 250ms cubic-bezier(0.42, 0, 0.58, 1); /* ease-in-out */ } |
| 902 | |
| 903 | .mailpoet_automated_latest_content_block { padding: 0; } |
| 904 | |
| 905 | .mailpoet_automated_latest_content_block_overlay { background: rgba(255, 255, 255, 0); height: 100%; position: absolute; transition: background .15s ease-out; width: 100%; z-index: 19; } |
| 906 | |
| 907 | .mailpoet_automated_latest_content_block:hover .mailpoet_automated_latest_content_block_overlay { background: rgba(255, 255, 255, 0.7); cursor: pointer; } |
| 908 | |
| 909 | .mailpoet_automated_latest_content_block_posts { overflow: hidden; pointer-events: none; } |
| 910 | |
| 911 | .mailpoet_automated_latest_content_block_posts > .mailpoet_block { width: 100%; } |
| 912 | |
| 913 | .mailpoet_automated_latest_content_block_posts .mailpoet_container_block { padding-bottom: 0; padding-top: 0; } |
| 914 | |
| 915 | .mailpoet_automated_latest_content_display_options { max-height: 2000px; opacity: 1; overflow-y: inherit; transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1); /* ease-in-out */ } |
| 916 | |
| 917 | .mailpoet_automated_latest_content_display_options.mailpoet_closed { max-height: 0; opacity: 0; } |
| 918 | |
| 919 | .mailpoet_automated_latest_content_show_amount { width: 25px; } |
| 920 | |
| 921 | .mailpoet_automated_latest_content_content_type { width: 180px; } |
| 922 | |
| 923 | .mailpoet_posts_block { padding-left: 0; padding-right: 0; } |
| 924 | |
| 925 | .mailpoet_posts_block_posts { overflow: auto; } |
| 926 | |
| 927 | .mailpoet_posts_block_posts > .mailpoet_block { width: 100%; } |
| 928 | |
| 929 | .mailpoet_post_selection_filter_row { margin-bottom: 5px; margin-top: 5px; } |
| 930 | |
| 931 | .mailpoet_posts_categories_and_tags { width: 100%; } |
| 932 | |
| 933 | .mailpoet_settings_posts_display_options, .mailpoet_settings_posts_selection { max-height: 2000px; opacity: 1; overflow-y: inherit; transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1); /* ease-in-out */ overflow-x: hidden; } |
| 934 | |
| 935 | .mailpoet_settings_posts_display_options.mailpoet_closed, .mailpoet_settings_posts_selection.mailpoet_closed { max-height: 0; opacity: 0; } |
| 936 | |
| 937 | .mailpoet_settings_posts_show_display_options, .mailpoet_settings_posts_show_post_selection { display: block; margin-top: 10px; } |
| 938 | |
| 939 | .mailpoet_post_selection_container { margin-bottom: 0; margin-top: 20px; } |
| 940 | |
| 941 | .mailpoet_post_scroll_container { max-height: 400px; overflow-x: hidden; overflow-y: scroll; } |
| 942 | |
| 943 | .mailpoet_settings_posts_single_post { background-color: white; border: 1px solid #ddd; border-radius: 1px; box-sizing: border-box; height: 38px; line-height: 38px; margin-bottom: 5px; margin-top: 5px; overflow: hidden; width: 100%; } |
| 944 | |
| 945 | .mailpoet_settings_posts_single_post:hover { border-color: #0074a2; } |
| 946 | |
| 947 | .mailpoet_settings_posts_single_post .mailpoet_select_post_checkbox { margin-left: 10px; margin-right: 8px; } |
| 948 | |
| 949 | .mailpoet_post_selection_loading { color: #999; } |
| 950 | |
| 951 | .mailpoet_posts_container > .mailpoet_droppable_block { width: 100%; } |
| 952 | |
| 953 | .mailpoet_products_block { padding-left: 0; padding-right: 0; } |
| 954 | |
| 955 | .mailpoet_products_block_products { overflow: auto; } |
| 956 | |
| 957 | .mailpoet_products_block_products > .mailpoet_block { width: 100%; } |
| 958 | |
| 959 | .mailpoet_product_selection_filter_row { margin-bottom: 5px; margin-top: 5px; } |
| 960 | |
| 961 | .mailpoet_products_categories_and_tags { width: 100%; } |
| 962 | |
| 963 | .mailpoet_settings_products_display_options, .mailpoet_settings_products_selection { max-height: 2000px; opacity: 1; overflow-y: inherit; transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1); /* ease-in-out */ overflow-x: hidden; } |
| 964 | |
| 965 | .mailpoet_settings_products_display_options.mailpoet_closed, .mailpoet_settings_products_selection.mailpoet_closed { max-height: 0; opacity: 0; } |
| 966 | |
| 967 | .mailpoet_settings_products_show_display_options, .mailpoet_settings_products_show_product_selection { display: block; margin-top: 10px; } |
| 968 | |
| 969 | .mailpoet_product_selection_container { margin-bottom: 0; margin-top: 20px; } |
| 970 | |
| 971 | .mailpoet_product_scroll_container { max-height: 400px; overflow-x: hidden; overflow-y: scroll; } |
| 972 | |
| 973 | .mailpoet_settings_products_single_product { background-color: white; border: 1px solid #ddd; border-radius: 1px; box-sizing: border-box; height: 38px; line-height: 38px; margin-bottom: 5px; margin-top: 5px; overflow: hidden; width: 100%; } |
| 974 | |
| 975 | .mailpoet_settings_products_single_product:hover { border-color: #0074a2; } |
| 976 | |
| 977 | .mailpoet_settings_products_single_product .mailpoet_select_product_checkbox { margin-left: 10px; margin-right: 8px; } |
| 978 | |
| 979 | .mailpoet_product_selection_loading { color: #999; } |
| 980 | |
| 981 | .mailpoet_products_container > .mailpoet_droppable_block { width: 100%; } |
| 982 | |
| 983 | .mailpoet_button_block .mailpoet_editor_button { box-sizing: border-box; display: block; line-height: 2em; margin: auto; max-width: 100%; text-align: center; text-decoration: none; } |
| 984 | |
| 985 | .mailpoet_button_block .mailpoet_editor_button:hover { cursor: all-scroll; } |
| 986 | |
| 987 | .mailpoet_divider_block { cursor: all-scroll; padding: 0; } |
| 988 | |
| 989 | .mailpoet_divider { margin-left: 20px; margin-right: 20px; } |
| 990 | |
| 991 | .mailpoet_field_divider_style { border: 1px solid transparent; display: block; margin: auto; max-width: 660px; padding: 10px 0; width: 100%; } |
| 992 | |
| 993 | .mailpoet_field_divider_style:hover { border: 1px solid #0074a2; } |
| 994 | |
| 995 | .mailpoet_active_divider_style { background: #daebf2; border: 1px solid #adadad; } |
| 996 | |
| 997 | .mailpoet_divider_selector img { width: 100%; } |
| 998 | |
| 999 | .mailpoet_image_block img { height: auto; max-width: 100%; vertical-align: bottom; } |
| 1000 | |
| 1001 | .mailpoet_image_block.mailpoet_full_image { margin: auto; padding: 0; } |
| 1002 | |
| 1003 | .mailpoet_image_block .mailpoet_content { margin: auto; max-width: 100%; min-width: 36px; } |
| 1004 | |
| 1005 | .mailpoet_image_block .mailpoet_content a:hover { cursor: all-scroll; } |
| 1006 | |
| 1007 | .mailpoet_social_block .mailpoet_social { text-align: center; } |
| 1008 | |
| 1009 | .mailpoet_social span { display: inline-block; padding: 2px 3px; } |
| 1010 | |
| 1011 | .mailpoet_social span, .mailpoet_social a, .mailpoet_social img { vertical-align: top; } |
| 1012 | |
| 1013 | .mailpoet_social a { cursor: all-scroll; } |
| 1014 | |
| 1015 | .mailpoet_social_icon_set { border: 1px solid transparent; margin-bottom: 5px; padding: 5px; } |
| 1016 | |
| 1017 | .mailpoet_social_icon_set:hover { border: 1px solid #0074a2; } |
| 1018 | |
| 1019 | .mailpoet_social_icon_set img { height: 32px; padding: 2px 3px; vertical-align: middle; width: 32px; } |
| 1020 | |
| 1021 | .mailpoet_active_icon_set { background-color: #daebf2; border: 1px dashed #adadad; } |
| 1022 | |
| 1023 | .mailpoet_social_icon_settings { background: white; border: 1px solid #ddd; margin-bottom: 9px; padding: 28px 9px 8px 9px; position: relative; } |
| 1024 | |
| 1025 | .mailpoet_social_icon_settings_row { clear: both; line-height: 30px; margin-bottom: 10px; overflow: auto; } |
| 1026 | |
| 1027 | .mailpoet_social_icon_settings_label { margin-right: 5px; text-align: left; } |
| 1028 | |
| 1029 | .mailpoet_social_icon_settings_label .mailpoet_social_icon_image { height: 30px; width: 30px; } |
| 1030 | |
| 1031 | .mailpoet_social_icon_settings_label.mailpoet_social_icon_image_label { line-height: initial; } |
| 1032 | |
| 1033 | .mailpoet_social_icon_settings_form_element { float: left; width: 100%; } |
| 1034 | |
| 1035 | .mailpoet_social_icon_settings_form_element input, .mailpoet_social_icon_settings_form_element select { box-sizing: border-box; display: inline-block; height: 30px; margin: 0; vertical-align: middle; width: 100%; } |
| 1036 | |
| 1037 | .mailpoet_social_icon_settings_tool { position: absolute; top: 10px; } |
| 1038 | |
| 1039 | .mailpoet_social_icon_settings_tool .mailpoet_tool_icon { fill: #333; height: 16px; width: 16px; } |
| 1040 | |
| 1041 | .mailpoet_social_icon_settings_tool .mailpoet_tool_icon:hover { fill: #bbb; } |
| 1042 | |
| 1043 | .mailpoet_social_icon_settings_tool .mailpoet_tool_icon:active { fill: #0074a2; } |
| 1044 | |
| 1045 | .mailpoet_social_icon_settings_move_icon { right: 5px; } |
| 1046 | |
| 1047 | .mailpoet_social_icon_settings_delete_icon { right: 26px; } |
| 1048 | |
| 1049 | .mailpoet_spacer { text-align: center; } |
| 1050 | |
| 1051 | .mailpoet_spacer_block { cursor: all-scroll; padding: 0; } |
| 1052 | |
| 1053 | .mailpoet_text_block { padding-left: 0; padding-right: 0; } |
| 1054 | |
| 1055 | .mailpoet_text_block > .mailpoet_content { overflow: hidden; padding: 0 20px; } |
| 1056 | |
| 1057 | .mailpoet_text_block > .mailpoet_content > *:last-child { margin-bottom: 0; } |
| 1058 | |
| 1059 | .mailpoet_header_block { padding: 0; } |
| 1060 | |
| 1061 | .mailpoet_header_block .mailpoet_content { padding: 10px 20px; } |
| 1062 | |
| 1063 | .mailpoet_header_block .mailpoet_content > *:last-child { margin-bottom: 0; } |
| 1064 | |
| 1065 | .mailpoet_footer_block { padding: 0; } |
| 1066 | |
| 1067 | .mailpoet_footer_block .mailpoet_content { padding: 10px 20px; } |
| 1068 | |
| 1069 | .mailpoet_footer_block .mailpoet_content > *:last-child { margin-bottom: 0; } |
| 1070 | |
| 1071 | .mailpoet_woocommerce_heading_overlay { background: rgba(255, 255, 255, 0.7); height: 100%; opacity: 0; position: absolute; transition: opacity .15s ease-out; width: 100%; z-index: 1; } |
| 1072 | |
| 1073 | .mailpoet_woocommerce_heading_overlay:hover { opacity: 1; } |
| 1074 | |
| 1075 | .mailpoet_woocommerce_heading_overlay p { color: black; font-size: 20px; text-align: center; } |
| 1076 | |
| 1077 | .mailpoet_woocommerce_content_overlay { background: rgba(255, 255, 255, 0.7); height: 100%; margin: -10px -20px; opacity: 0; position: absolute; transition: opacity .15s ease-out; width: 100%; z-index: 1; } |
| 1078 | |
| 1079 | .mailpoet_woocommerce_content_overlay:hover { opacity: 1; } |
| 1080 | |
| 1081 | .mailpoet_woocommerce_content_overlay p { color: black; font-size: 20px; text-align: center; } |
| 1082 | |
| 1083 | /* Fix select2 z-index to work with MailPoet.Modal */ |
| 1084 | .select2-dropdown { z-index: 101000 !important; } |
| 1085 | |
| 1086 | /* Remove input field styles from select2 type input */ |
| 1087 | .select2-container { border: none; padding: 0; } |
| 1088 | |
| 1089 | /* Fix select2 input glow and margins that wordpress may insert */ |
| 1090 | .select2 input, .select2 input:focus { border-color: none; box-shadow: none; margin: 0; padding: 0; } |
| 1091 | |
| 1092 | /* Fix width overrides for select2 */ |
| 1093 | .mailpoet_editor_settings .select2-container { width: 100% !important; } |
| 1094 | |
| 1095 | .tox { /* Small style changes to better fit TinyMCE to our editor */ /* Fix for TinyMCE modals are above WP menu */ /* Slightly smaller TinyMCE button */ /* Fix for text type select */ } |
| 1096 | |
| 1097 | .tox.tox-tinymce-inline { border: 1px solid #ddd; border-radius: 3px; box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.05); /* Fix for fixed TinyMCE toolbar to be above WP menu */ z-index: 50001; } |
| 1098 | |
| 1099 | .tox.tox-tinymce-aux { z-index: 99999; } |
| 1100 | |
| 1101 | .tox .tox-toolbar { background-color: #f8f8f8; /* Fix double border on top of TineMCE popup */ } |
| 1102 | |
| 1103 | .tox .tox-toolbar:first-child { border-top: 0; } |
| 1104 | |
| 1105 | .tox .tox-tbtn:not(.tox-tbtn--select) { height: 28px; width: 30px; } |
| 1106 | |
| 1107 | .tox .tox-collection__item-label { line-height: normal; } |
| 1108 | |
| 1109 | /* TinyMCE remove active border from the editor */ |
| 1110 | .mce-edit-focus { outline: none; } |
| 1111 | |
| 1112 | #wpbody-content > * { margin-left: 20px; } |
| 1113 | |
| 1114 | #wpbody-content > .wrap { margin-left: 0; } |
| 1115 | |
| 1116 | #wpcontent { margin-left: 160px; padding-left: 0; } |
| 1117 | |
| 1118 | .folded #wpcontent { margin-left: 36px; } |
| 1119 | |
| 1120 | .wrap { margin-left: 0; margin-right: 0; } |
| 1121 | |
| 1122 | /* Reduce WP admin bar z-index in order for TinyMCE toolbar to be visible */ |
| 1123 | #wpadminbar { z-index: 50000; } |
| 1124 | |
| 1125 | /* Allow horizontal scrolling on smaller (tablet/phone) sized screens */ |
| 1126 | body { overflow-x: auto; } |
| 1127 | |
| 1128 | /* Hide the "Details" section of WordPress Media manager */ |
| 1129 | .media-sidebar { display: none; } |
| 1130 | |
| 1131 | #mailpoet-media-manager .attachments-browser .attachments, #mailpoet-media-manager .attachments-browser .uploader-inline { margin-right: 0; } |
| 1132 | |
| 1133 | #mailpoet-media-manager .attachments-browser .attachments, #mailpoet-media-manager .attachments-browser .media-toolbar, #mailpoet-media-manager .attachments-browser .uploader-inline { right: 0; } |
| 1134 | |
| 1135 | /* Remove max width from date selector in WordPress Media Manager */ |
| 1136 | #media-attachment-date-filters { max-width: calc(100% - 12px); } |
| 1137 | |
| 1138 | /* Alter Spectrum color picker to leave only the color preview, without arrows */ |
| 1139 | .sp-replacer { border: 0; border-radius: 3px; box-shadow: 1px 2px #d7d7d7; padding: 0; } |
| 1140 | |
| 1141 | .sp-preview { border-width: 0; height: 25px; margin-right: 0; width: 25px; } |
| 1142 | |
| 1143 | .sp-dd { display: none; } |
| 1144 | |
| 1145 | /* Sidepanel overrides */ |
| 1146 | .mailpoet_panel_body { margin: 19px; padding: 0; } |
| 1147 | |
| 1148 | .mailpoet_panel_body .mailpoet_editor_settings h3 { margin-top: 0; } |
| 1149 | |
| 1150 | .mailpoet_panel_wrapper { background-color: #f8f8f8; border: 1px solid #ddd; } |
| 1151 | |
| 1152 | .wrap > .mailpoet_notice, .notice, .update-nag { margin-left: 17px !important; margin-right: 20px !important; } |
| 1153 | |
| 1154 | /* Make a button group */ |
| 1155 | .mailpoet_button_group .button:first-child { border-bottom-right-radius: 0; border-right: 0; border-top-right-radius: 0; } |
| 1156 | |
| 1157 | .mailpoet_button_group .button:last-child { border-bottom-left-radius: 0; border-left: 0; border-top-left-radius: 0; } |
| 1158 |