MediaWiki:Gadget-FloatTOC.css

/**
 * SPDX-License-Identifier: GPL-3.0-or-later
 * _addText: '{{Gadget Header|license=GPL-3.0-or-later}}'
 *
 * @source {@link https://git.qiuwen.net.cn/InterfaceAdmin/QiuwenGadgets/src/branch/master/src/FloatTOC}
 * @author 安忆 <i@anyi.in>
 * @license GPL-3.0-or-later {@link https://www.qiuwenbaike.cn/wiki/H:GPL-3.0}
 */
/**
 * +------------------------------------------------------------+
 * |            === WARNING: GLOBAL GADGET FILE ===             |
 * +------------------------------------------------------------+
 * |       All changes should be made in the repository,        |
 * |                otherwise they will be lost.                |
 * +------------------------------------------------------------+
 * |        Changes to this page may affect many users.         |
 * | Please discuss changes by opening an issue before editing. |
 * +------------------------------------------------------------+
 */
/* <nowiki> */

/* src/FloatTOC/FloatTOC.less */
#floatTOC {
  padding: 0.5rem;
  cursor: auto;
}
#floatTOC .toc {
  max-height: 80vh;
  padding-top: 0;
  margin: 0 auto;
}
.skin-vector-legacy #floatTOC .toc {
  display: block;
  max-height: 90vh;
  padding-top: 1em;
  font-size: 1em;
  word-break: normal;
}
#floatTOC .toc > ul {
  overflow: auto;
  max-height: 70vh;
  border-bottom: 1px solid #e6e6e6;
}
#floatTOC ul {
  padding-right: 1rem;
}
#floatTOC #close {
  position: relative;
  top: 1em;
  width: 1rem;
  height: 1rem;
  cursor: pointer;
  float: right;
}
#floatTOC #close:hover {
  filter: drop-shadow(0 0 1px #000);
}
.skin-vector-legacy #floatTOC #close {
  top: 0;
}
.mw-mmv-lightbox-open #floatTOC,
.ve-activated #floatTOC {
  display: none !important;
}
#floatToc-opener {
  position: fixed;
  z-index: 13;
  top: 10.5vh;
  right: 2rem;
  display: flex;
  width: 2rem;
  height: 2rem;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  place-content: center center;
  align-items: center;
  padding: 0.5rem;
  border-radius: 25px;
  -webkit-backdrop-filter: saturate(50%) blur(16px);
  backdrop-filter: saturate(50%) blur(16px);
  background: rgba(255, 255, 255, 0.75);
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  font-size: 0.5rem;
}
@media screen and (max-width: 720px), screen and (max-height: 800px) {
  .citizen-body-header--sticky #floatToc-opener {
    top: 21vh;
    right: 1rem;
  }
}
#floatToc-opener:active {
  box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0.1);
}
#floatToc-opener:hover {
  box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.1);
}
#floatToc-opener span {
  display: block;
  margin: auto;
  opacity: 0.6;
  text-align: center;
}
#floatToc-opener span:first-child {
  position: relative;
  width: 2.5em;
  height: 2.5em;
}
#floatToc-opener span:last-child {
  color: #000;
}
.ve-activated #floatToc-opener {
  display: none !important;
}
.skin-citizen #toc .toctitle {
  display: flex;
  align-items: baseline;
  cursor: pointer;
}
.skin-citizen #toc .toctitle h2 {
  flex: 1;
}
.skin-citizen #toc .toctitle .oo-ui-indicatorElement-indicator {
  position: relative;
  margin-left: -1.125rem;
}
.skin-citizen #toc .toctitle .oo-ui-indicatorElement-indicator.collapse {
  transform: rotate(180deg);
}

/* </nowiki> */

