home *** CD-ROM | disk | FTP | other *** search
/ HTML Examples / WP.iso / wordpress / wp-includes / css / wp-embed-template.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2017-09-29  |  7.8 KB  |  362 lines
  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, .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.     -webkit-transform: translateY(-50%);
  134.     transform: translateY(-50%);
  135.     height: 25px;
  136.     width: 25px;
  137.     border: 0;
  138. }
  139.  
  140. .wp-embed-site-title {
  141.     font-weight: 600;
  142.     line-height: 25px;
  143. }
  144.  
  145. .wp-embed-site-title a {
  146.     position: relative;
  147.     display: inline-block;
  148.     padding-left: 35px;
  149. }
  150.  
  151. .wp-embed-site-title,
  152. .wp-embed-meta {
  153.     display: table-cell;
  154. }
  155.  
  156. .wp-embed-meta {
  157.     text-align: right;
  158.     white-space: nowrap;
  159.     vertical-align: middle;
  160. }
  161.  
  162. .wp-embed-comments,
  163. .wp-embed-share {
  164.     display: inline;
  165. }
  166.  
  167. .wp-embed-meta a:hover {
  168.     text-decoration: none;
  169.     color: #0073aa;
  170. }
  171.  
  172. .wp-embed-comments a {
  173.     line-height: 25px;
  174.     display: inline-block;
  175. }
  176.  
  177. .wp-embed-comments + .wp-embed-share {
  178.     margin-left: 10px;
  179. }
  180.  
  181. .wp-embed-share-dialog {
  182.     position: absolute;
  183.     top: 0;
  184.     left: 0;
  185.     right: 0;
  186.     bottom: 0;
  187.     background-color: #222;
  188.     background-color: rgba(10, 10, 10, 0.9);
  189.     color: #fff;
  190.     opacity: 1;
  191.     transition: opacity .25s ease-in-out;
  192. }
  193.  
  194. .wp-embed-share-dialog.hidden {
  195.     opacity: 0;
  196.     visibility: hidden;
  197. }
  198.  
  199. .wp-embed-share-dialog-open,
  200. .wp-embed-share-dialog-close {
  201.     margin: -8px 0 0;
  202.     padding: 0;
  203.     background: transparent;
  204.     border: none;
  205.     cursor: pointer;
  206.     outline: none;
  207. }
  208.  
  209. .wp-embed-share-dialog-open .dashicons,
  210. .wp-embed-share-dialog-close .dashicons {
  211.     padding: 4px;
  212. }
  213.  
  214. .wp-embed-share-dialog-open .dashicons {
  215.     top: 8px;
  216. }
  217.  
  218. .wp-embed-share-dialog-open:focus .dashicons,
  219. .wp-embed-share-dialog-close:focus .dashicons {
  220.     box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
  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.     -webkit-transform-style: preserve-3d;
  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: #aaa;
  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 #aaa;
  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: #aaa;
  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 0;
  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 #aaa;
  361. }
  362.