[ Index ]

PHP Cross Reference of WordPress Trunk (Updated Daily)

Search

title

Body

[close]

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

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


Generated : Sat Jun 20 08:20:11 2026 Cross-referenced by PHPXref