[ Index ]

PHP Cross Reference of WordPress Trunk (Updated Daily)

Search

title

Body

[close]

/wp-includes/css/ -> wp-embed-template.css (source)

   1  html,
   2  body {
   3      padding: 0;
   4      margin: 0;
   5  }
   6  
   7  body {
   8      font-family: sans-serif;
   9  }
  10  
  11  /* Text meant only for screen readers */
  12  .screen-reader-text {
  13      border: 0;
  14      clip-path: inset(50%);
  15      height: 1px;
  16      margin: -1px;
  17      overflow: hidden;
  18      padding: 0;
  19      position: absolute;
  20      width: 1px;
  21      /* Many screen reader and browser combinations announce broken words as they would appear visually. */
  22      word-wrap: normal !important;
  23      word-break: normal !important;
  24  }
  25  
  26  /* Dashicons */
  27  .dashicons {
  28      display: inline-block;
  29      width: 20px;
  30      height: 20px;
  31      background-color: transparent;
  32      background-repeat: no-repeat;
  33      background-size: 20px;
  34      background-position: center;
  35      transition: background 0.1s ease-in;
  36      position: relative;
  37      top: 5px;
  38  }
  39  
  40  .dashicons-no {
  41      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);
  42  }
  43  
  44  .dashicons-admin-comments {
  45      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%23646970%27%2F%3E%3C%2Fsvg%3E);
  46  }
  47  
  48  .wp-embed-comments a:hover .dashicons-admin-comments {
  49      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%23135e96%27%2F%3E%3C%2Fsvg%3E);
  50  }
  51  
  52  .dashicons-share {
  53      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%23646970%27%2F%3E%3C%2Fsvg%3E);
  54      display: none;
  55  }
  56  
  57  .js .dashicons-share {
  58      display: inline-block;
  59  }
  60  
  61  .wp-embed-share-dialog-open:hover .dashicons-share {
  62      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%23135e96%27%2F%3E%3C%2Fsvg%3E);
  63  }
  64  
  65  .wp-embed {
  66      padding: 25px;
  67      font-size: 14px;
  68      font-weight: 400;
  69      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  70      line-height: 1.5;
  71      color: #646970;
  72      background: #fff;
  73      border: 1px solid #dcdcde;
  74      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  75      /* Clearfix */
  76      overflow: auto;
  77      zoom: 1;
  78  }
  79  
  80  .wp-embed a {
  81      color: #646970;
  82      text-decoration: none;
  83  }
  84  
  85  .wp-embed a:hover {
  86      text-decoration: underline;
  87  }
  88  
  89  .wp-embed-featured-image {
  90      margin-bottom: 20px;
  91  }
  92  
  93  .wp-embed-featured-image img {
  94      width: 100%;
  95      height: auto;
  96      border: none;
  97  }
  98  
  99  .wp-embed-featured-image.square {
 100      float: left;
 101      max-width: 160px;
 102      margin-right: 20px;
 103  }
 104  
 105  .wp-embed p {
 106      margin: 0;
 107  }
 108  
 109  p.wp-embed-heading {
 110      margin: 0 0 15px;
 111      font-weight: 600;
 112      font-size: 22px;
 113      line-height: 1.3;
 114  }
 115  
 116  .wp-embed-heading a {
 117      color: #2c3338;
 118  }
 119  
 120  .wp-embed .wp-embed-more {
 121      color: #2271b1;
 122      text-decoration: underline;
 123  }
 124  
 125  .wp-embed-footer {
 126      display: table;
 127      width: 100%;
 128      margin-top: 30px;
 129  }
 130  
 131  .wp-embed-site-icon {
 132      position: absolute;
 133      top: 50%;
 134      left: 0;
 135      transform: translateY(-50%);
 136      height: 25px;
 137      width: 25px;
 138      border: 0;
 139  }
 140  
 141  .wp-embed-site-title {
 142      font-weight: 600;
 143      line-height: 1.78571428;
 144  }
 145  
 146  .wp-embed-site-title a {
 147      position: relative;
 148      display: inline-block;
 149      padding-left: 35px;
 150  }
 151  
 152  .wp-embed-site-title,
 153  .wp-embed-meta {
 154      display: table-cell;
 155  }
 156  
 157  .wp-embed-meta {
 158      text-align: right;
 159      white-space: nowrap;
 160      vertical-align: middle;
 161  }
 162  
 163  .wp-embed-comments,
 164  .wp-embed-share {
 165      display: inline;
 166  }
 167  
 168  .wp-embed-meta a:hover {
 169      text-decoration: none;
 170      color: #135e96;
 171  }
 172  
 173  .wp-embed-comments a {
 174      line-height: 1.78571428;
 175      display: inline-block;
 176  }
 177  
 178  .wp-embed-comments + .wp-embed-share {
 179      margin-left: 10px;
 180  }
 181  
 182  .wp-embed-share-dialog {
 183      position: absolute;
 184      top: 0;
 185      left: 0;
 186      right: 0;
 187      bottom: 0;
 188      background-color: #1d2327;
 189      background-color: rgba(0, 0, 0, 0.9);
 190      color: #fff;
 191      opacity: 1;
 192      transition: opacity 0.25s ease-in-out;
 193  }
 194  
 195  .wp-embed-share-dialog.hidden {
 196      opacity: 0;
 197      visibility: hidden;
 198  }
 199  
 200  .wp-embed-share-dialog-open,
 201  .wp-embed-share-dialog-close {
 202      margin: -8px 0 0;
 203      padding: 0;
 204      background: transparent;
 205      border: none;
 206      cursor: pointer;
 207      outline: none;
 208  }
 209  
 210  .wp-embed-share-dialog-open .dashicons,
 211  .wp-embed-share-dialog-close .dashicons {
 212      padding: 4px;
 213  }
 214  
 215  .wp-embed-share-dialog-open .dashicons {
 216      top: 8px;
 217  }
 218  
 219  .wp-embed-share-dialog-open:focus .dashicons,
 220  .wp-embed-share-dialog-close:focus .dashicons {
 221      box-shadow: 0 0 0 1.5px #3858e9;
 222      /* Only visible in Windows High Contrast mode */
 223      outline: 2px solid transparent;
 224      border-radius: 100%;
 225  }
 226  
 227  .wp-embed-share-dialog-close {
 228      position: absolute;
 229      top: 20px;
 230      right: 20px;
 231      font-size: 22px;
 232  }
 233  
 234  .wp-embed-share-dialog-close:hover {
 235      text-decoration: none;
 236  }
 237  
 238  .wp-embed-share-dialog-close .dashicons {
 239      height: 24px;
 240      width: 24px;
 241      background-size: 24px;
 242  }
 243  
 244  .wp-embed-share-dialog-content {
 245      height: 100%;
 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: #a7aaad;
 273      cursor: pointer;
 274      transition: color 0.1s ease-in;
 275  }
 276  
 277  .wp-embed-share-tab-button [aria-selected="true"] {
 278      color: #fff;
 279  }
 280  
 281  .wp-embed-share-tab-button button:hover {
 282      color: #fff;
 283  }
 284  
 285  .wp-embed-share-tab-button + .wp-embed-share-tab-button {
 286      margin: 0 0 0 10px;
 287      padding: 0 0 0 11px;
 288      border-left: 1px solid #a7aaad;
 289  }
 290  
 291  .wp-embed-share-tab[aria-hidden="true"] {
 292      display: none;
 293  }
 294  
 295  p.wp-embed-share-description {
 296      margin: 0;
 297      font-size: 14px;
 298      line-height: 1;
 299      font-style: italic;
 300      color: #a7aaad;
 301  }
 302  
 303  .wp-embed-share-input {
 304      box-sizing: border-box;
 305      width: 100%;
 306      border: none;
 307      height: 28px;
 308      margin: 0 0 10px;
 309      padding: 0 5px;
 310      font-size: 14px;
 311      font-weight: 400;
 312      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
 313      line-height: 1.5;
 314      resize: none;
 315      cursor: text;
 316  }
 317  
 318  textarea.wp-embed-share-input {
 319      height: 72px;
 320  }
 321  
 322  html[dir="rtl"] .wp-embed-featured-image.square {
 323      float: right;
 324      margin-right: 0;
 325      margin-left: 20px;
 326  }
 327  
 328  html[dir="rtl"] .wp-embed-site-title a {
 329      padding-left: 0;
 330      padding-right: 35px;
 331  }
 332  
 333  html[dir="rtl"] .wp-embed-site-icon {
 334      margin-right: 0;
 335      margin-left: 10px;
 336      left: auto;
 337      right: 0;
 338  }
 339  
 340  html[dir="rtl"] .wp-embed-meta {
 341      text-align: left;
 342  }
 343  
 344  html[dir="rtl"] .wp-embed-share {
 345      margin-left: 0;
 346      margin-right: 10px;
 347  }
 348  
 349  html[dir="rtl"] .wp-embed-share-dialog-close {
 350      right: auto;
 351      left: 20px;
 352  }
 353  
 354  html[dir="rtl"] .wp-embed-share-tab-button + .wp-embed-share-tab-button {
 355      margin: 0 10px 0 0;
 356      padding: 0 11px 0 0;
 357      border-left: none;
 358      border-right: 1px solid #a7aaad;
 359  }


Generated : Mon Aug 31 08:20:24 2026 Cross-referenced by PHPXref