| @@ -1,7 +1,55 @@ | ||
| 1 | 1 | .wrap .page-title-action.convertkit-action { |
| 2 | - background: url(../images/logomark-red.svg); | |
| 2 | + display: inline-block; | |
| 3 | + width: 127px; | |
| 4 | + background: url(../images/logomark.svg); | |
| 3 | 5 | background-repeat: no-repeat; |
| 4 | 6 | background-size: 16px 16px; |
| 5 | 7 | background-position: 8px 50%; |
| 6 | 8 | padding-left: 30px; |
| 9 | + box-sizing: border-box; | |
| 7 | 10 | } |
| 11 | + | |
| 12 | +.wrap .page-title-action.convertkit-action::after { | |
| 13 | + float: right; | |
| 14 | + font: 400 20px/1 dashicons !important; | |
| 15 | + content: "\f347"; | |
| 16 | + padding: 5px 0 0 0; | |
| 17 | +} | |
| 18 | + | |
| 19 | +.wrap .page-title-action.convertkit-action span.convertkit-actions { | |
| 20 | + visibility: hidden; | |
| 21 | + display: none; | |
| 22 | + opacity: 0; | |
| 23 | + position: absolute; | |
| 24 | + padding: 10px; | |
| 25 | + left: -1px; | |
| 26 | + z-index: 99999; | |
| 27 | + background-color: #f0f0f1; | |
| 28 | + border-left: 1px solid #0a4b78; | |
| 29 | + border-right: 1px solid #0a4b78; | |
| 30 | + border-bottom: 1px solid #0a4b78; | |
| 31 | +} | |
| 32 | + | |
| 33 | +.wrap .page-title-action.convertkit-action span.convertkit-actions a { | |
| 34 | + display: block; | |
| 35 | + text-decoration: none; | |
| 36 | +} | |
| 37 | + | |
| 38 | +.wrap .page-title-action.convertkit-action:hover > span.convertkit-actions, | |
| 39 | +.wrap .page-title-action.convertkit-action span.convertkit-actions:hover { | |
| 40 | + visibility: visible; | |
| 41 | + opacity: 1; | |
| 42 | + display: block; | |
| 43 | +} | |
| 44 | + | |
| 45 | +@media screen and (max-width: 782px) { | |
| 46 | + | |
| 47 | + .wrap .page-title-action.convertkit-action { | |
| 48 | + width: 134px; | |
| 49 | + } | |
| 50 | + | |
| 51 | + .wrap .page-title-action.convertkit-action::after { | |
| 52 | + padding-top: 10px; | |
| 53 | + } | |
| 54 | +} | |
| 55 | + | |
