| @@ -1,6 +1,9 @@ | ||
| 1 | 1 | #maxbuttons.maxbuttons-social { |
| 2 | - /* Move main to 100% to allow for right-sided help */ } | |
| 2 | + /* Move main to 100% to allow for right-sided help */ | |
| 3 | + /** Preview Block **/ | |
| 4 | + /** Custom styles for style Block */ | |
| 5 | + /** Custom styles for displayBlock */ } | |
| 3 | 6 | #maxbuttons.maxbuttons-social .options.networks .see-more { |
| 4 | 7 | width: 70%; } |
| 5 | 8 | #maxbuttons.maxbuttons-social .options.networks .see-more .title { |
| 6 | 9 | font-size: 16px; |
| @@ -27,98 +30,187 @@ | ||
| 27 | 30 | border: 1px dashed #ccc; |
| 28 | 31 | padding: 10px; } |
| 29 | 32 | #maxbuttons.maxbuttons-social .options.networks .item { |
| 30 | 33 | display: inline-block; |
| 31 | - vertical-align: bottom; } | |
| 32 | - #maxbuttons.maxbuttons-social .options.networks .item.facebook i { | |
| 34 | + vertical-align: bottom; | |
| 35 | + width: 50px; | |
| 36 | + height: 45px; | |
| 37 | + margin: 5px 6px 5px 0; | |
| 38 | + position: relative; | |
| 39 | + /*border-left: 2px solid #008e00; | |
| 40 | + border-right: 2px solid #114989; | |
| 41 | + border-bottom: 2px solid #008e00; | |
| 42 | + border-top: 2px solid #114989;*/ } | |
| 43 | + #maxbuttons.maxbuttons-social .options.networks .item.facebook .mb-icon { | |
| 33 | 44 | background-color: #3b5998; } |
| 34 | - #maxbuttons.maxbuttons-social .options.networks .item.facebook i:hover { | |
| 45 | + #maxbuttons.maxbuttons-social .options.networks .item.facebook .mb-icon:hover { | |
| 35 | 46 | background-color: #2d4373; } |
| 36 | - #maxbuttons.maxbuttons-social .options.networks .item.twitter i { | |
| 47 | + #maxbuttons.maxbuttons-social .options.networks .item.twitter .mb-icon { | |
| 37 | 48 | background-color: #00aced; } |
| 38 | - #maxbuttons.maxbuttons-social .options.networks .item.twitter i:hover { | |
| 49 | + #maxbuttons.maxbuttons-social .options.networks .item.twitter .mb-icon:hover { | |
| 39 | 50 | background-color: #0087ba; } |
| 40 | - #maxbuttons.maxbuttons-social .options.networks .item.googleplus i { | |
| 51 | + #maxbuttons.maxbuttons-social .options.networks .item.googleplus .mb-icon { | |
| 41 | 52 | background-color: #dd4b39; } |
| 42 | - #maxbuttons.maxbuttons-social .options.networks .item.googleplus i:hover { | |
| 53 | + #maxbuttons.maxbuttons-social .options.networks .item.googleplus .mb-icon:hover { | |
| 43 | 54 | background-color: #c23321; } |
| 44 | - #maxbuttons.maxbuttons-social .options.networks .item.linkedin i { | |
| 55 | + #maxbuttons.maxbuttons-social .options.networks .item.linkedin .mb-icon { | |
| 45 | 56 | background-color: #007bb6; } |
| 46 | - #maxbuttons.maxbuttons-social .options.networks .item.linkedin i:hover { | |
| 57 | + #maxbuttons.maxbuttons-social .options.networks .item.linkedin .mb-icon:hover { | |
| 47 | 58 | background-color: #005983; } |
| 48 | - #maxbuttons.maxbuttons-social .options.networks .item.youtube i { | |
| 59 | + #maxbuttons.maxbuttons-social .options.networks .item.youtube .mb-icon { | |
| 49 | 60 | background-color: #bb0000; } |
| 50 | - #maxbuttons.maxbuttons-social .options.networks .item.youtube i:hover { | |
| 61 | + #maxbuttons.maxbuttons-social .options.networks .item.youtube .mb-icon:hover { | |
| 51 | 62 | background-color: #880000; } |
| 52 | - #maxbuttons.maxbuttons-social .options.networks .item.instagram i { | |
| 63 | + #maxbuttons.maxbuttons-social .options.networks .item.instagram .mb-icon { | |
| 53 | 64 | background-color: #517fa4; } |
| 54 | - #maxbuttons.maxbuttons-social .options.networks .item.instagram i:hover { | |
| 65 | + #maxbuttons.maxbuttons-social .options.networks .item.instagram .mb-icon:hover { | |
| 55 | 66 | background-color: #406582; } |
| 56 | - #maxbuttons.maxbuttons-social .options.networks .item.flickr i { | |
| 67 | + #maxbuttons.maxbuttons-social .options.networks .item.flickr .mb-icon { | |
| 57 | 68 | background-color: #ff0084; } |
| 58 | - #maxbuttons.maxbuttons-social .options.networks .item.flickr i:hover { | |
| 69 | + #maxbuttons.maxbuttons-social .options.networks .item.flickr .mb-icon:hover { | |
| 59 | 70 | background-color: #cc006a; } |
| 60 | - #maxbuttons.maxbuttons-social .options.networks .item.thumblr i { | |
| 71 | + #maxbuttons.maxbuttons-social .options.networks .item.thumblr .mb-icon { | |
| 61 | 72 | background-color: #32506d; } |
| 62 | - #maxbuttons.maxbuttons-social .options.networks .item.thumblr i:hover { | |
| 73 | + #maxbuttons.maxbuttons-social .options.networks .item.thumblr .mb-icon:hover { | |
| 63 | 74 | background-color: #22364a; } |
| 64 | - #maxbuttons.maxbuttons-social .options.networks .item.pinterest i { | |
| 75 | + #maxbuttons.maxbuttons-social .options.networks .item.pinterest .mb-icon { | |
| 65 | 76 | background-color: #cb2027; } |
| 66 | - #maxbuttons.maxbuttons-social .options.networks .item.pinterest i:hover { | |
| 77 | + #maxbuttons.maxbuttons-social .options.networks .item.pinterest .mb-icon:hover { | |
| 67 | 78 | background-color: #9f191f; } |
| 68 | - #maxbuttons.maxbuttons-social .options.networks .item.email i, #maxbuttons.maxbuttons-social .options.networks .item.print i { | |
| 79 | + #maxbuttons.maxbuttons-social .options.networks .item.email .mb-icon, #maxbuttons.maxbuttons-social .options.networks .item.print .mb-icon { | |
| 69 | 80 | background-color: #5e5e5e; } |
| 70 | - #maxbuttons.maxbuttons-social .options.networks .item.email i:hover, #maxbuttons.maxbuttons-social .options.networks .item.print i:hover { | |
| 81 | + #maxbuttons.maxbuttons-social .options.networks .item.email .mb-icon:hover, #maxbuttons.maxbuttons-social .options.networks .item.print .mb-icon:hover { | |
| 71 | 82 | background-color: #454545; } |
| 72 | - #maxbuttons.maxbuttons-social .options.networks .item.vkontakte i { | |
| 83 | + #maxbuttons.maxbuttons-social .options.networks .item.vkontakte .mb-icon { | |
| 73 | 84 | background-color: #4c75a3; } |
| 74 | - #maxbuttons.maxbuttons-social .options.networks .item.vkontakte i:hover { | |
| 85 | + #maxbuttons.maxbuttons-social .options.networks .item.vkontakte .mb-icon:hover { | |
| 75 | 86 | background-color: #3c5c80; } |
| 76 | - #maxbuttons.maxbuttons-social .options.networks .item.digg i { | |
| 87 | + #maxbuttons.maxbuttons-social .options.networks .item.digg .mb-icon { | |
| 77 | 88 | background-color: #000; } |
| 78 | - #maxbuttons.maxbuttons-social .options.networks .item.digg i:hover { | |
| 89 | + #maxbuttons.maxbuttons-social .options.networks .item.digg .mb-icon:hover { | |
| 79 | 90 | background-color: black; } |
| 80 | - #maxbuttons.maxbuttons-social .options.networks .item.blogloving i { | |
| 91 | + #maxbuttons.maxbuttons-social .options.networks .item.blogloving .mb-icon { | |
| 81 | 92 | background-color: #000; } |
| 82 | - #maxbuttons.maxbuttons-social .options.networks .item.blogloving i:hover { | |
| 93 | + #maxbuttons.maxbuttons-social .options.networks .item.blogloving .mb-icon:hover { | |
| 83 | 94 | background-color: black; } |
| 84 | - #maxbuttons.maxbuttons-social .options.networks .item.stumbleupon i { | |
| 95 | + #maxbuttons.maxbuttons-social .options.networks .item.stumbleupon .mb-icon { | |
| 85 | 96 | background-color: #eb4924; } |
| 86 | - #maxbuttons.maxbuttons-social .options.networks .item.stumbleupon i:hover { | |
| 97 | + #maxbuttons.maxbuttons-social .options.networks .item.stumbleupon .mb-icon:hover { | |
| 87 | 98 | background-color: #ca3412; } |
| 88 | - #maxbuttons.maxbuttons-social .options.networks .item.reddit i { | |
| 99 | + #maxbuttons.maxbuttons-social .options.networks .item.reddit .mb-icon { | |
| 89 | 100 | background-color: #ff4500; } |
| 90 | - #maxbuttons.maxbuttons-social .options.networks .item.reddit i:hover { | |
| 101 | + #maxbuttons.maxbuttons-social .options.networks .item.reddit .mb-icon:hover { | |
| 91 | 102 | background-color: #cc3700; } |
| 92 | - #maxbuttons.maxbuttons-social .options.networks .item.whatsapp i { | |
| 103 | + #maxbuttons.maxbuttons-social .options.networks .item.whatsapp .mb-icon { | |
| 93 | 104 | background-color: #4dc247; } |
| 94 | - #maxbuttons.maxbuttons-social .options.networks .item.whatsapp i:hover { | |
| 105 | + #maxbuttons.maxbuttons-social .options.networks .item.whatsapp .mb-icon:hover { | |
| 95 | 106 | background-color: #3ba135; } |
| 96 | - #maxbuttons.maxbuttons-social .options.networks .item.buffer i { | |
| 107 | + #maxbuttons.maxbuttons-social .options.networks .item.buffer .mb-icon { | |
| 97 | 108 | background-color: #242424; } |
| 98 | - #maxbuttons.maxbuttons-social .options.networks .item.buffer i:hover { | |
| 109 | + #maxbuttons.maxbuttons-social .options.networks .item.buffer .mb-icon:hover { | |
| 99 | 110 | background-color: #0b0b0b; } |
| 111 | + #maxbuttons.maxbuttons-social .options.networks .item.rss .mb-icon { | |
| 112 | + background-color: #F99000; } | |
| 113 | + #maxbuttons.maxbuttons-social .options.networks .item.rss .mb-icon:hover { | |
| 114 | + background-color: #c67300; } | |
| 115 | + #maxbuttons.maxbuttons-social .options.networks .item.snapchat .mb-icon { | |
| 116 | + background-color: #fffc00; } | |
| 117 | + #maxbuttons.maxbuttons-social .options.networks .item.snapchat .mb-icon:hover { | |
| 118 | + background-color: #ccca00; } | |
| 119 | + #maxbuttons.maxbuttons-social .options.networks .item.vimeo .mb-icon { | |
| 120 | + background-color: #1ab7ea; } | |
| 121 | + #maxbuttons.maxbuttons-social .options.networks .item.vimeo .mb-icon:hover { | |
| 122 | + background-color: #1295bf; } | |
| 123 | + #maxbuttons.maxbuttons-social .options.networks .item .legend-circle { | |
| 124 | + width: 10px; | |
| 125 | + height: 10px; | |
| 126 | + border-radius: 50% 50%; | |
| 127 | + position: absolute; | |
| 128 | + bottom: -2px; | |
| 129 | + left: -1px; } | |
| 130 | + #maxbuttons.maxbuttons-social .options.networks .item .legend-circle.social-icon { | |
| 131 | + background-color: #114989; } | |
| 132 | + #maxbuttons.maxbuttons-social .options.networks .item .legend-circle.share-icon { | |
| 133 | + background-color: #008e00; | |
| 134 | + left: 10px; } | |
| 100 | 135 | #maxbuttons.maxbuttons-social .options.networks .item .mb-icon { |
| 101 | - width: 50px; | |
| 102 | - height: auto; | |
| 103 | 136 | background-color: #fff; |
| 104 | 137 | color: #fff; |
| 105 | - border-radius: 2px; | |
| 106 | - border: 1px solid #ccc; | |
| 107 | 138 | display: inline-block; |
| 108 | - padding: 5px 0; | |
| 109 | - margin-right: 4px; | |
| 110 | - cursor: pointer; } | |
| 139 | + padding: 12px 0; | |
| 140 | + cursor: move; | |
| 141 | + font-size: 20px; | |
| 142 | + text-align: center; | |
| 143 | + position: absolute; | |
| 144 | + left: 0; | |
| 145 | + right: 0; | |
| 146 | + top: 0; | |
| 147 | + bottom: 0; } | |
| 111 | 148 | #maxbuttons.maxbuttons-social .options.networks .item .mb-icon:before { |
| 112 | - text-align: center; | |
| 149 | + padding-top: 6px; | |
| 150 | + display: inline; } | |
| 151 | + #maxbuttons.maxbuttons-social .options.networks .item .mb-icon.png { | |
| 152 | + height: 100%; | |
| 113 | 153 | width: inherit; |
| 114 | - display: inline-block; } | |
| 154 | + max-width: 100%; | |
| 155 | + max-height: 100%; | |
| 156 | + padding: 0; } | |
| 157 | + #maxbuttons.maxbuttons-social .options.networks .item svg { | |
| 158 | + position: relative; | |
| 159 | + width: 100%; } | |
| 160 | + #maxbuttons.maxbuttons-social .options.networks .item .config_button { | |
| 161 | + display: inline-block; | |
| 162 | + cursor: pointer; } | |
| 163 | + #maxbuttons.maxbuttons-social .options.networks .item .config_button button { | |
| 164 | + font-size: 10px; | |
| 165 | + font-weight: 700; | |
| 166 | + text-transform: uppercase; | |
| 167 | + z-index: 2; | |
| 168 | + position: absolute; | |
| 169 | + bottom: 0; | |
| 170 | + padding: 0 1px; | |
| 171 | + left: 0; | |
| 172 | + right: 0; | |
| 173 | + width: 100%; | |
| 174 | + line-height: 11px; | |
| 175 | + height: 13px; | |
| 176 | + box-shadow: none; | |
| 177 | + text-shadow: none; | |
| 178 | + margin: 0; | |
| 179 | + border-radius: 0; } | |
| 180 | + #maxbuttons.maxbuttons-social .options.networks .network-help { | |
| 181 | + margin-top: 35px; } | |
| 182 | + #maxbuttons.maxbuttons-social .options.networks .network-help label { | |
| 183 | + display: none; } | |
| 184 | + #maxbuttons.maxbuttons-social .options.networks .network-help div { | |
| 185 | + margin-right: 15px; } | |
| 186 | + #maxbuttons.maxbuttons-social .options.networks .network-help .item { | |
| 187 | + width: auto; | |
| 188 | + height: 20px; } | |
| 189 | + #maxbuttons.maxbuttons-social .options.networks .network-help .item .legend-circle { | |
| 190 | + position: relative; | |
| 191 | + display: inline-block; | |
| 192 | + left: auto; | |
| 193 | + margin-right: 2px; } | |
| 194 | + #maxbuttons.maxbuttons-social .help-side .legend-circle { | |
| 195 | + position: relative; | |
| 196 | + display: inline-block; | |
| 197 | + left: auto; | |
| 198 | + margin: 0 5px; | |
| 199 | + width: 10px; | |
| 200 | + height: 10px; | |
| 201 | + border-radius: 50% 50%; } | |
| 202 | + #maxbuttons.maxbuttons-social .help-side .legend-circle.social-icon { | |
| 203 | + background-color: #114989; } | |
| 204 | + #maxbuttons.maxbuttons-social .help-side .legend-circle.share-icon { | |
| 205 | + background-color: #008e00; } | |
| 115 | 206 | #maxbuttons.maxbuttons-social .main { |
| 116 | 207 | width: 100%; } |
| 117 | 208 | #maxbuttons.maxbuttons-social .main .option-container, #maxbuttons.maxbuttons-social .main .mb-message, #maxbuttons.maxbuttons-social .main .form-actions { |
| 118 | 209 | width: 72%; |
| 119 | 210 | min-width: 700px; |
| 120 | - box-sizing: border-box; } | |
| 211 | + box-sizing: border-box; | |
| 212 | + position: relative; } | |
| 121 | 213 | @media (max-width: 1200px) { |
| 122 | 214 | #maxbuttons.maxbuttons-social .main .option-container, #maxbuttons.maxbuttons-social .main .mb-message, #maxbuttons.maxbuttons-social .main .form-actions { |
| 123 | 215 | min-width: 0; } } |
| 124 | 216 | @media (max-width: 800px) { |
| @@ -153,51 +245,21 @@ | ||
| 153 | 245 | #maxbuttons.maxbuttons-social .toggle .title { |
| 154 | 246 | cursor: pointer; } |
| 155 | 247 | #maxbuttons.maxbuttons-social .toggle .toggle-target { |
| 156 | 248 | display: none; } |
| 157 | - #maxbuttons.maxbuttons-social .style-row { | |
| 158 | - margin: 5px 0; | |
| 159 | - padding-bottom: 10px; | |
| 160 | - display: inline-block; | |
| 161 | - width: 100%; | |
| 162 | - /* .maxbutton-social { | |
| 163 | - margin: 5px; | |
| 164 | - } */ } | |
| 165 | - #maxbuttons.maxbuttons-social .style-row #style_preview { | |
| 166 | - width: 100%; | |
| 167 | - display: inline-block; } | |
| 168 | - #maxbuttons.maxbuttons-social .style-row .description { | |
| 169 | - text-align: left; | |
| 170 | - padding: 8px 5px; | |
| 171 | - display: inline-block; | |
| 172 | - width: 100%; | |
| 173 | - font-size: 12px; | |
| 174 | - font-style: normal; | |
| 175 | - text-transform: uppercase; | |
| 176 | - box-sizing: border-box; | |
| 177 | - border-bottom: 1px solid #ccc; | |
| 178 | - margin-bottom: 15px; } | |
| 179 | - #maxbuttons.maxbuttons-social .style-row .maxcollection { | |
| 180 | - margin: 0 !important; } | |
| 181 | - #maxbuttons.maxbuttons-social .style-row .switch { | |
| 182 | - display: none; } | |
| 183 | - #maxbuttons.maxbuttons-social .style-row .switch + label { | |
| 184 | - padding: 5px 0; | |
| 185 | - margin: 15px 0; | |
| 186 | - display: inline-block; | |
| 187 | - width: 100%; | |
| 188 | - height: 100%; } | |
| 189 | - #maxbuttons.maxbuttons-social .style-row .switch:checked + label { | |
| 190 | - background-color: #ffe; | |
| 191 | - border: 1px solid #ccc; | |
| 192 | - opacity: 1; } | |
| 193 | 249 | #maxbuttons.maxbuttons-social .option-container.networks .active_network { |
| 194 | 250 | margin-bottom: 25px; } |
| 195 | 251 | #maxbuttons.maxbuttons-social .option-container.display select { |
| 196 | 252 | width: auto; } |
| 197 | - #maxbuttons.maxbuttons-social .option-container.display .option.display_group button { | |
| 198 | - height: 30px; | |
| 199 | - vertical-align: middle; } | |
| 253 | + #maxbuttons.maxbuttons-social .option-container.display .option.display_group { | |
| 254 | + margin-bottom: 15px; } | |
| 255 | + #maxbuttons.maxbuttons-social .option-container.display .option.display_group button { | |
| 256 | + height: 30px; | |
| 257 | + vertical-align: middle; } | |
| 258 | + #maxbuttons.maxbuttons-social .option-container.display .option.display_group span, #maxbuttons.maxbuttons-social .option-container.display .option.display_group div { | |
| 259 | + vertical-align: middle; } | |
| 260 | + #maxbuttons.maxbuttons-social .option-container.display .option.display_group .control-group { | |
| 261 | + margin-bottom: 0; } | |
| 200 | 262 | #maxbuttons.maxbuttons-social .option-container.display .option > span > .label { |
| 201 | 263 | width: 170px; |
| 202 | 264 | padding: 0; |
| 203 | 265 | min-height: 0; |
| @@ -205,8 +267,12 @@ | ||
| 205 | 267 | #maxbuttons.maxbuttons-social .option-container.display .check_button:checked + label { |
| 206 | 268 | border-color: #6fbeb5; |
| 207 | 269 | border-width: 1px; |
| 208 | 270 | border-radius: 4px; } |
| 271 | + #maxbuttons.maxbuttons-social .option-container.display .check_button.disabled + label { | |
| 272 | + background-color: #868686; | |
| 273 | + border: 0; | |
| 274 | + cursor: not-allowed; } | |
| 209 | 275 | #maxbuttons.maxbuttons-social .option-container.display .option .label.spacer_custom { |
| 210 | 276 | margin-left: 200px; |
| 211 | 277 | font-weight: 500; |
| 212 | 278 | border-bottom: 1px solid #ccc; |
| @@ -214,8 +280,13 @@ | ||
| 214 | 280 | padding: 4px 0; |
| 215 | 281 | display: inline-block; |
| 216 | 282 | text-align: center; |
| 217 | 283 | width: 200px; } |
| 284 | + #maxbuttons.maxbuttons-social .option-container.display .option .label.display_no_pro { | |
| 285 | + width: 450px; | |
| 286 | + margin-left: 100px; | |
| 287 | + font-weight: 400; | |
| 288 | + font-size: 12px; } | |
| 218 | 289 | #maxbuttons.maxbuttons-social .option-container.display .input.display_heading { |
| 219 | 290 | margin-left: 170px; |
| 220 | 291 | min-height: 0; } |
| 221 | 292 | #maxbuttons.maxbuttons-social .option-container.display .input.display_heading span { |
| @@ -244,8 +315,41 @@ | ||
| 244 | 315 | text-transform: uppercase; |
| 245 | 316 | position: relative; } |
| 246 | 317 | #maxbuttons.maxbuttons-social .option-container.display .input.display_rowhead span:nth-child(3) { |
| 247 | 318 | margin-left: 10px; } |
| 319 | + #maxbuttons.maxbuttons-social #previewBlock .maxsocial { | |
| 320 | + clear: none !important; } | |
| 321 | + #maxbuttons.maxbuttons-social #previewBlock .mb-item { | |
| 322 | + margin-bottom: 20px; } | |
| 323 | + #maxbuttons.maxbuttons-social #previewBlock .button-save { | |
| 324 | + margin-left: 50px; | |
| 325 | + width: 75px; } | |
| 326 | + #maxbuttons.maxbuttons-social #styleBlock .mbsocial-shape { | |
| 327 | + margin: 6px 10px 3px; | |
| 328 | + display: inline-block; | |
| 329 | + position: relative; | |
| 330 | + width: 20px; | |
| 331 | + height: 20px; | |
| 332 | + border: 2px solid #000; } | |
| 333 | + #maxbuttons.maxbuttons-social #styleBlock .mbsocial-shape.circle { | |
| 334 | + border-radius: 50% 50%; } | |
| 335 | + #maxbuttons.maxbuttons-social #styleBlock .mbsocial-shape.stretch { | |
| 336 | + width: 60px; } | |
| 337 | + #maxbuttons.maxbuttons-social #styleBlock .mbsocial-shape.stretch:before { | |
| 338 | + border-left: 2px solid #ff0000; | |
| 339 | + content: ''; | |
| 340 | + height: 100%; | |
| 341 | + position: absolute; | |
| 342 | + left: -8px; } | |
| 343 | + #maxbuttons.maxbuttons-social #styleBlock .mbsocial-shape.stretch:after { | |
| 344 | + content: ''; | |
| 345 | + height: 100%; | |
| 346 | + position: absolute; | |
| 347 | + right: -8px; | |
| 348 | + border-right: 2px solid #ff0000; } | |
| 349 | + #maxbuttons.maxbuttons-social #styleBlock #open_presets { | |
| 350 | + width: 125px; | |
| 351 | + text-transform: uppercase; } | |
| 248 | 352 | #maxbuttons.maxbuttons-social #displayBlock .display_icon, #maxbuttons.maxbuttons-social .display_modal .display_icon { |
| 249 | 353 | background-image: url("../images/icons/display_icons.png"); |
| 250 | 354 | background-repeat: no-repeat; |
| 251 | 355 | width: 26px; |
| @@ -282,8 +386,51 @@ | ||
| 282 | 386 | #maxbuttons.maxbuttons-social #displayBlock .display_icon.bottomcenter, #maxbuttons.maxbuttons-social .display_modal .display_icon.bottomcenter { |
| 283 | 387 | background-position: -26px -78px; } |
| 284 | 388 | #maxbuttons.maxbuttons-social #displayBlock .display_icon.bottomright, #maxbuttons.maxbuttons-social .display_modal .display_icon.bottomright { |
| 285 | 389 | background-position: -52px -78px; } |
| 390 | + #maxbuttons.maxbuttons-social #profileBlock .input.text { | |
| 391 | + width: 350px; } | |
| 392 | + #maxbuttons.maxbuttons-social #profileBlock #profile_rss { | |
| 393 | + width: 300px; } | |
| 394 | + #maxbuttons.maxbuttons-social .forpro.overlay { | |
| 395 | + position: absolute; | |
| 396 | + left: 0; | |
| 397 | + right: 0; | |
| 398 | + bottom: 0; | |
| 399 | + top: 0; | |
| 400 | + background: rgba(136, 197, 194, 0.8); | |
| 401 | + z-index: 1; } | |
| 402 | + #maxbuttons.maxbuttons-social .forpro.overlay div { | |
| 403 | + color: #000; | |
| 404 | + top: 50%; | |
| 405 | + left: 50%; | |
| 406 | + transform: translate(-55%, -50%); | |
| 407 | + font-size: 16px; | |
| 408 | + line-height: 24px; | |
| 409 | + position: absolute; } | |
| 410 | + #maxbuttons.maxbuttons-social .forpro.overlay div a { | |
| 411 | + color: #000; } | |
| 412 | + #maxbuttons.maxbuttons-social .network_tab .network_selection { | |
| 413 | + max-width: 340px; | |
| 414 | + width: 200px; | |
| 415 | + display: inline-block; | |
| 416 | + margin-right: 30px; } | |
| 417 | + #maxbuttons.maxbuttons-social .network_tab .network_selection li { | |
| 418 | + padding: 8px; | |
| 419 | + background-color: #effff7; | |
| 420 | + border: 1px solid #ccc; } | |
| 421 | + #maxbuttons.maxbuttons-social .network_tab .network_selection li .active { | |
| 422 | + float: right; } | |
| 423 | + #maxbuttons.maxbuttons-social .network_tab .network_selection li .mb-icon { | |
| 424 | + font-size: 18px; | |
| 425 | + margin-right: 8px; | |
| 426 | + width: 30px; } | |
| 427 | + #maxbuttons.maxbuttons-social .network_tab .network_selection li img { | |
| 428 | + width: 20px; } | |
| 429 | + #maxbuttons.maxbuttons-social .network_tab .network_editor { | |
| 430 | + max-width: 600px; | |
| 431 | + vertical-align: top; | |
| 432 | + display: inline-block; } | |
| 286 | 433 | |
| 287 | 434 | .max-modal.save_done .modal_header { |
| 288 | 435 | background-color: #07b51b; } |
| 289 | 436 | .max-modal.save_done .modal_title { |
| @@ -324,34 +471,94 @@ | ||
| 324 | 471 | font-weight: 700; } |
| 325 | 472 | |
| 326 | 473 | .max-modal.modal_styles { |
| 327 | 474 | width: 90%; |
| 328 | - min-height: 50%; } | |
| 475 | + min-height: 50%; | |
| 476 | + /* .controls { | |
| 477 | + position: absolute; | |
| 478 | + bottom: 0; | |
| 479 | + height: 30px; | |
| 480 | + background: #f3f3f3; | |
| 481 | + text-align: center; | |
| 482 | + right: 0; | |
| 483 | + left: 0; | |
| 484 | + padding-right: 15px; | |
| 485 | + button { | |
| 486 | + float: right; | |
| 487 | + } | |
| 488 | + p { | |
| 489 | + margin: 0; | |
| 490 | + span { | |
| 491 | + line-height: 30px | |
| 492 | + } | |
| 493 | + } | |
| 494 | + } */ } | |
| 329 | 495 | .max-modal.modal_styles .modal_content { |
| 330 | 496 | padding-bottom: 0; |
| 331 | 497 | padding-top: 0; } |
| 332 | - .max-modal.modal_styles .controls { | |
| 333 | - position: absolute; | |
| 334 | - bottom: 0; | |
| 335 | - height: 30px; | |
| 336 | - background: #f3f3f3; | |
| 337 | - text-align: center; | |
| 338 | - right: 0; | |
| 339 | - left: 0; | |
| 340 | - padding-right: 15px; } | |
| 341 | - .max-modal.modal_styles .controls button { | |
| 342 | - float: right; } | |
| 343 | - .max-modal.modal_styles .controls p { | |
| 344 | - margin: 0; } | |
| 345 | - .max-modal.modal_styles .controls p span { | |
| 346 | - line-height: 30px; } | |
| 347 | - .max-modal.modal_styles .panels h3 { | |
| 348 | - background-color: #008ec2; | |
| 349 | - color: #fff; | |
| 350 | - padding: 10px; | |
| 351 | - margin: 0; | |
| 352 | - float: left; | |
| 353 | - margin-right: 25px; } | |
| 354 | 498 | .max-modal.modal_styles .style_modal, .max-modal.modal_styles .custom_modal { |
| 355 | 499 | width: 100%; |
| 356 | 500 | position: relative; |
| 357 | 501 | display: inline-block; } |
| 502 | + .max-modal.modal_styles .top-note { | |
| 503 | + padding: 15px; | |
| 504 | + margin: 8px; | |
| 505 | + font-size: 18px; | |
| 506 | + line-height: 1.5; | |
| 507 | + border: 1px solid #000; | |
| 508 | + background-color: #fff; } | |
| 509 | + .max-modal.modal_styles .top-note.warning { | |
| 510 | + background-color: #f2dede; } | |
| 511 | + .max-modal.modal_styles .style-row { | |
| 512 | + margin: 5px 0; | |
| 513 | + padding-bottom: 10px; | |
| 514 | + display: inline-block; | |
| 515 | + width: 100%; | |
| 516 | + /* .maxbutton-social { | |
| 517 | + margin: 5px; | |
| 518 | + } */ } | |
| 519 | + .max-modal.modal_styles .style-row .preset { | |
| 520 | + position: relative; | |
| 521 | + width: 100%; | |
| 522 | + display: inline-block; | |
| 523 | + clear: both; | |
| 524 | + margin: 10px 0; | |
| 525 | + text-align: left; } | |
| 526 | + .max-modal.modal_styles .style-row .description { | |
| 527 | + padding: 8px 5px; | |
| 528 | + display: inline-block; | |
| 529 | + font-size: 15px; | |
| 530 | + width: 150px; | |
| 531 | + float: left; | |
| 532 | + font-style: normal; | |
| 533 | + box-sizing: border-box; | |
| 534 | + border-right: 1px solid #ccc; | |
| 535 | + margin-bottom: 15px; | |
| 536 | + margin-right: 15px; | |
| 537 | + vertical-align: middle; } | |
| 538 | + .max-modal.modal_styles .style-row button { | |
| 539 | + display: inline-block; | |
| 540 | + margin: 5px 0; | |
| 541 | + vertical-align: middle; } | |
| 542 | + .max-modal.modal_styles .style-row .maxsocial { | |
| 543 | + margin: 25px 0 0 !important; | |
| 544 | + width: auto !important; | |
| 545 | + vertical-align: middle; } | |
| 546 | + .max-modal.modal_styles .style-row .switch { | |
| 547 | + display: none; } | |
| 548 | + .max-modal.modal_styles .style-row .switch + label { | |
| 549 | + padding: 5px 0; | |
| 550 | + margin: 15px 0; | |
| 551 | + display: inline-block; | |
| 552 | + width: 100%; | |
| 553 | + height: 100%; } | |
| 554 | + .max-modal.modal_styles .style-row .switch:checked + label { | |
| 555 | + background-color: #ffe; | |
| 556 | + border: 1px solid #ccc; | |
| 557 | + opacity: 1; } | |
| 558 | + | |
| 559 | +.media-buttons .shortcode_options .mbcustom-options { | |
| 560 | + width: 500px; | |
| 561 | + margin: 20px 0; } | |
| 562 | + .media-buttons .shortcode_options .mbcustom-options label { | |
| 563 | + width: 200px; | |
| 564 | + margin: 5px 0; } | |
