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-size: 14px;
  63         font-weight: 400;
  64         font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  65         line-height: 1.5;
  66         color: #82878c;
  67         background: #fff;
  68         border: 1px solid #e5e5e5;
  69         -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
  70         box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
  71         /* Clearfix */
  72         overflow: auto;
  73         zoom: 1;
  74 }
  75
  76 .wp-embed a {
  77         color: #82878c;
  78         text-decoration: none;
  79 }
  80
  81 .wp-embed a:hover {
  82         text-decoration: underline;
  83 }
  84
  85 .wp-embed-featured-image {
  86         margin-bottom: 20px;
  87 }
  88
  89 .wp-embed-featured-image img {
  90         width: 100%;
  91         height: auto;
  92         border: none;
  93 }
  94
  95 .wp-embed-featured-image.square {
  96         float: left;
  97         max-width: 160px;
  98         margin-right: 20px;
  99 }
 100
 101 .wp-embed p {
 102         margin: 0;
 103 }
 104
 105 p.wp-embed-heading {
 106         margin: 0 0 15px;
 107         font-weight: 600;
 108         font-size: 22px;
 109         line-height: 1.3;
 110 }
 111
 112 .wp-embed-heading a {
 113         color: #32373c;
 114 }
 115
 116 .wp-embed .wp-embed-more {
 117         color: #b4b9be;
 118 }
 119
 120 .wp-embed-footer {
 121         display: table;
 122         width: 100%;
 123         margin-top: 30px;
 124 }
 125
 126 .wp-embed-site-icon {
 127         position: absolute;
 128         top: 50%;
 129         left: 0;
 130         -webkit-transform: translateY(-50%);
 131         -ms-transform: translateY(-50%);
 132         transform: translateY(-50%);
 133         height: 25px;
 134         width: 25px;
 135         border: 0;
 136 }
 137
 138 .wp-embed-site-title {
 139         font-weight: 600;
 140         line-height: 25px;
 141 }
 142
 143 .wp-embed-site-title a {
 144         position: relative;
 145         display: inline-block;
 146         padding-left: 35px;
 147 }
 148
 149 .wp-embed-site-title,
 150 .wp-embed-meta {
 151         display: table-cell;
 152 }
 153
 154 .wp-embed-meta {
 155         text-align: right;
 156         white-space: nowrap;
 157         vertical-align: middle;
 158 }
 159
 160 .wp-embed-comments,
 161 .wp-embed-share {
 162         display: inline;
 163 }
 164
 165 .wp-embed-meta a:hover {
 166         text-decoration: none;
 167         color: #0073aa;
 168 }
 169
 170 .wp-embed-comments a {
 171         line-height: 25px;
 172         display: inline-block;
 173 }
 174
 175 .wp-embed-comments + .wp-embed-share {
 176         margin-left: 10px;
 177 }
 178
 179 .wp-embed-share-dialog {
 180         position: absolute;
 181         top: 0;
 182         left: 0;
 183         right: 0;
 184         bottom: 0;
 185         background-color: #222;
 186         background-color: rgba(10, 10, 10, 0.9);
 187         color: #fff;
 188         opacity: 1;
 189         -webkit-transition: opacity .25s ease-in-out;
 190         transition: opacity .25s ease-in-out;
 191 }
 192
 193 .wp-embed-share-dialog.hidden {
 194         opacity: 0;
 195         visibility: hidden;
 196 }
 197
 198 .wp-embed-share-dialog-open,
 199 .wp-embed-share-dialog-close {
 200         margin: -8px 0 0;
 201         padding: 0;
 202         background: transparent;
 203         border: none;
 204         cursor: pointer;
 205         outline: none;
 206 }
 207
 208 .wp-embed-share-dialog-open .dashicons,
 209 .wp-embed-share-dialog-close .dashicons {
 210         padding: 4px;
 211 }
 212
 213 .wp-embed-share-dialog-open .dashicons {
 214         top: 8px;
 215 }
 216
 217 .wp-embed-share-dialog-open:focus .dashicons,
 218 .wp-embed-share-dialog-close:focus .dashicons {
 219         -webkit-box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
 220         box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
 221         -webkit-border-radius: 100%;
 222         border-radius: 100%;
 223 }
 224
 225 .wp-embed-share-dialog-close {
 226         position: absolute;
 227         top: 20px;
 228         right: 20px;
 229         font-size: 22px;
 230 }
 231
 232 .wp-embed-share-dialog-close:hover {
 233         text-decoration: none;
 234 }
 235
 236 .wp-embed-share-dialog-close .dashicons {
 237         height: 24px;
 238         width: 24px;
 239         -webkit-background-size: 24px 24px;
 240         background-size: 24px;
 241 }
 242
 243 .wp-embed-share-dialog-content {
 244         height: 100%;
 245         -webkit-transform-style: preserve-3d;
 246         transform-style: preserve-3d;
 247         overflow: hidden;
 248 }
 249
 250 .wp-embed-share-dialog-text {
 251         margin-top: 25px;
 252         padding: 20px;
 253 }
 254
 255 .wp-embed-share-tabs {
 256         margin: 0 0 20px;
 257         padding: 0;
 258         list-style: none;
 259 }
 260
 261 .wp-embed-share-tab-button {
 262         display: inline-block;
 263 }
 264
 265 .wp-embed-share-tab-button button {
 266         margin: 0;
 267         padding: 0;
 268         border: none;
 269         background: transparent;
 270         font-size: 16px;
 271         line-height: 1.3;
 272         color: #aaa;
 273         cursor: pointer;
 274         -webkit-transition: color .1s ease-in;
 275         transition: color .1s ease-in;
 276 }
 277
 278 .wp-embed-share-tab-button [aria-selected="true"] {
 279         color: #fff;
 280 }
 281
 282 .wp-embed-share-tab-button button:hover {
 283         color: #fff;
 284 }
 285
 286 .wp-embed-share-tab-button + .wp-embed-share-tab-button {
 287         margin: 0 0 0 10px;
 288         padding: 0 0 0 11px;
 289         border-left: 1px solid #aaa;
 290 }
 291
 292 .wp-embed-share-tab[aria-hidden="true"] {
 293         display: none;
 294 }
 295
 296 p.wp-embed-share-description {
 297         margin: 0;
 298         font-size: 14px;
 299         line-height: 1;
 300         font-style: italic;
 301         color: #aaa;
 302 }
 303
 304 .wp-embed-share-input {
 305         -webkit-box-sizing: border-box;
 306         -moz-box-sizing: border-box;
 307         box-sizing: border-box;
 308         width: 100%;
 309         border: none;
 310         height: 28px;
 311         margin: 0 0 10px 0;
 312         padding: 0 5px;
 313         font-size: 14px;
 314         font-weight: 400;
 315         font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
 316         line-height: 1.5;
 317         resize: none;
 318         cursor: text;
 319 }
 320
 321 textarea.wp-embed-share-input {
 322         height: 72px;
 323 }
 324
 325 html[dir="rtl"] .wp-embed-featured-image.square {
 326         float: right;
 327         margin-right: 0;
 328
 329         margin-left: 20px;
 330 }
 331
 332 html[dir="rtl"] .wp-embed-site-title a {
 333         padding-left: 0;
 334         padding-right: 35px;
 335 }
 336
 337 html[dir="rtl"] .wp-embed-site-icon {
 338         margin-right: 0;
 339         margin-left: 10px;
 340         left: auto;
 341         right: 0;
 342 }
 343
 344 html[dir="rtl"] .wp-embed-meta {
 345         text-align: left;
 346 }
 347
 348 html[dir="rtl"] .wp-embed-footer {
 349 }
 350
 351 html[dir="rtl"] .wp-embed-share {
 352         margin-left: 0;
 353         margin-right: 10px;
 354 }
 355
 356 html[dir="rtl"] .wp-embed-share-dialog-close {
 357         right: auto;
 358         left: 20px;
 359 }
 360
 361 html[dir="rtl"] .wp-embed-share-tab-button + .wp-embed-share-tab-button {
 362         margin: 0 10px 0 0;
 363         padding: 0 11px 0 0;
 364         border-left: none;
 365         border-right: 1px solid #aaa;
 366 }