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


Generated : Tue Apr 23 08:20:01 2024 Cross-referenced by PHPXref