| @@ -2,89 +2,63 @@ | ||
| 2 | 2 | /* Move main to 100% to allow for right-sided help */ |
| 3 | 3 | .main { |
| 4 | 4 | width: 100%; |
| 5 | 5 | |
| 6 | - // Fixing label not on the same line. | |
| 7 | - .option .label { vertical-align: middle; } | |
| 8 | - // Fixing switch button align | |
| 9 | - .switch_button { min-height: 0; margin-top: 5px; } | |
| 10 | 6 | |
| 11 | - .help-side.collection_switcher { | |
| 7 | + .collection_switcher { | |
| 12 | 8 | position: relative; |
| 13 | 9 | |
| 14 | - // flex the fucker | |
| 15 | - .item.heading, .item a | |
| 16 | - { | |
| 17 | - display: flex; | |
| 18 | - text-align: center; | |
| 19 | - span:first-of-type{ | |
| 20 | - flex-basis: 20%; | |
| 21 | - | |
| 22 | - } | |
| 23 | - span:nth-of-type(2){ | |
| 24 | - flex-basis: 30%; | |
| 25 | - } | |
| 26 | - span:last-child-of | |
| 27 | - { | |
| 28 | - flex-basis: 50%; | |
| 29 | - } | |
| 30 | - } | |
| 31 | - | |
| 32 | 10 | .item { |
| 33 | - | |
| 11 | + //background-color: #0073aa; | |
| 12 | + border-color: 1px solid #eee; | |
| 34 | 13 | display: inline-block; |
| 35 | 14 | width: 100%; |
| 36 | 15 | margin: 2px 0; |
| 37 | - padding: 4px 0; | |
| 38 | - border-bottom: 1px solid #ccc; | |
| 39 | - font-size: 14px; | |
| 40 | - text-align: center; | |
| 16 | + padding: 8px 0; | |
| 17 | + //margin-right: 5px; | |
| 41 | 18 | span { |
| 19 | + width: 30%; | |
| 20 | + display: inline-block; | |
| 21 | + text-align: center; | |
| 42 | 22 | |
| 43 | - | |
| 44 | 23 | } |
| 45 | 24 | a { |
| 46 | 25 | color: #0073aa; |
| 26 | + font-size: 16px; | |
| 47 | 27 | text-decoration: none; |
| 48 | - padding: 6px 0; | |
| 28 | + padding: 12px 8px; | |
| 49 | 29 | min-width: 50px; |
| 50 | - display: flex; | |
| 51 | 30 | } |
| 52 | 31 | &.new { |
| 32 | + float: right; | |
| 33 | + width: 80px; | |
| 53 | 34 | |
| 54 | 35 | background-color: #0073aa; |
| 55 | 36 | margin: 25px 0 0 0; |
| 56 | 37 | a { |
| 57 | - box-sizing: border-box; | |
| 58 | - | |
| 59 | 38 | line-height: 30px; |
| 60 | 39 | color: #fff; |
| 61 | 40 | min-width: 0; |
| 62 | 41 | font-size: 14px; |
| 63 | 42 | text-transform:uppercase; |
| 43 | + //float: right; | |
| 64 | 44 | display: inline-block; |
| 65 | 45 | width: 100%; |
| 66 | 46 | vertical-align: middle; |
| 67 | 47 | padding: 0; |
| 68 | - text-align: right; | |
| 69 | - padding-right: 15px; | |
| 70 | - | |
| 71 | 48 | } |
| 72 | 49 | .plus { |
| 73 | 50 | font-size: 28px; |
| 74 | 51 | font-weight: 700; |
| 52 | + //float: left; | |
| 75 | 53 | vertical-align: top; |
| 76 | 54 | margin: 0 6px; |
| 77 | 55 | line-height: 1; |
| 78 | - width: auto; | |
| 79 | 56 | |
| 80 | 57 | } |
| 81 | 58 | } |
| 82 | 59 | &.active { |
| 83 | - background: #fff; | |
| 84 | - a { | |
| 85 | - color: #000; | |
| 86 | - } | |
| 60 | + background-color: #ffffe0; | |
| 87 | 61 | } |
| 88 | 62 | |
| 89 | 63 | } |
| 90 | 64 | |
| @@ -104,10 +78,9 @@ | ||
| 104 | 78 | position: relative; |
| 105 | 79 | |
| 106 | 80 | @include bp(1200) |
| 107 | 81 | { |
| 108 | - // min-width: 0; | |
| 109 | - width: 90%; | |
| 82 | + min-width: 0; | |
| 110 | 83 | } |
| 111 | 84 | @include bp(800) |
| 112 | 85 | { |
| 113 | 86 | width: 95%; |
| @@ -113,13 +86,8 @@ | ||
| 113 | 86 | width: 95%; |
| 114 | 87 | } |
| 115 | 88 | } |
| 116 | 89 | |
| 117 | - .options .input.checkbox // bolds etc closer. | |
| 118 | - { | |
| 119 | - margin-right: 2px; | |
| 120 | - } | |
| 121 | - | |
| 122 | 90 | .mb-message.shortcode { |
| 123 | 91 | clear: left; |
| 124 | 92 | } |
| 125 | 93 | |
| @@ -138,12 +106,10 @@ | ||
| 138 | 106 | } */ |
| 139 | 107 | |
| 140 | 108 | @include bp(1200) |
| 141 | 109 | { |
| 142 | - //min-width: 0; | |
| 110 | + min-width: 0; | |
| 143 | 111 | // width: 23% |
| 144 | - float: none; | |
| 145 | - width: 90%; | |
| 146 | 112 | } |
| 147 | 113 | @include bp(800) |
| 148 | 114 | { |
| 149 | 115 | display: none; |
| @@ -172,14 +138,8 @@ | ||
| 172 | 138 | display: none; |
| 173 | 139 | } |
| 174 | 140 | } |
| 175 | 141 | |
| 176 | -// ### GeneralBlock ### / | |
| 177 | -#generalBlock | |
| 178 | -{ | |
| 179 | - .input.general_notactive { line-height: 25px; height: 25px; padding-top: 5px; } | |
| 180 | - .red { color: #ff0000; } | |
| 181 | -} | |
| 182 | 142 | |
| 183 | 143 | |
| 184 | 144 | // extra's for network block |
| 185 | 145 | .option-container.networks { |
| @@ -289,16 +249,9 @@ | ||
| 289 | 249 | margin-left: 10px; |
| 290 | 250 | } |
| 291 | 251 | } |
| 292 | 252 | } |
| 293 | - .option.show_desktop, .option.show_mobile | |
| 294 | - { | |
| 295 | - label | |
| 296 | - { | |
| 297 | - min-width: 168px; | |
| 298 | - } | |
| 299 | - } | |
| 300 | -} // option container display | |
| 253 | +} | |
| 301 | 254 | |
| 302 | 255 | /** Preview Block **/ |
| 303 | 256 | #previewBlock { |
| 304 | 257 | .maxsocial { |
| @@ -431,90 +384,10 @@ | ||
| 431 | 384 | } |
| 432 | 385 | |
| 433 | 386 | #profileBlock |
| 434 | 387 | { |
| 435 | - .inside { padding-right: 10px; } | |
| 436 | - .inside > div.option // row of networks | |
| 437 | - { | |
| 438 | - display: flex; | |
| 439 | - flex-direction: row; | |
| 440 | - flex-wrap: wrap; | |
| 441 | - | |
| 442 | - &[data-has]:not(.condshow) | |
| 443 | - { | |
| 444 | - opacity: 0; | |
| 445 | - display: none; | |
| 446 | - } | |
| 447 | - | |
| 448 | - >label // label | |
| 449 | - { | |
| 450 | - flex-basis: 100px; | |
| 451 | - //flex-grow: 1; | |
| 452 | - // flex-shrink: 1; | |
| 453 | - &:nth-of-type(2) | |
| 454 | - { | |
| 455 | - flex-basis: 120px; | |
| 456 | - } | |
| 457 | - } | |
| 458 | - >div // url + input box for profile | |
| 459 | - { | |
| 460 | - //flex-basis: 25%; | |
| 461 | - max-width: 400px; | |
| 462 | - flex-shrink: 2; | |
| 463 | - } | |
| 464 | - .input.text { | |
| 465 | - flex-shrink: 0; | |
| 466 | - flex-basis: 45%; | |
| 467 | - } | |
| 468 | - >span // use profile switch | |
| 469 | - { | |
| 470 | - flex-basis: 180px; | |
| 471 | - min-width: 150px; | |
| 472 | - .switch_label | |
| 473 | - { | |
| 474 | - width: 100px; | |
| 475 | - | |
| 476 | - } | |
| 477 | - .switch_button | |
| 478 | - { | |
| 479 | - min-height: 0; | |
| 480 | - margin-top: 3px; | |
| 481 | - } | |
| 482 | - | |
| 483 | - } | |
| 484 | - | |
| 485 | - &.alternate_profile | |
| 486 | - { | |
| 487 | - span:nth-child(1) | |
| 488 | - { | |
| 489 | - flex-basis: 100px; | |
| 490 | - min-width: 0; | |
| 491 | - padding-left: 3px; | |
| 492 | - .label { flex-basis: 100px; width: auto; } | |
| 493 | - } | |
| 494 | - span:nth-child(2) | |
| 495 | - { | |
| 496 | - max-width: 400px; | |
| 497 | - width: 400px; | |
| 498 | - flex-shrink: 2; | |
| 499 | - flex-basis: 45%; | |
| 500 | - margin-right: 15px; | |
| 501 | - } | |
| 502 | - label { flex-basis: 120px; } | |
| 503 | - | |
| 504 | - } | |
| 505 | - | |
| 506 | - } | |
| 507 | - .input.text | |
| 508 | - { | |
| 509 | - line-height: 30px; | |
| 510 | - } | |
| 511 | - input[type="text"] | |
| 512 | - { | |
| 513 | - float: right; | |
| 514 | - | |
| 515 | - } | |
| 516 | - #profile_rss { width: 100%; } | |
| 388 | + .input.text { width: 350px; } | |
| 389 | + #profile_rss { width: 300px; } | |
| 517 | 390 | } |
| 518 | 391 | |
| 519 | 392 | .forpro { |
| 520 | 393 | &.overlay { |
