[ Index ]

WordPress 5.4.1

[ Index ]     [ Classes ]     [ Functions ]     [ Variables ]     [ Constants ]     [ Statistics ]    

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: #82878c;
  71      background: #fff;
  72      border: 1px solid #e5e5e5;
  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: #82878c;
  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: #32373c;
 117  }
 118  
 119  .wp-embed .wp-embed-more {
 120      color: #b4b9be;
 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: #0073aa;
 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: #222;
 187      background-color: rgba(10, 10, 10, 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 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
 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: #aaa;
 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 #aaa;
 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: #aaa;
 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 0;
 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  
 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-footer {
 342  }
 343  
 344  html[dir="rtl"] .wp-embed-share {
 345      margin-left: 0;
 346      margin-right: 10px;
 347  }
 348  
 349  html[dir="rtl"] .wp-embed-share-dialog-close {
 350      right: auto;
 351      left: 20px;
 352  }
 353  
 354  html[dir="rtl"] .wp-embed-share-tab-button + .wp-embed-share-tab-button {
 355      margin: 0 10px 0 0;
 356      padding: 0 11px 0 0;
 357      border-left: none;
 358      border-right: 1px solid #aaa;
 359  }


Generated: Tue May 19 15:51:04 2020 Cross-referenced by PHPXref 0.7.1