| @@ -1,125 +1,32 @@ | ||
| 1 | 1 | /** |
| 2 | - * Embed Privacy design file. | |
| 2 | + * Embed Privacy Design file. | |
| 3 | 3 | * |
| 4 | - * @author Epiphyt | |
| 5 | - * @license GPL2 | |
| 6 | - * @package epiphyt\Embed_Privacy | |
| 4 | + * @author Epiphyt | |
| 5 | + * @license GPL2 | |
| 6 | + * @package epiphyt\Embed_Privacy | |
| 7 | + * @version 0.1 | |
| 7 | 8 | */ |
| 8 | -.embed-privacy-container { | |
| 9 | - background-position: center; | |
| 10 | - background-size: cover; | |
| 11 | - margin-bottom: 1.5em; | |
| 12 | - position: relative; | |
| 13 | -} | |
| 14 | -.embed-privacy-container a { | |
| 15 | - color: #ddd; | |
| 16 | -} | |
| 17 | -.embed-privacy-container a:active, .embed-privacy-container a:focus, .embed-privacy-container a:hover { | |
| 18 | - color: #fff !important; | |
| 19 | -} | |
| 20 | -.embed-privacy-container.is-enabled { | |
| 21 | - background-image: none !important; | |
| 22 | -} | |
| 23 | -.embed-privacy-container:last-child { | |
| 24 | - margin-bottom: 0; | |
| 25 | -} | |
| 9 | +.embed-container { | |
| 10 | + margin-bottom: 1.5em; } | |
| 26 | 11 | |
| 27 | -.embed-privacy-content { | |
| 28 | - display: none; | |
| 29 | - height: 100%; | |
| 30 | - width: 100%; | |
| 31 | -} | |
| 32 | -.aligncenter .embed-privacy-content > * { | |
| 33 | - display: block; | |
| 34 | - margin-left: auto; | |
| 35 | - margin-right: auto; | |
| 36 | -} | |
| 37 | -.is-enabled .embed-privacy-content { | |
| 38 | - display: block; | |
| 39 | -} | |
| 40 | - | |
| 41 | -.embed-privacy-overlay { | |
| 42 | - background-color: rgba(0, 0, 0, 0.7); | |
| 43 | - box-sizing: border-box; | |
| 12 | +.embed-overlay { | |
| 13 | + background-color: rgba(0, 0, 0, 0.9); | |
| 44 | 14 | color: #ddd; |
| 45 | 15 | cursor: pointer; |
| 46 | 16 | display: table; |
| 47 | - height: 100%; | |
| 48 | 17 | max-width: 100%; |
| 49 | - min-height: 200px; | |
| 50 | 18 | padding: 20px; |
| 51 | - position: relative; | |
| 52 | - transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out; | |
| 53 | - width: 100%; | |
| 54 | - z-index: 100; | |
| 55 | -} | |
| 56 | -@media (min-width: 768px) { | |
| 57 | - .embed-privacy-overlay { | |
| 58 | - min-height: 300px; | |
| 59 | - } | |
| 60 | -} | |
| 61 | -.embed-privacy-overlay label, | |
| 62 | -.embed-privacy-overlay p { | |
| 63 | - color: #ddd; | |
| 64 | - cursor: pointer; | |
| 65 | - font-weight: 400; | |
| 66 | - text-align: center; | |
| 67 | - transition: color 0.25s ease-in-out; | |
| 68 | -} | |
| 69 | -.embed-privacy-overlay label, | |
| 70 | -.embed-privacy-overlay .embed-privacy-input-wrapper { | |
| 71 | - margin: 0; | |
| 72 | -} | |
| 73 | -.embed-privacy-overlay .embed-privacy-footer { | |
| 74 | - display: table-footer-group; | |
| 75 | - font-size: 0.85em; | |
| 76 | - text-align: right; | |
| 77 | -} | |
| 78 | -.embed-privacy-overlay:hover { | |
| 79 | - background-color: rgba(0, 0, 0, 0.8); | |
| 80 | - color: #fff; | |
| 81 | -} | |
| 82 | -.embed-privacy-overlay:hover .embed-privacy-logo { | |
| 83 | - opacity: 1; | |
| 84 | -} | |
| 85 | -.embed-privacy-overlay:hover label, | |
| 86 | -.embed-privacy-overlay:hover p { | |
| 87 | - color: #fff; | |
| 88 | -} | |
| 19 | + transition: background-color .25s ease-in-out, color .25s ease-in-out; } | |
| 20 | + .embed-overlay > h3 { | |
| 21 | + color: #ddd; | |
| 22 | + display: table-cell; | |
| 23 | + text-align: center; | |
| 24 | + transition: color .25s ease-in-out; | |
| 25 | + vertical-align: middle; } | |
| 26 | + .embed-overlay:hover { | |
| 27 | + background-color: rgba(0, 0, 0, 0.8); | |
| 28 | + color: #fff; } | |
| 29 | + .embed-overlay:hover > h3 { | |
| 30 | + color: #fff; } | |
| 89 | 31 | |
| 90 | -.embed-privacy-inner { | |
| 91 | - display: table-cell; | |
| 92 | - vertical-align: middle; | |
| 93 | -} | |
| 94 | - | |
| 95 | -.embed-privacy-logo { | |
| 96 | - background-position: center top; | |
| 97 | - background-repeat: no-repeat; | |
| 98 | - background-size: contain; | |
| 99 | - height: 48px; | |
| 100 | - margin-bottom: 30px; | |
| 101 | - opacity: 0.8; | |
| 102 | - transition: opacity 0.25s ease-in-out; | |
| 103 | -} | |
| 104 | - | |
| 105 | -.wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .embed-privacy-container, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .embed-privacy-container, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .embed-privacy-container, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .embed-privacy-container, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .embed-privacy-container, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .embed-privacy-container, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .embed-privacy-container { | |
| 106 | - bottom: 0; | |
| 107 | - height: 100%; | |
| 108 | - left: 0; | |
| 109 | - position: absolute; | |
| 110 | - right: 0; | |
| 111 | - top: 0; | |
| 112 | - width: 100%; | |
| 113 | -} | |
| 114 | - | |
| 115 | -.embed-privacy-provider.is-hidden { | |
| 116 | - display: none; | |
| 117 | -} | |
| 118 | - | |
| 119 | -.embed-privacy-opt-out-label { | |
| 120 | - display: inline-block; | |
| 121 | -} | |
| 122 | - | |
| 123 | -.embed-privacy-local-tweet { | |
| 124 | - font-style: normal; | |
| 125 | -} | |
| 32 | +/*# sourceMappingURL=embed-privacy.css.map */ | |
