[ 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: rect(1px, 1px, 1px, 1px);
  14      clip-path: inset(50%);
  15      height: 1px;
  16      margin: -1px;
  17      overflow: hidden;
  18      padding: 0;
  19      position: absolute;
  20      width: 1px;
  21      word-wrap: normal !important;
  22  }
  23  
  24  /* Dashicons */
  25  .dashicons {
  26      display: inline-block;
  27      width: 20px;
  28      height: 20px;
  29      background-color: transparent;
  30      background-repeat: no-repeat;
  31      background-size: 20px;
  32      background-position: center;
  33      transition: background .1s ease-in;
  34      position: relative;
  35      top: 5px;
  36  }
  37  
  38  .dashicons-no {
  39      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");
  40  }
  41  
  42  .dashicons-admin-comments {
  43      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");
  44  }
  45  
  46  .wp-embed-comments a:hover .dashicons-admin-comments {
  47      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");
  48  }
  49  
  50  .dashicons-share {
  51      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");
  52      display: none;
  53  }
  54  
  55  .js .dashicons-share {
  56      display: inline-block;
  57  }
  58  
  59  .wp-embed-share-dialog-open:hover .dashicons-share {
  60      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");
  61  }
  62  
  63  .wp-embed {
  64      padding: 25px;
  65      font-size: 14px;
  66      font-weight: 400;
  67      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  68      line-height: 1.5;
  69      color: #8c8f94;
  70      background: #fff;
  71      border: 1px solid #dcdcde;
  72      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  73      /* Clearfix */
  74      overflow: auto;
  75      zoom: 1;
  76  }
  77  
  78  .wp-embed a {
  79      color: #8c8f94;
  80      text-decoration: none;
  81  }
  82  
  83  .wp-embed a:hover {
  84      text-decoration: underline;
  85  }
  86  
  87  .wp-embed-featured-image {
  88      margin-bottom: 20px;
  89  }
  90  
  91  .wp-embed-featured-image img {
  92      width: 100%;
  93      height: auto;
  94      border: none;
  95  }
  96  
  97  .wp-embed-featured-image.square {
  98      float: left;
  99      max-width: 160px;
 100      margin-right: 20px;
 101  }
 102  
 103  .wp-embed p {
 104      margin: 0;
 105  }
 106  
 107  p.wp-embed-heading {
 108      margin: 0 0 15px;
 109      font-weight: 600;
 110      font-size: 22px;
 111      line-height: 1.3;
 112  }
 113  
 114  .wp-embed-heading a {
 115      color: #2c3338;
 116  }
 117  
 118  .wp-embed .wp-embed-more {
 119      color: #c3c4c7;
 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: #2271b1;
 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 : Sun Dec 22 08:20:01 2024 Cross-referenced by PHPXref