跳转到内容

MediaWiki:Gadget-ilhpp.css

维基百科，自由的百科全书
注意：保存之后，你必须清除浏览器缓存才能看到做出的更改。Google Chrome、Firefox、Microsoft Edge及Safari：按住⇧ Shift键并单击工具栏的“刷新”按钮。参阅Help:绕过浏览器缓存以获取更多帮助。 
:root {
  --ilhpp-link-green: #007a5e;
  --ilhpp-link-existing: #1e88e5;
  --ilhpp-link-existing--hover: #2196f3;
  --ilhpp-link-existing--active: #0d47a1;
  --ilhpp-link-existing--visited: #ab47bc;
}
@media screen and (prefers-color-scheme: dark) {
  html.skin-theme-clientpref-os  {
    --ilhpp-link-green: #009b78;
    --ilhpp-link-existing: #1e88e5;
    --ilhpp-link-existing--hover: #2196f3;
    --ilhpp-link-existing--active: #42a5f5;
    --ilhpp-link-existing--visited: #ba68c8;
  }
}
html.skin-theme-clientpref-night  {
  --ilhpp-link-green: #009b78;
  --ilhpp-link-existing: #1e88e5;
  --ilhpp-link-existing--hover: #2196f3;
  --ilhpp-link-existing--active: #42a5f5;
  --ilhpp-link-existing--visited: #ba68c8;
}
@keyframes ilhpp-skeleton-breath {
  0% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  80% {
    opacity: 0.75;
  }
  100% {
    opacity: 1;
  }
}
@keyframes ilhpp-rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.ilhpp-text-like {
  color: inherit !important;
}
.ilhpp-text-like:hover,
.ilhpp-text-like:active,
.ilhpp-text-like:focus {
  text-decoration: none !important;
  color: inherit !important;
}
.ilhpp-scroll-locked {
  overflow: hidden;
  position: relative;
  height: 100%;
  touch-action: none;
}
.ilhpp-auto-hyphen:lang(de),
.ilhpp-auto-hyphen:lang(fi),
.ilhpp-auto-hyphen:lang(sv),
.ilhpp-auto-hyphen:lang(no),
.ilhpp-auto-hyphen:lang(nl),
.ilhpp-auto-hyphen:lang(cy),
.ilhpp-auto-hyphen:lang(is),
.ilhpp-auto-hyphen:lang(pl) {
  -webkit-hyphens: auto;
          hyphens: auto;
}
.ilhpp-extract {
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
}
.ilhpp-extract p {
  margin: 0;
}
.ilhpp-extract sub,
.ilhpp-extract sup {
  line-height: 0;
}
.skin-minerva ul#footer-places.footer-places li#ilhpp-footer-places-settings {
  display: inline-block;
}
html:not(.ve-active.ve-active-visual, .ilhpp-inactive).ilhpp-pref-link-orig .ilh-comment,
html:not(.ve-active.ve-active-visual, .ilhpp-inactive).ilhpp-pref-link-foreign .ilh-comment {
  display: none;
}
html:not(.ve-active.ve-active-visual, .ilhpp-inactive).ilhpp-pref-link-orig-n-unlinked-foreign .ilh-comment .ilh-lang,
html:not(.ve-active.ve-active-visual, .ilhpp-inactive).ilhpp-pref-link-orig-n-unlinked-foreign .ilh-comment .ilh-colon {
  display: none;
}
html:not(.ve-active.ve-active-visual, .ilhpp-inactive).ilhpp-pref-link-orig-n-unlinked-foreign .ilh-comment .ilh-link {
  cursor: text;
}
html:not(.ve-active.ve-active-visual, .ilhpp-inactive).ilhpp-pref-link-orig-n-unlinked-foreign .ilh-comment .ilh-link a {
  pointer-events: none;
  color: inherit;
  text-decoration: none;
}
html:not(.ve-active.ve-active-visual, .ilhpp-inactive).ilhpp-pref-link-foreign-n-lang-code .ilh-comment .ilh-paren,
html:not(.ve-active.ve-active-visual, .ilhpp-inactive).ilhpp-pref-link-foreign-n-lang-code .ilh-comment .ilh-lang {
  font-size: 0.8em;
  color: var(--color-subtle, #54595d);
  font-weight: bold;
}
html:not(.ve-active.ve-active-visual, .ilhpp-inactive).ilhpp-pref-link-foreign-n-lang-code .ilh-comment .ilh-colon,
html:not(.ve-active.ve-active-visual, .ilhpp-inactive).ilhpp-pref-link-foreign-n-lang-code .ilh-comment .ilh-link {
  display: none;
}
html:not(.ve-active.ve-active-visual, .ilhpp-inactive).ilhpp-pref-orig-link-color-green .ilh-all .new {
  color: var(--ilhpp-link-green);
}
html:not(.ve-active.ve-active-visual, .ilhpp-inactive).ilhpp-pref-orig-link-color-green .ilh-all .new:hover {
  color: var(--color-destructive--hover, #fc493b);
}
html:not(.ve-active.ve-active-visual, .ilhpp-inactive).ilhpp-pref-orig-link-color-green .ilh-all .new:active {
  color: var(--color-destructive--active, #9f3526);
}
html:not(.ve-active.ve-active-visual, .ilhpp-inactive).ilhpp-pref-hl-existing .ilh-blue .ilh-page a {
  color: var(--ilhpp-link-existing);
}
html:not(.ve-active.ve-active-visual, .ilhpp-inactive).ilhpp-pref-hl-existing .ilh-blue .ilh-page a:hover {
  color: var(--ilhpp-link-existing--hover);
}
html:not(.ve-active.ve-active-visual, .ilhpp-inactive).ilhpp-pref-hl-existing .ilh-blue .ilh-page a:visited {
  color: var(--ilhpp-link-existing--visited);
}
html:not(.ve-active.ve-active-visual, .ilhpp-inactive).ilhpp-pref-hl-existing .ilh-blue .ilh-page a:active {
  color: var(--ilhpp-link-existing--active);
}
@keyframes ilhpp-popup-desktop-top-in {
  0% {
    opacity: 0;
    transform: translate(0, -20px);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@keyframes ilhpp-popup-desktop-top-out {
  0% {
    opacity: 1;
    transform: translate(0, 0);
  }
  100% {
    opacity: 0;
    transform: translate(0, -20px);
  }
}
@keyframes ilhpp-popup-desktop-bottom-in {
  0% {
    opacity: 0;
    transform: translate(0, 20px);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@keyframes ilhpp-popup-desktop-bottom-out {
  0% {
    opacity: 1;
    transform: translate(0, 0);
  }
  100% {
    opacity: 0;
    transform: translate(0, 20px);
  }
}
.ilhpp-popup-desktop {
  position: absolute;
  z-index: 800;
  box-shadow: 0 30px 90px -20px rgba(0, 0, 0, 0.3), 0 0 0 1px var(--background-color-neutral, #eaecf0);
  background: var(--background-color-base, #fff);
  border-radius: 2px;
  word-break: break-word;
  line-height: 20px;
  width: 300px;
  font-size: 14px;
  display: flex;
  flex-direction: column;
}
.ilhpp-popup-desktop::before {
  content: '';
  position: absolute;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  width: 0;
  height: 0;
}
.ilhpp-popup-desktop__header {
  display: flex;
  overflow: hidden;
  font-size: 1.125em;
  font-weight: bold;
  margin: 16px 16px 0;
}
.ilhpp-popup-desktop__header::before {
  flex: 0 0 auto;
  display: inline-block;
  content: '';
  width: 18px;
  height: 18px;
  background-color: var(--color-base, #202122);
}
.ilhpp-popup-desktop__subheader {
  font-size: 0.875em;
  color: var(--color-subtle, #54595d);
  margin: 0;
  margin-left: 16px;
}
.ilhpp-popup-desktop__main {
  position: relative;
  display: block;
  margin: 8px 16px 0;
  overflow: hidden;
}
.ilhpp-popup-desktop__cta {
  display: flex;
  align-items: center;
  overflow: hidden;
  background-color: var(--background-color-neutral, #eaecf0);
  padding: 8px 16px;
  margin-top: 8px;
  font-size: 0.875em;
  line-height: 17.5px;
}
.ilhpp-popup-desktop__cta::before {
  flex: 0 0 auto;
  display: inline-block;
  content: '';
  width: 18px;
  height: 18px;
  margin-left: -2px;
  margin-right: 8px;
  -webkit-mask: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20aria-hidden='true'%3e%3c!----%3e%3cg%3e%3cpath%20d='M5%201c-1.1%200-2%20.9-2%202v14c0%201.1.9%202%202%202h10c1.1%200%202-.9%202-2V3c0-1.1-.9-2-2-2zm10%2010h-4v4H9v-4H5V9h4V5h2v4h4z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e") no-repeat center / contain;
          mask: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20aria-hidden='true'%3e%3c!----%3e%3cg%3e%3cpath%20d='M5%201c-1.1%200-2%20.9-2%202v14c0%201.1.9%202%202%202h10c1.1%200%202-.9%202-2V3c0-1.1-.9-2-2-2zm10%2010h-4v4H9v-4H5V9h4V5h2v4h4z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e") no-repeat center / contain;
  background-color: var(--color-base, #202122);
}
.ilhpp-popup-desktop__cta__inner {
  word-break: break-all;
}
.ilhpp-popup-desktop__cta__settings {
  flex: 0 0 auto;
  -webkit-appearance: none;
          appearance: none;
  background-color: var(--background-color-transparent, transparent);
  border-color: var(--border-color-transparent, transparent);
  border-style: solid;
  border-width: 1px;
  border-radius: 2px;
  transition-property: background-color, color, border-color, box-shadow;
  transition-duration: 0.1s;
  padding: 5px;
  margin-left: 2px;
  margin-right: -8px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ilhpp-popup-desktop__cta__settings:hover:not(:disabled) {
  background-color: var(--background-color-interactive-subtle--hover, #eaecf0);
  mix-blend-mode: var(--mix-blend-mode-blend, multiply);
}
.ilhpp-popup-desktop__cta__settings:active:not(:disabled) {
  background-color: var(--background-color-interactive-subtle--active, #dadde3);
}
.ilhpp-popup-desktop__cta__settings:focus:not(:active, :disabled) {
  border-color: var(--border-color-progressive--focus, #36c);
  box-shadow: inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c);
}
.ilhpp-popup-desktop__cta__settings::before {
  flex: 0 0 auto;
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  -webkit-mask: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20aria-hidden='true'%3e%3c!----%3e%3cg%3e%3cg%20transform='translate(10%2010)'%3e%3cpath%20id='cdx-icon-settings-a'%20d='M1.5-10h-3l-1%206.5h5m0%207h-5l1%206.5h3'%3e%3c/path%3e%3cuse%20xlink:href='%23cdx-icon-settings-a'%20transform='rotate(45)'%3e%3c/use%3e%3cuse%20xlink:href='%23cdx-icon-settings-a'%20transform='rotate(90)'%3e%3c/use%3e%3cuse%20xlink:href='%23cdx-icon-settings-a'%20transform='rotate(135)'%3e%3c/use%3e%3c/g%3e%3cpath%20d='M10%202.5a7.5%207.5%200%20000%2015%207.5%207.5%200%20000-15v4a3.5%203.5%200%20010%207%203.5%203.5%200%20010-7'%3e%3c/path%3e%3c/g%3e%3c/svg%3e") no-repeat center / contain;
          mask: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20aria-hidden='true'%3e%3c!----%3e%3cg%3e%3cg%20transform='translate(10%2010)'%3e%3cpath%20id='cdx-icon-settings-a'%20d='M1.5-10h-3l-1%206.5h5m0%207h-5l1%206.5h3'%3e%3c/path%3e%3cuse%20xlink:href='%23cdx-icon-settings-a'%20transform='rotate(45)'%3e%3c/use%3e%3cuse%20xlink:href='%23cdx-icon-settings-a'%20transform='rotate(90)'%3e%3c/use%3e%3cuse%20xlink:href='%23cdx-icon-settings-a'%20transform='rotate(135)'%3e%3c/use%3e%3c/g%3e%3cpath%20d='M10%202.5a7.5%207.5%200%20000%2015%207.5%207.5%200%20000-15v4a3.5%203.5%200%20010%207%203.5%203.5%200%20010-7'%3e%3c/path%3e%3c/g%3e%3c/svg%3e") no-repeat center / contain;
  background-color: var(--color-base, #202122);
}
.ilhpp-popup-desktop__cta__settings:disabled::before {
  animation: ilhpp-rotate 3s linear infinite;
  background-color: var(--color-disabled, #a2a9b1);
}
.ilhpp-popup-desktop--top.ilhpp-popup-desktop {
  animation: ilhpp-popup-desktop-top-in 0.2s ease forwards;
}
.ilhpp-popup-desktop--top.ilhpp-popup-desktop--out {
  animation-name: ilhpp-popup-desktop-top-out !important;
}
.ilhpp-popup-desktop--top.ilhpp-popup-desktop::before {
  border-top: 8px solid var(--background-color-interactive, #eaecf0);
  bottom: -8px;
}
.ilhpp-popup-desktop--bottom.ilhpp-popup-desktop {
  animation: ilhpp-popup-desktop-bottom-in 0.2s ease forwards;
}
.ilhpp-popup-desktop--bottom.ilhpp-popup-desktop--out {
  animation-name: ilhpp-popup-desktop-bottom-out !important;
}
.ilhpp-popup-desktop--bottom.ilhpp-popup-desktop::before {
  border-bottom: 8px solid var(--background-color-base, #fff);
  top: -8px;
}
.ilhpp-popup-desktop--left::before {
  right: 12px;
}
.ilhpp-popup-desktop--right::before {
  left: 12px;
}
.ilhpp-popup-desktop--foreign-ltr .ilhpp-popup-desktop__header::before {
  margin-left: -2px;
  margin-right: 8px;
  -webkit-mask: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20aria-hidden='true'%3e%3c!----%3e%3cg%3e%3cpath%20d='M5%201a2%202%200%2000-2%202v14a2%202%200%20002%202h10a2%202%200%20002-2V3a2%202%200%2000-2-2zm0%203h5v1H5zm0%202h5v1H5zm0%202h5v1H5zm10%207H5v-1h10zm0-2H5v-1h10zm0-2H5v-1h10zm0-2h-4V4h4z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e") no-repeat center / contain;
          mask: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20aria-hidden='true'%3e%3c!----%3e%3cg%3e%3cpath%20d='M5%201a2%202%200%2000-2%202v14a2%202%200%20002%202h10a2%202%200%20002-2V3a2%202%200%2000-2-2zm0%203h5v1H5zm0%202h5v1H5zm0%202h5v1H5zm10%207H5v-1h10zm0-2H5v-1h10zm0-2H5v-1h10zm0-2h-4V4h4z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e") no-repeat center / contain;
}
.ilhpp-popup-desktop--foreign-ltr .ilhpp-popup-desktop__subheader {
  margin-left: 40px;
}
.ilhpp-popup-desktop--foreign-rtl .ilhpp-popup-desktop__header::before {
  margin-right: -2px;
  margin-left: 8px;
  -webkit-mask: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20aria-hidden='true'%3e%3c!----%3e%3cg%3e%3cpath%20d='M5%201a2%202%200%2000-2%202v14a2%202%200%20002%202h10a2%202%200%20002-2V3a2%202%200%2000-2-2zm0%203h5v1H5zm0%202h5v1H5zm0%202h5v1H5zm10%207H5v-1h10zm0-2H5v-1h10zm0-2H5v-1h10zm0-2h-4V4h4z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e") no-repeat center / contain;
          mask: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20aria-hidden='true'%3e%3c!----%3e%3cg%3e%3cpath%20d='M5%201a2%202%200%2000-2%202v14a2%202%200%20002%202h10a2%202%200%20002-2V3a2%202%200%2000-2-2zm0%203h5v1H5zm0%202h5v1H5zm0%202h5v1H5zm10%207H5v-1h10zm0-2H5v-1h10zm0-2H5v-1h10zm0-2h-4V4h4z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e") no-repeat center / contain;
  transform: scaleX(-1);
}
.ilhpp-popup-desktop--standard .ilhpp-popup-desktop__main__more {
  position: absolute;
  bottom: 0;
  width: calc(6em + 6ch);
}
@supports (width: 1ic) {
  .ilhpp-popup-desktop--standard .ilhpp-popup-desktop__main__more {
    width: calc(6ic + 6ch);
  }
}
.ilhpp-popup-desktop--loading .ilhpp-popup-desktop__main {
  height: 140px;
}
.ilhpp-popup-desktop--loading .ilhpp-popup-desktop__main__extract {
  height: 100%;
  background: var(--background-color-neutral, #eaecf0);
  animation: ilhpp-skeleton-breath 1.5s ease-in-out infinite;
  -webkit-mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3csvg%20width='268'%20height='140'%20viewBox='0%200%2070.908333%2037.041667'%20version='1.1'%20id='svg1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:svg='http://www.w3.org/2000/svg'%3e%3cdefs%20id='defs1'%20/%3e%3cg%20id='layer1'%3e%3crect%20style='fill:%23000000'%20id='rect5'%20width='70.864166'%20height='3.9687502'%20x='0'%20y='0'%20rx='1.984375'%20ry='1.984375'%20/%3e%3crect%20style='fill:%23000000'%20id='rect6'%20width='63.460442'%20height='3.9687502'%20x='0'%20y='6.614584'%20rx='1.984375'%20ry='1.984375'%20/%3e%3crect%20style='fill:%23000000'%20id='rect7'%20width='70.864166'%20height='3.9687502'%20x='0.044168893'%20y='13.229168'%20rx='1.984375'%20ry='1.984375'%20/%3e%3crect%20style='fill:%23000000'%20id='rect8'%20width='58.172073'%20height='3.9687502'%20x='0.044168893'%20y='19.843752'%20rx='1.984375'%20ry='1.984375'%20/%3e%3crect%20style='fill:%23000000'%20id='rect9'%20width='70.864166'%20height='3.9687502'%20x='0'%20y='26.458336'%20rx='1.984375'%20ry='1.984375'%20/%3e%3crect%20style='fill:%23000000'%20id='rect10'%20width='67.42672'%20height='3.9687502'%20x='0.044168893'%20y='33.072918'%20rx='1.984375'%20ry='1.984375'%20/%3e%3c/g%3e%3c/svg%3e") no-repeat center / contain;
          mask: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3csvg%20width='268'%20height='140'%20viewBox='0%200%2070.908333%2037.041667'%20version='1.1'%20id='svg1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:svg='http://www.w3.org/2000/svg'%3e%3cdefs%20id='defs1'%20/%3e%3cg%20id='layer1'%3e%3crect%20style='fill:%23000000'%20id='rect5'%20width='70.864166'%20height='3.9687502'%20x='0'%20y='0'%20rx='1.984375'%20ry='1.984375'%20/%3e%3crect%20style='fill:%23000000'%20id='rect6'%20width='63.460442'%20height='3.9687502'%20x='0'%20y='6.614584'%20rx='1.984375'%20ry='1.984375'%20/%3e%3crect%20style='fill:%23000000'%20id='rect7'%20width='70.864166'%20height='3.9687502'%20x='0.044168893'%20y='13.229168'%20rx='1.984375'%20ry='1.984375'%20/%3e%3crect%20style='fill:%23000000'%20id='rect8'%20width='58.172073'%20height='3.9687502'%20x='0.044168893'%20y='19.843752'%20rx='1.984375'%20ry='1.984375'%20/%3e%3crect%20style='fill:%23000000'%20id='rect9'%20width='70.864166'%20height='3.9687502'%20x='0'%20y='26.458336'%20rx='1.984375'%20ry='1.984375'%20/%3e%3crect%20style='fill:%23000000'%20id='rect10'%20width='67.42672'%20height='3.9687502'%20x='0.044168893'%20y='33.072918'%20rx='1.984375'%20ry='1.984375'%20/%3e%3c/g%3e%3c/svg%3e") no-repeat center / contain;
}
.ilhpp-popup-desktop--loading .ilhpp-popup-desktop__main__more {
  display: none;
}
.ilhpp-popup-desktop--disam .ilhpp-popup-desktop__main__more,
.ilhpp-popup-desktop--no-preview .ilhpp-popup-desktop__main__more,
.ilhpp-popup-desktop--error .ilhpp-popup-desktop__main__more {
  display: block;
  margin-top: 8px;
}
.ilhpp-popup-desktop--standard.ilhpp-popup-desktop--foreign-ltr .ilhpp-popup-desktop__main__more {
  right: 0;
  text-align: right;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), var(--background-color-base, #fff) 6ch);
}
.ilhpp-popup-desktop--standard.ilhpp-popup-desktop--foreign-rtl .ilhpp-popup-desktop__main__more {
  left: 0;
  text-align: left;
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0), var(--background-color-base, #fff) 6ch);
}
.ilhpp-popup-desktop--foreign-ltr.ilhpp-popup-desktop--disam .ilhpp-popup-desktop__main,
.ilhpp-popup-desktop--foreign-ltr.ilhpp-popup-desktop--no-preview .ilhpp-popup-desktop__main,
.ilhpp-popup-desktop--foreign-ltr.ilhpp-popup-desktop--error .ilhpp-popup-desktop__main {
  margin-left: 40px;
}
.ilhpp-popup-desktop--disam .ilhpp-popup-desktop__header::before {
  -webkit-mask-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20aria-hidden='true'%3e%3c!----%3e%3cg%3e%3cpath%20d='M15%201H5c-1.1%200-2%20.9-2%202v6h4.6l3.7-3.7L10%204h4v4l-1.3-1.3L9.4%2010l3.3%203.3L14%2012v4h-4l1.3-1.3L7.6%2011H3v6c0%201.1.9%202%202%202h10c1.1%200%202-.9%202-2V3c0-1.1-.9-2-2-2'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");
          mask-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20aria-hidden='true'%3e%3c!----%3e%3cg%3e%3cpath%20d='M15%201H5c-1.1%200-2%20.9-2%202v6h4.6l3.7-3.7L10%204h4v4l-1.3-1.3L9.4%2010l3.3%203.3L14%2012v4h-4l1.3-1.3L7.6%2011H3v6c0%201.1.9%202%202%202h10c1.1%200%202-.9%202-2V3c0-1.1-.9-2-2-2'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");
}
.ilhpp-popup-desktop--foreign-rtl.ilhpp-popup-desktop--loading .ilhpp-popup-desktop__main__extract {
  transform: scaleX(-1);
}
@keyframes ilhpp-slide-in-from-bottom {
  0% {
    transform: translateY(100%);
  }
}
@keyframes ilhpp-slide-out-to-bottom {
  100% {
    transform: translateY(100%);
  }
}
@keyframes ilhpp-fade-in {
  0% {
    background-color: transparent;
  }
}
@keyframes ilhpp-fade-out {
  100% {
    background-color: transparent;
  }
}
.ilhpp-mobile-button {
  -webkit-appearance: none;
          appearance: none;
  background-color: var(--background-color-transparent, transparent);
  border-color: var(--border-color-transparent, transparent);
  border-style: solid;
  border-width: 1px;
  border-radius: 2px;
  transition-property: background-color, color, border-color, box-shadow;
  transition-duration: 0.1s;
  font-family: inherit;
  font-size: inherit;
  font-weight: 700;
  text-decoration: none;
  color: var(--color-base, #202122);
  -webkit-tap-highlight-color: transparent;
  padding: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ilhpp-mobile-button:hover:not(:disabled) {
  background-color: var(--background-color-interactive-subtle--hover, #eaecf0);
  mix-blend-mode: var(--mix-blend-mode-blend, multiply);
  text-decoration: none;
}
.ilhpp-mobile-button:active:not(:disabled) {
  background-color: var(--background-color-interactive-subtle--active, #dadde3);
  text-decoration: none;
}
.ilhpp-mobile-button:focus:not(:active, :disabled) {
  border-color: var(--border-color-progressive--focus, #36c);
  box-shadow: inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c);
  text-decoration: none;
}
.ilhpp-mobile-button::before {
  flex: 0 0 auto;
}
.ilhpp-mobile-button:disabled::before {
  background-color: var(--color-disabled, #a2a9b1);
}
.ilhpp-mobile-button--primary-progressive {
  color: var(--color-inverted-fixed, #fff);
  background-color: var(--background-color-progressive, #36c);
  border-color: var(--border-color-transparent, transparent);
}
.ilhpp-mobile-button--primary-progressive:hover:not(:disabled) {
  background-color: var(--background-color-progressive--hover, #3056a9);
  border-color: var(--border-color-transparent, transparent);
  mix-blend-mode: unset;
}
.ilhpp-mobile-button--primary-progressive:active:not(:disabled) {
  background-color: var(--background-color-progressive--active, #233566);
  border-color: var(--border-color-transparent, transparent);
}
.ilhpp-mobile-button--primary-progressive:focus:not(:active, :disabled) {
  border-color: var(--border-color-progressive--focus, #36c);
  box-shadow: inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c), inset 0 0 0 2px var(--box-shadow-color-inverted, #fff);
}
.ilhpp-mobile-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 400;
  animation: ilhpp-fade-in 0.4s linear;
  background-color: rgba(0, 0, 0, 0.16);
  transition: opacity 0.4s linear;
}
.ilhpp-mobile-overlay.ilhpp-mobile-overlay--out {
  animation-name: ilhpp-fade-out;
}
.ilhpp-popup-mobile {
  position: fixed;
  z-index: 450;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  max-width: 500px;
  animation: ilhpp-slide-in-from-bottom 0.4s cubic-bezier(0.32, 0.72, 0, 1);
  transition: transform 0.4s cubic-bezier(0.32, 0.72, 0, 1);
  color: var(--color-base, #202122);
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  background-color: var(--background-color-base, #fff);
  display: grid;
  grid-template-rows: auto auto minmax(calc(10.5rem + 16px), auto) auto auto;
  grid-template-columns: auto 1fr auto;
  font-size: 1rem;
  line-height: 1.5;
  word-break: break-word;
}
.ilhpp-popup-mobile__header {
  grid-row: 1;
  grid-column: 2;
  display: flex;
  font-size: 1.125em;
  font-weight: bold;
  margin-top: 24px;
}
.ilhpp-popup-mobile__header::before {
  flex: 0 0 auto;
  display: inline-block;
  content: '';
  margin-top: 0.125rem;
  width: 1.28571429rem;
  height: 1.28571429rem;
  background-color: currentcolor;
}
.ilhpp-popup-mobile__subheader {
  grid-row: 2;
  grid-column: 2;
  font-size: 0.875em;
  color: var(--color-subtle, #c8ccd1);
  margin-left: 24px;
}
.ilhpp-popup-mobile__close {
  place-self: start left;
  margin-top: calc(24px - 6px + 4rem / 16);
}
.ilhpp-popup-mobile__close::before {
  flex: 0 0 auto;
  content: '';
  display: inline-block;
  width: 1.28571429rem;
  height: 1.28571429rem;
  -webkit-mask: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20aria-hidden='true'%3e%3c!----%3e%3cg%3e%3cpath%20d='m4.34%202.93%2012.73%2012.73-1.41%201.41L2.93%204.35z'%3e%3c/path%3e%3cpath%20d='M17.07%204.34%204.34%2017.07l-1.41-1.41L15.66%202.93z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e") no-repeat center / contain;
          mask: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20aria-hidden='true'%3e%3c!----%3e%3cg%3e%3cpath%20d='m4.34%202.93%2012.73%2012.73-1.41%201.41L2.93%204.35z'%3e%3c/path%3e%3cpath%20d='M17.07%204.34%204.34%2017.07l-1.41-1.41L15.66%202.93z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e") no-repeat center / contain;
  background-color: currentcolor;
}
.ilhpp-popup-mobile__extract {
  grid-row: 3;
  grid-column: span 3;
  margin: 16px 24px 0;
  position: relative;
  overflow: hidden;
}
.ilhpp-popup-mobile__extract__skeleton-container {
  display: none;
}
.ilhpp-popup-mobile__more {
  grid-row: 4;
  grid-column: span 3;
  margin: 16px 24px 0;
  padding: 9px;
}
.ilhpp-popup-mobile__more::before {
  flex: 0 0 auto;
  content: '';
  display: inline-block;
  margin-right: 12px;
  width: 1.28571429rem;
  height: 1.28571429rem;
}
.ilhpp-popup-mobile__more::after {
  flex: 0 0 auto;
  content: '';
  display: inline-block;
  margin-left: 12px;
  width: 1.28571429rem;
  height: 1.28571429rem;
  -webkit-mask: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20aria-hidden='true'%3e%3c!----%3e%3cg%3e%3cpath%20d='M19%201h-8l3.286%203.286L6%2012l1.371%201.472%208.332-7.77.007.008L19%209zM2%205h4v2H3v10h10v-4.004h2V18a1%201%200%2001-1%201H2a1%201%200%2001-1-1V6a1%201%200%20011-1'%3e%3c/path%3e%3c/g%3e%3c/svg%3e") no-repeat center / contain;
          mask: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20aria-hidden='true'%3e%3c!----%3e%3cg%3e%3cpath%20d='M19%201h-8l3.286%203.286L6%2012l1.371%201.472%208.332-7.77.007.008L19%209zM2%205h4v2H3v10h10v-4.004h2V18a1%201%200%2001-1%201H2a1%201%200%2001-1-1V6a1%201%200%20011-1'%3e%3c/path%3e%3c/g%3e%3c/svg%3e") no-repeat center / contain;
  background-color: currentcolor;
}
.ilhpp-popup-mobile__cta {
  grid-row: 5;
  grid-column: 2;
  display: flex;
  align-items: center;
  overflow: hidden;
  font-size: 0.875em;
  color: var(--color-subtle, #54595d);
  margin: 16px 8px 16px 24px;
  word-break: break-all;
}
.ilhpp-popup-mobile__cta::before {
  flex: 0 0 auto;
  display: inline-block;
  content: '';
  width: 1.28571429rem;
  height: 1.28571429rem;
  margin-left: -0.14285714rem;
  margin-right: 12px;
  -webkit-mask: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20aria-hidden='true'%3e%3c!----%3e%3cg%3e%3cpath%20d='M5%201c-1.1%200-2%20.9-2%202v14c0%201.1.9%202%202%202h10c1.1%200%202-.9%202-2V3c0-1.1-.9-2-2-2zm10%2010h-4v4H9v-4H5V9h4V5h2v4h4z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e") no-repeat center / contain;
          mask: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20aria-hidden='true'%3e%3c!----%3e%3cg%3e%3cpath%20d='M5%201c-1.1%200-2%20.9-2%202v14c0%201.1.9%202%202%202h10c1.1%200%202-.9%202-2V3c0-1.1-.9-2-2-2zm10%2010h-4v4H9v-4H5V9h4V5h2v4h4z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e") no-repeat center / contain;
  background-color: currentcolor;
}
.ilhpp-popup-mobile__cta a {
  color: var(--color-progressive, #36c);
}
.ilhpp-popup-mobile__cta a:hover {
  color: var(--color-progressive--hover, #3056a9);
}
.ilhpp-popup-mobile__cta a:active {
  color: var(--color-progressive--active, #233566);
}
.ilhpp-popup-mobile__settings {
  grid-row: 5;
  grid-column: 3;
  place-self: center left;
  margin-right: 17px;
}
.ilhpp-popup-mobile__settings::before {
  flex: 0 0 auto;
  content: '';
  display: inline-block;
  width: 1.28571429rem;
  height: 1.28571429rem;
  -webkit-mask: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20aria-hidden='true'%3e%3c!----%3e%3cg%3e%3cg%20transform='translate(10%2010)'%3e%3cpath%20id='cdx-icon-settings-a'%20d='M1.5-10h-3l-1%206.5h5m0%207h-5l1%206.5h3'%3e%3c/path%3e%3cuse%20xlink:href='%23cdx-icon-settings-a'%20transform='rotate(45)'%3e%3c/use%3e%3cuse%20xlink:href='%23cdx-icon-settings-a'%20transform='rotate(90)'%3e%3c/use%3e%3cuse%20xlink:href='%23cdx-icon-settings-a'%20transform='rotate(135)'%3e%3c/use%3e%3c/g%3e%3cpath%20d='M10%202.5a7.5%207.5%200%20000%2015%207.5%207.5%200%20000-15v4a3.5%203.5%200%20010%207%203.5%203.5%200%20010-7'%3e%3c/path%3e%3c/g%3e%3c/svg%3e") no-repeat center / contain;
          mask: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20aria-hidden='true'%3e%3c!----%3e%3cg%3e%3cg%20transform='translate(10%2010)'%3e%3cpath%20id='cdx-icon-settings-a'%20d='M1.5-10h-3l-1%206.5h5m0%207h-5l1%206.5h3'%3e%3c/path%3e%3cuse%20xlink:href='%23cdx-icon-settings-a'%20transform='rotate(45)'%3e%3c/use%3e%3cuse%20xlink:href='%23cdx-icon-settings-a'%20transform='rotate(90)'%3e%3c/use%3e%3cuse%20xlink:href='%23cdx-icon-settings-a'%20transform='rotate(135)'%3e%3c/use%3e%3c/g%3e%3cpath%20d='M10%202.5a7.5%207.5%200%20000%2015%207.5%207.5%200%20000-15v4a3.5%203.5%200%20010%207%203.5%203.5%200%20010-7'%3e%3c/path%3e%3c/g%3e%3c/svg%3e") no-repeat center / contain;
  background-color: currentcolor;
}
.ilhpp-popup-mobile__settings:disabled::before {
  animation: ilhpp-rotate 3s linear infinite;
}
.ilhpp-popup-mobile::after {
  content: '';
  position: absolute;
  top: calc(100% - 1px);
  width: 100%;
  height: 100%;
  background: inherit;
}
.ilhpp-popup-mobile--foreign-ltr .ilhpp-popup-mobile__header {
  margin-left: 24px;
}
.ilhpp-popup-mobile--foreign-ltr .ilhpp-popup-mobile__header::before {
  margin-left: -0.14285714rem;
  margin-right: 12px;
}
.ilhpp-popup-mobile--foreign-ltr .ilhpp-popup-mobile__subheader {
  margin-left: calc(24px + 1.28571429rem + -0.14285714rem + 12px);
}
.ilhpp-popup-mobile--foreign-ltr .ilhpp-popup-mobile__close {
  grid-row: span 2;
  grid-column: 3;
  margin-right: 17px;
}
.ilhpp-popup-mobile--foreign-rtl .ilhpp-popup-mobile__header {
  grid-column: span 2;
  margin-right: 24px;
}
.ilhpp-popup-mobile--foreign-rtl .ilhpp-popup-mobile__header::before {
  margin-left: 12px;
  margin-right: -0.14285714rem;
  transform: scaleX(-1);
}
.ilhpp-popup-mobile--foreign-rtl .ilhpp-popup-mobile__subheader {
  grid-column: span 3;
  margin-right: 24px;
}
.ilhpp-popup-mobile--foreign-rtl .ilhpp-popup-mobile__close {
  grid-row: 1;
  grid-column: 1;
  margin-left: calc(24px - 1px - 6px - (2rem / 14));
}
.ilhpp-popup-mobile--foreign-rtl .ilhpp-popup-mobile__cta {
  grid-column: span 2;
}
.ilhpp-popup-mobile--loading.ilhpp-popup-mobile--foreign-rtl .ilhpp-mobile-skeleton {
  margin-left: auto;
}
.ilhpp-popup-mobile--loading .ilhpp-popup-mobile__extract__skeleton-container {
  display: block;
  height: 100%;
}
.ilhpp-popup-mobile--loading .ilhpp-popup-mobile__extract__skeleton-container .ilhpp-mobile-skeleton {
  height: 1.225rem;
  margin-top: 0.525rem;
  width: 100%;
  background: var(--background-color-neutral, #eaecf0);
  border-radius: 9999px;
  animation: ilhpp-skeleton-breath 1.5s ease-in-out infinite;
}
.ilhpp-popup-mobile--loading .ilhpp-popup-mobile__extract__skeleton-container .ilhpp-mobile-skeleton:nth-of-type(2) {
  width: 80%;
}
.ilhpp-popup-mobile--loading .ilhpp-popup-mobile__extract__skeleton-container .ilhpp-mobile-skeleton:nth-of-type(4) {
  width: 70%;
}
.ilhpp-popup-mobile--loading .ilhpp-popup-mobile__extract__skeleton-container .ilhpp-mobile-skeleton:nth-of-type(6) {
  width: 90%;
}
.ilhpp-popup-mobile--no-preview .ilhpp-popup-mobile__extract,
.ilhpp-popup-mobile--disam .ilhpp-popup-mobile__extract,
.ilhpp-popup-mobile--error .ilhpp-popup-mobile__extract {
  margin-top: 0;
  place-self: center;
  text-align: center;
}
.ilhpp-popup-mobile--standard .ilhpp-popup-mobile__header::before,
.ilhpp-popup-mobile--loading .ilhpp-popup-mobile__header::before,
.ilhpp-popup-mobile--no-preview .ilhpp-popup-mobile__header::before,
.ilhpp-popup-mobile--error .ilhpp-popup-mobile__header::before {
  -webkit-mask: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20aria-hidden='true'%3e%3c!----%3e%3cg%3e%3cpath%20d='M5%201a2%202%200%2000-2%202v14a2%202%200%20002%202h10a2%202%200%20002-2V3a2%202%200%2000-2-2zm0%203h5v1H5zm0%202h5v1H5zm0%202h5v1H5zm10%207H5v-1h10zm0-2H5v-1h10zm0-2H5v-1h10zm0-2h-4V4h4z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e") no-repeat center / contain;
          mask: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20aria-hidden='true'%3e%3c!----%3e%3cg%3e%3cpath%20d='M5%201a2%202%200%2000-2%202v14a2%202%200%20002%202h10a2%202%200%20002-2V3a2%202%200%2000-2-2zm0%203h5v1H5zm0%202h5v1H5zm0%202h5v1H5zm10%207H5v-1h10zm0-2H5v-1h10zm0-2H5v-1h10zm0-2h-4V4h4z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e") no-repeat center / contain;
}
.ilhpp-popup-mobile--disam .ilhpp-popup-mobile__header::before {
  -webkit-mask: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20aria-hidden='true'%3e%3c!----%3e%3cg%3e%3cpath%20d='M15%201H5c-1.1%200-2%20.9-2%202v6h4.6l3.7-3.7L10%204h4v4l-1.3-1.3L9.4%2010l3.3%203.3L14%2012v4h-4l1.3-1.3L7.6%2011H3v6c0%201.1.9%202%202%202h10c1.1%200%202-.9%202-2V3c0-1.1-.9-2-2-2'%3e%3c/path%3e%3c/g%3e%3c/svg%3e") no-repeat center / contain;
          mask: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20aria-hidden='true'%3e%3c!----%3e%3cg%3e%3cpath%20d='M15%201H5c-1.1%200-2%20.9-2%202v6h4.6l3.7-3.7L10%204h4v4l-1.3-1.3L9.4%2010l3.3%203.3L14%2012v4h-4l1.3-1.3L7.6%2011H3v6c0%201.1.9%202%202%202h10c1.1%200%202-.9%202-2V3c0-1.1-.9-2-2-2'%3e%3c/path%3e%3c/g%3e%3c/svg%3e") no-repeat center / contain;
}
.ilhpp-popup-mobile--standard .ilhpp-popup-mobile__extract::after {
  content: '';
  position: absolute;
  bottom: 0;
  width: 10ch;
  height: 1.5rem;
}
.ilhpp-popup-mobile--standard.ilhpp-popup-mobile--foreign-ltr .ilhpp-popup-mobile__extract::after {
  right: 0;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), var(--background-color-base, #fff) 50%);
}
.ilhpp-popup-mobile--standard.ilhpp-popup-mobile--foreign-rtl .ilhpp-popup-mobile__extract::after {
  left: 0;
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0), var(--background-color-base, #fff) 50%);
}
.ilhpp-popup-mobile.ilhpp-popup-mobile--out {
  animation-name: ilhpp-slide-out-to-bottom;
}
.ilhpp-popup-mobile.ilhpp-mobile-panned {
  touch-action: pan-y;
}
.ilhpp-mobile-panned {
  transition: none;
}
检索自“https://zh.wikipedia.org/w/index.php?title=MediaWiki:Gadget-ilhpp.css&oldid=86294006”