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


Generated : Sun Feb 23 08:20:01 2025 Cross-referenced by PHPXref