[ 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      word-wrap: normal !important;
  21  }
  22  
  23  /* Dashicons */
  24  .dashicons {
  25      display: inline-block;
  26      width: 20px;
  27      height: 20px;
  28      background-color: transparent;
  29      background-repeat: no-repeat;
  30      background-size: 20px;
  31      background-position: center;
  32      transition: background .1s ease-in;
  33      position: relative;
  34      top: 5px;
  35  }
  36  
  37  .dashicons-no {
  38      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");
  39  }
  40  
  41  .dashicons-admin-comments {
  42      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");
  43  }
  44  
  45  .wp-embed-comments a:hover .dashicons-admin-comments {
  46      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");
  47  }
  48  
  49  .dashicons-share {
  50      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");
  51      display: none;
  52  }
  53  
  54  .js .dashicons-share {
  55      display: inline-block;
  56  }
  57  
  58  .wp-embed-share-dialog-open:hover .dashicons-share {
  59      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");
  60  }
  61  
  62  .wp-embed {
  63      padding: 25px;
  64      font-size: 14px;
  65      font-weight: 400;
  66      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  67      line-height: 1.5;
  68      color: #646970;
  69      background: #fff;
  70      border: 1px solid #dcdcde;
  71      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  72      /* Clearfix */
  73      overflow: auto;
  74      zoom: 1;
  75  }
  76  
  77  .wp-embed a {
  78      color: #646970;
  79      text-decoration: none;
  80  }
  81  
  82  .wp-embed a:hover {
  83      text-decoration: underline;
  84  }
  85  
  86  .wp-embed-featured-image {
  87      margin-bottom: 20px;
  88  }
  89  
  90  .wp-embed-featured-image img {
  91      width: 100%;
  92      height: auto;
  93      border: none;
  94  }
  95  
  96  .wp-embed-featured-image.square {
  97      float: left;
  98      max-width: 160px;
  99      margin-right: 20px;
 100  }
 101  
 102  .wp-embed p {
 103      margin: 0;
 104  }
 105  
 106  p.wp-embed-heading {
 107      margin: 0 0 15px;
 108      font-weight: 600;
 109      font-size: 22px;
 110      line-height: 1.3;
 111  }
 112  
 113  .wp-embed-heading a {
 114      color: #2c3338;
 115  }
 116  
 117  .wp-embed .wp-embed-more {
 118      color: #2271b1;
 119      text-decoration: underline;
 120  }
 121  
 122  .wp-embed-footer {
 123      display: table;
 124      width: 100%;
 125      margin-top: 30px;
 126  }
 127  
 128  .wp-embed-site-icon {
 129      position: absolute;
 130      top: 50%;
 131      left: 0;
 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: 1.78571428;
 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: #135e96;
 168  }
 169  
 170  .wp-embed-comments a {
 171      line-height: 1.78571428;
 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: #1d2327;
 186      background-color: rgba(0, 0, 0, 0.9);
 187      color: #fff;
 188      opacity: 1;
 189      transition: opacity .25s ease-in-out;
 190  }
 191  
 192  .wp-embed-share-dialog.hidden {
 193      opacity: 0;
 194      visibility: hidden;
 195  }
 196  
 197  .wp-embed-share-dialog-open,
 198  .wp-embed-share-dialog-close {
 199      margin: -8px 0 0;
 200      padding: 0;
 201      background: transparent;
 202      border: none;
 203      cursor: pointer;
 204      outline: none;
 205  }
 206  
 207  .wp-embed-share-dialog-open .dashicons,
 208  .wp-embed-share-dialog-close .dashicons {
 209      padding: 4px;
 210  }
 211  
 212  .wp-embed-share-dialog-open .dashicons {
 213      top: 8px;
 214  }
 215  
 216  .wp-embed-share-dialog-open:focus .dashicons,
 217  .wp-embed-share-dialog-close:focus .dashicons {
 218      box-shadow: 0 0 0 2px #2271b1;
 219      /* Only visible in Windows High Contrast mode */
 220      outline: 2px solid transparent;
 221      border-radius: 100%;
 222  }
 223  
 224  .wp-embed-share-dialog-close {
 225      position: absolute;
 226      top: 20px;
 227      right: 20px;
 228      font-size: 22px;
 229  }
 230  
 231  .wp-embed-share-dialog-close:hover {
 232      text-decoration: none;
 233  }
 234  
 235  .wp-embed-share-dialog-close .dashicons {
 236      height: 24px;
 237      width: 24px;
 238      background-size: 24px;
 239  }
 240  
 241  .wp-embed-share-dialog-content {
 242      height: 100%;
 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: #a7aaad;
 270      cursor: pointer;
 271      transition: color .1s ease-in;
 272  }
 273  
 274  .wp-embed-share-tab-button [aria-selected="true"] {
 275      color: #fff;
 276  }
 277  
 278  .wp-embed-share-tab-button button:hover {
 279      color: #fff;
 280  }
 281  
 282  .wp-embed-share-tab-button + .wp-embed-share-tab-button {
 283      margin: 0 0 0 10px;
 284      padding: 0 0 0 11px;
 285      border-left: 1px solid #a7aaad;
 286  }
 287  
 288  .wp-embed-share-tab[aria-hidden="true"] {
 289      display: none;
 290  }
 291  
 292  p.wp-embed-share-description {
 293      margin: 0;
 294      font-size: 14px;
 295      line-height: 1;
 296      font-style: italic;
 297      color: #a7aaad;
 298  }
 299  
 300  .wp-embed-share-input {
 301      box-sizing: border-box;
 302      width: 100%;
 303      border: none;
 304      height: 28px;
 305      margin: 0 0 10px;
 306      padding: 0 5px;
 307      font-size: 14px;
 308      font-weight: 400;
 309      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
 310      line-height: 1.5;
 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      margin-left: 20px;
 323  }
 324  
 325  html[dir="rtl"] .wp-embed-site-title a {
 326      padding-left: 0;
 327      padding-right: 35px;
 328  }
 329  
 330  html[dir="rtl"] .wp-embed-site-icon {
 331      margin-right: 0;
 332      margin-left: 10px;
 333      left: auto;
 334      right: 0;
 335  }
 336  
 337  html[dir="rtl"] .wp-embed-meta {
 338      text-align: left;
 339  }
 340  
 341  html[dir="rtl"] .wp-embed-share {
 342      margin-left: 0;
 343      margin-right: 10px;
 344  }
 345  
 346  html[dir="rtl"] .wp-embed-share-dialog-close {
 347      right: auto;
 348      left: 20px;
 349  }
 350  
 351  html[dir="rtl"] .wp-embed-share-tab-button + .wp-embed-share-tab-button {
 352      margin: 0 10px 0 0;
 353      padding: 0 11px 0 0;
 354      border-left: none;
 355      border-right: 1px solid #a7aaad;
 356  }


Generated : Sat Jun 7 08:20:01 2025 Cross-referenced by PHPXref