/*# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsiLi4vLi4vc3JjL0Zsb2F0VE9DL0Zsb2F0VE9DLmxlc3MiXSwKICAic291cmNlc0NvbnRlbnQiOiBbIiNmbG9hdFRPQyB7XG4gIHBhZGRpbmc6IDAuNXJlbTtcbiAgY3Vyc29yOiBhdXRvO1xufVxuI2Zsb2F0VE9DIC50b2Mge1xuICBtYXgtaGVpZ2h0OiA4MHZoO1xuICBwYWRkaW5nLXRvcDogMDtcbiAgbWFyZ2luOiAwIGF1dG87XG59XG4uc2tpbi12ZWN0b3ItbGVnYWN5ICNmbG9hdFRPQyAudG9jIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIG1heC1oZWlnaHQ6IDkwdmg7XG4gIHBhZGRpbmctdG9wOiAxZW07XG4gIGZvbnQtc2l6ZTogMWVtO1xuICB3b3JkLWJyZWFrOiBub3JtYWw7XG59XG4jZmxvYXRUT0MgLnRvYyA+IHVsIHtcbiAgb3ZlcmZsb3c6IGF1dG87XG4gIG1heC1oZWlnaHQ6IDcwdmg7XG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAjZTZlNmU2O1xufVxuI2Zsb2F0VE9DIHVsIHtcbiAgcGFkZGluZy1yaWdodDogMXJlbTtcbn1cbiNmbG9hdFRPQyAjY2xvc2Uge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHRvcDogMWVtO1xuICB3aWR0aDogMXJlbTtcbiAgaGVpZ2h0OiAxcmVtO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGZsb2F0OiByaWdodDtcbn1cbiNmbG9hdFRPQyAjY2xvc2U6aG92ZXIge1xuICBmaWx0ZXI6IGRyb3Atc2hhZG93KDAgMCAxcHggIzAwMCk7XG59XG4uc2tpbi12ZWN0b3ItbGVnYWN5ICNmbG9hdFRPQyAjY2xvc2Uge1xuICB0b3A6IDA7XG59XG4ubXctbW12LWxpZ2h0Ym94LW9wZW4gI2Zsb2F0VE9DLFxuLnZlLWFjdGl2YXRlZCAjZmxvYXRUT0Mge1xuICBkaXNwbGF5OiBub25lICFpbXBvcnRhbnQ7XG59XG4jZmxvYXRUb2Mtb3BlbmVyIHtcbiAgcG9zaXRpb246IGZpeGVkO1xuICB6LWluZGV4OiAxMztcbiAgdG9wOiAxMC41dmg7XG4gIHJpZ2h0OiAycmVtO1xuICBkaXNwbGF5OiBmbGV4O1xuICB3aWR0aDogMnJlbTtcbiAgaGVpZ2h0OiAycmVtO1xuICBmbGV4LXdyYXA6IHdyYXA7XG4gIGFsaWduLWNvbnRlbnQ6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHBsYWNlLWNvbnRlbnQ6IGNlbnRlciBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHBhZGRpbmc6IDAuNXJlbTtcbiAgYm9yZGVyLXJhZGl1czogMjVweDtcbiAgLXdlYmtpdC1iYWNrZHJvcC1maWx0ZXI6IHNhdHVyYXRlKDUwJSkgYmx1cigxNnB4KTtcbiAgICAgICAgICBiYWNrZHJvcC1maWx0ZXI6IHNhdHVyYXRlKDUwJSkgYmx1cigxNnB4KTtcbiAgYmFja2dyb3VuZDogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjc1KTtcbiAgYm94LXNoYWRvdzogMCAwIDJweCAycHggcmdiYSgwLCAwLCAwLCAwLjEpO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGZvbnQtc2l6ZTogMC41cmVtO1xufVxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzIwcHgpLCBzY3JlZW4gYW5kIChtYXgtaGVpZ2h0OiA4MDBweCkge1xuICAuY2l0aXplbi1ib2R5LWhlYWRlci0tc3RpY2t5ICNmbG9hdFRvYy1vcGVuZXIge1xuICAgIHRvcDogMjF2aDtcbiAgICByaWdodDogMXJlbTtcbiAgfVxufVxuI2Zsb2F0VG9jLW9wZW5lcjphY3RpdmUge1xuICBib3gtc2hhZG93OiBpbnNldCAwIDAgMnB4IDJweCByZ2JhKDAsIDAsIDAsIDAuMSk7XG59XG4jZmxvYXRUb2Mtb3BlbmVyOmhvdmVyIHtcbiAgYm94LXNoYWRvdzogMCAwIDRweCA0cHggcmdiYSgwLCAwLCAwLCAwLjEpO1xufVxuI2Zsb2F0VG9jLW9wZW5lciBzcGFuIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIG1hcmdpbjogYXV0bztcbiAgb3BhY2l0eTogMC42O1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG59XG4jZmxvYXRUb2Mtb3BlbmVyIHNwYW46Zmlyc3QtY2hpbGQge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHdpZHRoOiAyLjVlbTtcbiAgaGVpZ2h0OiAyLjVlbTtcbn1cbiNmbG9hdFRvYy1vcGVuZXIgc3BhbjpsYXN0LWNoaWxkIHtcbiAgY29sb3I6ICMwMDA7XG59XG4udmUtYWN0aXZhdGVkICNmbG9hdFRvYy1vcGVuZXIge1xuICBkaXNwbGF5OiBub25lICFpbXBvcnRhbnQ7XG59XG4uc2tpbi1jaXRpemVuICN0b2MgLnRvY3RpdGxlIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGJhc2VsaW5lO1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG4uc2tpbi1jaXRpemVuICN0b2MgLnRvY3RpdGxlIGgyIHtcbiAgZmxleDogMTtcbn1cbi5za2luLWNpdGl6ZW4gI3RvYyAudG9jdGl0bGUgLm9vLXVpLWluZGljYXRvckVsZW1lbnQtaW5kaWNhdG9yIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBtYXJnaW4tbGVmdDogLTEuMTI1cmVtO1xufVxuLnNraW4tY2l0aXplbiAjdG9jIC50b2N0aXRsZSAub28tdWktaW5kaWNhdG9yRWxlbWVudC1pbmRpY2F0b3IuY29sbGFwc2Uge1xuICB0cmFuc2Zvcm06IHJvdGF0ZSgxODBkZWcpO1xufVxuIl0sCiAgIm1hcHBpbmdzIjogIjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLENBQUM7QUFDQyxXQUFTO0FBQ1QsVUFBUTtBQUNWO0FBQ0EsQ0FKQyxTQUlTLENBQUM7QUFDVCxjQUFZO0FBQ1osZUFBYTtBQUNiLFVBQVEsRUFBRTtBQUNaO0FBQ0EsQ0FBQyxtQkFBbUIsQ0FUbkIsU0FTNkIsQ0FMbkI7QUFNVCxXQUFTO0FBQ1QsY0FBWTtBQUNaLGVBQWE7QUFDYixhQUFXO0FBQ1gsY0FBWTtBQUNkO0FBQ0EsQ0FoQkMsU0FnQlMsQ0FaQyxJQVlJLEVBQUU7QUFDZixZQUFVO0FBQ1YsY0FBWTtBQUNaLGlCQUFlLElBQUksTUFBTTtBQUMzQjtBQUNBLENBckJDLFNBcUJTO0FBQ1IsaUJBQWU7QUFDakI7QUFDQSxDQXhCQyxTQXdCUyxDQUFDO0FBQ1QsWUFBVTtBQUNWLE9BQUs7QUFDTCxTQUFPO0FBQ1AsVUFBUTtBQUNSLFVBQVE7QUFDUixTQUFPO0FBQ1Q7QUFDQSxDQWhDQyxTQWdDUyxDQVJDLEtBUUs7QUFDZCxVQUFRLFlBQVksRUFBRSxFQUFFLElBQUk7QUFDOUI7QUFDQSxDQTFCQyxtQkEwQm1CLENBbkNuQixTQW1DNkIsQ0FYbkI7QUFZVCxPQUFLO0FBQ1A7QUFDQSxDQUFDLHFCQUFxQixDQXRDckI7QUF1Q0QsQ0FBQyxhQUFhLENBdkNiO0FBd0NDLFdBQVM7QUFDWDtBQUNBLENBQUM7QUFDQyxZQUFVO0FBQ1YsV0FBUztBQUNULE9BQUs7QUFDTCxTQUFPO0FBQ1AsV0FBUztBQUNULFNBQU87QUFDUCxVQUFRO0FBQ1IsYUFBVztBQUNYLGlCQUFlO0FBQ2YsbUJBQWlCO0FBQ2pCLGlCQUFlLE9BQU87QUFDdEIsZUFBYTtBQUNiLFdBQVM7QUFDVCxpQkFBZTtBQUNmLDJCQUF5QixTQUFTLEtBQUssS0FBSztBQUNwQyxtQkFBaUIsU0FBUyxLQUFLLEtBQUs7QUFDNUMsY0FBWSxLQUFLLEdBQUcsRUFBRSxHQUFHLEVBQUUsR0FBRyxFQUFFO0FBQ2hDLGNBQVksRUFBRSxFQUFFLElBQUksSUFBSSxLQUFLLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFO0FBQ3RDLFVBQVE7QUFDUixhQUFXO0FBQ2I7QUFDQSxPQUFPLE9BQU8sSUFBSSxDQUFDLFNBQVMsRUFBRSxNQUFNLEVBQUUsT0FBTyxJQUFJLENBQUMsVUFBVSxFQUFFO0FBQzVELEdBQUMsNEJBQTRCLENBdkI5QjtBQXdCRyxTQUFLO0FBQ0wsV0FBTztBQUNUO0FBQ0Y7QUFDQSxDQTVCQyxlQTRCZTtBQUNkLGNBQVksTUFBTSxFQUFFLEVBQUUsSUFBSSxJQUFJLEtBQUssQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUU7QUFDOUM7QUFDQSxDQS9CQyxlQStCZTtBQUNkLGNBQVksRUFBRSxFQUFFLElBQUksSUFBSSxLQUFLLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFO0FBQ3hDO0FBQ0EsQ0FsQ0MsZ0JBa0NnQjtBQUNmLFdBQVM7QUFDVCxVQUFRO0FBQ1IsV0FBUztBQUNULGNBQVk7QUFDZDtBQUNBLENBeENDLGdCQXdDZ0IsSUFBSTtBQUNuQixZQUFVO0FBQ1YsU0FBTztBQUNQLFVBQVE7QUFDVjtBQUNBLENBN0NDLGdCQTZDZ0IsSUFBSTtBQUNuQixTQUFPO0FBQ1Q7QUFDQSxDQW5EQyxhQW1EYSxDQWhEYjtBQWlEQyxXQUFTO0FBQ1g7QUFDQSxDQUFDLGFBQWEsQ0F6RkgsSUF5RlEsQ0FBQztBQUNsQixXQUFTO0FBQ1QsZUFBYTtBQUNiLFVBQVE7QUFDVjtBQUNBLENBTEMsYUFLYSxDQTlGSCxJQThGUSxDQUxDLFNBS1M7QUFDM0IsUUFBTTtBQUNSO0FBQ0EsQ0FSQyxhQVFhLENBakdILElBaUdRLENBUkMsU0FRUyxDQUFDO0FBQzVCLFlBQVU7QUFDVixlQUFhO0FBQ2Y7QUFDQSxDQVpDLGFBWWEsQ0FyR0gsSUFxR1EsQ0FaQyxTQVlTLENBSkMsZ0NBSWdDLENBQUM7QUFDN0QsYUFBVyxPQUFPO0FBQ3BCOyIsCiAgIm5hbWVzIjogW10KfQo= */