wp-includes/css/wp-embed-template.css

   1 html, body {
   2         padding: 0;
   3         margin: 0;
   4 }
   5
   6 body {
   7         font-family: sans-serif;
   8 }
   9
  10 /* Text meant only for screen readers */
  11 .screen-reader-text {
  12         clip: rect(1px, 1px, 1px, 1px);
  13         height: 1px;
  14         overflow: hidden;
  15         position: absolute !important;
  16         width: 1px;
  17 }
  18
  19 /* Dashicons */
  20 .dashicons {
  21         display: inline-block;
  22         width: 20px;
  23         height: 20px;
  24         background-color: transparent;
  25         background-repeat: no-repeat;
  26         -webkit-background-size: 20px 20px;
  27         background-size: 20px;
  28         background-position: center;
  29         -webkit-transition: background .1s ease-in;
  30         transition: background .1s ease-in;
  31         position: relative;
  32         top: 5px;
  33 }
  34
  35 .dashicons-no {
  36         background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M15.55%2013.7l-2.19%202.06-3.42-3.65-3.64%203.43-2.06-2.18%203.64-3.43-3.42-3.64%202.18-2.06%203.43%203.64%203.64-3.42%202.05%202.18-3.64%203.43z%27%20fill%3D%27%23fff%27%2F%3E%3C%2Fsvg%3E");
  37 }
  38
  39 .dashicons-admin-comments {
  40         background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M5%202h9q.82%200%201.41.59T16%204v7q0%20.82-.59%201.41T14%2013h-2l-5%205v-5H5q-.82%200-1.41-.59T3%2011V4q0-.82.59-1.41T5%202z%27%20fill%3D%27%2382878c%27%2F%3E%3C%2Fsvg%3E");
  41 }
  42
  43 .wp-embed-comments a:hover .dashicons-admin-comments {
  44         background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M5%202h9q.82%200%201.41.59T16%204v7q0%20.82-.59%201.41T14%2013h-2l-5%205v-5H5q-.82%200-1.41-.59T3%2011V4q0-.82.59-1.41T5%202z%27%20fill%3D%27%230073aa%27%2F%3E%3C%2Fsvg%3E");
  45 }
  46
  47 .dashicons-share {
  48         background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.5%2012q1.24%200%202.12.88T17.5%2015t-.88%202.12-2.12.88-2.12-.88T11.5%2015q0-.34.09-.69l-4.38-2.3Q6.32%2013%205%2013q-1.24%200-2.12-.88T2%2010t.88-2.12T5%207q1.3%200%202.21.99l4.38-2.3q-.09-.35-.09-.69%200-1.24.88-2.12T14.5%202t2.12.88T17.5%205t-.88%202.12T14.5%208q-1.3%200-2.21-.99l-4.38%202.3Q8%209.66%208%2010t-.09.69l4.38%202.3q.89-.99%202.21-.99z%27%20fill%3D%27%2382878c%27%2F%3E%3C%2Fsvg%3E");
  49         display: none;
  50 }
  51
  52 .js .dashicons-share {
  53         display: inline-block;
  54 }
  55
  56 .wp-embed-share-dialog-open:hover .dashicons-share {
  57         background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.5%2012q1.24%200%202.12.88T17.5%2015t-.88%202.12-2.12.88-2.12-.88T11.5%2015q0-.34.09-.69l-4.38-2.3Q6.32%2013%205%2013q-1.24%200-2.12-.88T2%2010t.88-2.12T5%207q1.3%200%202.21.99l4.38-2.3q-.09-.35-.09-.69%200-1.24.88-2.12T14.5%202t2.12.88T17.5%205t-.88%202.12T14.5%208q-1.3%200-2.21-.99l-4.38%202.3Q8%209.66%208%2010t-.09.69l4.38%202.3q.89-.99%202.21-.99z%27%20fill%3D%27%230073aa%27%2F%3E%3C%2Fsvg%3E");
  58 }
  59
  60 .wp-embed {
  61         padding: 25px;
  62         font: 400 14px/1.5 'Open Sans', sans-serif;
  63         color: #82878c;
  64         background: white;
  65         border: 1px solid #e5e5e5;
  66         -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
  67         box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
  68         /* Clearfix */
  69         overflow: auto;
  70         zoom: 1;
  71 }
  72
  73 .wp-embed a {
  74         color: #82878c;
  75         text-decoration: none;
  76 }
  77
  78 .wp-embed a:hover {
  79         text-decoration: underline;
  80 }
  81
  82 .wp-embed-featured-image {
  83         margin-bottom: 20px;
  84 }
  85
  86 .wp-embed-featured-image img {
  87         width: 100%;
  88         height: auto;
  89         border: none;
  90 }
  91
  92 .wp-embed-featured-image.square {
  93         float: left;
  94         max-width: 160px;
  95         margin-right: 20px;
  96 }
  97
  98 .wp-embed p {
  99         margin: 0;
 100 }
 101
 102 p.wp-embed-heading {
 103         margin: 0 0 15px;
 104         font-weight: bold;
 105         font-size: 22px;
 106         line-height: 1.3;
 107 }
 108
 109 .wp-embed-heading a {
 110         color: #32373c;
 111 }
 112
 113 .wp-embed .wp-embed-more {
 114         color: #b4b9be;
 115 }
 116
 117 .wp-embed-footer {
 118         display: table;
 119         width: 100%;
 120         margin-top: 30px;
 121 }
 122
 123 .wp-embed-site-icon {
 124         position: absolute;
 125         top: 50%;
 126         left: 0;
 127         -webkit-transform: translateY(-50%);
 128         -ms-transform: translateY(-50%);
 129         transform: translateY(-50%);
 130         height: 25px;
 131         width: 25px;
 132         border: 0;
 133 }
 134
 135 .wp-embed-site-title {
 136         font-weight: bold;
 137         line-height: 25px;
 138 }
 139
 140 .wp-embed-site-title a {
 141         position: relative;
 142         display: inline-block;
 143         padding-left: 35px;
 144 }
 145
 146 .wp-embed-site-title,
 147 .wp-embed-meta {
 148         display: table-cell;
 149 }
 150
 151 .wp-embed-meta {
 152         text-align: right;
 153         white-space: nowrap;
 154         vertical-align: middle;
 155 }
 156
 157 .wp-embed-comments,
 158 .wp-embed-share {
 159         display: inline;
 160 }
 161
 162 .wp-embed-meta a:hover {
 163         text-decoration: none;
 164         color: #0073aa;
 165 }
 166
 167 .wp-embed-comments a {
 168         line-height: 25px;
 169         display: inline-block;
 170 }
 171
 172 .wp-embed-comments + .wp-embed-share {
 173         margin-left: 10px;
 174 }
 175
 176 .wp-embed-share-dialog {
 177         position: absolute;
 178         top: 0;
 179         left: 0;
 180         right: 0;
 181         bottom: 0;
 182         background-color: #222;
 183         background-color: rgba(10, 10, 10, 0.9);
 184         color: #fff;
 185         opacity: 1;
 186         -webkit-transition: opacity .25s ease-in-out;
 187         transition: opacity .25s ease-in-out;
 188 }
 189
 190 .wp-embed-share-dialog.hidden {
 191         opacity: 0;
 192         visibility: hidden;
 193 }
 194
 195 .wp-embed-share-dialog-open,
 196 .wp-embed-share-dialog-close {
 197         margin: -8px 0 0;
 198         padding: 0;
 199         background: transparent;
 200         border: none;
 201         cursor: pointer;
 202         outline: none;
 203 }
 204
 205 .wp-embed-share-dialog-open .dashicons,
 206 .wp-embed-share-dialog-close .dashicons {
 207         padding: 4px;
 208 }
 209
 210 .wp-embed-share-dialog-open .dashicons {
 211         top: 8px;
 212 }
 213
 214 .wp-embed-share-dialog-open:focus .dashicons,
 215 .wp-embed-share-dialog-close:focus .dashicons {
 216         -webkit-box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
 217         box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
 218         -webkit-border-radius: 100%;
 219         border-radius: 100%;
 220 }
 221
 222 .wp-embed-share-dialog-close {
 223         position: absolute;
 224         top: 20px;
 225         right: 20px;
 226         font-size: 22px;
 227 }
 228
 229 .wp-embed-share-dialog-close:hover {
 230         text-decoration: none;
 231 }
 232
 233 .wp-embed-share-dialog-close .dashicons {
 234         height: 24px;
 235         width: 24px;
 236         -webkit-background-size: 24px 24px;
 237         background-size: 24px;
 238 }
 239
 240 .wp-embed-share-dialog-content {
 241         height: 100%;
 242         -webkit-transform-style: preserve-3d;
 243         transform-style: preserve-3d;
 244         overflow: hidden;
 245 }
 246
 247 .wp-embed-share-dialog-text {
 248         margin-top: 25px;
 249         padding: 20px;
 250 }
 251
 252 .wp-embed-share-tabs {
 253         margin: 0 0 20px;
 254         padding: 0;
 255         list-style: none;
 256 }
 257
 258 .wp-embed-share-tab-button {
 259         display: inline-block;
 260 }
 261
 262 .wp-embed-share-tab-button button {
 263         margin: 0;
 264         padding: 0;
 265         border: none;
 266         background: transparent;
 267         font-size: 16px;
 268         line-height: 1.3;
 269         color: #aaa;
 270         cursor: pointer;
 271         -webkit-transition: color .1s ease-in;
 272         transition: color .1s ease-in;
 273 }
 274
 275 .wp-embed-share-tab-button [aria-selected="true"] {
 276         color: #fff;
 277 }
 278
 279 .wp-embed-share-tab-button button:hover {
 280         color: #fff;
 281 }
 282
 283 .wp-embed-share-tab-button + .wp-embed-share-tab-button {
 284         margin: 0 0 0 10px;
 285         padding: 0 0 0 11px;
 286         border-left: 1px solid #aaa;
 287 }
 288
 289 .wp-embed-share-tab[aria-hidden="true"] {
 290         display: none;
 291 }
 292
 293 p.wp-embed-share-description {
 294         margin: 0;
 295         font-size: 14px;
 296         line-height: 1;
 297         font-style: italic;
 298         color: #aaa;
 299 }
 300
 301 .wp-embed-share-input {
 302         -webkit-box-sizing: border-box;
 303         -moz-box-sizing: border-box;
 304         box-sizing: border-box;
 305         width: 100%;
 306         border: none;
 307         height: 28px;
 308         margin: 0 0 10px 0;
 309         padding: 0 5px;
 310         font: 400 14px/1.5 'Open Sans', sans-serif;
 311         resize: none;
 312         cursor: text;
 313 }
 314
 315 textarea.wp-embed-share-input {
 316         height: 72px;
 317 }
 318
 319 html[dir="rtl"] .wp-embed-featured-image.square {
 320         float: right;
 321         margin-right: 0;
 322
 323         margin-left: 20px;
 324 }
 325
 326 html[dir="rtl"] .wp-embed-site-title a {
 327         padding-left: 0;
 328         padding-right: 35px;
 329 }
 330
 331 html[dir="rtl"] .wp-embed-site-icon {
 332         margin-right: 0;
 333         margin-left: 10px;
 334         left: auto;
 335         right: 0;
 336 }
 337
 338 html[dir="rtl"] .wp-embed-meta {
 339         text-align: left;
 340 }
 341
 342 html[dir="rtl"] .wp-embed-footer {
 343 }
 344
 345 html[dir="rtl"] .wp-embed-share {
 346         margin-left: 0;
 347         margin-right: 10px;
 348 }
 349
 350 html[dir="rtl"] .wp-embed-share-dialog-close {
 351         right: auto;
 352         left: 20px;
 353 }
 354
 355 html[dir="rtl"] .wp-embed-share-tab-button + .wp-embed-share-tab-button {
 356         margin: 0 10px 0 0;
 357         padding: 0 11px 0 0;
 358         border-left: none;
 359         border-right: 1px solid #aaa;
 360 }