https://olighker.com/w/api.php?action=feedcontributions&feedformat=atom&user=Wikiadmin 技术文档中心 - User contributions [en] 2026-07-28T06:42:40Z User contributions MediaWiki 1.43.9 https://olighker.com/w/index.php?title=MediaWiki:Common.css&diff=192 MediaWiki:Common.css 2026-07-26T16:03:30Z <p>Wikiadmin: Git release cd2b48a90477</p> <hr /> <div>:root {<br /> --lcd-blue: #63b7e8;<br /> --lcd-blue-dark: #258ac4;<br /> --lcd-ink: #233245;<br /> --lcd-muted: #66758a;<br /> --lcd-line: #dfe7ef;<br /> --lcd-panel: #f6f9fc;<br /> }<br /> <br /> .mw-body-content {<br /> color: var(--lcd-ink);<br /> }<br /> <br /> /* Keep the active table-of-contents state aligned with module title bars. */<br /> .citizen-toc .citizen-toc-list-item--active &gt; .citizen-toc-link {<br /> color: #34b0b0;<br /> }<br /> <br /> .citizen-toc .citizen-toc-indicator {<br /> background-color: #34b0b0;<br /> }<br /> <br /> /* Make homepage catalog groups distinct from their nested module links. */<br /> body.page-Main_Page<br /> .citizen-page-sidebar<br /> .citizen-toc-list-item.citizen-toc-level-1<br /> &gt; .citizen-toc-link:not(.citizen-toc-top) {<br /> font-weight: 800;<br /> }<br /> <br /> /* 精简 Citizen 主菜单，仅保留 Sidebar 中的三个核心入口。 */<br /> #citizen-main-menu #p-navigation &gt; .citizen-menu__heading,<br /> #citizen-main-menu #t-specialpages,<br /> #citizen-main-menu #t-upload {<br /> display: none;<br /> }<br /> <br /> /* Hide the Citizen main-menu toggle and drawer on every page. */<br /> .citizen-drawer.citizen-header__item {<br /> display: none !important;<br /> }<br /> <br /> /* 隐藏所有页面底部的页面信息、操作栏和完整站点页脚。 */<br /> .citizen-page-footer,<br /> .citizen-page-actions,<br /> .mw-footer.citizen-footer {<br /> display: none !important;<br /> }<br /> <br /> /* 首页模块标题不显示章节编辑入口，后台和其他页面编辑功能保持不变。 */<br /> body.page-Main_Page .mw-editsection {<br /> display: none !important;<br /> }<br /> <br /> /* 产品二级页：隐藏章节编辑入口及滚动后的粘性操作按钮组。 */<br /> body:has(.lcd-product__hero) .mw-editsection,<br /> body:has(.lcd-product__hero) .citizen-sticky-header-end {<br /> display: none !important;<br /> }<br /> <br /> /* Product detail pages: remove the site tagline and publication badge without placeholders. */<br /> body:has(.lcd-product__hero) #siteSub,<br /> body:has(.lcd-product__hero) .citizen-sticky-header-page-tagline,<br /> body:has(.lcd-product__hero) .lcd-product__status {<br /> display: none !important;<br /> }<br /> <br /> /*<br /> * 首页桌面版式：将 Citizen 的页面信息与目录侧栏放到正文左侧，<br /> * 并限制整体版心宽度，在宽屏上保留对称留白。<br /> */<br /> @media (min-width: 1200px) {<br /> body.page-Main_Page .citizen-body-container {<br /> width: min(100%, 91.5rem);<br /> margin-inline: auto;<br /> grid-template-columns: minmax(12rem, 15rem) minmax(0, 67.5rem);<br /> column-gap: 5rem;<br /> grid-template-areas:<br /> &quot;sidebar content&quot;<br /> &quot;footer footer&quot;;<br /> justify-content: center;<br /> }<br /> <br /> body.page-Main_Page<br /> .citizen-page-sidebar<br /> .citizen-toc-link:not(.citizen-toc-top) {<br /> height: auto;<br /> min-height: 2rem;<br /> overflow: hidden;<br /> white-space: normal;<br /> overflow-wrap: anywhere;<br /> text-overflow: clip;<br /> }<br /> }<br /> <br /> .lcd-home-carousel {<br /> position: relative;<br /> aspect-ratio: 4 / 1;<br /> margin: 1rem 0 2rem;<br /> overflow: hidden;<br /> border: 1px solid var(--lcd-line);<br /> border-radius: 12px;<br /> background: #fff;<br /> box-shadow: 0 2px 8px rgba(38, 68, 94, .1);<br /> }<br /> <br /> .lcd-home-carousel__viewport,<br /> .lcd-home-carousel__slide,<br /> .lcd-home-carousel__slide &gt; p,<br /> .lcd-home-carousel__slide .mw-file-element {<br /> width: 100%;<br /> height: 100%;<br /> }<br /> <br /> .lcd-home-carousel__viewport {<br /> position: relative;<br /> }<br /> <br /> .lcd-home-carousel__slide {<br /> position: absolute;<br /> inset: 0;<br /> visibility: hidden;<br /> opacity: 0;<br /> transition: visibility 0s linear .4s, opacity .4s ease;<br /> }<br /> <br /> .lcd-home-carousel__slide--active {<br /> visibility: visible;<br /> opacity: 1;<br /> transition-delay: 0s;<br /> }<br /> <br /> .lcd-home-carousel__slide &gt; p {<br /> margin: 0;<br /> }<br /> <br /> .lcd-home-carousel__slide .mw-file-element {<br /> display: block;<br /> object-fit: contain;<br /> }<br /> <br /> .lcd-home-carousel__dots {<br /> position: absolute;<br /> z-index: 2;<br /> bottom: clamp(.4rem, 1.1vw, .75rem);<br /> left: 50%;<br /> display: flex;<br /> gap: .55rem;<br /> align-items: center;<br /> padding: .3rem .45rem;<br /> transform: translateX(-50%);<br /> }<br /> <br /> .lcd-home-carousel__dot {<br /> width: .68rem;<br /> height: .68rem;<br /> padding: 0;<br /> border: 1px solid rgba(35, 50, 69, .38);<br /> border-radius: 50%;<br /> background: rgba(255, 255, 255, .88);<br /> box-shadow: 0 1px 3px rgba(35, 50, 69, .28);<br /> cursor: pointer;<br /> }<br /> <br /> .lcd-home-carousel__dot[aria-current=&quot;true&quot;] {<br /> border-color: #237f7f;<br /> background: #34b0b0;<br /> }<br /> <br /> .lcd-home-carousel__dot:focus-visible {<br /> outline: 2px solid #fff;<br /> outline-offset: 2px;<br /> }<br /> <br /> .lcd-home-carousel__viewport &gt; p,<br /> .lcd-home-carousel &gt; p {<br /> display: none;<br /> }<br /> <br /> .lcd-module {<br /> margin: 1.75rem 0 2.5rem;<br /> scroll-margin-top: 5rem;<br /> }<br /> <br /> .lcd-module__intro {<br /> max-width: 58rem;<br /> margin: -.25rem 0 1rem;<br /> color: var(--lcd-muted);<br /> font-size: 1rem;<br /> line-height: 1.65;<br /> }<br /> <br /> .lcd-module__tab {<br /> margin: 0 0 1rem;<br /> padding: .68rem 1rem;<br /> border-radius: 5px;<br /> background: #34b0b0;<br /> color: #fff;<br /> font-size: 1.05rem;<br /> font-weight: 700;<br /> text-align: center;<br /> letter-spacing: .02em;<br /> }<br /> <br /> .lcd-card-grid {<br /> display: grid;<br /> grid-template-columns: repeat(4, minmax(0, 1fr));<br /> gap: 1.1rem;<br /> }<br /> <br /> .lcd-card-grid &gt; p {<br /> display: none;<br /> }<br /> <br /> .lcd-card {<br /> min-width: 0;<br /> overflow: hidden;<br /> border: 1px solid var(--lcd-line);<br /> border-radius: 8px;<br /> background: #fff;<br /> box-shadow: 0 2px 7px rgba(38, 68, 94, .11);<br /> transition: transform .16s ease, box-shadow .16s ease;<br /> }<br /> <br /> .lcd-card:hover {<br /> transform: translateY(-2px);<br /> box-shadow: 0 7px 18px rgba(38, 68, 94, .16);<br /> }<br /> <br /> .lcd-card__media {<br /> display: flex;<br /> aspect-ratio: 4 / 3;<br /> align-items: center;<br /> justify-content: center;<br /> padding: .65rem;<br /> background: #f8fafc;<br /> }<br /> <br /> .lcd-card__media a,<br /> .lcd-card__media .mw-file-description {<br /> display: contents;<br /> }<br /> <br /> .lcd-card__media img {<br /> width: 100%;<br /> height: 100%;<br /> object-fit: contain;<br /> }<br /> <br /> .lcd-card__body {<br /> padding: .85rem .8rem .95rem;<br /> text-align: center;<br /> }<br /> <br /> .lcd-card__title {<br /> min-height: 2.7em;<br /> line-height: 1.35;<br /> font-weight: 600;<br /> }<br /> <br /> .lcd-card__title a {<br /> color: var(--lcd-ink);<br /> }<br /> <br /> .lcd-card__model {<br /> margin-top: .35rem;<br /> color: #27384b;<br /> font-weight: 800;<br /> overflow-wrap: anywhere;<br /> }<br /> <br /> .lcd-product__hero {<br /> display: grid;<br /> grid-template-columns: minmax(15rem, .8fr) minmax(0, 1.2fr);<br /> gap: 1.5rem;<br /> margin: 1rem 0 2rem;<br /> padding: 1.25rem;<br /> border: 1px solid var(--lcd-line);<br /> border-radius: 10px;<br /> background: var(--lcd-panel);<br /> }<br /> <br /> .lcd-product__summary {<br /> align-self: center;<br /> }<br /> <br /> .lcd-product__kicker {<br /> color: #34b0b0;<br /> font-weight: 700;<br /> }<br /> <br /> .lcd-product__model {<br /> margin: .35rem 0 .6rem;<br /> color: var(--lcd-ink);<br /> font-size: clamp(1.35rem, 3vw, 2rem);<br /> font-weight: 800;<br /> }<br /> <br /> .lcd-product__status {<br /> margin-bottom: .85rem;<br /> }<br /> <br /> .lcd-product__gallery {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> gap: .75rem;<br /> }<br /> <br /> .lcd-product__gallery &gt; div {<br /> display: flex;<br /> min-width: 0;<br /> aspect-ratio: 4 / 3;<br /> align-items: center;<br /> justify-content: center;<br /> padding: .6rem;<br /> border: 1px solid var(--lcd-line);<br /> border-radius: 7px;<br /> background: #fff;<br /> }<br /> <br /> .lcd-product__gallery img {<br /> width: 100%;<br /> height: 100%;<br /> object-fit: contain;<br /> }<br /> <br /> .lcd-spec-table {<br /> width: 100%;<br /> table-layout: fixed;<br /> }<br /> <br /> .lcd-spec-table th:first-child {<br /> width: 10rem;<br /> }<br /> <br /> .lcd-status {<br /> display: inline-block;<br /> padding: .18rem .55rem;<br /> border-radius: 999px;<br /> color: #244158;<br /> background: #dceff9;<br /> font-size: .84rem;<br /> font-weight: 700;<br /> }<br /> <br /> .lcd-download-card,<br /> .lcd-empty-resource {<br /> padding: 1rem 1.15rem;<br /> border: 1px solid var(--lcd-line);<br /> border-left: 4px solid var(--lcd-blue);<br /> border-radius: 6px;<br /> background: #fff;<br /> }<br /> <br /> .lcd-download-card__name {<br /> font-size: 1.05rem;<br /> font-weight: 700;<br /> }<br /> <br /> .lcd-download-card__type {<br /> display: inline-block;<br /> margin-right: .6rem;<br /> color: var(--lcd-blue-dark);<br /> font-weight: 800;<br /> }<br /> <br /> .lcd-download-card__body {<br /> display: inline-flex;<br /> flex-wrap: wrap;<br /> gap: .25rem .75rem;<br /> align-items: baseline;<br /> }<br /> <br /> .lcd-download-card__action {<br /> margin-top: .65rem;<br /> }<br /> <br /> .lcd-download-card__meta,<br /> .lcd-empty-resource {<br /> color: var(--lcd-muted);<br /> }<br /> <br /> .lcd-manager-links {<br /> columns: 2 18rem;<br /> }<br /> <br /> .formtable {<br /> width: 100%;<br /> margin-bottom: 1rem;<br /> }<br /> <br /> .formtable th {<br /> width: 11rem;<br /> text-align: left;<br /> vertical-align: top;<br /> }<br /> <br /> .formtable input,<br /> .formtable select,<br /> .formtable textarea {<br /> box-sizing: border-box;<br /> max-width: 100%;<br /> }<br /> <br /> @media (max-width: 1000px) {<br /> .lcd-card-grid {<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> }<br /> <br /> .lcd-product__hero {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> @media (max-width: 620px) {<br /> .lcd-card-grid {<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> gap: .75rem;<br /> }<br /> <br /> .lcd-product__gallery {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .lcd-card__title {<br /> min-height: 0;<br /> }<br /> <br /> .lcd-product__hero {<br /> padding: .85rem;<br /> }<br /> <br /> .lcd-spec-table th:first-child {<br /> width: 7.5rem;<br /> }<br /> <br /> .formtable,<br /> .formtable tbody,<br /> .formtable tr,<br /> .formtable th,<br /> .formtable td {<br /> display: block;<br /> width: 100%;<br /> }<br /> }</div> Wikiadmin https://olighker.com/w/index.php?title=%E6%8A%80%E6%9C%AF%E6%96%87%E6%A1%A3%E4%B8%AD%E5%BF%83:%E9%A6%96%E9%A1%B5%E6%A8%A1%E5%9D%97/GettingStarted&diff=191 技术文档中心:首页模块/GettingStarted 2026-07-26T15:19:33Z <p>Wikiadmin: Homepage catalog refresh 4bd0b98</p> <hr /> <div>{{#default_form:首页模块}}<br /> {{首页产品卡|页面=显示模块快速入门套件|图片=Demo-getting-started.png|标题=USB-C Power Adapter|型号=TEST-PWR-USB-C|替代文本=Test image for a USB-C power adapter}}<br /> {{首页产品卡|页面=显示模块快速入门套件|图片=Demo-getting-started.png|标题=Desktop Power Supply|型号=TEST-PWR-DESK|替代文本=Test image for a desktop power supply}}<br /> {{首页产品卡|页面=显示模块快速入门套件|图片=Demo-getting-started.png|标题=Multi-Port Charger|型号=TEST-PWR-MULTI|替代文本=Test image for a multi-port charger}}<br /> {{首页产品卡|页面=显示模块快速入门套件|图片=Demo-getting-started.png|标题=Development Board Power Kit|型号=TEST-PWR-KIT|替代文本=Test image for a development board power kit}}</div> Wikiadmin https://olighker.com/w/index.php?title=%E6%8A%80%E6%9C%AF%E6%96%87%E6%A1%A3%E4%B8%AD%E5%BF%83:%E9%A6%96%E9%A1%B5%E6%A8%A1%E5%9D%97/%E5%BC%80%E5%8F%91%E6%9D%BF&diff=190 技术文档中心:首页模块/开发板 2026-07-26T15:19:32Z <p>Wikiadmin: Homepage catalog refresh 4bd0b98</p> <hr /> <div>{{#default_form:首页模块}}<br /> {{首页产品卡|页面=多接口嵌入式开发板|图片=Demo-dev-board.png|标题=Arduino Control Board|型号=TEST-ARD-MAIN-01|替代文本=Test image for an Arduino control board}}<br /> {{首页产品卡|页面=多接口嵌入式开发板|图片=Demo-dev-board.png|标题=Arduino Sensor Board|型号=TEST-ARD-MAIN-02|替代文本=Test image for an Arduino sensor board}}<br /> {{首页产品卡|页面=多接口嵌入式开发板|图片=Demo-dev-board.png|标题=Arduino Display Controller|型号=TEST-ARD-MAIN-03|替代文本=Test image for an Arduino display controller}}<br /> {{首页产品卡|页面=多接口嵌入式开发板|图片=Demo-dev-board.png|标题=Arduino Prototyping Board|型号=TEST-ARD-MAIN-04|替代文本=Test image for an Arduino prototyping board}}</div> Wikiadmin https://olighker.com/w/index.php?title=%E6%8A%80%E6%9C%AF%E6%96%87%E6%A1%A3%E4%B8%AD%E5%BF%83:%E9%A6%96%E9%A1%B5%E6%A8%A1%E5%9D%97/RGB&diff=189 技术文档中心:首页模块/RGB 2026-07-26T15:19:32Z <p>Wikiadmin: Homepage catalog refresh 4bd0b98</p> <hr /> <div>{{#default_form:首页模块}}<br /> {{首页产品卡|页面=5英寸 RGB 显示模块|图片=Demo-rgb-display.png|标题=HDMI Cable|型号=TEST-CABLE-HDMI|替代文本=Test image for an HDMI cable}}<br /> {{首页产品卡|页面=5英寸 RGB 显示模块|图片=Demo-rgb-display.png|标题=USB-C Data Cable|型号=TEST-CABLE-USBC|替代文本=Test image for a USB-C data cable}}<br /> {{首页产品卡|页面=5英寸 RGB 显示模块|图片=Demo-rgb-display.png|标题=GPIO Ribbon Cable|型号=TEST-CABLE-GPIO|替代文本=Test image for a GPIO ribbon cable}}<br /> {{首页产品卡|页面=5英寸 RGB 显示模块|图片=Demo-rgb-display.png|标题=Display Adapter Cable|型号=TEST-CABLE-DISP|替代文本=Test image for a display adapter cable}}</div> Wikiadmin https://olighker.com/w/index.php?title=%E6%8A%80%E6%9C%AF%E6%96%87%E6%A1%A3%E4%B8%AD%E5%BF%83:%E9%A6%96%E9%A1%B5%E6%A8%A1%E5%9D%97/OLED&diff=188 技术文档中心:首页模块/OLED 2026-07-26T15:19:31Z <p>Wikiadmin: Homepage catalog refresh 4bd0b98</p> <hr /> <div>{{#default_form:首页模块}}<br /> {{首页产品卡|页面=1.3英寸 OLED 显示模块|图片=Demo-oled-display.png|标题=0.96-inch OLED Display|型号=TEST-OLED-096|替代文本=Test image for a compact OLED display}}<br /> {{首页产品卡|页面=1.3英寸 OLED 显示模块|图片=Demo-oled-display.png|标题=1.3-inch OLED Display|型号=TEST-OLED-130|替代文本=Test image for an OLED display module}}<br /> {{首页产品卡|页面=1.3英寸 OLED 显示模块|图片=Demo-oled-display.png|标题=2.42-inch OLED Display|型号=TEST-OLED-242|替代文本=Test image for a large OLED display}}<br /> {{首页产品卡|页面=1.3英寸 OLED 显示模块|图片=Demo-oled-display.png|标题=OLED Development Kit|型号=TEST-OLED-KIT|替代文本=Test image for an OLED development kit}}</div> Wikiadmin https://olighker.com/w/index.php?title=%E6%8A%80%E6%9C%AF%E6%96%87%E6%A1%A3%E4%B8%AD%E5%BF%83:%E9%A6%96%E9%A1%B5%E6%A8%A1%E5%9D%97/%E5%B9%B6%E5%8F%A3&diff=187 技术文档中心:首页模块/并口 2026-07-26T15:19:31Z <p>Wikiadmin: Homepage catalog refresh 4bd0b98</p> <hr /> <div>{{#default_form:首页模块}}<br /> {{首页产品卡|页面=7英寸 RGB 并口显示模块|图片=Demo-parallel-display.png|标题=2.13-inch E-Paper Display|型号=TEST-EPD-213|替代文本=Test image for a compact e-paper display}}<br /> {{首页产品卡|页面=7英寸 RGB 并口显示模块|图片=Demo-parallel-display.png|标题=4.2-inch E-Paper Display|型号=TEST-EPD-420|替代文本=Test image for a medium e-paper display}}<br /> {{首页产品卡|页面=7英寸 RGB 并口显示模块|图片=Demo-parallel-display.png|标题=7.5-inch E-Paper Display|型号=TEST-EPD-750|替代文本=Test image for a large e-paper display}}<br /> {{首页产品卡|页面=7英寸 RGB 并口显示模块|图片=Demo-parallel-display.png|标题=E-Paper Development Kit|型号=TEST-EPD-KIT|替代文本=Test image for an e-paper development kit}}</div> Wikiadmin https://olighker.com/w/index.php?title=%E6%8A%80%E6%9C%AF%E6%96%87%E6%A1%A3%E4%B8%AD%E5%BF%83:%E9%A6%96%E9%A1%B5%E6%A8%A1%E5%9D%97/USB%E5%89%AF%E5%B1%8F&diff=186 技术文档中心:首页模块/USB副屏 2026-07-26T15:19:30Z <p>Wikiadmin: Homepage catalog refresh 4bd0b98</p> <hr /> <div>{{#default_form:首页模块}}<br /> {{首页产品卡|页面=3.5英寸 USB 系统状态副屏|图片=Demo-usb-monitor.png|标题=System Monitor Display|型号=TEST-RPI-DIY-01|替代文本=Test image for a system monitor display}}<br /> {{首页产品卡|页面=3.5英寸 USB 系统状态副屏|图片=Demo-usb-monitor.png|标题=Smart Home Dashboard|型号=TEST-RPI-DIY-02|替代文本=Test image for a smart home dashboard}}<br /> {{首页产品卡|页面=3.5英寸 USB 系统状态副屏|图片=Demo-usb-monitor.png|标题=Portable Information Panel|型号=TEST-RPI-DIY-03|替代文本=Test image for a portable information panel}}<br /> {{首页产品卡|页面=3.5英寸 USB 系统状态副屏|图片=Demo-usb-monitor.png|标题=Network Status Console|型号=TEST-RPI-DIY-04|替代文本=Test image for a network status console}}</div> Wikiadmin https://olighker.com/w/index.php?title=%E6%8A%80%E6%9C%AF%E6%96%87%E6%A1%A3%E4%B8%AD%E5%BF%83:%E9%A6%96%E9%A1%B5%E6%A8%A1%E5%9D%97/ESP32&diff=185 技术文档中心:首页模块/ESP32 2026-07-26T15:19:30Z <p>Wikiadmin: Homepage catalog refresh 4bd0b98</p> <hr /> <div>{{#default_form:首页模块}}<br /> {{首页产品卡|页面=4.3英寸 ESP32-S3 智能显示板|图片=Demo-esp32-display.png|标题=Raspberry Pi Main Board|型号=TEST-RPI-MAIN-01|替代文本=Test image for a Raspberry Pi main board}}<br /> {{首页产品卡|页面=4.3英寸 ESP32-S3 智能显示板|图片=Demo-esp32-display.png|标题=Compact Linux Controller|型号=TEST-RPI-MAIN-02|替代文本=Test image for a compact Linux controller}}<br /> {{首页产品卡|页面=4.3英寸 ESP32-S3 智能显示板|图片=Demo-esp32-display.png|标题=Edge Computing Board|型号=TEST-RPI-MAIN-03|替代文本=Test image for an edge computing board}}<br /> {{首页产品卡|页面=4.3英寸 ESP32-S3 智能显示板|图片=Demo-esp32-display.png|标题=Raspberry Pi Starter Board|型号=TEST-RPI-MAIN-04|替代文本=Test image for a Raspberry Pi starter board}}</div> Wikiadmin https://olighker.com/w/index.php?title=%E6%8A%80%E6%9C%AF%E6%96%87%E6%A1%A3%E4%B8%AD%E5%BF%83:%E9%A6%96%E9%A1%B5%E6%A8%A1%E5%9D%97/SPI&diff=184 技术文档中心:首页模块/SPI 2026-07-26T15:19:30Z <p>Wikiadmin: Homepage catalog refresh 4bd0b98</p> <hr /> <div>{{#default_form:首页模块}}<br /> {{首页产品卡|页面=3.2英寸 SPI 串口显示模块|图片=Demo-spi-display.png|标题=Arduino Weather Station|型号=TEST-ARD-DIY-01|替代文本=Test image for an Arduino weather station}}<br /> {{首页产品卡|页面=3.2英寸 SPI 串口显示模块|图片=Demo-spi-display.png|标题=Arduino Smart Display|型号=TEST-ARD-DIY-02|替代文本=Test image for an Arduino smart display}}<br /> {{首页产品卡|页面=3.2英寸 SPI 串口显示模块|图片=Demo-spi-display.png|标题=Arduino Motor Controller|型号=TEST-ARD-DIY-03|替代文本=Test image for an Arduino motor controller}}<br /> {{首页产品卡|页面=3.2英寸 SPI 串口显示模块|图片=Demo-spi-display.png|标题=Arduino Home Automation Demo|型号=TEST-ARD-DIY-04|替代文本=Test image for an Arduino home automation demo}}</div> Wikiadmin https://olighker.com/w/index.php?title=%E6%8A%80%E6%9C%AF%E6%96%87%E6%A1%A3%E4%B8%AD%E5%BF%83:%E9%A6%96%E9%A1%B5%E6%A8%A1%E5%9D%97/Arduino&diff=183 技术文档中心:首页模块/Arduino 2026-07-26T15:19:29Z <p>Wikiadmin: Homepage catalog refresh 4bd0b98</p> <hr /> <div>{{#default_form:首页模块}}<br /> {{首页产品卡|页面=2.8英寸 Arduino 显示扩展板|图片=Demo-arduino-display.png|标题=Arduino LCD Expansion Board|型号=TEST-ARD-EXP-01|替代文本=Test image for an Arduino LCD expansion board}}<br /> {{首页产品卡|页面=2.8英寸 Arduino 显示扩展板|图片=Demo-arduino-display.png|标题=Arduino I/O Expansion Board|型号=TEST-ARD-EXP-02|替代文本=Test image for an Arduino I O expansion board}}<br /> {{首页产品卡|页面=2.8英寸 Arduino 显示扩展板|图片=Demo-arduino-display.png|标题=Arduino Sensor Expansion Board|型号=TEST-ARD-EXP-03|替代文本=Test image for an Arduino sensor expansion board}}<br /> {{首页产品卡|页面=2.8英寸 Arduino 显示扩展板|图片=Demo-arduino-display.png|标题=Arduino Communication Board|型号=TEST-ARD-EXP-04|替代文本=Test image for an Arduino communication board}}</div> Wikiadmin https://olighker.com/w/index.php?title=%E6%8A%80%E6%9C%AF%E6%96%87%E6%A1%A3%E4%B8%AD%E5%BF%83:%E9%A6%96%E9%A1%B5%E6%A8%A1%E5%9D%97/MHS-GPIO&diff=182 技术文档中心:首页模块/MHS-GPIO 2026-07-26T15:19:29Z <p>Wikiadmin: Homepage catalog refresh 4bd0b98</p> <hr /> <div>{{#default_form:首页模块}}<br /> {{首页产品卡|页面=3.5英寸 GPIO 触控显示屏|图片=Demo-gpio-touch.png|标题=Raspberry Pi GPIO Display|型号=TEST-RPI-EXP-01|替代文本=Test image for a Raspberry Pi GPIO display}}<br /> {{首页产品卡|页面=3.5英寸 GPIO 触控显示屏|图片=Demo-gpio-touch.png|标题=Raspberry Pi Touchscreen HAT|型号=TEST-RPI-EXP-02|替代文本=Test image for a Raspberry Pi touchscreen HAT}}<br /> {{首页产品卡|页面=3.5英寸 GPIO 触控显示屏|图片=Demo-gpio-touch.png|标题=Raspberry Pi Sensor HAT|型号=TEST-RPI-EXP-03|替代文本=Test image for a Raspberry Pi sensor HAT}}<br /> {{首页产品卡|页面=3.5英寸 GPIO 触控显示屏|图片=Demo-gpio-touch.png|标题=Raspberry Pi Interface Board|型号=TEST-RPI-EXP-04|替代文本=Test image for a Raspberry Pi interface board}}</div> Wikiadmin https://olighker.com/w/index.php?title=%E6%8A%80%E6%9C%AF%E6%96%87%E6%A1%A3%E4%B8%AD%E5%BF%83:%E9%A6%96%E9%A1%B5%E6%A8%A1%E5%9D%97/HDMI&diff=181 技术文档中心:首页模块/HDMI 2026-07-26T15:19:28Z <p>Wikiadmin: Homepage catalog refresh 4bd0b98</p> <hr /> <div>{{#default_form:首页模块}}<br /> {{首页产品卡|页面=5英寸 HDMI 开发显示屏|图片=Demo-hdmi-display.png|标题=3.5-inch LCD Display|型号=TEST-LCD-350|替代文本=Test image for a compact LCD display}}<br /> {{首页产品卡|页面=5英寸 HDMI 开发显示屏|图片=Demo-hdmi-display.png|标题=5-inch HDMI LCD|型号=TEST-LCD-500|替代文本=Test image for an HDMI LCD module}}<br /> {{首页产品卡|页面=5英寸 HDMI 开发显示屏|图片=Demo-hdmi-display.png|标题=7-inch LCD Display|型号=TEST-LCD-700|替代文本=Test image for a large LCD display}}<br /> {{首页产品卡|页面=5英寸 HDMI 开发显示屏|图片=Demo-hdmi-display.png|标题=LCD Development Kit|型号=TEST-LCD-KIT|替代文本=Test image for an LCD development kit}}</div> Wikiadmin https://olighker.com/w/index.php?title=%E6%8A%80%E6%9C%AF%E6%96%87%E6%A1%A3%E4%B8%AD%E5%BF%83:%E9%A6%96%E9%A1%B5%E6%A8%A1%E5%9D%97/GettingStarted&diff=180 技术文档中心:首页模块/GettingStarted 2026-07-26T15:15:04Z <p>Wikiadmin: Homepage catalog refresh 3798ad2</p> <hr /> <div>{{#default_form:首页模块}}<br /> {{首页产品卡|页面=显示模块快速入门套件|图片=Demo-getting-started.png|名称=USB-C Power Adapter|型号=TEST-PWR-USB-C|替代文字=Test image for a USB-C power adapter}}<br /> {{首页产品卡|页面=显示模块快速入门套件|图片=Demo-getting-started.png|名称=Desktop Power Supply|型号=TEST-PWR-DESK|替代文字=Test image for a desktop power supply}}<br /> {{首页产品卡|页面=显示模块快速入门套件|图片=Demo-getting-started.png|名称=Multi-Port Charger|型号=TEST-PWR-MULTI|替代文字=Test image for a multi-port charger}}<br /> {{首页产品卡|页面=显示模块快速入门套件|图片=Demo-getting-started.png|名称=Development Board Power Kit|型号=TEST-PWR-KIT|替代文字=Test image for a development board power kit}}</div> Wikiadmin https://olighker.com/w/index.php?title=%E6%8A%80%E6%9C%AF%E6%96%87%E6%A1%A3%E4%B8%AD%E5%BF%83:%E9%A6%96%E9%A1%B5%E6%A8%A1%E5%9D%97/%E5%BC%80%E5%8F%91%E6%9D%BF&diff=179 技术文档中心:首页模块/开发板 2026-07-26T15:15:04Z <p>Wikiadmin: Homepage catalog refresh 3798ad2</p> <hr /> <div>{{#default_form:首页模块}}<br /> {{首页产品卡|页面=多接口嵌入式开发板|图片=Demo-dev-board.png|名称=Arduino Control Board|型号=TEST-ARD-MAIN-01|替代文字=Test image for an Arduino control board}}<br /> {{首页产品卡|页面=多接口嵌入式开发板|图片=Demo-dev-board.png|名称=Arduino Sensor Board|型号=TEST-ARD-MAIN-02|替代文字=Test image for an Arduino sensor board}}<br /> {{首页产品卡|页面=多接口嵌入式开发板|图片=Demo-dev-board.png|名称=Arduino Display Controller|型号=TEST-ARD-MAIN-03|替代文字=Test image for an Arduino display controller}}<br /> {{首页产品卡|页面=多接口嵌入式开发板|图片=Demo-dev-board.png|名称=Arduino Prototyping Board|型号=TEST-ARD-MAIN-04|替代文字=Test image for an Arduino prototyping board}}</div> Wikiadmin https://olighker.com/w/index.php?title=%E6%8A%80%E6%9C%AF%E6%96%87%E6%A1%A3%E4%B8%AD%E5%BF%83:%E9%A6%96%E9%A1%B5%E6%A8%A1%E5%9D%97/RGB&diff=178 技术文档中心:首页模块/RGB 2026-07-26T15:15:03Z <p>Wikiadmin: Homepage catalog refresh 3798ad2</p> <hr /> <div>{{#default_form:首页模块}}<br /> {{首页产品卡|页面=5英寸 RGB 显示模块|图片=Demo-rgb-display.png|名称=HDMI Cable|型号=TEST-CABLE-HDMI|替代文字=Test image for an HDMI cable}}<br /> {{首页产品卡|页面=5英寸 RGB 显示模块|图片=Demo-rgb-display.png|名称=USB-C Data Cable|型号=TEST-CABLE-USBC|替代文字=Test image for a USB-C data cable}}<br /> {{首页产品卡|页面=5英寸 RGB 显示模块|图片=Demo-rgb-display.png|名称=GPIO Ribbon Cable|型号=TEST-CABLE-GPIO|替代文字=Test image for a GPIO ribbon cable}}<br /> {{首页产品卡|页面=5英寸 RGB 显示模块|图片=Demo-rgb-display.png|名称=Display Adapter Cable|型号=TEST-CABLE-DISP|替代文字=Test image for a display adapter cable}}</div> Wikiadmin https://olighker.com/w/index.php?title=%E6%8A%80%E6%9C%AF%E6%96%87%E6%A1%A3%E4%B8%AD%E5%BF%83:%E9%A6%96%E9%A1%B5%E6%A8%A1%E5%9D%97/OLED&diff=177 技术文档中心:首页模块/OLED 2026-07-26T15:15:03Z <p>Wikiadmin: Homepage catalog refresh 3798ad2</p> <hr /> <div>{{#default_form:首页模块}}<br /> {{首页产品卡|页面=1.3英寸 OLED 显示模块|图片=Demo-oled-display.png|名称=0.96-inch OLED Display|型号=TEST-OLED-096|替代文字=Test image for a compact OLED display}}<br /> {{首页产品卡|页面=1.3英寸 OLED 显示模块|图片=Demo-oled-display.png|名称=1.3-inch OLED Display|型号=TEST-OLED-130|替代文字=Test image for an OLED display module}}<br /> {{首页产品卡|页面=1.3英寸 OLED 显示模块|图片=Demo-oled-display.png|名称=2.42-inch OLED Display|型号=TEST-OLED-242|替代文字=Test image for a large OLED display}}<br /> {{首页产品卡|页面=1.3英寸 OLED 显示模块|图片=Demo-oled-display.png|名称=OLED Development Kit|型号=TEST-OLED-KIT|替代文字=Test image for an OLED development kit}}</div> Wikiadmin https://olighker.com/w/index.php?title=%E6%8A%80%E6%9C%AF%E6%96%87%E6%A1%A3%E4%B8%AD%E5%BF%83:%E9%A6%96%E9%A1%B5%E6%A8%A1%E5%9D%97/%E5%B9%B6%E5%8F%A3&diff=176 技术文档中心:首页模块/并口 2026-07-26T15:15:03Z <p>Wikiadmin: Homepage catalog refresh 3798ad2</p> <hr /> <div>{{#default_form:首页模块}}<br /> {{首页产品卡|页面=7英寸 RGB 并口显示模块|图片=Demo-parallel-display.png|名称=2.13-inch E-Paper Display|型号=TEST-EPD-213|替代文字=Test image for a compact e-paper display}}<br /> {{首页产品卡|页面=7英寸 RGB 并口显示模块|图片=Demo-parallel-display.png|名称=4.2-inch E-Paper Display|型号=TEST-EPD-420|替代文字=Test image for a medium e-paper display}}<br /> {{首页产品卡|页面=7英寸 RGB 并口显示模块|图片=Demo-parallel-display.png|名称=7.5-inch E-Paper Display|型号=TEST-EPD-750|替代文字=Test image for a large e-paper display}}<br /> {{首页产品卡|页面=7英寸 RGB 并口显示模块|图片=Demo-parallel-display.png|名称=E-Paper Development Kit|型号=TEST-EPD-KIT|替代文字=Test image for an e-paper development kit}}</div> Wikiadmin https://olighker.com/w/index.php?title=%E6%8A%80%E6%9C%AF%E6%96%87%E6%A1%A3%E4%B8%AD%E5%BF%83:%E9%A6%96%E9%A1%B5%E6%A8%A1%E5%9D%97/USB%E5%89%AF%E5%B1%8F&diff=175 技术文档中心:首页模块/USB副屏 2026-07-26T15:15:02Z <p>Wikiadmin: Homepage catalog refresh 3798ad2</p> <hr /> <div>{{#default_form:首页模块}}<br /> {{首页产品卡|页面=3.5英寸 USB 系统状态副屏|图片=Demo-usb-monitor.png|名称=System Monitor Display|型号=TEST-RPI-DIY-01|替代文字=Test image for a system monitor display}}<br /> {{首页产品卡|页面=3.5英寸 USB 系统状态副屏|图片=Demo-usb-monitor.png|名称=Smart Home Dashboard|型号=TEST-RPI-DIY-02|替代文字=Test image for a smart home dashboard}}<br /> {{首页产品卡|页面=3.5英寸 USB 系统状态副屏|图片=Demo-usb-monitor.png|名称=Portable Information Panel|型号=TEST-RPI-DIY-03|替代文字=Test image for a portable information panel}}<br /> {{首页产品卡|页面=3.5英寸 USB 系统状态副屏|图片=Demo-usb-monitor.png|名称=Network Status Console|型号=TEST-RPI-DIY-04|替代文字=Test image for a network status console}}</div> Wikiadmin https://olighker.com/w/index.php?title=%E6%8A%80%E6%9C%AF%E6%96%87%E6%A1%A3%E4%B8%AD%E5%BF%83:%E9%A6%96%E9%A1%B5%E6%A8%A1%E5%9D%97/ESP32&diff=174 技术文档中心:首页模块/ESP32 2026-07-26T15:15:02Z <p>Wikiadmin: Homepage catalog refresh 3798ad2</p> <hr /> <div>{{#default_form:首页模块}}<br /> {{首页产品卡|页面=4.3英寸 ESP32-S3 智能显示板|图片=Demo-esp32-display.png|名称=Raspberry Pi Main Board|型号=TEST-RPI-MAIN-01|替代文字=Test image for a Raspberry Pi main board}}<br /> {{首页产品卡|页面=4.3英寸 ESP32-S3 智能显示板|图片=Demo-esp32-display.png|名称=Compact Linux Controller|型号=TEST-RPI-MAIN-02|替代文字=Test image for a compact Linux controller}}<br /> {{首页产品卡|页面=4.3英寸 ESP32-S3 智能显示板|图片=Demo-esp32-display.png|名称=Edge Computing Board|型号=TEST-RPI-MAIN-03|替代文字=Test image for an edge computing board}}<br /> {{首页产品卡|页面=4.3英寸 ESP32-S3 智能显示板|图片=Demo-esp32-display.png|名称=Raspberry Pi Starter Board|型号=TEST-RPI-MAIN-04|替代文字=Test image for a Raspberry Pi starter board}}</div> Wikiadmin https://olighker.com/w/index.php?title=%E6%8A%80%E6%9C%AF%E6%96%87%E6%A1%A3%E4%B8%AD%E5%BF%83:%E9%A6%96%E9%A1%B5%E6%A8%A1%E5%9D%97/SPI&diff=173 技术文档中心:首页模块/SPI 2026-07-26T15:15:01Z <p>Wikiadmin: Homepage catalog refresh 3798ad2</p> <hr /> <div>{{#default_form:首页模块}}<br /> {{首页产品卡|页面=3.2英寸 SPI 串口显示模块|图片=Demo-spi-display.png|名称=Arduino Weather Station|型号=TEST-ARD-DIY-01|替代文字=Test image for an Arduino weather station}}<br /> {{首页产品卡|页面=3.2英寸 SPI 串口显示模块|图片=Demo-spi-display.png|名称=Arduino Smart Display|型号=TEST-ARD-DIY-02|替代文字=Test image for an Arduino smart display}}<br /> {{首页产品卡|页面=3.2英寸 SPI 串口显示模块|图片=Demo-spi-display.png|名称=Arduino Motor Controller|型号=TEST-ARD-DIY-03|替代文字=Test image for an Arduino motor controller}}<br /> {{首页产品卡|页面=3.2英寸 SPI 串口显示模块|图片=Demo-spi-display.png|名称=Arduino Home Automation Demo|型号=TEST-ARD-DIY-04|替代文字=Test image for an Arduino home automation demo}}</div> Wikiadmin https://olighker.com/w/index.php?title=%E6%8A%80%E6%9C%AF%E6%96%87%E6%A1%A3%E4%B8%AD%E5%BF%83:%E9%A6%96%E9%A1%B5%E6%A8%A1%E5%9D%97/Arduino&diff=172 技术文档中心:首页模块/Arduino 2026-07-26T15:15:01Z <p>Wikiadmin: Homepage catalog refresh 3798ad2</p> <hr /> <div>{{#default_form:首页模块}}<br /> {{首页产品卡|页面=2.8英寸 Arduino 显示扩展板|图片=Demo-arduino-display.png|名称=Arduino LCD Expansion Board|型号=TEST-ARD-EXP-01|替代文字=Test image for an Arduino LCD expansion board}}<br /> {{首页产品卡|页面=2.8英寸 Arduino 显示扩展板|图片=Demo-arduino-display.png|名称=Arduino I/O Expansion Board|型号=TEST-ARD-EXP-02|替代文字=Test image for an Arduino I O expansion board}}<br /> {{首页产品卡|页面=2.8英寸 Arduino 显示扩展板|图片=Demo-arduino-display.png|名称=Arduino Sensor Expansion Board|型号=TEST-ARD-EXP-03|替代文字=Test image for an Arduino sensor expansion board}}<br /> {{首页产品卡|页面=2.8英寸 Arduino 显示扩展板|图片=Demo-arduino-display.png|名称=Arduino Communication Board|型号=TEST-ARD-EXP-04|替代文字=Test image for an Arduino communication board}}</div> Wikiadmin https://olighker.com/w/index.php?title=%E6%8A%80%E6%9C%AF%E6%96%87%E6%A1%A3%E4%B8%AD%E5%BF%83:%E9%A6%96%E9%A1%B5%E6%A8%A1%E5%9D%97/MHS-GPIO&diff=171 技术文档中心:首页模块/MHS-GPIO 2026-07-26T15:15:00Z <p>Wikiadmin: Homepage catalog refresh 3798ad2</p> <hr /> <div>{{#default_form:首页模块}}<br /> {{首页产品卡|页面=3.5英寸 GPIO 触控显示屏|图片=Demo-gpio-touch.png|名称=Raspberry Pi GPIO Display|型号=TEST-RPI-EXP-01|替代文字=Test image for a Raspberry Pi GPIO display}}<br /> {{首页产品卡|页面=3.5英寸 GPIO 触控显示屏|图片=Demo-gpio-touch.png|名称=Raspberry Pi Touchscreen HAT|型号=TEST-RPI-EXP-02|替代文字=Test image for a Raspberry Pi touchscreen HAT}}<br /> {{首页产品卡|页面=3.5英寸 GPIO 触控显示屏|图片=Demo-gpio-touch.png|名称=Raspberry Pi Sensor HAT|型号=TEST-RPI-EXP-03|替代文字=Test image for a Raspberry Pi sensor HAT}}<br /> {{首页产品卡|页面=3.5英寸 GPIO 触控显示屏|图片=Demo-gpio-touch.png|名称=Raspberry Pi Interface Board|型号=TEST-RPI-EXP-04|替代文字=Test image for a Raspberry Pi interface board}}</div> Wikiadmin https://olighker.com/w/index.php?title=%E6%8A%80%E6%9C%AF%E6%96%87%E6%A1%A3%E4%B8%AD%E5%BF%83:%E9%A6%96%E9%A1%B5%E6%A8%A1%E5%9D%97/HDMI&diff=170 技术文档中心:首页模块/HDMI 2026-07-26T15:15:00Z <p>Wikiadmin: Homepage catalog refresh 3798ad2</p> <hr /> <div>{{#default_form:首页模块}}<br /> {{首页产品卡|页面=5英寸 HDMI 开发显示屏|图片=Demo-hdmi-display.png|名称=3.5-inch LCD Display|型号=TEST-LCD-350|替代文字=Test image for a compact LCD display}}<br /> {{首页产品卡|页面=5英寸 HDMI 开发显示屏|图片=Demo-hdmi-display.png|名称=5-inch HDMI LCD|型号=TEST-LCD-500|替代文字=Test image for an HDMI LCD module}}<br /> {{首页产品卡|页面=5英寸 HDMI 开发显示屏|图片=Demo-hdmi-display.png|名称=7-inch LCD Display|型号=TEST-LCD-700|替代文字=Test image for a large LCD display}}<br /> {{首页产品卡|页面=5英寸 HDMI 开发显示屏|图片=Demo-hdmi-display.png|名称=LCD Development Kit|型号=TEST-LCD-KIT|替代文字=Test image for an LCD development kit}}</div> Wikiadmin https://olighker.com/w/index.php?title=%E6%8A%80%E6%9C%AF%E6%96%87%E6%A1%A3%E4%B8%AD%E5%BF%83:%E9%A6%96%E9%A1%B5%E7%9B%AE%E5%BD%95%E9%85%8D%E7%BD%AE&diff=169 技术文档中心:首页目录配置 2026-07-26T15:14:59Z <p>Wikiadmin: Homepage catalog refresh 3798ad2</p> <hr /> <div>{{#default_form:首页目录}}<br /> == Displays ==<br /> {{首页模块入口|标题=E-Paper|标签=E-Paper Displays|简介=Explore low-power e-paper modules for labels, dashboards, and always-on information displays.|配置页=Project:首页模块/并口}}<br /> {{首页模块入口|标题=OLED|标签=OLED Displays|简介=Browse compact OLED modules designed for clear graphics, status panels, and embedded user interfaces.|配置页=Project:首页模块/OLED}}<br /> {{首页模块入口|标题=LCD|标签=LCD Displays|简介=Discover LCD solutions for development boards, control panels, prototypes, and interactive projects.|配置页=Project:首页模块/HDMI}}<br /> <br /> == Arduino ==<br /> {{首页模块入口|标题=Main Boards|标签=Arduino Main Boards|简介=Start with flexible Arduino-compatible controller boards for learning, prototyping, and product development.|配置页=Project:首页模块/开发板}}<br /> {{首页模块入口|标题=Expansion Boards|标签=Arduino Expansion Boards|简介=Extend Arduino projects with display, sensor, communication, and general-purpose expansion boards.|配置页=Project:首页模块/Arduino}}<br /> {{首页模块入口|标题=DIY Projects|标签=Arduino DIY Projects|简介=Build practical Arduino demonstrations covering automation, monitoring, motion, and interactive displays.|配置页=Project:首页模块/SPI}}<br /> <br /> == Raspberry Pi ==<br /> {{首页模块入口|标题=Main Boards|标签=Raspberry Pi Main Boards|简介=Explore compact Linux-ready computing boards for education, embedded control, and edge applications.|配置页=Project:首页模块/ESP32}}<br /> {{首页模块入口|标题=Expansion Boards|标签=Raspberry Pi Expansion Boards|简介=Add displays, GPIO interfaces, sensors, and connectivity to Raspberry Pi development platforms.|配置页=Project:首页模块/MHS-GPIO}}<br /> {{首页模块入口|标题=DIY Projects|标签=Raspberry Pi DIY Projects|简介=Create Raspberry Pi dashboards, monitoring systems, smart devices, and connected prototypes.|配置页=Project:首页模块/USB副屏}}<br /> <br /> == Accessories ==<br /> {{首页模块入口|标题=Chargers|标签=Chargers and Power|简介=Find test power adapters and charging accessories for development boards and portable projects.|配置页=Project:首页模块/GettingStarted}}<br /> {{首页模块入口|标题=Cables|标签=Cables and Adapters|简介=Choose test cables and adapters for power, data, display, and GPIO connections.|配置页=Project:首页模块/RGB}}</div> Wikiadmin https://olighker.com/w/index.php?title=MediaWiki:Common.css&diff=168 MediaWiki:Common.css 2026-07-26T15:14:29Z <p>Wikiadmin: Git release 3798ad2f6f3b</p> <hr /> <div>:root {<br /> --lcd-blue: #63b7e8;<br /> --lcd-blue-dark: #258ac4;<br /> --lcd-ink: #233245;<br /> --lcd-muted: #66758a;<br /> --lcd-line: #dfe7ef;<br /> --lcd-panel: #f6f9fc;<br /> }<br /> <br /> .mw-body-content {<br /> color: var(--lcd-ink);<br /> }<br /> <br /> /* Keep the active table-of-contents state aligned with module title bars. */<br /> .citizen-toc .citizen-toc-list-item--active &gt; .citizen-toc-link {<br /> color: #34b0b0;<br /> }<br /> <br /> .citizen-toc .citizen-toc-indicator {<br /> background-color: #34b0b0;<br /> }<br /> <br /> /* 精简 Citizen 主菜单，仅保留 Sidebar 中的三个核心入口。 */<br /> #citizen-main-menu #p-navigation &gt; .citizen-menu__heading,<br /> #citizen-main-menu #t-specialpages,<br /> #citizen-main-menu #t-upload {<br /> display: none;<br /> }<br /> <br /> /* Hide the Citizen main-menu toggle and drawer on every page. */<br /> .citizen-drawer.citizen-header__item {<br /> display: none !important;<br /> }<br /> <br /> /* 隐藏所有页面底部的页面信息、操作栏和完整站点页脚。 */<br /> .citizen-page-footer,<br /> .citizen-page-actions,<br /> .mw-footer.citizen-footer {<br /> display: none !important;<br /> }<br /> <br /> /* 首页模块标题不显示章节编辑入口，后台和其他页面编辑功能保持不变。 */<br /> body.page-Main_Page .mw-editsection {<br /> display: none !important;<br /> }<br /> <br /> /* 产品二级页：隐藏章节编辑入口及滚动后的粘性操作按钮组。 */<br /> body:has(.lcd-product__hero) .mw-editsection,<br /> body:has(.lcd-product__hero) .citizen-sticky-header-end {<br /> display: none !important;<br /> }<br /> <br /> /* Product detail pages: remove the site tagline and publication badge without placeholders. */<br /> body:has(.lcd-product__hero) #siteSub,<br /> body:has(.lcd-product__hero) .citizen-sticky-header-page-tagline,<br /> body:has(.lcd-product__hero) .lcd-product__status {<br /> display: none !important;<br /> }<br /> <br /> /*<br /> * 首页桌面版式：将 Citizen 的页面信息与目录侧栏放到正文左侧，<br /> * 并限制整体版心宽度，在宽屏上保留对称留白。<br /> */<br /> @media (min-width: 1200px) {<br /> body.page-Main_Page .citizen-body-container {<br /> width: min(100%, 91.5rem);<br /> margin-inline: auto;<br /> grid-template-columns: minmax(12rem, 15rem) minmax(0, 67.5rem);<br /> column-gap: 5rem;<br /> grid-template-areas:<br /> &quot;sidebar content&quot;<br /> &quot;footer footer&quot;;<br /> justify-content: center;<br /> }<br /> <br /> body.page-Main_Page<br /> .citizen-page-sidebar<br /> .citizen-toc-link:not(.citizen-toc-top) {<br /> height: auto;<br /> min-height: 2rem;<br /> overflow: hidden;<br /> white-space: normal;<br /> overflow-wrap: anywhere;<br /> text-overflow: clip;<br /> }<br /> }<br /> <br /> .lcd-home-carousel {<br /> position: relative;<br /> aspect-ratio: 4 / 1;<br /> margin: 1rem 0 2rem;<br /> overflow: hidden;<br /> border: 1px solid var(--lcd-line);<br /> border-radius: 12px;<br /> background: #fff;<br /> box-shadow: 0 2px 8px rgba(38, 68, 94, .1);<br /> }<br /> <br /> .lcd-home-carousel__viewport,<br /> .lcd-home-carousel__slide,<br /> .lcd-home-carousel__slide &gt; p,<br /> .lcd-home-carousel__slide .mw-file-element {<br /> width: 100%;<br /> height: 100%;<br /> }<br /> <br /> .lcd-home-carousel__viewport {<br /> position: relative;<br /> }<br /> <br /> .lcd-home-carousel__slide {<br /> position: absolute;<br /> inset: 0;<br /> visibility: hidden;<br /> opacity: 0;<br /> transition: visibility 0s linear .4s, opacity .4s ease;<br /> }<br /> <br /> .lcd-home-carousel__slide--active {<br /> visibility: visible;<br /> opacity: 1;<br /> transition-delay: 0s;<br /> }<br /> <br /> .lcd-home-carousel__slide &gt; p {<br /> margin: 0;<br /> }<br /> <br /> .lcd-home-carousel__slide .mw-file-element {<br /> display: block;<br /> object-fit: contain;<br /> }<br /> <br /> .lcd-home-carousel__dots {<br /> position: absolute;<br /> z-index: 2;<br /> bottom: clamp(.4rem, 1.1vw, .75rem);<br /> left: 50%;<br /> display: flex;<br /> gap: .55rem;<br /> align-items: center;<br /> padding: .3rem .45rem;<br /> transform: translateX(-50%);<br /> }<br /> <br /> .lcd-home-carousel__dot {<br /> width: .68rem;<br /> height: .68rem;<br /> padding: 0;<br /> border: 1px solid rgba(35, 50, 69, .38);<br /> border-radius: 50%;<br /> background: rgba(255, 255, 255, .88);<br /> box-shadow: 0 1px 3px rgba(35, 50, 69, .28);<br /> cursor: pointer;<br /> }<br /> <br /> .lcd-home-carousel__dot[aria-current=&quot;true&quot;] {<br /> border-color: #237f7f;<br /> background: #34b0b0;<br /> }<br /> <br /> .lcd-home-carousel__dot:focus-visible {<br /> outline: 2px solid #fff;<br /> outline-offset: 2px;<br /> }<br /> <br /> .lcd-home-carousel__viewport &gt; p,<br /> .lcd-home-carousel &gt; p {<br /> display: none;<br /> }<br /> <br /> .lcd-module {<br /> margin: 1.75rem 0 2.5rem;<br /> scroll-margin-top: 5rem;<br /> }<br /> <br /> .lcd-module__intro {<br /> max-width: 58rem;<br /> margin: -.25rem 0 1rem;<br /> color: var(--lcd-muted);<br /> font-size: 1rem;<br /> line-height: 1.65;<br /> }<br /> <br /> .lcd-module__tab {<br /> margin: 0 0 1rem;<br /> padding: .68rem 1rem;<br /> border-radius: 5px;<br /> background: #34b0b0;<br /> color: #fff;<br /> font-size: 1.05rem;<br /> font-weight: 700;<br /> text-align: center;<br /> letter-spacing: .02em;<br /> }<br /> <br /> .lcd-card-grid {<br /> display: grid;<br /> grid-template-columns: repeat(4, minmax(0, 1fr));<br /> gap: 1.1rem;<br /> }<br /> <br /> .lcd-card-grid &gt; p {<br /> display: none;<br /> }<br /> <br /> .lcd-card {<br /> min-width: 0;<br /> overflow: hidden;<br /> border: 1px solid var(--lcd-line);<br /> border-radius: 8px;<br /> background: #fff;<br /> box-shadow: 0 2px 7px rgba(38, 68, 94, .11);<br /> transition: transform .16s ease, box-shadow .16s ease;<br /> }<br /> <br /> .lcd-card:hover {<br /> transform: translateY(-2px);<br /> box-shadow: 0 7px 18px rgba(38, 68, 94, .16);<br /> }<br /> <br /> .lcd-card__media {<br /> display: flex;<br /> aspect-ratio: 4 / 3;<br /> align-items: center;<br /> justify-content: center;<br /> padding: .65rem;<br /> background: #f8fafc;<br /> }<br /> <br /> .lcd-card__media a,<br /> .lcd-card__media .mw-file-description {<br /> display: contents;<br /> }<br /> <br /> .lcd-card__media img {<br /> width: 100%;<br /> height: 100%;<br /> object-fit: contain;<br /> }<br /> <br /> .lcd-card__body {<br /> padding: .85rem .8rem .95rem;<br /> text-align: center;<br /> }<br /> <br /> .lcd-card__title {<br /> min-height: 2.7em;<br /> line-height: 1.35;<br /> font-weight: 600;<br /> }<br /> <br /> .lcd-card__title a {<br /> color: var(--lcd-ink);<br /> }<br /> <br /> .lcd-card__model {<br /> margin-top: .35rem;<br /> color: #27384b;<br /> font-weight: 800;<br /> overflow-wrap: anywhere;<br /> }<br /> <br /> .lcd-product__hero {<br /> display: grid;<br /> grid-template-columns: minmax(15rem, .8fr) minmax(0, 1.2fr);<br /> gap: 1.5rem;<br /> margin: 1rem 0 2rem;<br /> padding: 1.25rem;<br /> border: 1px solid var(--lcd-line);<br /> border-radius: 10px;<br /> background: var(--lcd-panel);<br /> }<br /> <br /> .lcd-product__summary {<br /> align-self: center;<br /> }<br /> <br /> .lcd-product__kicker {<br /> color: #34b0b0;<br /> font-weight: 700;<br /> }<br /> <br /> .lcd-product__model {<br /> margin: .35rem 0 .6rem;<br /> color: var(--lcd-ink);<br /> font-size: clamp(1.35rem, 3vw, 2rem);<br /> font-weight: 800;<br /> }<br /> <br /> .lcd-product__status {<br /> margin-bottom: .85rem;<br /> }<br /> <br /> .lcd-product__gallery {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> gap: .75rem;<br /> }<br /> <br /> .lcd-product__gallery &gt; div {<br /> display: flex;<br /> min-width: 0;<br /> aspect-ratio: 4 / 3;<br /> align-items: center;<br /> justify-content: center;<br /> padding: .6rem;<br /> border: 1px solid var(--lcd-line);<br /> border-radius: 7px;<br /> background: #fff;<br /> }<br /> <br /> .lcd-product__gallery img {<br /> width: 100%;<br /> height: 100%;<br /> object-fit: contain;<br /> }<br /> <br /> .lcd-spec-table {<br /> width: 100%;<br /> table-layout: fixed;<br /> }<br /> <br /> .lcd-spec-table th:first-child {<br /> width: 10rem;<br /> }<br /> <br /> .lcd-status {<br /> display: inline-block;<br /> padding: .18rem .55rem;<br /> border-radius: 999px;<br /> color: #244158;<br /> background: #dceff9;<br /> font-size: .84rem;<br /> font-weight: 700;<br /> }<br /> <br /> .lcd-download-card,<br /> .lcd-empty-resource {<br /> padding: 1rem 1.15rem;<br /> border: 1px solid var(--lcd-line);<br /> border-left: 4px solid var(--lcd-blue);<br /> border-radius: 6px;<br /> background: #fff;<br /> }<br /> <br /> .lcd-download-card__name {<br /> font-size: 1.05rem;<br /> font-weight: 700;<br /> }<br /> <br /> .lcd-download-card__type {<br /> display: inline-block;<br /> margin-right: .6rem;<br /> color: var(--lcd-blue-dark);<br /> font-weight: 800;<br /> }<br /> <br /> .lcd-download-card__body {<br /> display: inline-flex;<br /> flex-wrap: wrap;<br /> gap: .25rem .75rem;<br /> align-items: baseline;<br /> }<br /> <br /> .lcd-download-card__action {<br /> margin-top: .65rem;<br /> }<br /> <br /> .lcd-download-card__meta,<br /> .lcd-empty-resource {<br /> color: var(--lcd-muted);<br /> }<br /> <br /> .lcd-manager-links {<br /> columns: 2 18rem;<br /> }<br /> <br /> .formtable {<br /> width: 100%;<br /> margin-bottom: 1rem;<br /> }<br /> <br /> .formtable th {<br /> width: 11rem;<br /> text-align: left;<br /> vertical-align: top;<br /> }<br /> <br /> .formtable input,<br /> .formtable select,<br /> .formtable textarea {<br /> box-sizing: border-box;<br /> max-width: 100%;<br /> }<br /> <br /> @media (max-width: 1000px) {<br /> .lcd-card-grid {<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> }<br /> <br /> .lcd-product__hero {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> @media (max-width: 620px) {<br /> .lcd-card-grid {<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> gap: .75rem;<br /> }<br /> <br /> .lcd-product__gallery {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .lcd-card__title {<br /> min-height: 0;<br /> }<br /> <br /> .lcd-product__hero {<br /> padding: .85rem;<br /> }<br /> <br /> .lcd-spec-table th:first-child {<br /> width: 7.5rem;<br /> }<br /> <br /> .formtable,<br /> .formtable tbody,<br /> .formtable tr,<br /> .formtable th,<br /> .formtable td {<br /> display: block;<br /> width: 100%;<br /> }<br /> }</div> Wikiadmin https://olighker.com/w/index.php?title=Form:%E9%A6%96%E9%A1%B5%E7%9B%AE%E5%BD%95&diff=167 Form:首页目录 2026-07-26T15:14:26Z <p>Wikiadmin: Git release 3798ad2f6f3b</p> <hr /> <div>{{{for template|首页模块入口|multiple|label=首页模块|add button text=添加模块|displayed fields when minimized=标题}}}<br /> {| class=&quot;formtable&quot;<br /> ! 模块标题<br /> | {{{field|标题|mandatory|size=60}}}<br /> |-<br /> ! 标签栏文字<br /> | {{{field|标签|mandatory|size=40}}}<br /> |-<br /> ! 模块英文介绍<br /> | {{{field|简介|mandatory|input type=textarea|rows=3|cols=70}}}<br /> |-<br /> ! 模块配置页<br /> | {{{field|配置页|mandatory|input type=text with autocomplete|values from namespace=Project}}}<br /> |}<br /> {{{end template}}}<br /> <br /> {{{standard input|summary|default value=通过目录表单更新首页模块}}}<br /> {{{standard input|save}}} {{{standard input|changes}}} {{{standard input|cancel}}}</div> Wikiadmin https://olighker.com/w/index.php?title=Template:%E9%A6%96%E9%A1%B5%E6%A8%A1%E5%9D%97%E5%85%A5%E5%8F%A3&diff=166 Template:首页模块入口 2026-07-26T15:14:24Z <p>Wikiadmin: Git release 3798ad2f6f3b</p> <hr /> <div>&lt;includeonly&gt;<br /> === {{{标题|Unnamed Module}}} ===<br /> &lt;div class=&quot;lcd-module&quot;&gt;<br /> &lt;p class=&quot;lcd-module__intro&quot;&gt;{{{简介|Test introduction for this module.}}}&lt;/p&gt;<br /> &lt;div class=&quot;lcd-module__tab&quot;&gt;{{{标签|Product List}}}&lt;/div&gt;<br /> &lt;div class=&quot;lcd-card-grid&quot;&gt;<br /> {{:{{{配置页}}}}}<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/includeonly&gt;<br /> &lt;noinclude&gt;<br /> &lt;templatedata&gt;<br /> {<br /> &quot;description&quot;: &quot;在首页输出一个带标题、标签栏和独立卡片配置页的产品模块。&quot;,<br /> &quot;params&quot;: {<br /> &quot;标题&quot;: {&quot;label&quot;: &quot;模块标题&quot;, &quot;type&quot;: &quot;string&quot;, &quot;required&quot;: true},<br /> &quot;标签&quot;: {&quot;label&quot;: &quot;标签栏文字&quot;, &quot;type&quot;: &quot;string&quot;, &quot;required&quot;: true},<br /> &quot;简介&quot;: {&quot;label&quot;: &quot;模块英文介绍&quot;, &quot;type&quot;: &quot;content&quot;, &quot;required&quot;: true},<br /> &quot;配置页&quot;: {&quot;label&quot;: &quot;模块配置页&quot;, &quot;type&quot;: &quot;wiki-page-name&quot;, &quot;required&quot;: true}<br /> },<br /> &quot;paramOrder&quot;: [&quot;标题&quot;, &quot;标签&quot;, &quot;简介&quot;, &quot;配置页&quot;]<br /> }<br /> &lt;/templatedata&gt;<br /> &lt;/noinclude&gt;</div> Wikiadmin https://olighker.com/w/index.php?title=MediaWiki:Citizen-user-info-text-anon&diff=165 MediaWiki:Citizen-user-info-text-anon 2026-07-26T14:30:05Z <p>Wikiadmin: Git release 77f6ef0c2d75</p> <hr /> <div>Access is restricted to site administrators.</div> Wikiadmin https://olighker.com/w/index.php?title=MediaWiki:Notloggedin&diff=164 MediaWiki:Notloggedin 2026-07-26T14:30:05Z <p>Wikiadmin: Git release 77f6ef0c2d75</p> <hr /> <div>Administrator Login Only</div> Wikiadmin https://olighker.com/w/index.php?title=MediaWiki:Common.css&diff=163 MediaWiki:Common.css 2026-07-26T13:34:54Z <p>Wikiadmin: Git release d6198d1100ee</p> <hr /> <div>:root {<br /> --lcd-blue: #63b7e8;<br /> --lcd-blue-dark: #258ac4;<br /> --lcd-ink: #233245;<br /> --lcd-muted: #66758a;<br /> --lcd-line: #dfe7ef;<br /> --lcd-panel: #f6f9fc;<br /> }<br /> <br /> .mw-body-content {<br /> color: var(--lcd-ink);<br /> }<br /> <br /> /* Keep the active table-of-contents state aligned with module title bars. */<br /> .citizen-toc .citizen-toc-list-item--active &gt; .citizen-toc-link {<br /> color: #34b0b0;<br /> }<br /> <br /> .citizen-toc .citizen-toc-indicator {<br /> background-color: #34b0b0;<br /> }<br /> <br /> /* 精简 Citizen 主菜单，仅保留 Sidebar 中的三个核心入口。 */<br /> #citizen-main-menu #p-navigation &gt; .citizen-menu__heading,<br /> #citizen-main-menu #t-specialpages,<br /> #citizen-main-menu #t-upload {<br /> display: none;<br /> }<br /> <br /> /* Hide the Citizen main-menu toggle and drawer on every page. */<br /> .citizen-drawer.citizen-header__item {<br /> display: none !important;<br /> }<br /> <br /> /* 隐藏所有页面底部的页面信息、操作栏和完整站点页脚。 */<br /> .citizen-page-footer,<br /> .citizen-page-actions,<br /> .mw-footer.citizen-footer {<br /> display: none !important;<br /> }<br /> <br /> /* 首页模块标题不显示章节编辑入口，后台和其他页面编辑功能保持不变。 */<br /> body.page-Main_Page .mw-editsection {<br /> display: none !important;<br /> }<br /> <br /> /* 产品二级页：隐藏章节编辑入口及滚动后的粘性操作按钮组。 */<br /> body:has(.lcd-product__hero) .mw-editsection,<br /> body:has(.lcd-product__hero) .citizen-sticky-header-end {<br /> display: none !important;<br /> }<br /> <br /> /* Product detail pages: remove the site tagline and publication badge without placeholders. */<br /> body:has(.lcd-product__hero) #siteSub,<br /> body:has(.lcd-product__hero) .citizen-sticky-header-page-tagline,<br /> body:has(.lcd-product__hero) .lcd-product__status {<br /> display: none !important;<br /> }<br /> <br /> /*<br /> * 首页桌面版式：将 Citizen 的页面信息与目录侧栏放到正文左侧，<br /> * 并限制整体版心宽度，在宽屏上保留对称留白。<br /> */<br /> @media (min-width: 1200px) {<br /> body.page-Main_Page .citizen-body-container {<br /> width: min(100%, 91.5rem);<br /> margin-inline: auto;<br /> grid-template-columns: minmax(12rem, 15rem) minmax(0, 67.5rem);<br /> column-gap: 5rem;<br /> grid-template-areas:<br /> &quot;sidebar content&quot;<br /> &quot;footer footer&quot;;<br /> justify-content: center;<br /> }<br /> <br /> body.page-Main_Page<br /> .citizen-page-sidebar<br /> .citizen-toc-link:not(.citizen-toc-top) {<br /> height: auto;<br /> min-height: 2rem;<br /> overflow: hidden;<br /> white-space: normal;<br /> overflow-wrap: anywhere;<br /> text-overflow: clip;<br /> }<br /> }<br /> <br /> .lcd-home-carousel {<br /> position: relative;<br /> aspect-ratio: 4 / 1;<br /> margin: 1rem 0 2rem;<br /> overflow: hidden;<br /> border: 1px solid var(--lcd-line);<br /> border-radius: 12px;<br /> background: #fff;<br /> box-shadow: 0 2px 8px rgba(38, 68, 94, .1);<br /> }<br /> <br /> .lcd-home-carousel__viewport,<br /> .lcd-home-carousel__slide,<br /> .lcd-home-carousel__slide &gt; p,<br /> .lcd-home-carousel__slide .mw-file-element {<br /> width: 100%;<br /> height: 100%;<br /> }<br /> <br /> .lcd-home-carousel__viewport {<br /> position: relative;<br /> }<br /> <br /> .lcd-home-carousel__slide {<br /> position: absolute;<br /> inset: 0;<br /> visibility: hidden;<br /> opacity: 0;<br /> transition: visibility 0s linear .4s, opacity .4s ease;<br /> }<br /> <br /> .lcd-home-carousel__slide--active {<br /> visibility: visible;<br /> opacity: 1;<br /> transition-delay: 0s;<br /> }<br /> <br /> .lcd-home-carousel__slide &gt; p {<br /> margin: 0;<br /> }<br /> <br /> .lcd-home-carousel__slide .mw-file-element {<br /> display: block;<br /> object-fit: contain;<br /> }<br /> <br /> .lcd-home-carousel__dots {<br /> position: absolute;<br /> z-index: 2;<br /> bottom: clamp(.4rem, 1.1vw, .75rem);<br /> left: 50%;<br /> display: flex;<br /> gap: .55rem;<br /> align-items: center;<br /> padding: .3rem .45rem;<br /> transform: translateX(-50%);<br /> }<br /> <br /> .lcd-home-carousel__dot {<br /> width: .68rem;<br /> height: .68rem;<br /> padding: 0;<br /> border: 1px solid rgba(35, 50, 69, .38);<br /> border-radius: 50%;<br /> background: rgba(255, 255, 255, .88);<br /> box-shadow: 0 1px 3px rgba(35, 50, 69, .28);<br /> cursor: pointer;<br /> }<br /> <br /> .lcd-home-carousel__dot[aria-current=&quot;true&quot;] {<br /> border-color: #237f7f;<br /> background: #34b0b0;<br /> }<br /> <br /> .lcd-home-carousel__dot:focus-visible {<br /> outline: 2px solid #fff;<br /> outline-offset: 2px;<br /> }<br /> <br /> .lcd-home-carousel__viewport &gt; p,<br /> .lcd-home-carousel &gt; p {<br /> display: none;<br /> }<br /> <br /> .lcd-module {<br /> margin: 1.75rem 0 2.5rem;<br /> scroll-margin-top: 5rem;<br /> }<br /> <br /> .lcd-module__tab {<br /> margin: 0 0 1rem;<br /> padding: .68rem 1rem;<br /> border-radius: 5px;<br /> background: #34b0b0;<br /> color: #fff;<br /> font-size: 1.05rem;<br /> font-weight: 700;<br /> text-align: center;<br /> letter-spacing: .02em;<br /> }<br /> <br /> .lcd-card-grid {<br /> display: grid;<br /> grid-template-columns: repeat(4, minmax(0, 1fr));<br /> gap: 1.1rem;<br /> }<br /> <br /> .lcd-card-grid &gt; p {<br /> display: none;<br /> }<br /> <br /> .lcd-card {<br /> min-width: 0;<br /> overflow: hidden;<br /> border: 1px solid var(--lcd-line);<br /> border-radius: 8px;<br /> background: #fff;<br /> box-shadow: 0 2px 7px rgba(38, 68, 94, .11);<br /> transition: transform .16s ease, box-shadow .16s ease;<br /> }<br /> <br /> .lcd-card:hover {<br /> transform: translateY(-2px);<br /> box-shadow: 0 7px 18px rgba(38, 68, 94, .16);<br /> }<br /> <br /> .lcd-card__media {<br /> display: flex;<br /> aspect-ratio: 4 / 3;<br /> align-items: center;<br /> justify-content: center;<br /> padding: .65rem;<br /> background: #f8fafc;<br /> }<br /> <br /> .lcd-card__media a,<br /> .lcd-card__media .mw-file-description {<br /> display: contents;<br /> }<br /> <br /> .lcd-card__media img {<br /> width: 100%;<br /> height: 100%;<br /> object-fit: contain;<br /> }<br /> <br /> .lcd-card__body {<br /> padding: .85rem .8rem .95rem;<br /> text-align: center;<br /> }<br /> <br /> .lcd-card__title {<br /> min-height: 2.7em;<br /> line-height: 1.35;<br /> font-weight: 600;<br /> }<br /> <br /> .lcd-card__title a {<br /> color: var(--lcd-ink);<br /> }<br /> <br /> .lcd-card__model {<br /> margin-top: .35rem;<br /> color: #27384b;<br /> font-weight: 800;<br /> overflow-wrap: anywhere;<br /> }<br /> <br /> .lcd-product__hero {<br /> display: grid;<br /> grid-template-columns: minmax(15rem, .8fr) minmax(0, 1.2fr);<br /> gap: 1.5rem;<br /> margin: 1rem 0 2rem;<br /> padding: 1.25rem;<br /> border: 1px solid var(--lcd-line);<br /> border-radius: 10px;<br /> background: var(--lcd-panel);<br /> }<br /> <br /> .lcd-product__summary {<br /> align-self: center;<br /> }<br /> <br /> .lcd-product__kicker {<br /> color: #34b0b0;<br /> font-weight: 700;<br /> }<br /> <br /> .lcd-product__model {<br /> margin: .35rem 0 .6rem;<br /> color: var(--lcd-ink);<br /> font-size: clamp(1.35rem, 3vw, 2rem);<br /> font-weight: 800;<br /> }<br /> <br /> .lcd-product__status {<br /> margin-bottom: .85rem;<br /> }<br /> <br /> .lcd-product__gallery {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> gap: .75rem;<br /> }<br /> <br /> .lcd-product__gallery &gt; div {<br /> display: flex;<br /> min-width: 0;<br /> aspect-ratio: 4 / 3;<br /> align-items: center;<br /> justify-content: center;<br /> padding: .6rem;<br /> border: 1px solid var(--lcd-line);<br /> border-radius: 7px;<br /> background: #fff;<br /> }<br /> <br /> .lcd-product__gallery img {<br /> width: 100%;<br /> height: 100%;<br /> object-fit: contain;<br /> }<br /> <br /> .lcd-spec-table {<br /> width: 100%;<br /> table-layout: fixed;<br /> }<br /> <br /> .lcd-spec-table th:first-child {<br /> width: 10rem;<br /> }<br /> <br /> .lcd-status {<br /> display: inline-block;<br /> padding: .18rem .55rem;<br /> border-radius: 999px;<br /> color: #244158;<br /> background: #dceff9;<br /> font-size: .84rem;<br /> font-weight: 700;<br /> }<br /> <br /> .lcd-download-card,<br /> .lcd-empty-resource {<br /> padding: 1rem 1.15rem;<br /> border: 1px solid var(--lcd-line);<br /> border-left: 4px solid var(--lcd-blue);<br /> border-radius: 6px;<br /> background: #fff;<br /> }<br /> <br /> .lcd-download-card__name {<br /> font-size: 1.05rem;<br /> font-weight: 700;<br /> }<br /> <br /> .lcd-download-card__type {<br /> display: inline-block;<br /> margin-right: .6rem;<br /> color: var(--lcd-blue-dark);<br /> font-weight: 800;<br /> }<br /> <br /> .lcd-download-card__body {<br /> display: inline-flex;<br /> flex-wrap: wrap;<br /> gap: .25rem .75rem;<br /> align-items: baseline;<br /> }<br /> <br /> .lcd-download-card__action {<br /> margin-top: .65rem;<br /> }<br /> <br /> .lcd-download-card__meta,<br /> .lcd-empty-resource {<br /> color: var(--lcd-muted);<br /> }<br /> <br /> .lcd-manager-links {<br /> columns: 2 18rem;<br /> }<br /> <br /> .formtable {<br /> width: 100%;<br /> margin-bottom: 1rem;<br /> }<br /> <br /> .formtable th {<br /> width: 11rem;<br /> text-align: left;<br /> vertical-align: top;<br /> }<br /> <br /> .formtable input,<br /> .formtable select,<br /> .formtable textarea {<br /> box-sizing: border-box;<br /> max-width: 100%;<br /> }<br /> <br /> @media (max-width: 1000px) {<br /> .lcd-card-grid {<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> }<br /> <br /> .lcd-product__hero {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> @media (max-width: 620px) {<br /> .lcd-card-grid {<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> gap: .75rem;<br /> }<br /> <br /> .lcd-product__gallery {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .lcd-card__title {<br /> min-height: 0;<br /> }<br /> <br /> .lcd-product__hero {<br /> padding: .85rem;<br /> }<br /> <br /> .lcd-spec-table th:first-child {<br /> width: 7.5rem;<br /> }<br /> <br /> .formtable,<br /> .formtable tbody,<br /> .formtable tr,<br /> .formtable th,<br /> .formtable td {<br /> display: block;<br /> width: 100%;<br /> }<br /> }</div> Wikiadmin https://olighker.com/w/index.php?title=MediaWiki:Common.css&diff=162 MediaWiki:Common.css 2026-07-26T13:18:27Z <p>Wikiadmin: Git release d6a131cec506</p> <hr /> <div>:root {<br /> --lcd-blue: #63b7e8;<br /> --lcd-blue-dark: #258ac4;<br /> --lcd-ink: #233245;<br /> --lcd-muted: #66758a;<br /> --lcd-line: #dfe7ef;<br /> --lcd-panel: #f6f9fc;<br /> }<br /> <br /> .mw-body-content {<br /> color: var(--lcd-ink);<br /> }<br /> <br /> /* Keep the active table-of-contents state aligned with module title bars. */<br /> .citizen-toc .citizen-toc-list-item--active &gt; .citizen-toc-link {<br /> color: #34b0b0;<br /> }<br /> <br /> .citizen-toc .citizen-toc-indicator {<br /> background-color: #34b0b0;<br /> }<br /> <br /> /* 精简 Citizen 主菜单，仅保留 Sidebar 中的三个核心入口。 */<br /> #citizen-main-menu #p-navigation &gt; .citizen-menu__heading,<br /> #citizen-main-menu #t-specialpages,<br /> #citizen-main-menu #t-upload {<br /> display: none;<br /> }<br /> <br /> /* Hide the Citizen main-menu toggle and drawer on every page. */<br /> .citizen-drawer.citizen-header__item {<br /> display: none !important;<br /> }<br /> <br /> /* 隐藏所有页面底部的页面信息、操作栏和完整站点页脚。 */<br /> .citizen-page-footer,<br /> .citizen-page-actions,<br /> .mw-footer.citizen-footer {<br /> display: none !important;<br /> }<br /> <br /> /* 首页模块标题不显示章节编辑入口，后台和其他页面编辑功能保持不变。 */<br /> body.page-Main_Page .mw-editsection {<br /> display: none !important;<br /> }<br /> <br /> /* 产品二级页：隐藏章节编辑入口及滚动后的粘性操作按钮组。 */<br /> body:has(.lcd-product__hero) .mw-editsection,<br /> body:has(.lcd-product__hero) .citizen-sticky-header-end {<br /> display: none !important;<br /> }<br /> <br /> /*<br /> * 首页桌面版式：将 Citizen 的页面信息与目录侧栏放到正文左侧，<br /> * 并限制整体版心宽度，在宽屏上保留对称留白。<br /> */<br /> @media (min-width: 1200px) {<br /> body.page-Main_Page .citizen-body-container {<br /> width: min(100%, 91.5rem);<br /> margin-inline: auto;<br /> grid-template-columns: minmax(12rem, 15rem) minmax(0, 67.5rem);<br /> column-gap: 5rem;<br /> grid-template-areas:<br /> &quot;sidebar content&quot;<br /> &quot;footer footer&quot;;<br /> justify-content: center;<br /> }<br /> <br /> body.page-Main_Page<br /> .citizen-page-sidebar<br /> .citizen-toc-link:not(.citizen-toc-top) {<br /> height: auto;<br /> min-height: 2rem;<br /> overflow: hidden;<br /> white-space: normal;<br /> overflow-wrap: anywhere;<br /> text-overflow: clip;<br /> }<br /> }<br /> <br /> .lcd-home-carousel {<br /> position: relative;<br /> aspect-ratio: 4 / 1;<br /> margin: 1rem 0 2rem;<br /> overflow: hidden;<br /> border: 1px solid var(--lcd-line);<br /> border-radius: 12px;<br /> background: #fff;<br /> box-shadow: 0 2px 8px rgba(38, 68, 94, .1);<br /> }<br /> <br /> .lcd-home-carousel__viewport,<br /> .lcd-home-carousel__slide,<br /> .lcd-home-carousel__slide &gt; p,<br /> .lcd-home-carousel__slide .mw-file-element {<br /> width: 100%;<br /> height: 100%;<br /> }<br /> <br /> .lcd-home-carousel__viewport {<br /> position: relative;<br /> }<br /> <br /> .lcd-home-carousel__slide {<br /> position: absolute;<br /> inset: 0;<br /> visibility: hidden;<br /> opacity: 0;<br /> transition: visibility 0s linear .4s, opacity .4s ease;<br /> }<br /> <br /> .lcd-home-carousel__slide--active {<br /> visibility: visible;<br /> opacity: 1;<br /> transition-delay: 0s;<br /> }<br /> <br /> .lcd-home-carousel__slide &gt; p {<br /> margin: 0;<br /> }<br /> <br /> .lcd-home-carousel__slide .mw-file-element {<br /> display: block;<br /> object-fit: contain;<br /> }<br /> <br /> .lcd-home-carousel__dots {<br /> position: absolute;<br /> z-index: 2;<br /> bottom: clamp(.4rem, 1.1vw, .75rem);<br /> left: 50%;<br /> display: flex;<br /> gap: .55rem;<br /> align-items: center;<br /> padding: .3rem .45rem;<br /> transform: translateX(-50%);<br /> }<br /> <br /> .lcd-home-carousel__dot {<br /> width: .68rem;<br /> height: .68rem;<br /> padding: 0;<br /> border: 1px solid rgba(35, 50, 69, .38);<br /> border-radius: 50%;<br /> background: rgba(255, 255, 255, .88);<br /> box-shadow: 0 1px 3px rgba(35, 50, 69, .28);<br /> cursor: pointer;<br /> }<br /> <br /> .lcd-home-carousel__dot[aria-current=&quot;true&quot;] {<br /> border-color: #237f7f;<br /> background: #34b0b0;<br /> }<br /> <br /> .lcd-home-carousel__dot:focus-visible {<br /> outline: 2px solid #fff;<br /> outline-offset: 2px;<br /> }<br /> <br /> .lcd-home-carousel__viewport &gt; p,<br /> .lcd-home-carousel &gt; p {<br /> display: none;<br /> }<br /> <br /> .lcd-module {<br /> margin: 1.75rem 0 2.5rem;<br /> scroll-margin-top: 5rem;<br /> }<br /> <br /> .lcd-module__tab {<br /> margin: 0 0 1rem;<br /> padding: .68rem 1rem;<br /> border-radius: 5px;<br /> background: #34b0b0;<br /> color: #fff;<br /> font-size: 1.05rem;<br /> font-weight: 700;<br /> text-align: center;<br /> letter-spacing: .02em;<br /> }<br /> <br /> .lcd-card-grid {<br /> display: grid;<br /> grid-template-columns: repeat(4, minmax(0, 1fr));<br /> gap: 1.1rem;<br /> }<br /> <br /> .lcd-card-grid &gt; p {<br /> display: none;<br /> }<br /> <br /> .lcd-card {<br /> min-width: 0;<br /> overflow: hidden;<br /> border: 1px solid var(--lcd-line);<br /> border-radius: 8px;<br /> background: #fff;<br /> box-shadow: 0 2px 7px rgba(38, 68, 94, .11);<br /> transition: transform .16s ease, box-shadow .16s ease;<br /> }<br /> <br /> .lcd-card:hover {<br /> transform: translateY(-2px);<br /> box-shadow: 0 7px 18px rgba(38, 68, 94, .16);<br /> }<br /> <br /> .lcd-card__media {<br /> display: flex;<br /> aspect-ratio: 4 / 3;<br /> align-items: center;<br /> justify-content: center;<br /> padding: .65rem;<br /> background: #f8fafc;<br /> }<br /> <br /> .lcd-card__media a,<br /> .lcd-card__media .mw-file-description {<br /> display: contents;<br /> }<br /> <br /> .lcd-card__media img {<br /> width: 100%;<br /> height: 100%;<br /> object-fit: contain;<br /> }<br /> <br /> .lcd-card__body {<br /> padding: .85rem .8rem .95rem;<br /> text-align: center;<br /> }<br /> <br /> .lcd-card__title {<br /> min-height: 2.7em;<br /> line-height: 1.35;<br /> font-weight: 600;<br /> }<br /> <br /> .lcd-card__title a {<br /> color: var(--lcd-ink);<br /> }<br /> <br /> .lcd-card__model {<br /> margin-top: .35rem;<br /> color: #27384b;<br /> font-weight: 800;<br /> overflow-wrap: anywhere;<br /> }<br /> <br /> .lcd-product__hero {<br /> display: grid;<br /> grid-template-columns: minmax(15rem, .8fr) minmax(0, 1.2fr);<br /> gap: 1.5rem;<br /> margin: 1rem 0 2rem;<br /> padding: 1.25rem;<br /> border: 1px solid var(--lcd-line);<br /> border-radius: 10px;<br /> background: var(--lcd-panel);<br /> }<br /> <br /> .lcd-product__summary {<br /> align-self: center;<br /> }<br /> <br /> .lcd-product__kicker {<br /> color: #34b0b0;<br /> font-weight: 700;<br /> }<br /> <br /> .lcd-product__model {<br /> margin: .35rem 0 .6rem;<br /> color: var(--lcd-ink);<br /> font-size: clamp(1.35rem, 3vw, 2rem);<br /> font-weight: 800;<br /> }<br /> <br /> .lcd-product__status {<br /> margin-bottom: .85rem;<br /> }<br /> <br /> .lcd-product__gallery {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> gap: .75rem;<br /> }<br /> <br /> .lcd-product__gallery &gt; div {<br /> display: flex;<br /> min-width: 0;<br /> aspect-ratio: 4 / 3;<br /> align-items: center;<br /> justify-content: center;<br /> padding: .6rem;<br /> border: 1px solid var(--lcd-line);<br /> border-radius: 7px;<br /> background: #fff;<br /> }<br /> <br /> .lcd-product__gallery img {<br /> width: 100%;<br /> height: 100%;<br /> object-fit: contain;<br /> }<br /> <br /> .lcd-spec-table {<br /> width: 100%;<br /> table-layout: fixed;<br /> }<br /> <br /> .lcd-spec-table th:first-child {<br /> width: 10rem;<br /> }<br /> <br /> .lcd-status {<br /> display: inline-block;<br /> padding: .18rem .55rem;<br /> border-radius: 999px;<br /> color: #244158;<br /> background: #dceff9;<br /> font-size: .84rem;<br /> font-weight: 700;<br /> }<br /> <br /> .lcd-download-card,<br /> .lcd-empty-resource {<br /> padding: 1rem 1.15rem;<br /> border: 1px solid var(--lcd-line);<br /> border-left: 4px solid var(--lcd-blue);<br /> border-radius: 6px;<br /> background: #fff;<br /> }<br /> <br /> .lcd-download-card__name {<br /> font-size: 1.05rem;<br /> font-weight: 700;<br /> }<br /> <br /> .lcd-download-card__type {<br /> display: inline-block;<br /> margin-right: .6rem;<br /> color: var(--lcd-blue-dark);<br /> font-weight: 800;<br /> }<br /> <br /> .lcd-download-card__body {<br /> display: inline-flex;<br /> flex-wrap: wrap;<br /> gap: .25rem .75rem;<br /> align-items: baseline;<br /> }<br /> <br /> .lcd-download-card__action {<br /> margin-top: .65rem;<br /> }<br /> <br /> .lcd-download-card__meta,<br /> .lcd-empty-resource {<br /> color: var(--lcd-muted);<br /> }<br /> <br /> .lcd-manager-links {<br /> columns: 2 18rem;<br /> }<br /> <br /> .formtable {<br /> width: 100%;<br /> margin-bottom: 1rem;<br /> }<br /> <br /> .formtable th {<br /> width: 11rem;<br /> text-align: left;<br /> vertical-align: top;<br /> }<br /> <br /> .formtable input,<br /> .formtable select,<br /> .formtable textarea {<br /> box-sizing: border-box;<br /> max-width: 100%;<br /> }<br /> <br /> @media (max-width: 1000px) {<br /> .lcd-card-grid {<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> }<br /> <br /> .lcd-product__hero {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> @media (max-width: 620px) {<br /> .lcd-card-grid {<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> gap: .75rem;<br /> }<br /> <br /> .lcd-product__gallery {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .lcd-card__title {<br /> min-height: 0;<br /> }<br /> <br /> .lcd-product__hero {<br /> padding: .85rem;<br /> }<br /> <br /> .lcd-spec-table th:first-child {<br /> width: 7.5rem;<br /> }<br /> <br /> .formtable,<br /> .formtable tbody,<br /> .formtable tr,<br /> .formtable th,<br /> .formtable td {<br /> display: block;<br /> width: 100%;<br /> }<br /> }</div> Wikiadmin https://olighker.com/w/index.php?title=MediaWiki:Common.js&diff=161 MediaWiki:Common.js 2026-07-26T10:49:47Z <p>Wikiadmin: Git release 76669c0710f1</p> <hr /> <div>( function () {<br /> 'use strict';<br /> <br /> var ACTIVE_CLASS = 'citizen-toc-list-item--active';<br /> var ACTIVE_TOP_CLASS = 'citizen-toc-level-1--active';<br /> var LINK_SELECTOR = '.citizen-toc-link:not(.citizen-toc-top)';<br /> var NAVIGATION_KEYS = [<br /> 'ArrowDown',<br /> 'ArrowUp',<br /> 'End',<br /> 'Home',<br /> 'PageDown',<br /> 'PageUp',<br /> ' '<br /> ];<br /> <br /> function setupHomeCarousel() {<br /> var carousel = document.querySelector( '.lcd-home-carousel' );<br /> <br /> if ( !carousel || carousel.dataset.techdocsCarouselReady === '1' ) {<br /> return;<br /> }<br /> <br /> var slides = Array.prototype.slice.call(<br /> carousel.querySelectorAll( '.lcd-home-carousel__slide' )<br /> );<br /> if ( slides.length === 0 ) {<br /> return;<br /> }<br /> <br /> carousel.dataset.techdocsCarouselReady = '1';<br /> <br /> var interval = parseInt( carousel.dataset.interval, 10 );<br /> if ( !Number.isFinite( interval ) || interval &lt; 1000 ) {<br /> interval = 4000;<br /> }<br /> <br /> var currentIndex = Math.max( 0, slides.findIndex( function ( slide ) {<br /> return slide.classList.contains( 'lcd-home-carousel__slide--active' );<br /> } ) );<br /> var timerId = 0;<br /> var dots = [];<br /> var dotsContainer = document.createElement( 'div' );<br /> <br /> dotsContainer.className = 'lcd-home-carousel__dots';<br /> dotsContainer.setAttribute( 'role', 'group' );<br /> dotsContainer.setAttribute( 'aria-label', '轮播进度' );<br /> <br /> function showSlide( index ) {<br /> currentIndex = ( index + slides.length ) % slides.length;<br /> <br /> slides.forEach( function ( slide, slideIndex ) {<br /> var isActive = slideIndex === currentIndex;<br /> slide.classList.toggle(<br /> 'lcd-home-carousel__slide--active',<br /> isActive<br /> );<br /> slide.setAttribute( 'aria-hidden', isActive ? 'false' : 'true' );<br /> } );<br /> <br /> dots.forEach( function ( dot, dotIndex ) {<br /> if ( dotIndex === currentIndex ) {<br /> dot.setAttribute( 'aria-current', 'true' );<br /> } else {<br /> dot.removeAttribute( 'aria-current' );<br /> }<br /> } );<br /> }<br /> <br /> function stopTimer() {<br /> if ( timerId ) {<br /> window.clearInterval( timerId );<br /> timerId = 0;<br /> }<br /> }<br /> <br /> function startTimer() {<br /> stopTimer();<br /> if ( slides.length &gt; 1 &amp;&amp; !document.hidden ) {<br /> timerId = window.setInterval( function () {<br /> showSlide( currentIndex + 1 );<br /> }, interval );<br /> }<br /> }<br /> <br /> slides.forEach( function ( slide, slideIndex ) {<br /> var dot = document.createElement( 'button' );<br /> dot.type = 'button';<br /> dot.className = 'lcd-home-carousel__dot';<br /> dot.setAttribute(<br /> 'aria-label',<br /> '显示第 ' + ( slideIndex + 1 ) + ' 张轮播图片'<br /> );<br /> dot.addEventListener( 'click', function () {<br /> showSlide( slideIndex );<br /> startTimer();<br /> } );<br /> dots.push( dot );<br /> dotsContainer.appendChild( dot );<br /> } );<br /> <br /> carousel.appendChild( dotsContainer );<br /> showSlide( currentIndex );<br /> startTimer();<br /> <br /> document.addEventListener( 'visibilitychange', function () {<br /> if ( document.hidden ) {<br /> stopTimer();<br /> } else {<br /> startTimer();<br /> }<br /> } );<br /> window.addEventListener( 'pagehide', stopTimer );<br /> }<br /> <br /> function decodeFragment( hash ) {<br /> if ( !hash || hash.charAt( 0 ) !== '#' ) {<br /> return '';<br /> }<br /> try {<br /> return decodeURIComponent( hash.slice( 1 ) );<br /> } catch ( error ) {<br /> return hash.slice( 1 );<br /> }<br /> }<br /> <br /> function setupSingleActiveToc() {<br /> var toc = document.querySelector( '.citizen-toc' );<br /> var indicator = toc &amp;&amp; toc.querySelector( '.citizen-toc-indicator' );<br /> <br /> if ( !toc || !indicator || toc.dataset.techdocsSingleActiveToc === '1' ) {<br /> return;<br /> }<br /> <br /> var entries = Array.prototype.map.call(<br /> toc.querySelectorAll( LINK_SELECTOR ),<br /> function ( link ) {<br /> var target = document.getElementById( decodeFragment( link.hash ) );<br /> var item = link.closest( '.citizen-toc-list-item' );<br /> return target &amp;&amp; item ? {<br /> item: item,<br /> link: link,<br /> target: target<br /> } : null;<br /> }<br /> ).filter( Boolean );<br /> <br /> if ( entries.length === 0 ) {<br /> return;<br /> }<br /> <br /> toc.dataset.techdocsSingleActiveToc = '1';<br /> <br /> var applying = false;<br /> var frameId = 0;<br /> var manualEntry = null;<br /> <br /> function getActivationTop() {<br /> var value = parseFloat(<br /> window.getComputedStyle( document.documentElement ).scrollPaddingTop<br /> );<br /> return Number.isFinite( value ) ? value : 0;<br /> }<br /> <br /> function findEntryForHash() {<br /> var id = decodeFragment( window.location.hash );<br /> return entries.find( function ( entry ) {<br /> return entry.target.id === id;<br /> } ) || null;<br /> }<br /> <br /> function findEntryForScroll() {<br /> var activationTop = getActivationTop();<br /> var selected = entries[ 0 ];<br /> <br /> entries.some( function ( entry ) {<br /> if ( entry.target.getBoundingClientRect().top &lt;= activationTop + 1 ) {<br /> selected = entry;<br /> return false;<br /> }<br /> return true;<br /> } );<br /> <br /> return selected;<br /> }<br /> <br /> function updateIndicator( entry ) {<br /> var positioningParent = indicator.offsetParent || toc;<br /> var parentRect = positioningParent.getBoundingClientRect();<br /> var linkRect = entry.link.getBoundingClientRect();<br /> var unitHeight = linkRect.height || entry.link.offsetHeight || 32;<br /> var top = linkRect.top - parentRect.top + positioningParent.scrollTop;<br /> <br /> indicator.style.setProperty( '--indicator-unit-height', unitHeight + 'px' );<br /> indicator.style.setProperty( '--indicator-top', top + 'px' );<br /> indicator.style.setProperty( '--indicator-scale', '1' );<br /> }<br /> <br /> function applyEntry( entry ) {<br /> if ( !entry ) {<br /> return;<br /> }<br /> <br /> applying = true;<br /> var topItem = entry.item.closest( '.citizen-toc-level-1' );<br /> <br /> entries.forEach( function ( candidate ) {<br /> var isActive = candidate.item === entry.item;<br /> candidate.item.classList.toggle( ACTIVE_CLASS, isActive );<br /> candidate.item.classList.toggle(<br /> ACTIVE_TOP_CLASS,<br /> candidate.item === topItem<br /> );<br /> if ( isActive ) {<br /> candidate.link.setAttribute( 'aria-current', 'location' );<br /> } else {<br /> candidate.link.removeAttribute( 'aria-current' );<br /> }<br /> } );<br /> <br /> if ( topItem &amp;&amp; !entries.some( function ( candidate ) {<br /> return candidate.item === topItem;<br /> } ) ) {<br /> topItem.classList.add( ACTIVE_TOP_CLASS );<br /> }<br /> updateIndicator( entry );<br /> <br /> applying = false;<br /> }<br /> <br /> function update() {<br /> frameId = 0;<br /> applyEntry( manualEntry || findEntryForScroll() );<br /> }<br /> <br /> function scheduleUpdate() {<br /> if ( frameId === 0 ) {<br /> frameId = window.requestAnimationFrame( update );<br /> }<br /> }<br /> <br /> function releaseManualEntry() {<br /> if ( manualEntry ) {<br /> manualEntry = null;<br /> scheduleUpdate();<br /> }<br /> }<br /> <br /> toc.addEventListener( 'click', function ( event ) {<br /> if (<br /> event.defaultPrevented ||<br /> event.button !== 0 ||<br /> event.altKey ||<br /> event.ctrlKey ||<br /> event.metaKey ||<br /> event.shiftKey<br /> ) {<br /> return;<br /> }<br /> <br /> var link = event.target.closest( LINK_SELECTOR );<br /> if ( !link || !toc.contains( link ) ) {<br /> return;<br /> }<br /> <br /> var entry = entries.find( function ( candidate ) {<br /> return candidate.link === link;<br /> } );<br /> if ( !entry ) {<br /> return;<br /> }<br /> <br /> event.preventDefault();<br /> event.stopImmediatePropagation();<br /> manualEntry = entry;<br /> applyEntry( entry );<br /> <br /> var hash = link.getAttribute( 'href' );<br /> if ( hash ) {<br /> window.history.pushState( null, '', hash );<br /> }<br /> <br /> window.requestAnimationFrame( function () {<br /> var targetTop = window.scrollY +<br /> entry.target.getBoundingClientRect().top -<br /> getActivationTop();<br /> window.scrollTo( 0, Math.max( 0, targetTop ) );<br /> } );<br /> }, true );<br /> <br /> window.addEventListener( 'scroll', scheduleUpdate, { passive: true } );<br /> window.addEventListener( 'resize', scheduleUpdate );<br /> window.addEventListener( 'wheel', releaseManualEntry, { passive: true } );<br /> window.addEventListener( 'touchstart', releaseManualEntry, { passive: true } );<br /> window.addEventListener( 'pointerdown', function ( event ) {<br /> if ( !toc.contains( event.target ) ) {<br /> releaseManualEntry();<br /> }<br /> }, true );<br /> window.addEventListener( 'keydown', function ( event ) {<br /> if ( NAVIGATION_KEYS.indexOf( event.key ) !== -1 ) {<br /> releaseManualEntry();<br /> }<br /> } );<br /> window.addEventListener( 'hashchange', function () {<br /> manualEntry = findEntryForHash();<br /> scheduleUpdate();<br /> } );<br /> <br /> var classObserver = new MutationObserver( function () {<br /> if ( !applying ) {<br /> scheduleUpdate();<br /> }<br /> } );<br /> classObserver.observe( toc, {<br /> attributes: true,<br /> attributeFilter: [ 'class' ],<br /> subtree: true<br /> } );<br /> <br /> scheduleUpdate();<br /> }<br /> <br /> mw.loader.using( 'skins.citizen.scripts' ).then( function () {<br /> window.requestAnimationFrame( function () {<br /> setupHomeCarousel();<br /> setupSingleActiveToc();<br /> } );<br /> } );<br /> }() );</div> Wikiadmin https://olighker.com/w/index.php?title=Main_Page&diff=160 Main Page 2026-07-26T10:49:42Z <p>Wikiadmin: Git release 76669c0710f1</p> <hr /> <div>&lt;div class=&quot;lcd-home&quot;&gt;<br /> &lt;div class=&quot;lcd-home-carousel&quot; data-interval=&quot;4000&quot; role=&quot;region&quot; aria-label=&quot;首页专题图片轮播&quot;&gt;<br /> &lt;div class=&quot;lcd-home-carousel__viewport&quot;&gt;<br /> &lt;div class=&quot;lcd-home-carousel__slide lcd-home-carousel__slide--active&quot;&gt;[[File:main_page_top1.jpg|1600px|link=|alt=AI 编程与开发板专题]]&lt;/div&gt;<br /> &lt;div class=&quot;lcd-home-carousel__slide&quot;&gt;[[File:main_page_top2.jpg|1600px|link=|alt=电子纸智能显示专题]]&lt;/div&gt;<br /> &lt;div class=&quot;lcd-home-carousel__slide&quot;&gt;[[File:main_page_top3.jpg|1600px|link=|alt=Arduino 开源硬件专题]]&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> {{:Project:首页目录配置}}<br /> &lt;/div&gt;</div> Wikiadmin https://olighker.com/w/index.php?title=MediaWiki:Common.js&diff=159 MediaWiki:Common.js 2026-07-26T10:33:31Z <p>Wikiadmin: Git release b32d298a7432</p> <hr /> <div>( function () {<br /> 'use strict';<br /> <br /> var ACTIVE_CLASS = 'citizen-toc-list-item--active';<br /> var ACTIVE_TOP_CLASS = 'citizen-toc-level-1--active';<br /> var LINK_SELECTOR = '.citizen-toc-link:not(.citizen-toc-top)';<br /> var NAVIGATION_KEYS = [<br /> 'ArrowDown',<br /> 'ArrowUp',<br /> 'End',<br /> 'Home',<br /> 'PageDown',<br /> 'PageUp',<br /> ' '<br /> ];<br /> <br /> function setupHomeCarousel() {<br /> var carousel = document.querySelector( '.lcd-home-carousel' );<br /> <br /> if ( !carousel || carousel.dataset.techdocsCarouselReady === '1' ) {<br /> return;<br /> }<br /> <br /> var slides = Array.prototype.slice.call(<br /> carousel.querySelectorAll( '.lcd-home-carousel__slide' )<br /> );<br /> if ( slides.length === 0 ) {<br /> return;<br /> }<br /> <br /> carousel.dataset.techdocsCarouselReady = '1';<br /> <br /> var interval = parseInt( carousel.dataset.interval, 10 );<br /> if ( !Number.isFinite( interval ) || interval &lt; 1000 ) {<br /> interval = 2000;<br /> }<br /> <br /> var currentIndex = Math.max( 0, slides.findIndex( function ( slide ) {<br /> return slide.classList.contains( 'lcd-home-carousel__slide--active' );<br /> } ) );<br /> var timerId = 0;<br /> var dots = [];<br /> var dotsContainer = document.createElement( 'div' );<br /> <br /> dotsContainer.className = 'lcd-home-carousel__dots';<br /> dotsContainer.setAttribute( 'role', 'group' );<br /> dotsContainer.setAttribute( 'aria-label', '轮播进度' );<br /> <br /> function showSlide( index ) {<br /> currentIndex = ( index + slides.length ) % slides.length;<br /> <br /> slides.forEach( function ( slide, slideIndex ) {<br /> var isActive = slideIndex === currentIndex;<br /> slide.classList.toggle(<br /> 'lcd-home-carousel__slide--active',<br /> isActive<br /> );<br /> slide.setAttribute( 'aria-hidden', isActive ? 'false' : 'true' );<br /> } );<br /> <br /> dots.forEach( function ( dot, dotIndex ) {<br /> if ( dotIndex === currentIndex ) {<br /> dot.setAttribute( 'aria-current', 'true' );<br /> } else {<br /> dot.removeAttribute( 'aria-current' );<br /> }<br /> } );<br /> }<br /> <br /> function stopTimer() {<br /> if ( timerId ) {<br /> window.clearInterval( timerId );<br /> timerId = 0;<br /> }<br /> }<br /> <br /> function startTimer() {<br /> stopTimer();<br /> if ( slides.length &gt; 1 &amp;&amp; !document.hidden ) {<br /> timerId = window.setInterval( function () {<br /> showSlide( currentIndex + 1 );<br /> }, interval );<br /> }<br /> }<br /> <br /> slides.forEach( function ( slide, slideIndex ) {<br /> var dot = document.createElement( 'button' );<br /> dot.type = 'button';<br /> dot.className = 'lcd-home-carousel__dot';<br /> dot.setAttribute(<br /> 'aria-label',<br /> '显示第 ' + ( slideIndex + 1 ) + ' 张轮播图片'<br /> );<br /> dot.addEventListener( 'click', function () {<br /> showSlide( slideIndex );<br /> startTimer();<br /> } );<br /> dots.push( dot );<br /> dotsContainer.appendChild( dot );<br /> } );<br /> <br /> carousel.appendChild( dotsContainer );<br /> showSlide( currentIndex );<br /> startTimer();<br /> <br /> document.addEventListener( 'visibilitychange', function () {<br /> if ( document.hidden ) {<br /> stopTimer();<br /> } else {<br /> startTimer();<br /> }<br /> } );<br /> window.addEventListener( 'pagehide', stopTimer );<br /> }<br /> <br /> function decodeFragment( hash ) {<br /> if ( !hash || hash.charAt( 0 ) !== '#' ) {<br /> return '';<br /> }<br /> try {<br /> return decodeURIComponent( hash.slice( 1 ) );<br /> } catch ( error ) {<br /> return hash.slice( 1 );<br /> }<br /> }<br /> <br /> function setupSingleActiveToc() {<br /> var toc = document.querySelector( '.citizen-toc' );<br /> var indicator = toc &amp;&amp; toc.querySelector( '.citizen-toc-indicator' );<br /> <br /> if ( !toc || !indicator || toc.dataset.techdocsSingleActiveToc === '1' ) {<br /> return;<br /> }<br /> <br /> var entries = Array.prototype.map.call(<br /> toc.querySelectorAll( LINK_SELECTOR ),<br /> function ( link ) {<br /> var target = document.getElementById( decodeFragment( link.hash ) );<br /> var item = link.closest( '.citizen-toc-list-item' );<br /> return target &amp;&amp; item ? {<br /> item: item,<br /> link: link,<br /> target: target<br /> } : null;<br /> }<br /> ).filter( Boolean );<br /> <br /> if ( entries.length === 0 ) {<br /> return;<br /> }<br /> <br /> toc.dataset.techdocsSingleActiveToc = '1';<br /> <br /> var applying = false;<br /> var frameId = 0;<br /> var manualEntry = null;<br /> <br /> function getActivationTop() {<br /> var value = parseFloat(<br /> window.getComputedStyle( document.documentElement ).scrollPaddingTop<br /> );<br /> return Number.isFinite( value ) ? value : 0;<br /> }<br /> <br /> function findEntryForHash() {<br /> var id = decodeFragment( window.location.hash );<br /> return entries.find( function ( entry ) {<br /> return entry.target.id === id;<br /> } ) || null;<br /> }<br /> <br /> function findEntryForScroll() {<br /> var activationTop = getActivationTop();<br /> var selected = entries[ 0 ];<br /> <br /> entries.some( function ( entry ) {<br /> if ( entry.target.getBoundingClientRect().top &lt;= activationTop + 1 ) {<br /> selected = entry;<br /> return false;<br /> }<br /> return true;<br /> } );<br /> <br /> return selected;<br /> }<br /> <br /> function updateIndicator( entry ) {<br /> var positioningParent = indicator.offsetParent || toc;<br /> var parentRect = positioningParent.getBoundingClientRect();<br /> var linkRect = entry.link.getBoundingClientRect();<br /> var unitHeight = linkRect.height || entry.link.offsetHeight || 32;<br /> var top = linkRect.top - parentRect.top + positioningParent.scrollTop;<br /> <br /> indicator.style.setProperty( '--indicator-unit-height', unitHeight + 'px' );<br /> indicator.style.setProperty( '--indicator-top', top + 'px' );<br /> indicator.style.setProperty( '--indicator-scale', '1' );<br /> }<br /> <br /> function applyEntry( entry ) {<br /> if ( !entry ) {<br /> return;<br /> }<br /> <br /> applying = true;<br /> var topItem = entry.item.closest( '.citizen-toc-level-1' );<br /> <br /> entries.forEach( function ( candidate ) {<br /> var isActive = candidate.item === entry.item;<br /> candidate.item.classList.toggle( ACTIVE_CLASS, isActive );<br /> candidate.item.classList.toggle(<br /> ACTIVE_TOP_CLASS,<br /> candidate.item === topItem<br /> );<br /> if ( isActive ) {<br /> candidate.link.setAttribute( 'aria-current', 'location' );<br /> } else {<br /> candidate.link.removeAttribute( 'aria-current' );<br /> }<br /> } );<br /> <br /> if ( topItem &amp;&amp; !entries.some( function ( candidate ) {<br /> return candidate.item === topItem;<br /> } ) ) {<br /> topItem.classList.add( ACTIVE_TOP_CLASS );<br /> }<br /> updateIndicator( entry );<br /> <br /> applying = false;<br /> }<br /> <br /> function update() {<br /> frameId = 0;<br /> applyEntry( manualEntry || findEntryForScroll() );<br /> }<br /> <br /> function scheduleUpdate() {<br /> if ( frameId === 0 ) {<br /> frameId = window.requestAnimationFrame( update );<br /> }<br /> }<br /> <br /> function releaseManualEntry() {<br /> if ( manualEntry ) {<br /> manualEntry = null;<br /> scheduleUpdate();<br /> }<br /> }<br /> <br /> toc.addEventListener( 'click', function ( event ) {<br /> if (<br /> event.defaultPrevented ||<br /> event.button !== 0 ||<br /> event.altKey ||<br /> event.ctrlKey ||<br /> event.metaKey ||<br /> event.shiftKey<br /> ) {<br /> return;<br /> }<br /> <br /> var link = event.target.closest( LINK_SELECTOR );<br /> if ( !link || !toc.contains( link ) ) {<br /> return;<br /> }<br /> <br /> var entry = entries.find( function ( candidate ) {<br /> return candidate.link === link;<br /> } );<br /> if ( !entry ) {<br /> return;<br /> }<br /> <br /> event.preventDefault();<br /> event.stopImmediatePropagation();<br /> manualEntry = entry;<br /> applyEntry( entry );<br /> <br /> var hash = link.getAttribute( 'href' );<br /> if ( hash ) {<br /> window.history.pushState( null, '', hash );<br /> }<br /> <br /> window.requestAnimationFrame( function () {<br /> var targetTop = window.scrollY +<br /> entry.target.getBoundingClientRect().top -<br /> getActivationTop();<br /> window.scrollTo( 0, Math.max( 0, targetTop ) );<br /> } );<br /> }, true );<br /> <br /> window.addEventListener( 'scroll', scheduleUpdate, { passive: true } );<br /> window.addEventListener( 'resize', scheduleUpdate );<br /> window.addEventListener( 'wheel', releaseManualEntry, { passive: true } );<br /> window.addEventListener( 'touchstart', releaseManualEntry, { passive: true } );<br /> window.addEventListener( 'pointerdown', function ( event ) {<br /> if ( !toc.contains( event.target ) ) {<br /> releaseManualEntry();<br /> }<br /> }, true );<br /> window.addEventListener( 'keydown', function ( event ) {<br /> if ( NAVIGATION_KEYS.indexOf( event.key ) !== -1 ) {<br /> releaseManualEntry();<br /> }<br /> } );<br /> window.addEventListener( 'hashchange', function () {<br /> manualEntry = findEntryForHash();<br /> scheduleUpdate();<br /> } );<br /> <br /> var classObserver = new MutationObserver( function () {<br /> if ( !applying ) {<br /> scheduleUpdate();<br /> }<br /> } );<br /> classObserver.observe( toc, {<br /> attributes: true,<br /> attributeFilter: [ 'class' ],<br /> subtree: true<br /> } );<br /> <br /> scheduleUpdate();<br /> }<br /> <br /> mw.loader.using( 'skins.citizen.scripts' ).then( function () {<br /> window.requestAnimationFrame( function () {<br /> setupHomeCarousel();<br /> setupSingleActiveToc();<br /> } );<br /> } );<br /> }() );</div> Wikiadmin https://olighker.com/w/index.php?title=MediaWiki:Common.css&diff=158 MediaWiki:Common.css 2026-07-26T10:33:31Z <p>Wikiadmin: Git release b32d298a7432</p> <hr /> <div>:root {<br /> --lcd-blue: #63b7e8;<br /> --lcd-blue-dark: #258ac4;<br /> --lcd-ink: #233245;<br /> --lcd-muted: #66758a;<br /> --lcd-line: #dfe7ef;<br /> --lcd-panel: #f6f9fc;<br /> }<br /> <br /> .mw-body-content {<br /> color: var(--lcd-ink);<br /> }<br /> <br /> /* Keep the active table-of-contents state aligned with module title bars. */<br /> .citizen-toc .citizen-toc-list-item--active &gt; .citizen-toc-link {<br /> color: #34b0b0;<br /> }<br /> <br /> .citizen-toc .citizen-toc-indicator {<br /> background-color: #34b0b0;<br /> }<br /> <br /> /* 精简 Citizen 主菜单，仅保留 Sidebar 中的三个核心入口。 */<br /> #citizen-main-menu #p-navigation &gt; .citizen-menu__heading,<br /> #citizen-main-menu #t-specialpages,<br /> #citizen-main-menu #t-upload {<br /> display: none;<br /> }<br /> <br /> /* 隐藏所有页面底部的页面信息、操作栏和完整站点页脚。 */<br /> .citizen-page-footer,<br /> .citizen-page-actions,<br /> .mw-footer.citizen-footer {<br /> display: none !important;<br /> }<br /> <br /> /* 首页模块标题不显示章节编辑入口，后台和其他页面编辑功能保持不变。 */<br /> body.page-Main_Page .mw-editsection {<br /> display: none !important;<br /> }<br /> <br /> /* 产品二级页：隐藏章节编辑入口及滚动后的粘性操作按钮组。 */<br /> body:has(.lcd-product__hero) .mw-editsection,<br /> body:has(.lcd-product__hero) .citizen-sticky-header-end {<br /> display: none !important;<br /> }<br /> <br /> /*<br /> * 首页桌面版式：将 Citizen 的页面信息与目录侧栏放到正文左侧，<br /> * 并限制整体版心宽度，在宽屏上保留对称留白。<br /> */<br /> @media (min-width: 1200px) {<br /> body.page-Main_Page .citizen-body-container {<br /> width: min(100%, 91.5rem);<br /> margin-inline: auto;<br /> grid-template-columns: minmax(12rem, 15rem) minmax(0, 67.5rem);<br /> column-gap: 5rem;<br /> grid-template-areas:<br /> &quot;sidebar content&quot;<br /> &quot;footer footer&quot;;<br /> justify-content: center;<br /> }<br /> <br /> body.page-Main_Page<br /> .citizen-page-sidebar<br /> .citizen-toc-link:not(.citizen-toc-top) {<br /> height: auto;<br /> min-height: 2rem;<br /> overflow: hidden;<br /> white-space: normal;<br /> overflow-wrap: anywhere;<br /> text-overflow: clip;<br /> }<br /> }<br /> <br /> .lcd-home-carousel {<br /> position: relative;<br /> aspect-ratio: 4 / 1;<br /> margin: 1rem 0 2rem;<br /> overflow: hidden;<br /> border: 1px solid var(--lcd-line);<br /> border-radius: 12px;<br /> background: #fff;<br /> box-shadow: 0 2px 8px rgba(38, 68, 94, .1);<br /> }<br /> <br /> .lcd-home-carousel__viewport,<br /> .lcd-home-carousel__slide,<br /> .lcd-home-carousel__slide &gt; p,<br /> .lcd-home-carousel__slide .mw-file-element {<br /> width: 100%;<br /> height: 100%;<br /> }<br /> <br /> .lcd-home-carousel__viewport {<br /> position: relative;<br /> }<br /> <br /> .lcd-home-carousel__slide {<br /> position: absolute;<br /> inset: 0;<br /> visibility: hidden;<br /> opacity: 0;<br /> transition: visibility 0s linear .4s, opacity .4s ease;<br /> }<br /> <br /> .lcd-home-carousel__slide--active {<br /> visibility: visible;<br /> opacity: 1;<br /> transition-delay: 0s;<br /> }<br /> <br /> .lcd-home-carousel__slide &gt; p {<br /> margin: 0;<br /> }<br /> <br /> .lcd-home-carousel__slide .mw-file-element {<br /> display: block;<br /> object-fit: contain;<br /> }<br /> <br /> .lcd-home-carousel__dots {<br /> position: absolute;<br /> z-index: 2;<br /> bottom: clamp(.4rem, 1.1vw, .75rem);<br /> left: 50%;<br /> display: flex;<br /> gap: .55rem;<br /> align-items: center;<br /> padding: .3rem .45rem;<br /> transform: translateX(-50%);<br /> }<br /> <br /> .lcd-home-carousel__dot {<br /> width: .68rem;<br /> height: .68rem;<br /> padding: 0;<br /> border: 1px solid rgba(35, 50, 69, .38);<br /> border-radius: 50%;<br /> background: rgba(255, 255, 255, .88);<br /> box-shadow: 0 1px 3px rgba(35, 50, 69, .28);<br /> cursor: pointer;<br /> }<br /> <br /> .lcd-home-carousel__dot[aria-current=&quot;true&quot;] {<br /> border-color: #237f7f;<br /> background: #34b0b0;<br /> }<br /> <br /> .lcd-home-carousel__dot:focus-visible {<br /> outline: 2px solid #fff;<br /> outline-offset: 2px;<br /> }<br /> <br /> .lcd-home-carousel__viewport &gt; p,<br /> .lcd-home-carousel &gt; p {<br /> display: none;<br /> }<br /> <br /> .lcd-module {<br /> margin: 1.75rem 0 2.5rem;<br /> scroll-margin-top: 5rem;<br /> }<br /> <br /> .lcd-module__tab {<br /> margin: 0 0 1rem;<br /> padding: .68rem 1rem;<br /> border-radius: 5px;<br /> background: #34b0b0;<br /> color: #fff;<br /> font-size: 1.05rem;<br /> font-weight: 700;<br /> text-align: center;<br /> letter-spacing: .02em;<br /> }<br /> <br /> .lcd-card-grid {<br /> display: grid;<br /> grid-template-columns: repeat(4, minmax(0, 1fr));<br /> gap: 1.1rem;<br /> }<br /> <br /> .lcd-card-grid &gt; p {<br /> display: none;<br /> }<br /> <br /> .lcd-card {<br /> min-width: 0;<br /> overflow: hidden;<br /> border: 1px solid var(--lcd-line);<br /> border-radius: 8px;<br /> background: #fff;<br /> box-shadow: 0 2px 7px rgba(38, 68, 94, .11);<br /> transition: transform .16s ease, box-shadow .16s ease;<br /> }<br /> <br /> .lcd-card:hover {<br /> transform: translateY(-2px);<br /> box-shadow: 0 7px 18px rgba(38, 68, 94, .16);<br /> }<br /> <br /> .lcd-card__media {<br /> display: flex;<br /> aspect-ratio: 4 / 3;<br /> align-items: center;<br /> justify-content: center;<br /> padding: .65rem;<br /> background: #f8fafc;<br /> }<br /> <br /> .lcd-card__media a,<br /> .lcd-card__media .mw-file-description {<br /> display: contents;<br /> }<br /> <br /> .lcd-card__media img {<br /> width: 100%;<br /> height: 100%;<br /> object-fit: contain;<br /> }<br /> <br /> .lcd-card__body {<br /> padding: .85rem .8rem .95rem;<br /> text-align: center;<br /> }<br /> <br /> .lcd-card__title {<br /> min-height: 2.7em;<br /> line-height: 1.35;<br /> font-weight: 600;<br /> }<br /> <br /> .lcd-card__title a {<br /> color: var(--lcd-ink);<br /> }<br /> <br /> .lcd-card__model {<br /> margin-top: .35rem;<br /> color: #27384b;<br /> font-weight: 800;<br /> overflow-wrap: anywhere;<br /> }<br /> <br /> .lcd-product__hero {<br /> display: grid;<br /> grid-template-columns: minmax(15rem, .8fr) minmax(0, 1.2fr);<br /> gap: 1.5rem;<br /> margin: 1rem 0 2rem;<br /> padding: 1.25rem;<br /> border: 1px solid var(--lcd-line);<br /> border-radius: 10px;<br /> background: var(--lcd-panel);<br /> }<br /> <br /> .lcd-product__summary {<br /> align-self: center;<br /> }<br /> <br /> .lcd-product__kicker {<br /> color: #34b0b0;<br /> font-weight: 700;<br /> }<br /> <br /> .lcd-product__model {<br /> margin: .35rem 0 .6rem;<br /> color: var(--lcd-ink);<br /> font-size: clamp(1.35rem, 3vw, 2rem);<br /> font-weight: 800;<br /> }<br /> <br /> .lcd-product__status {<br /> margin-bottom: .85rem;<br /> }<br /> <br /> .lcd-product__gallery {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> gap: .75rem;<br /> }<br /> <br /> .lcd-product__gallery &gt; div {<br /> display: flex;<br /> min-width: 0;<br /> aspect-ratio: 4 / 3;<br /> align-items: center;<br /> justify-content: center;<br /> padding: .6rem;<br /> border: 1px solid var(--lcd-line);<br /> border-radius: 7px;<br /> background: #fff;<br /> }<br /> <br /> .lcd-product__gallery img {<br /> width: 100%;<br /> height: 100%;<br /> object-fit: contain;<br /> }<br /> <br /> .lcd-spec-table {<br /> width: 100%;<br /> table-layout: fixed;<br /> }<br /> <br /> .lcd-spec-table th:first-child {<br /> width: 10rem;<br /> }<br /> <br /> .lcd-status {<br /> display: inline-block;<br /> padding: .18rem .55rem;<br /> border-radius: 999px;<br /> color: #244158;<br /> background: #dceff9;<br /> font-size: .84rem;<br /> font-weight: 700;<br /> }<br /> <br /> .lcd-download-card,<br /> .lcd-empty-resource {<br /> padding: 1rem 1.15rem;<br /> border: 1px solid var(--lcd-line);<br /> border-left: 4px solid var(--lcd-blue);<br /> border-radius: 6px;<br /> background: #fff;<br /> }<br /> <br /> .lcd-download-card__name {<br /> font-size: 1.05rem;<br /> font-weight: 700;<br /> }<br /> <br /> .lcd-download-card__type {<br /> display: inline-block;<br /> margin-right: .6rem;<br /> color: var(--lcd-blue-dark);<br /> font-weight: 800;<br /> }<br /> <br /> .lcd-download-card__body {<br /> display: inline-flex;<br /> flex-wrap: wrap;<br /> gap: .25rem .75rem;<br /> align-items: baseline;<br /> }<br /> <br /> .lcd-download-card__action {<br /> margin-top: .65rem;<br /> }<br /> <br /> .lcd-download-card__meta,<br /> .lcd-empty-resource {<br /> color: var(--lcd-muted);<br /> }<br /> <br /> .lcd-manager-links {<br /> columns: 2 18rem;<br /> }<br /> <br /> .formtable {<br /> width: 100%;<br /> margin-bottom: 1rem;<br /> }<br /> <br /> .formtable th {<br /> width: 11rem;<br /> text-align: left;<br /> vertical-align: top;<br /> }<br /> <br /> .formtable input,<br /> .formtable select,<br /> .formtable textarea {<br /> box-sizing: border-box;<br /> max-width: 100%;<br /> }<br /> <br /> @media (max-width: 1000px) {<br /> .lcd-card-grid {<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> }<br /> <br /> .lcd-product__hero {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> @media (max-width: 620px) {<br /> .lcd-card-grid {<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> gap: .75rem;<br /> }<br /> <br /> .lcd-product__gallery {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .lcd-card__title {<br /> min-height: 0;<br /> }<br /> <br /> .lcd-product__hero {<br /> padding: .85rem;<br /> }<br /> <br /> .lcd-spec-table th:first-child {<br /> width: 7.5rem;<br /> }<br /> <br /> .formtable,<br /> .formtable tbody,<br /> .formtable tr,<br /> .formtable th,<br /> .formtable td {<br /> display: block;<br /> width: 100%;<br /> }<br /> }</div> Wikiadmin https://olighker.com/w/index.php?title=Main_Page&diff=157 Main Page 2026-07-26T10:33:26Z <p>Wikiadmin: Git release b32d298a7432</p> <hr /> <div>&lt;div class=&quot;lcd-home&quot;&gt;<br /> &lt;div class=&quot;lcd-home-carousel&quot; data-interval=&quot;2000&quot; role=&quot;region&quot; aria-label=&quot;首页专题图片轮播&quot;&gt;<br /> &lt;div class=&quot;lcd-home-carousel__viewport&quot;&gt;<br /> &lt;div class=&quot;lcd-home-carousel__slide lcd-home-carousel__slide--active&quot;&gt;[[File:main_page_top1.jpg|1600px|link=|alt=AI 编程与开发板专题]]&lt;/div&gt;<br /> &lt;div class=&quot;lcd-home-carousel__slide&quot;&gt;[[File:main_page_top2.jpg|1600px|link=|alt=电子纸智能显示专题]]&lt;/div&gt;<br /> &lt;div class=&quot;lcd-home-carousel__slide&quot;&gt;[[File:main_page_top3.jpg|1600px|link=|alt=Arduino 开源硬件专题]]&lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> {{:Project:首页目录配置}}<br /> &lt;/div&gt;</div> Wikiadmin https://olighker.com/w/index.php?title=File:Main_page_top2.jpg&diff=156 File:Main page top2.jpg 2026-07-26T10:33:25Z <p>Wikiadmin: Import missing assets from b32d298a7432</p> <hr /> <div>== 摘要 ==<br /> Git release b32d298a74321981ff92819efa9d25f92253ade0</div> Wikiadmin https://olighker.com/w/index.php?title=File:Main_page_top1.jpg&diff=155 File:Main page top1.jpg 2026-07-26T10:33:25Z <p>Wikiadmin: Import missing assets from b32d298a7432</p> <hr /> <div>== 摘要 ==<br /> Git release b32d298a74321981ff92819efa9d25f92253ade0</div> Wikiadmin https://olighker.com/w/index.php?title=File:Main_page_top3.jpg&diff=154 File:Main page top3.jpg 2026-07-26T10:33:25Z <p>Wikiadmin: Import missing assets from b32d298a7432</p> <hr /> <div>== 摘要 ==<br /> Git release b32d298a74321981ff92819efa9d25f92253ade0</div> Wikiadmin https://olighker.com/w/index.php?title=%E6%8A%80%E6%9C%AF%E6%96%87%E6%A1%A3%E4%B8%AD%E5%BF%83:%E9%A6%96%E9%A1%B5%E6%A8%A1%E5%9D%97/ESP32&diff=153 技术文档中心:首页模块/ESP32 2026-07-26T10:13:58Z <p>Wikiadmin: </p> <hr /> <div>{{首页产品卡<br /> |标题=4.3英寸 ESP32-S3 智能显示板 A<br /> |型号=DEMO-ESP-043-A<br /> |图片=Demo-esp32-display.png<br /> |替代文本=ESP32-S3 智能显示板原创示意图<br /> |页面=4.3英寸 ESP32-S3 智能显示板<br /> }}<br /> {{首页产品卡<br /> |标题=4.3英寸 ESP32-S3 智能显示板 B<br /> |型号=DEMO-ESP-043-B<br /> |图片=Demo-esp32-display.png<br /> |替代文本=ESP32-S3 智能显示板原创示意图<br /> |页面=4.3英寸 ESP32-S3 智能显示板<br /> }}<br /> {{首页产品卡<br /> |标题=4.3英寸 ESP32-S3 智能显示板 C<br /> |型号=DEMO-ESP-043-C<br /> |图片=Demo-esp32-display.png<br /> |替代文本=ESP32-S3 智能显示板原创示意图<br /> |页面=4.3英寸 ESP32-S3 智能显示板<br /> }}<br /> {{首页产品卡<br /> |标题=4.3英寸 ESP32-S3 智能显示板 D<br /> |型号=DEMO-ESP-043-D<br /> |图片=Demo-esp32-display.png<br /> |替代文本=ESP32-S3 智能显示板原创示意图<br /> |页面=4.3英寸 ESP32-S3 智能显示板<br /> }}<br /> {{首页产品卡<br /> |标题=4.3英寸 ESP32-S3 智能显示板 F<br /> |型号=4.3英寸 ESP32-S3 智能显示板型号<br /> |图片=Demo-arduino-display.png<br /> |页面=ESP32<br /> }}<br /> {{#default_form:首页模块}}</div> Wikiadmin https://olighker.com/w/index.php?title=ESP32&diff=152 ESP32 2026-07-26T10:10:57Z <p>Wikiadmin: ESP001摘要</p> <hr /> <div>{{产品信息<br /> |标题=ESP32 TEST标题<br /> |型号=ESP32 TEST001<br /> |状态=已发布<br /> |所属模块=ESP32显示模块<br /> |主图=Demo-esp32-display.png<br /> |简介=ESP32 TEST 简介001<br /> ESP32 TEST 简介002<br /> ESP32 TEST 简介003<br /> ESP32 TEST 简介0014<br /> ESP32 TEST 简介005<br /> ESP32 TEST 简介006<br /> |产品要点=ESP32 TEST 产品要点 001<br /> ESP32 TEST 产品要点 001<br /> ESP32 TEST 产品要点 001<br /> ESP32 TEST 产品要点 001<br /> ESP32 TEST 产品要点 001<br /> ESP32 TEST 产品要点 001<br /> ESP32 TEST 产品要点 001<br /> ESP32 TEST 产品要点 001<br /> ESP32 TEST 产品要点 001<br /> ESP32 TEST 产品要点 001<br /> |显示尺寸=1920*1080<br /> |分辨率=1920*1080<br /> |显示接口=SP32<br /> |触控方式=无<br /> |供电=5V<br /> |外形尺寸=120*120<br /> |硬件说明=硬件说明01<br /> 硬件说明01<br /> 硬件说明01<br /> 硬件说明01<br /> 硬件说明01<br /> 硬件说明01<br /> 硬件说明01<br /> 硬件说明01<br /> 硬件说明01<br /> |使用说明=使用说明0100、<br /> 使用说明0100<br /> 使用说明0100<br /> 使用说明0100<br /> 使用说明0100<br /> 使用说明0100<br /> 使用说明0100<br /> 使用说明0100<br /> 使用说明0100<br /> 使用说明0100<br /> 使用说明0100<br /> 使用说明0100<br /> |常见问题=常见问题001<br /> 常见问题001<br /> 常见问题001<br /> 常见问题001<br /> 常见问题001<br /> 常见问题001<br /> 常见问题001<br /> 常见问题001常见问题001<br /> |下载类型=PDF<br /> |下载名称=esp01.pdf<br /> |下载说明=esp01.pdf<br /> |下载版本=0010021<br /> }}</div> Wikiadmin https://olighker.com/w/index.php?title=File:%E6%A0%91%E8%8E%93%E6%B4%BE%E5%85%A5%E9%97%A8%E6%95%99%E7%A8%8B(%E4%B8%8B%E8%BD%BD%EF%BC%8C%E6%A0%BC%E5%BC%8F%E5%8C%96%EF%BC%8C%E7%83%A7%E5%BD%95%EF%BC%8CSSH%EF%BC%8CPuTTy)-V1.0.pdf&diff=151 File:树莓派入门教程(下载，格式化，烧录，SSH，PuTTy)-V1.0.pdf 2026-07-26T10:10:23Z <p>Wikiadmin: </p> <hr /> <div></div> Wikiadmin https://olighker.com/w/index.php?title=%E6%8A%80%E6%9C%AF%E6%96%87%E6%A1%A3%E4%B8%AD%E5%BF%83:%E9%A6%96%E9%A1%B5%E7%9B%AE%E5%BD%95%E9%85%8D%E7%BD%AE&diff=150 技术文档中心:首页目录配置 2026-07-26T09:50:22Z <p>Wikiadmin: </p> <hr /> <div>{{首页模块入口<br /> |标题=Raspberry Pi树莓派HDMI 显示屏11<br /> |标签=HDMI显示屏11<br /> |配置页=Project:首页模块/HDMI<br /> }}<br /> {{首页模块入口<br /> |标题=RaspberryPi 树莓派MHS&amp; GPIO 显示屏<br /> |标签=MHS/GPIO显示屏<br /> |配置页=Project:首页模块/MHS-GPIO<br /> }}<br /> {{首页模块入口<br /> |标题=Arduino显示模块<br /> |标签=Arduino显示屏<br /> |配置页=Project:首页模块/Arduino<br /> }}<br /> {{首页模块入口<br /> |标题=SPI串口模块<br /> |标签=SPI显示模块<br /> |配置页=Project:首页模块/SPI<br /> }}<br /> {{首页模块入口<br /> |标题=ESP32显示模块<br /> |标签=ESP32显示屏<br /> |配置页=Project:首页模块/ESP32<br /> }}<br /> {{首页模块入口<br /> |标题=USB-副屏显示器<br /> |标签=USB电脑副屏<br /> |配置页=Project:首页模块/USB副屏<br /> }}<br /> {{首页模块入口<br /> |标题=并口显示屏模块<br /> |标签=并口显示屏<br /> |配置页=Project:首页模块/并口<br /> }}<br /> {{首页模块入口<br /> |标题=OLED Display Module<br /> |标签=OLED显示屏<br /> |配置页=Project:首页模块/OLED<br /> }}<br /> {{首页模块入口<br /> |标题=开发板<br /> |标签=嵌入式开发板<br /> |配置页=Project:首页模块/开发板<br /> }}<br /> {{首页模块入口<br /> |标题=GettingStarted<br /> |标签=入门教程<br /> |配置页=Project:首页模块/GettingStarted<br /> }}<br /> {{#default_form:首页目录}}</div> Wikiadmin https://olighker.com/w/index.php?title=MediaWiki:Common.css&diff=149 MediaWiki:Common.css 2026-07-26T08:54:22Z <p>Wikiadmin: Git release c2c6f86741da</p> <hr /> <div>:root {<br /> --lcd-blue: #63b7e8;<br /> --lcd-blue-dark: #258ac4;<br /> --lcd-ink: #233245;<br /> --lcd-muted: #66758a;<br /> --lcd-line: #dfe7ef;<br /> --lcd-panel: #f6f9fc;<br /> }<br /> <br /> .mw-body-content {<br /> color: var(--lcd-ink);<br /> }<br /> <br /> /* Keep the active table-of-contents state aligned with module title bars. */<br /> .citizen-toc .citizen-toc-list-item--active &gt; .citizen-toc-link {<br /> color: #34b0b0;<br /> }<br /> <br /> .citizen-toc .citizen-toc-indicator {<br /> background-color: #34b0b0;<br /> }<br /> <br /> /* 精简 Citizen 主菜单，仅保留 Sidebar 中的三个核心入口。 */<br /> #citizen-main-menu #p-navigation &gt; .citizen-menu__heading,<br /> #citizen-main-menu #t-specialpages,<br /> #citizen-main-menu #t-upload {<br /> display: none;<br /> }<br /> <br /> /* 隐藏所有页面底部的页面信息、操作栏和完整站点页脚。 */<br /> .citizen-page-footer,<br /> .citizen-page-actions,<br /> .mw-footer.citizen-footer {<br /> display: none !important;<br /> }<br /> <br /> /* 首页模块标题不显示章节编辑入口，后台和其他页面编辑功能保持不变。 */<br /> body.page-Main_Page .mw-editsection {<br /> display: none !important;<br /> }<br /> <br /> /* 产品二级页：隐藏章节编辑入口及滚动后的粘性操作按钮组。 */<br /> body:has(.lcd-product__hero) .mw-editsection,<br /> body:has(.lcd-product__hero) .citizen-sticky-header-end {<br /> display: none !important;<br /> }<br /> <br /> /*<br /> * 首页桌面版式：将 Citizen 的页面信息与目录侧栏放到正文左侧，<br /> * 并限制整体版心宽度，在宽屏上保留对称留白。<br /> */<br /> @media (min-width: 1200px) {<br /> body.page-Main_Page .citizen-body-container {<br /> width: min(100%, 91.5rem);<br /> margin-inline: auto;<br /> grid-template-columns: minmax(12rem, 15rem) minmax(0, 67.5rem);<br /> column-gap: 5rem;<br /> grid-template-areas:<br /> &quot;sidebar content&quot;<br /> &quot;footer footer&quot;;<br /> justify-content: center;<br /> }<br /> <br /> body.page-Main_Page<br /> .citizen-page-sidebar<br /> .citizen-toc-link:not(.citizen-toc-top) {<br /> height: auto;<br /> min-height: 2rem;<br /> overflow: hidden;<br /> white-space: normal;<br /> overflow-wrap: anywhere;<br /> text-overflow: clip;<br /> }<br /> }<br /> <br /> .lcd-welcome {<br /> margin: 1rem 0 2rem;<br /> padding: 1.5rem 1.75rem;<br /> border: 1px solid #dceaf3;<br /> border-radius: 12px;<br /> background: linear-gradient(135deg, #f8fcff, #eef8fe);<br /> }<br /> <br /> .lcd-welcome h2 {<br /> margin: 0 0 .75rem;<br /> color: var(--lcd-blue-dark);<br /> border: 0;<br /> font-size: clamp(1.5rem, 3vw, 2rem);<br /> }<br /> <br /> .lcd-welcome__eyebrow {<br /> margin-bottom: .35rem;<br /> color: var(--lcd-blue-dark);<br /> font-size: .76rem;<br /> font-weight: 800;<br /> letter-spacing: .12em;<br /> }<br /> <br /> .lcd-welcome__title {<br /> margin-bottom: .75rem;<br /> color: var(--lcd-blue-dark);<br /> font-size: clamp(1.5rem, 3vw, 2rem);<br /> font-weight: 800;<br /> }<br /> <br /> .lcd-welcome p:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .lcd-module {<br /> margin: 1.75rem 0 2.5rem;<br /> scroll-margin-top: 5rem;<br /> }<br /> <br /> .lcd-module__tab {<br /> margin: 0 0 1rem;<br /> padding: .68rem 1rem;<br /> border-radius: 5px;<br /> background: #34b0b0;<br /> color: #fff;<br /> font-size: 1.05rem;<br /> font-weight: 700;<br /> text-align: center;<br /> letter-spacing: .02em;<br /> }<br /> <br /> .lcd-card-grid {<br /> display: grid;<br /> grid-template-columns: repeat(4, minmax(0, 1fr));<br /> gap: 1.1rem;<br /> }<br /> <br /> .lcd-card-grid &gt; p {<br /> display: none;<br /> }<br /> <br /> .lcd-card {<br /> min-width: 0;<br /> overflow: hidden;<br /> border: 1px solid var(--lcd-line);<br /> border-radius: 8px;<br /> background: #fff;<br /> box-shadow: 0 2px 7px rgba(38, 68, 94, .11);<br /> transition: transform .16s ease, box-shadow .16s ease;<br /> }<br /> <br /> .lcd-card:hover {<br /> transform: translateY(-2px);<br /> box-shadow: 0 7px 18px rgba(38, 68, 94, .16);<br /> }<br /> <br /> .lcd-card__media {<br /> display: flex;<br /> aspect-ratio: 4 / 3;<br /> align-items: center;<br /> justify-content: center;<br /> padding: .65rem;<br /> background: #f8fafc;<br /> }<br /> <br /> .lcd-card__media a,<br /> .lcd-card__media .mw-file-description {<br /> display: contents;<br /> }<br /> <br /> .lcd-card__media img {<br /> width: 100%;<br /> height: 100%;<br /> object-fit: contain;<br /> }<br /> <br /> .lcd-card__body {<br /> padding: .85rem .8rem .95rem;<br /> text-align: center;<br /> }<br /> <br /> .lcd-card__title {<br /> min-height: 2.7em;<br /> line-height: 1.35;<br /> font-weight: 600;<br /> }<br /> <br /> .lcd-card__title a {<br /> color: var(--lcd-ink);<br /> }<br /> <br /> .lcd-card__model {<br /> margin-top: .35rem;<br /> color: #27384b;<br /> font-weight: 800;<br /> overflow-wrap: anywhere;<br /> }<br /> <br /> .lcd-product__hero {<br /> display: grid;<br /> grid-template-columns: minmax(15rem, .8fr) minmax(0, 1.2fr);<br /> gap: 1.5rem;<br /> margin: 1rem 0 2rem;<br /> padding: 1.25rem;<br /> border: 1px solid var(--lcd-line);<br /> border-radius: 10px;<br /> background: var(--lcd-panel);<br /> }<br /> <br /> .lcd-product__summary {<br /> align-self: center;<br /> }<br /> <br /> .lcd-product__kicker {<br /> color: #34b0b0;<br /> font-weight: 700;<br /> }<br /> <br /> .lcd-product__model {<br /> margin: .35rem 0 .6rem;<br /> color: var(--lcd-ink);<br /> font-size: clamp(1.35rem, 3vw, 2rem);<br /> font-weight: 800;<br /> }<br /> <br /> .lcd-product__status {<br /> margin-bottom: .85rem;<br /> }<br /> <br /> .lcd-product__gallery {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> gap: .75rem;<br /> }<br /> <br /> .lcd-product__gallery &gt; div {<br /> display: flex;<br /> min-width: 0;<br /> aspect-ratio: 4 / 3;<br /> align-items: center;<br /> justify-content: center;<br /> padding: .6rem;<br /> border: 1px solid var(--lcd-line);<br /> border-radius: 7px;<br /> background: #fff;<br /> }<br /> <br /> .lcd-product__gallery img {<br /> width: 100%;<br /> height: 100%;<br /> object-fit: contain;<br /> }<br /> <br /> .lcd-spec-table {<br /> width: 100%;<br /> table-layout: fixed;<br /> }<br /> <br /> .lcd-spec-table th:first-child {<br /> width: 10rem;<br /> }<br /> <br /> .lcd-status {<br /> display: inline-block;<br /> padding: .18rem .55rem;<br /> border-radius: 999px;<br /> color: #244158;<br /> background: #dceff9;<br /> font-size: .84rem;<br /> font-weight: 700;<br /> }<br /> <br /> .lcd-download-card,<br /> .lcd-empty-resource {<br /> padding: 1rem 1.15rem;<br /> border: 1px solid var(--lcd-line);<br /> border-left: 4px solid var(--lcd-blue);<br /> border-radius: 6px;<br /> background: #fff;<br /> }<br /> <br /> .lcd-download-card__name {<br /> font-size: 1.05rem;<br /> font-weight: 700;<br /> }<br /> <br /> .lcd-download-card__type {<br /> display: inline-block;<br /> margin-right: .6rem;<br /> color: var(--lcd-blue-dark);<br /> font-weight: 800;<br /> }<br /> <br /> .lcd-download-card__body {<br /> display: inline-flex;<br /> flex-wrap: wrap;<br /> gap: .25rem .75rem;<br /> align-items: baseline;<br /> }<br /> <br /> .lcd-download-card__action {<br /> margin-top: .65rem;<br /> }<br /> <br /> .lcd-download-card__meta,<br /> .lcd-empty-resource {<br /> color: var(--lcd-muted);<br /> }<br /> <br /> .lcd-manager-links {<br /> columns: 2 18rem;<br /> }<br /> <br /> .formtable {<br /> width: 100%;<br /> margin-bottom: 1rem;<br /> }<br /> <br /> .formtable th {<br /> width: 11rem;<br /> text-align: left;<br /> vertical-align: top;<br /> }<br /> <br /> .formtable input,<br /> .formtable select,<br /> .formtable textarea {<br /> box-sizing: border-box;<br /> max-width: 100%;<br /> }<br /> <br /> @media (max-width: 1000px) {<br /> .lcd-card-grid {<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> }<br /> <br /> .lcd-product__hero {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> @media (max-width: 620px) {<br /> .lcd-welcome {<br /> padding: 1.1rem;<br /> }<br /> <br /> .lcd-card-grid {<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> gap: .75rem;<br /> }<br /> <br /> .lcd-product__gallery {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .lcd-card__title {<br /> min-height: 0;<br /> }<br /> <br /> .lcd-product__hero {<br /> padding: .85rem;<br /> }<br /> <br /> .lcd-spec-table th:first-child {<br /> width: 7.5rem;<br /> }<br /> <br /> .formtable,<br /> .formtable tbody,<br /> .formtable tr,<br /> .formtable th,<br /> .formtable td {<br /> display: block;<br /> width: 100%;<br /> }<br /> }</div> Wikiadmin https://olighker.com/w/index.php?title=MediaWiki:Common.js&diff=148 MediaWiki:Common.js 2026-07-26T08:26:15Z <p>Wikiadmin: Git release 98258910502c</p> <hr /> <div>( function () {<br /> 'use strict';<br /> <br /> var ACTIVE_CLASS = 'citizen-toc-list-item--active';<br /> var ACTIVE_TOP_CLASS = 'citizen-toc-level-1--active';<br /> var LINK_SELECTOR = '.citizen-toc-link:not(.citizen-toc-top)';<br /> var NAVIGATION_KEYS = [<br /> 'ArrowDown',<br /> 'ArrowUp',<br /> 'End',<br /> 'Home',<br /> 'PageDown',<br /> 'PageUp',<br /> ' '<br /> ];<br /> <br /> function decodeFragment( hash ) {<br /> if ( !hash || hash.charAt( 0 ) !== '#' ) {<br /> return '';<br /> }<br /> try {<br /> return decodeURIComponent( hash.slice( 1 ) );<br /> } catch ( error ) {<br /> return hash.slice( 1 );<br /> }<br /> }<br /> <br /> function setupSingleActiveToc() {<br /> var toc = document.querySelector( '.citizen-toc' );<br /> var indicator = toc &amp;&amp; toc.querySelector( '.citizen-toc-indicator' );<br /> <br /> if ( !toc || !indicator || toc.dataset.techdocsSingleActiveToc === '1' ) {<br /> return;<br /> }<br /> <br /> var entries = Array.prototype.map.call(<br /> toc.querySelectorAll( LINK_SELECTOR ),<br /> function ( link ) {<br /> var target = document.getElementById( decodeFragment( link.hash ) );<br /> var item = link.closest( '.citizen-toc-list-item' );<br /> return target &amp;&amp; item ? {<br /> item: item,<br /> link: link,<br /> target: target<br /> } : null;<br /> }<br /> ).filter( Boolean );<br /> <br /> if ( entries.length === 0 ) {<br /> return;<br /> }<br /> <br /> toc.dataset.techdocsSingleActiveToc = '1';<br /> <br /> var applying = false;<br /> var frameId = 0;<br /> var manualEntry = null;<br /> <br /> function getActivationTop() {<br /> var value = parseFloat(<br /> window.getComputedStyle( document.documentElement ).scrollPaddingTop<br /> );<br /> return Number.isFinite( value ) ? value : 0;<br /> }<br /> <br /> function findEntryForHash() {<br /> var id = decodeFragment( window.location.hash );<br /> return entries.find( function ( entry ) {<br /> return entry.target.id === id;<br /> } ) || null;<br /> }<br /> <br /> function findEntryForScroll() {<br /> var activationTop = getActivationTop();<br /> var selected = entries[ 0 ];<br /> <br /> entries.some( function ( entry ) {<br /> if ( entry.target.getBoundingClientRect().top &lt;= activationTop + 1 ) {<br /> selected = entry;<br /> return false;<br /> }<br /> return true;<br /> } );<br /> <br /> return selected;<br /> }<br /> <br /> function updateIndicator( entry ) {<br /> var positioningParent = indicator.offsetParent || toc;<br /> var parentRect = positioningParent.getBoundingClientRect();<br /> var linkRect = entry.link.getBoundingClientRect();<br /> var unitHeight = linkRect.height || entry.link.offsetHeight || 32;<br /> var top = linkRect.top - parentRect.top + positioningParent.scrollTop;<br /> <br /> indicator.style.setProperty( '--indicator-unit-height', unitHeight + 'px' );<br /> indicator.style.setProperty( '--indicator-top', top + 'px' );<br /> indicator.style.setProperty( '--indicator-scale', '1' );<br /> }<br /> <br /> function applyEntry( entry ) {<br /> if ( !entry ) {<br /> return;<br /> }<br /> <br /> applying = true;<br /> var topItem = entry.item.closest( '.citizen-toc-level-1' );<br /> <br /> entries.forEach( function ( candidate ) {<br /> var isActive = candidate.item === entry.item;<br /> candidate.item.classList.toggle( ACTIVE_CLASS, isActive );<br /> candidate.item.classList.toggle(<br /> ACTIVE_TOP_CLASS,<br /> candidate.item === topItem<br /> );<br /> if ( isActive ) {<br /> candidate.link.setAttribute( 'aria-current', 'location' );<br /> } else {<br /> candidate.link.removeAttribute( 'aria-current' );<br /> }<br /> } );<br /> <br /> if ( topItem &amp;&amp; !entries.some( function ( candidate ) {<br /> return candidate.item === topItem;<br /> } ) ) {<br /> topItem.classList.add( ACTIVE_TOP_CLASS );<br /> }<br /> updateIndicator( entry );<br /> <br /> applying = false;<br /> }<br /> <br /> function update() {<br /> frameId = 0;<br /> applyEntry( manualEntry || findEntryForScroll() );<br /> }<br /> <br /> function scheduleUpdate() {<br /> if ( frameId === 0 ) {<br /> frameId = window.requestAnimationFrame( update );<br /> }<br /> }<br /> <br /> function releaseManualEntry() {<br /> if ( manualEntry ) {<br /> manualEntry = null;<br /> scheduleUpdate();<br /> }<br /> }<br /> <br /> toc.addEventListener( 'click', function ( event ) {<br /> if (<br /> event.defaultPrevented ||<br /> event.button !== 0 ||<br /> event.altKey ||<br /> event.ctrlKey ||<br /> event.metaKey ||<br /> event.shiftKey<br /> ) {<br /> return;<br /> }<br /> <br /> var link = event.target.closest( LINK_SELECTOR );<br /> if ( !link || !toc.contains( link ) ) {<br /> return;<br /> }<br /> <br /> var entry = entries.find( function ( candidate ) {<br /> return candidate.link === link;<br /> } );<br /> if ( !entry ) {<br /> return;<br /> }<br /> <br /> event.preventDefault();<br /> event.stopImmediatePropagation();<br /> manualEntry = entry;<br /> applyEntry( entry );<br /> <br /> var hash = link.getAttribute( 'href' );<br /> if ( hash ) {<br /> window.history.pushState( null, '', hash );<br /> }<br /> <br /> window.requestAnimationFrame( function () {<br /> var targetTop = window.scrollY +<br /> entry.target.getBoundingClientRect().top -<br /> getActivationTop();<br /> window.scrollTo( 0, Math.max( 0, targetTop ) );<br /> } );<br /> }, true );<br /> <br /> window.addEventListener( 'scroll', scheduleUpdate, { passive: true } );<br /> window.addEventListener( 'resize', scheduleUpdate );<br /> window.addEventListener( 'wheel', releaseManualEntry, { passive: true } );<br /> window.addEventListener( 'touchstart', releaseManualEntry, { passive: true } );<br /> window.addEventListener( 'pointerdown', function ( event ) {<br /> if ( !toc.contains( event.target ) ) {<br /> releaseManualEntry();<br /> }<br /> }, true );<br /> window.addEventListener( 'keydown', function ( event ) {<br /> if ( NAVIGATION_KEYS.indexOf( event.key ) !== -1 ) {<br /> releaseManualEntry();<br /> }<br /> } );<br /> window.addEventListener( 'hashchange', function () {<br /> manualEntry = findEntryForHash();<br /> scheduleUpdate();<br /> } );<br /> <br /> var classObserver = new MutationObserver( function () {<br /> if ( !applying ) {<br /> scheduleUpdate();<br /> }<br /> } );<br /> classObserver.observe( toc, {<br /> attributes: true,<br /> attributeFilter: [ 'class' ],<br /> subtree: true<br /> } );<br /> <br /> scheduleUpdate();<br /> }<br /> <br /> mw.loader.using( 'skins.citizen.scripts' ).then( function () {<br /> window.requestAnimationFrame( setupSingleActiveToc );<br /> } );<br /> }() );</div> Wikiadmin https://olighker.com/w/index.php?title=MediaWiki:Common.js&diff=147 MediaWiki:Common.js 2026-07-26T08:20:58Z <p>Wikiadmin: Git release 7815ee896492</p> <hr /> <div>( function () {<br /> 'use strict';<br /> <br /> var ACTIVE_CLASS = 'citizen-toc-list-item--active';<br /> var ACTIVE_TOP_CLASS = 'citizen-toc-level-1--active';<br /> var LINK_SELECTOR = '.citizen-toc-link:not(.citizen-toc-top)';<br /> var NAVIGATION_KEYS = [<br /> 'ArrowDown',<br /> 'ArrowUp',<br /> 'End',<br /> 'Home',<br /> 'PageDown',<br /> 'PageUp',<br /> ' '<br /> ];<br /> <br /> function decodeFragment( hash ) {<br /> if ( !hash || hash.charAt( 0 ) !== '#' ) {<br /> return '';<br /> }<br /> try {<br /> return decodeURIComponent( hash.slice( 1 ) );<br /> } catch ( error ) {<br /> return hash.slice( 1 );<br /> }<br /> }<br /> <br /> function setupSingleActiveToc() {<br /> var toc = document.querySelector( '.citizen-toc' );<br /> var indicator = toc &amp;&amp; toc.querySelector( '.citizen-toc-indicator' );<br /> <br /> if ( !toc || !indicator || toc.dataset.techdocsSingleActiveToc === '1' ) {<br /> return;<br /> }<br /> <br /> var entries = Array.prototype.map.call(<br /> toc.querySelectorAll( LINK_SELECTOR ),<br /> function ( link ) {<br /> var target = document.getElementById( decodeFragment( link.hash ) );<br /> var item = link.closest( '.citizen-toc-list-item' );<br /> return target &amp;&amp; item ? {<br /> item: item,<br /> link: link,<br /> target: target<br /> } : null;<br /> }<br /> ).filter( Boolean );<br /> <br /> if ( entries.length === 0 ) {<br /> return;<br /> }<br /> <br /> toc.dataset.techdocsSingleActiveToc = '1';<br /> <br /> var applying = false;<br /> var frameId = 0;<br /> var manualEntry = null;<br /> <br /> function getActivationTop() {<br /> var value = parseFloat(<br /> window.getComputedStyle( document.documentElement ).scrollPaddingTop<br /> );<br /> return Number.isFinite( value ) ? value : 0;<br /> }<br /> <br /> function findEntryForHash() {<br /> var id = decodeFragment( window.location.hash );<br /> return entries.find( function ( entry ) {<br /> return entry.target.id === id;<br /> } ) || null;<br /> }<br /> <br /> function findEntryForScroll() {<br /> var activationTop = getActivationTop();<br /> var selected = entries[ 0 ];<br /> <br /> entries.some( function ( entry ) {<br /> if ( entry.target.getBoundingClientRect().top &lt;= activationTop + 1 ) {<br /> selected = entry;<br /> return false;<br /> }<br /> return true;<br /> } );<br /> <br /> return selected;<br /> }<br /> <br /> function updateIndicator( entry ) {<br /> var positioningParent = indicator.offsetParent || toc;<br /> var parentRect = positioningParent.getBoundingClientRect();<br /> var linkRect = entry.link.getBoundingClientRect();<br /> var unitHeight = linkRect.height || entry.link.offsetHeight || 32;<br /> var top = linkRect.top - parentRect.top + positioningParent.scrollTop;<br /> <br /> indicator.style.setProperty( '--indicator-unit-height', unitHeight + 'px' );<br /> indicator.style.setProperty( '--indicator-top', top + 'px' );<br /> indicator.style.setProperty( '--indicator-scale', '1' );<br /> }<br /> <br /> function applyEntry( entry ) {<br /> if ( !entry ) {<br /> return;<br /> }<br /> <br /> applying = true;<br /> var topItem = entry.item.closest( '.citizen-toc-level-1' );<br /> <br /> entries.forEach( function ( candidate ) {<br /> var isActive = candidate.item === entry.item;<br /> candidate.item.classList.toggle( ACTIVE_CLASS, isActive );<br /> candidate.item.classList.toggle(<br /> ACTIVE_TOP_CLASS,<br /> candidate.item === topItem<br /> );<br /> if ( isActive ) {<br /> candidate.link.setAttribute( 'aria-current', 'location' );<br /> } else {<br /> candidate.link.removeAttribute( 'aria-current' );<br /> }<br /> } );<br /> <br /> if ( topItem &amp;&amp; !entries.some( function ( candidate ) {<br /> return candidate.item === topItem;<br /> } ) ) {<br /> topItem.classList.add( ACTIVE_TOP_CLASS );<br /> }<br /> updateIndicator( entry );<br /> <br /> applying = false;<br /> }<br /> <br /> function update() {<br /> frameId = 0;<br /> applyEntry( manualEntry || findEntryForScroll() );<br /> }<br /> <br /> function scheduleUpdate() {<br /> if ( frameId === 0 ) {<br /> frameId = window.requestAnimationFrame( update );<br /> }<br /> }<br /> <br /> function releaseManualEntry() {<br /> if ( manualEntry ) {<br /> manualEntry = null;<br /> scheduleUpdate();<br /> }<br /> }<br /> <br /> toc.addEventListener( 'click', function ( event ) {<br /> if (<br /> event.defaultPrevented ||<br /> event.button !== 0 ||<br /> event.altKey ||<br /> event.ctrlKey ||<br /> event.metaKey ||<br /> event.shiftKey<br /> ) {<br /> return;<br /> }<br /> <br /> var link = event.target.closest( LINK_SELECTOR );<br /> if ( !link || !toc.contains( link ) ) {<br /> return;<br /> }<br /> <br /> var entry = entries.find( function ( candidate ) {<br /> return candidate.link === link;<br /> } );<br /> if ( !entry ) {<br /> return;<br /> }<br /> <br /> event.preventDefault();<br /> event.stopImmediatePropagation();<br /> manualEntry = entry;<br /> applyEntry( entry );<br /> <br /> var hash = link.getAttribute( 'href' );<br /> if ( hash ) {<br /> window.history.pushState( null, '', hash );<br /> }<br /> <br /> window.requestAnimationFrame( function () {<br /> entry.target.scrollIntoView( {<br /> block: 'start'<br /> } );<br /> } );<br /> }, true );<br /> <br /> window.addEventListener( 'scroll', scheduleUpdate, { passive: true } );<br /> window.addEventListener( 'resize', scheduleUpdate );<br /> window.addEventListener( 'wheel', releaseManualEntry, { passive: true } );<br /> window.addEventListener( 'touchstart', releaseManualEntry, { passive: true } );<br /> window.addEventListener( 'pointerdown', function ( event ) {<br /> if ( !toc.contains( event.target ) ) {<br /> releaseManualEntry();<br /> }<br /> }, true );<br /> window.addEventListener( 'keydown', function ( event ) {<br /> if ( NAVIGATION_KEYS.indexOf( event.key ) !== -1 ) {<br /> releaseManualEntry();<br /> }<br /> } );<br /> window.addEventListener( 'hashchange', function () {<br /> manualEntry = findEntryForHash();<br /> scheduleUpdate();<br /> } );<br /> <br /> var classObserver = new MutationObserver( function () {<br /> if ( !applying ) {<br /> scheduleUpdate();<br /> }<br /> } );<br /> classObserver.observe( toc, {<br /> attributes: true,<br /> attributeFilter: [ 'class' ],<br /> subtree: true<br /> } );<br /> <br /> scheduleUpdate();<br /> }<br /> <br /> mw.loader.using( 'skins.citizen.scripts' ).then( function () {<br /> window.requestAnimationFrame( setupSingleActiveToc );<br /> } );<br /> }() );</div> Wikiadmin https://olighker.com/w/index.php?title=MediaWiki:Common.js&diff=146 MediaWiki:Common.js 2026-07-26T08:15:44Z <p>Wikiadmin: Git release 3375ef240d1c</p> <hr /> <div>( function () {<br /> 'use strict';<br /> <br /> var ACTIVE_CLASS = 'citizen-toc-list-item--active';<br /> var ACTIVE_TOP_CLASS = 'citizen-toc-level-1--active';<br /> var LINK_SELECTOR = '.citizen-toc-link:not(.citizen-toc-top)';<br /> var NAVIGATION_KEYS = [<br /> 'ArrowDown',<br /> 'ArrowUp',<br /> 'End',<br /> 'Home',<br /> 'PageDown',<br /> 'PageUp',<br /> ' '<br /> ];<br /> <br /> function decodeFragment( hash ) {<br /> if ( !hash || hash.charAt( 0 ) !== '#' ) {<br /> return '';<br /> }<br /> try {<br /> return decodeURIComponent( hash.slice( 1 ) );<br /> } catch ( error ) {<br /> return hash.slice( 1 );<br /> }<br /> }<br /> <br /> function setupSingleActiveToc() {<br /> var toc = document.querySelector( '.citizen-toc' );<br /> var indicator = toc &amp;&amp; toc.querySelector( '.citizen-toc-indicator' );<br /> <br /> if ( !toc || !indicator || toc.dataset.techdocsSingleActiveToc === '1' ) {<br /> return;<br /> }<br /> <br /> var entries = Array.prototype.map.call(<br /> toc.querySelectorAll( LINK_SELECTOR ),<br /> function ( link ) {<br /> var target = document.getElementById( decodeFragment( link.hash ) );<br /> var item = link.closest( '.citizen-toc-list-item' );<br /> return target &amp;&amp; item ? {<br /> item: item,<br /> link: link,<br /> target: target<br /> } : null;<br /> }<br /> ).filter( Boolean );<br /> <br /> if ( entries.length === 0 ) {<br /> return;<br /> }<br /> <br /> toc.dataset.techdocsSingleActiveToc = '1';<br /> <br /> var applying = false;<br /> var frameId = 0;<br /> var manualEntry = null;<br /> <br /> function getActivationTop() {<br /> var value = parseFloat(<br /> window.getComputedStyle( document.documentElement ).scrollPaddingTop<br /> );<br /> return Number.isFinite( value ) ? value : 0;<br /> }<br /> <br /> function findEntryForHash() {<br /> var id = decodeFragment( window.location.hash );<br /> return entries.find( function ( entry ) {<br /> return entry.target.id === id;<br /> } ) || null;<br /> }<br /> <br /> function findEntryForScroll() {<br /> var activationTop = getActivationTop();<br /> var selected = entries[ 0 ];<br /> <br /> entries.some( function ( entry ) {<br /> if ( entry.target.getBoundingClientRect().top &lt;= activationTop + 1 ) {<br /> selected = entry;<br /> return false;<br /> }<br /> return true;<br /> } );<br /> <br /> return selected;<br /> }<br /> <br /> function updateIndicator( entry ) {<br /> var positioningParent = indicator.offsetParent || toc;<br /> var parentRect = positioningParent.getBoundingClientRect();<br /> var linkRect = entry.link.getBoundingClientRect();<br /> var unitHeight = linkRect.height || entry.link.offsetHeight || 32;<br /> var top = linkRect.top - parentRect.top + positioningParent.scrollTop;<br /> <br /> indicator.style.setProperty( '--indicator-unit-height', unitHeight + 'px' );<br /> indicator.style.setProperty( '--indicator-top', top + 'px' );<br /> indicator.style.setProperty( '--indicator-scale', '1' );<br /> }<br /> <br /> function applyEntry( entry ) {<br /> if ( !entry ) {<br /> return;<br /> }<br /> <br /> applying = true;<br /> var topItem = entry.item.closest( '.citizen-toc-level-1' );<br /> <br /> entries.forEach( function ( candidate ) {<br /> var isActive = candidate.item === entry.item;<br /> candidate.item.classList.toggle( ACTIVE_CLASS, isActive );<br /> candidate.item.classList.toggle(<br /> ACTIVE_TOP_CLASS,<br /> candidate.item === topItem<br /> );<br /> if ( isActive ) {<br /> candidate.link.setAttribute( 'aria-current', 'location' );<br /> } else {<br /> candidate.link.removeAttribute( 'aria-current' );<br /> }<br /> } );<br /> <br /> if ( topItem &amp;&amp; !entries.some( function ( candidate ) {<br /> return candidate.item === topItem;<br /> } ) ) {<br /> topItem.classList.add( ACTIVE_TOP_CLASS );<br /> }<br /> updateIndicator( entry );<br /> <br /> applying = false;<br /> }<br /> <br /> function update() {<br /> frameId = 0;<br /> applyEntry( manualEntry || findEntryForScroll() );<br /> }<br /> <br /> function scheduleUpdate() {<br /> if ( frameId === 0 ) {<br /> frameId = window.requestAnimationFrame( update );<br /> }<br /> }<br /> <br /> function releaseManualEntry() {<br /> if ( manualEntry ) {<br /> manualEntry = null;<br /> scheduleUpdate();<br /> }<br /> }<br /> <br /> toc.addEventListener( 'click', function ( event ) {<br /> if (<br /> event.defaultPrevented ||<br /> event.button !== 0 ||<br /> event.altKey ||<br /> event.ctrlKey ||<br /> event.metaKey ||<br /> event.shiftKey<br /> ) {<br /> return;<br /> }<br /> <br /> var link = event.target.closest( LINK_SELECTOR );<br /> if ( !link || !toc.contains( link ) ) {<br /> return;<br /> }<br /> <br /> var entry = entries.find( function ( candidate ) {<br /> return candidate.link === link;<br /> } );<br /> if ( !entry ) {<br /> return;<br /> }<br /> <br /> manualEntry = entry;<br /> applyEntry( entry );<br /> }, true );<br /> <br /> window.addEventListener( 'scroll', scheduleUpdate, { passive: true } );<br /> window.addEventListener( 'resize', scheduleUpdate );<br /> window.addEventListener( 'wheel', releaseManualEntry, { passive: true } );<br /> window.addEventListener( 'touchstart', releaseManualEntry, { passive: true } );<br /> window.addEventListener( 'pointerdown', function ( event ) {<br /> if ( !toc.contains( event.target ) ) {<br /> releaseManualEntry();<br /> }<br /> }, true );<br /> window.addEventListener( 'keydown', function ( event ) {<br /> if ( NAVIGATION_KEYS.indexOf( event.key ) !== -1 ) {<br /> releaseManualEntry();<br /> }<br /> } );<br /> window.addEventListener( 'hashchange', function () {<br /> manualEntry = findEntryForHash();<br /> scheduleUpdate();<br /> } );<br /> <br /> var classObserver = new MutationObserver( function () {<br /> if ( !applying ) {<br /> scheduleUpdate();<br /> }<br /> } );<br /> classObserver.observe( toc, {<br /> attributes: true,<br /> attributeFilter: [ 'class' ],<br /> subtree: true<br /> } );<br /> <br /> scheduleUpdate();<br /> }<br /> <br /> mw.loader.using( 'skins.citizen.scripts' ).then( function () {<br /> window.requestAnimationFrame( setupSingleActiveToc );<br /> } );<br /> }() );</div> Wikiadmin https://olighker.com/w/index.php?title=MediaWiki:Common.js&diff=145 MediaWiki:Common.js 2026-07-26T08:06:12Z <p>Wikiadmin: Git release bd6439a54670</p> <hr /> <div>( function () {<br /> 'use strict';<br /> <br /> var ACTIVE_CLASS = 'citizen-toc-list-item--active';<br /> var ACTIVE_TOP_CLASS = 'citizen-toc-level-1--active';<br /> var LINK_SELECTOR = '.citizen-toc-link:not(.citizen-toc-top)';<br /> var NAVIGATION_KEYS = [<br /> 'ArrowDown',<br /> 'ArrowUp',<br /> 'End',<br /> 'Home',<br /> 'PageDown',<br /> 'PageUp',<br /> ' '<br /> ];<br /> <br /> function decodeFragment( hash ) {<br /> if ( !hash || hash.charAt( 0 ) !== '#' ) {<br /> return '';<br /> }<br /> try {<br /> return decodeURIComponent( hash.slice( 1 ) );<br /> } catch ( error ) {<br /> return hash.slice( 1 );<br /> }<br /> }<br /> <br /> function setupSingleActiveToc() {<br /> var toc = document.querySelector( '.citizen-toc' );<br /> var indicator = toc &amp;&amp; toc.querySelector( '.citizen-toc-indicator' );<br /> <br /> if ( !toc || !indicator || toc.dataset.techdocsSingleActiveToc === '1' ) {<br /> return;<br /> }<br /> <br /> var entries = Array.prototype.map.call(<br /> toc.querySelectorAll( LINK_SELECTOR ),<br /> function ( link ) {<br /> var target = document.getElementById( decodeFragment( link.hash ) );<br /> var item = link.closest( '.citizen-toc-list-item' );<br /> return target &amp;&amp; item ? {<br /> item: item,<br /> link: link,<br /> target: target<br /> } : null;<br /> }<br /> ).filter( Boolean );<br /> <br /> if ( entries.length === 0 ) {<br /> return;<br /> }<br /> <br /> toc.dataset.techdocsSingleActiveToc = '1';<br /> <br /> var applying = false;<br /> var frameId = 0;<br /> var manualEntry = null;<br /> <br /> function getActivationTop() {<br /> var value = parseFloat(<br /> window.getComputedStyle( document.documentElement ).scrollPaddingTop<br /> );<br /> return Number.isFinite( value ) ? value : 0;<br /> }<br /> <br /> function findEntryForHash() {<br /> var id = decodeFragment( window.location.hash );<br /> return entries.find( function ( entry ) {<br /> return entry.target.id === id;<br /> } ) || null;<br /> }<br /> <br /> function findEntryForScroll() {<br /> var activationTop = getActivationTop();<br /> var selected = entries[ 0 ];<br /> <br /> entries.some( function ( entry ) {<br /> if ( entry.target.getBoundingClientRect().top &lt;= activationTop + 1 ) {<br /> selected = entry;<br /> return false;<br /> }<br /> return true;<br /> } );<br /> <br /> return selected;<br /> }<br /> <br /> function updateIndicator( entry ) {<br /> var positioningParent = indicator.offsetParent || toc;<br /> var parentRect = positioningParent.getBoundingClientRect();<br /> var linkRect = entry.link.getBoundingClientRect();<br /> var unitHeight = linkRect.height || entry.link.offsetHeight || 32;<br /> var top = linkRect.top - parentRect.top + positioningParent.scrollTop;<br /> <br /> indicator.style.setProperty( '--indicator-unit-height', unitHeight + 'px' );<br /> indicator.style.setProperty( '--indicator-top', top + 'px' );<br /> indicator.style.setProperty( '--indicator-scale', '1' );<br /> }<br /> <br /> function applyEntry( entry ) {<br /> if ( !entry ) {<br /> return;<br /> }<br /> <br /> applying = true;<br /> var topItem = entry.item.closest( '.citizen-toc-level-1' );<br /> <br /> entries.forEach( function ( candidate ) {<br /> var isActive = candidate.item === entry.item;<br /> candidate.item.classList.toggle( ACTIVE_CLASS, isActive );<br /> candidate.item.classList.toggle(<br /> ACTIVE_TOP_CLASS,<br /> candidate.item === topItem<br /> );<br /> if ( isActive ) {<br /> candidate.link.setAttribute( 'aria-current', 'location' );<br /> } else {<br /> candidate.link.removeAttribute( 'aria-current' );<br /> }<br /> } );<br /> <br /> if ( topItem &amp;&amp; !entries.some( function ( candidate ) {<br /> return candidate.item === topItem;<br /> } ) ) {<br /> topItem.classList.add( ACTIVE_TOP_CLASS );<br /> }<br /> updateIndicator( entry );<br /> <br /> applying = false;<br /> }<br /> <br /> function update() {<br /> frameId = 0;<br /> applyEntry( manualEntry || findEntryForScroll() );<br /> }<br /> <br /> function scheduleUpdate() {<br /> if ( frameId === 0 ) {<br /> frameId = window.requestAnimationFrame( update );<br /> }<br /> }<br /> <br /> function releaseManualEntry() {<br /> if ( manualEntry ) {<br /> manualEntry = null;<br /> scheduleUpdate();<br /> }<br /> }<br /> <br /> toc.addEventListener( 'click', function ( event ) {<br /> if (<br /> event.defaultPrevented ||<br /> event.button !== 0 ||<br /> event.altKey ||<br /> event.ctrlKey ||<br /> event.metaKey ||<br /> event.shiftKey<br /> ) {<br /> return;<br /> }<br /> <br /> var link = event.target.closest( LINK_SELECTOR );<br /> if ( !link || !toc.contains( link ) ) {<br /> return;<br /> }<br /> <br /> var entry = entries.find( function ( candidate ) {<br /> return candidate.link === link;<br /> } );<br /> if ( !entry ) {<br /> return;<br /> }<br /> <br /> event.preventDefault();<br /> manualEntry = entry;<br /> applyEntry( entry );<br /> <br /> var hash = link.getAttribute( 'href' );<br /> if ( hash ) {<br /> window.history.pushState( null, '', hash );<br /> }<br /> <br /> var targetTop = window.scrollY +<br /> entry.target.getBoundingClientRect().top -<br /> getActivationTop();<br /> window.scrollTo( {<br /> top: Math.max( 0, targetTop ),<br /> behavior: window.matchMedia( '(prefers-reduced-motion: reduce)' ).matches ?<br /> 'auto' :<br /> 'smooth'<br /> } );<br /> }, true );<br /> <br /> window.addEventListener( 'scroll', scheduleUpdate, { passive: true } );<br /> window.addEventListener( 'resize', scheduleUpdate );<br /> window.addEventListener( 'wheel', releaseManualEntry, { passive: true } );<br /> window.addEventListener( 'touchstart', releaseManualEntry, { passive: true } );<br /> window.addEventListener( 'pointerdown', function ( event ) {<br /> if ( !toc.contains( event.target ) ) {<br /> releaseManualEntry();<br /> }<br /> }, true );<br /> window.addEventListener( 'keydown', function ( event ) {<br /> if ( NAVIGATION_KEYS.indexOf( event.key ) !== -1 ) {<br /> releaseManualEntry();<br /> }<br /> } );<br /> window.addEventListener( 'hashchange', function () {<br /> manualEntry = findEntryForHash();<br /> scheduleUpdate();<br /> } );<br /> <br /> var classObserver = new MutationObserver( function () {<br /> if ( !applying ) {<br /> scheduleUpdate();<br /> }<br /> } );<br /> classObserver.observe( toc, {<br /> attributes: true,<br /> attributeFilter: [ 'class' ],<br /> subtree: true<br /> } );<br /> <br /> scheduleUpdate();<br /> }<br /> <br /> mw.loader.using( 'skins.citizen.scripts' ).then( function () {<br /> window.requestAnimationFrame( setupSingleActiveToc );<br /> } );<br /> }() );</div> Wikiadmin https://olighker.com/w/index.php?title=MediaWiki:Common.css&diff=144 MediaWiki:Common.css 2026-07-26T07:34:03Z <p>Wikiadmin: Git release ad6c652980fc</p> <hr /> <div>:root {<br /> --lcd-blue: #63b7e8;<br /> --lcd-blue-dark: #258ac4;<br /> --lcd-ink: #233245;<br /> --lcd-muted: #66758a;<br /> --lcd-line: #dfe7ef;<br /> --lcd-panel: #f6f9fc;<br /> }<br /> <br /> .mw-body-content {<br /> color: var(--lcd-ink);<br /> }<br /> <br /> /* Keep the active table-of-contents state aligned with module title bars. */<br /> .citizen-toc .citizen-toc-list-item--active &gt; .citizen-toc-link {<br /> color: #34b0b0;<br /> }<br /> <br /> .citizen-toc .citizen-toc-indicator {<br /> background-color: #34b0b0;<br /> }<br /> <br /> /* 精简 Citizen 主菜单，仅保留 Sidebar 中的三个核心入口。 */<br /> #citizen-main-menu #p-navigation &gt; .citizen-menu__heading,<br /> #citizen-main-menu #t-specialpages,<br /> #citizen-main-menu #t-upload {<br /> display: none;<br /> }<br /> <br /> /* 隐藏所有页面底部的页面信息、操作栏和完整站点页脚。 */<br /> .citizen-page-footer,<br /> .citizen-page-actions,<br /> .mw-footer.citizen-footer {<br /> display: none !important;<br /> }<br /> <br /> /* 首页模块标题不显示章节编辑入口，后台和其他页面编辑功能保持不变。 */<br /> body.page-Main_Page .mw-editsection {<br /> display: none !important;<br /> }<br /> <br /> /* 产品二级页：隐藏章节编辑入口及滚动后的粘性操作按钮组。 */<br /> body:has(.lcd-product__hero) .mw-editsection,<br /> body:has(.lcd-product__hero) .citizen-sticky-header-end {<br /> display: none !important;<br /> }<br /> <br /> /*<br /> * 首页桌面版式：将 Citizen 的页面信息与目录侧栏放到正文左侧，<br /> * 并限制整体版心宽度，在宽屏上保留对称留白。<br /> */<br /> @media (min-width: 1200px) {<br /> body.page-Main_Page .citizen-body-container {<br /> width: min(100%, 91.5rem);<br /> margin-inline: auto;<br /> grid-template-columns: minmax(12rem, 15rem) minmax(0, 67.5rem);<br /> column-gap: 5rem;<br /> grid-template-areas:<br /> &quot;sidebar content&quot;<br /> &quot;footer footer&quot;;<br /> justify-content: center;<br /> }<br /> <br /> body.page-Main_Page<br /> .citizen-page-sidebar<br /> .citizen-toc-link:not(.citizen-toc-top) {<br /> height: auto;<br /> min-height: 2rem;<br /> overflow: hidden;<br /> white-space: normal;<br /> overflow-wrap: anywhere;<br /> text-overflow: clip;<br /> }<br /> }<br /> <br /> .lcd-welcome {<br /> margin: 1rem 0 2rem;<br /> padding: 1.5rem 1.75rem;<br /> border: 1px solid #dceaf3;<br /> border-radius: 12px;<br /> background: linear-gradient(135deg, #f8fcff, #eef8fe);<br /> }<br /> <br /> .lcd-welcome h2 {<br /> margin: 0 0 .75rem;<br /> color: var(--lcd-blue-dark);<br /> border: 0;<br /> font-size: clamp(1.5rem, 3vw, 2rem);<br /> }<br /> <br /> .lcd-welcome__eyebrow {<br /> margin-bottom: .35rem;<br /> color: var(--lcd-blue-dark);<br /> font-size: .76rem;<br /> font-weight: 800;<br /> letter-spacing: .12em;<br /> }<br /> <br /> .lcd-welcome__title {<br /> margin-bottom: .75rem;<br /> color: var(--lcd-blue-dark);<br /> font-size: clamp(1.5rem, 3vw, 2rem);<br /> font-weight: 800;<br /> }<br /> <br /> .lcd-welcome p:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .lcd-module {<br /> margin: 1.75rem 0 2.5rem;<br /> scroll-margin-top: 5rem;<br /> }<br /> <br /> .lcd-module__tab {<br /> margin: 0 0 1rem;<br /> padding: .68rem 1rem;<br /> border-radius: 5px;<br /> background: #34b0b0;<br /> color: #fff;<br /> font-size: 1.05rem;<br /> font-weight: 700;<br /> text-align: center;<br /> letter-spacing: .02em;<br /> }<br /> <br /> .lcd-card-grid {<br /> display: grid;<br /> grid-template-columns: repeat(4, minmax(0, 1fr));<br /> gap: 1.1rem;<br /> }<br /> <br /> .lcd-card-grid &gt; p {<br /> display: none;<br /> }<br /> <br /> .lcd-card {<br /> min-width: 0;<br /> overflow: hidden;<br /> border: 1px solid var(--lcd-line);<br /> border-radius: 8px;<br /> background: #fff;<br /> box-shadow: 0 2px 7px rgba(38, 68, 94, .11);<br /> transition: transform .16s ease, box-shadow .16s ease;<br /> }<br /> <br /> .lcd-card:hover {<br /> transform: translateY(-2px);<br /> box-shadow: 0 7px 18px rgba(38, 68, 94, .16);<br /> }<br /> <br /> .lcd-card__media {<br /> display: flex;<br /> aspect-ratio: 4 / 3;<br /> align-items: center;<br /> justify-content: center;<br /> padding: .65rem;<br /> background: #f8fafc;<br /> }<br /> <br /> .lcd-card__media a,<br /> .lcd-card__media .mw-file-description {<br /> display: contents;<br /> }<br /> <br /> .lcd-card__media img {<br /> width: 100%;<br /> height: 100%;<br /> object-fit: contain;<br /> }<br /> <br /> .lcd-card__body {<br /> padding: .85rem .8rem .95rem;<br /> text-align: center;<br /> }<br /> <br /> .lcd-card__title {<br /> min-height: 2.7em;<br /> line-height: 1.35;<br /> font-weight: 600;<br /> }<br /> <br /> .lcd-card__title a {<br /> color: var(--lcd-ink);<br /> }<br /> <br /> .lcd-card__model {<br /> margin-top: .35rem;<br /> color: #27384b;<br /> font-weight: 800;<br /> overflow-wrap: anywhere;<br /> }<br /> <br /> .lcd-product__hero {<br /> display: grid;<br /> grid-template-columns: minmax(15rem, .8fr) minmax(0, 1.2fr);<br /> gap: 1.5rem;<br /> margin: 1rem 0 2rem;<br /> padding: 1.25rem;<br /> border: 1px solid var(--lcd-line);<br /> border-radius: 10px;<br /> background: var(--lcd-panel);<br /> }<br /> <br /> .lcd-product__summary {<br /> align-self: center;<br /> }<br /> <br /> .lcd-product__kicker {<br /> color: var(--lcd-blue-dark);<br /> font-weight: 700;<br /> }<br /> <br /> .lcd-product__model {<br /> margin: .35rem 0 .6rem;<br /> color: var(--lcd-ink);<br /> font-size: clamp(1.35rem, 3vw, 2rem);<br /> font-weight: 800;<br /> }<br /> <br /> .lcd-product__status {<br /> margin-bottom: .85rem;<br /> }<br /> <br /> .lcd-product__gallery {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> gap: .75rem;<br /> }<br /> <br /> .lcd-product__gallery &gt; div {<br /> display: flex;<br /> min-width: 0;<br /> aspect-ratio: 4 / 3;<br /> align-items: center;<br /> justify-content: center;<br /> padding: .6rem;<br /> border: 1px solid var(--lcd-line);<br /> border-radius: 7px;<br /> background: #fff;<br /> }<br /> <br /> .lcd-product__gallery img {<br /> width: 100%;<br /> height: 100%;<br /> object-fit: contain;<br /> }<br /> <br /> .lcd-spec-table {<br /> width: 100%;<br /> table-layout: fixed;<br /> }<br /> <br /> .lcd-spec-table th:first-child {<br /> width: 10rem;<br /> }<br /> <br /> .lcd-status {<br /> display: inline-block;<br /> padding: .18rem .55rem;<br /> border-radius: 999px;<br /> color: #244158;<br /> background: #dceff9;<br /> font-size: .84rem;<br /> font-weight: 700;<br /> }<br /> <br /> .lcd-download-card,<br /> .lcd-empty-resource {<br /> padding: 1rem 1.15rem;<br /> border: 1px solid var(--lcd-line);<br /> border-left: 4px solid var(--lcd-blue);<br /> border-radius: 6px;<br /> background: #fff;<br /> }<br /> <br /> .lcd-download-card__name {<br /> font-size: 1.05rem;<br /> font-weight: 700;<br /> }<br /> <br /> .lcd-download-card__type {<br /> display: inline-block;<br /> margin-right: .6rem;<br /> color: var(--lcd-blue-dark);<br /> font-weight: 800;<br /> }<br /> <br /> .lcd-download-card__body {<br /> display: inline-flex;<br /> flex-wrap: wrap;<br /> gap: .25rem .75rem;<br /> align-items: baseline;<br /> }<br /> <br /> .lcd-download-card__action {<br /> margin-top: .65rem;<br /> }<br /> <br /> .lcd-download-card__meta,<br /> .lcd-empty-resource {<br /> color: var(--lcd-muted);<br /> }<br /> <br /> .lcd-manager-links {<br /> columns: 2 18rem;<br /> }<br /> <br /> .formtable {<br /> width: 100%;<br /> margin-bottom: 1rem;<br /> }<br /> <br /> .formtable th {<br /> width: 11rem;<br /> text-align: left;<br /> vertical-align: top;<br /> }<br /> <br /> .formtable input,<br /> .formtable select,<br /> .formtable textarea {<br /> box-sizing: border-box;<br /> max-width: 100%;<br /> }<br /> <br /> @media (max-width: 1000px) {<br /> .lcd-card-grid {<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> }<br /> <br /> .lcd-product__hero {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> @media (max-width: 620px) {<br /> .lcd-welcome {<br /> padding: 1.1rem;<br /> }<br /> <br /> .lcd-card-grid {<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> gap: .75rem;<br /> }<br /> <br /> .lcd-product__gallery {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .lcd-card__title {<br /> min-height: 0;<br /> }<br /> <br /> .lcd-product__hero {<br /> padding: .85rem;<br /> }<br /> <br /> .lcd-spec-table th:first-child {<br /> width: 7.5rem;<br /> }<br /> <br /> .formtable,<br /> .formtable tbody,<br /> .formtable tr,<br /> .formtable th,<br /> .formtable td {<br /> display: block;<br /> width: 100%;<br /> }<br /> }</div> Wikiadmin https://olighker.com/w/index.php?title=MediaWiki:Common.css&diff=143 MediaWiki:Common.css 2026-07-26T06:09:36Z <p>Wikiadmin: Git release 59a21dcc9522</p> <hr /> <div>:root {<br /> --lcd-blue: #63b7e8;<br /> --lcd-blue-dark: #258ac4;<br /> --lcd-ink: #233245;<br /> --lcd-muted: #66758a;<br /> --lcd-line: #dfe7ef;<br /> --lcd-panel: #f6f9fc;<br /> }<br /> <br /> .mw-body-content {<br /> color: var(--lcd-ink);<br /> }<br /> <br /> /* 精简 Citizen 主菜单，仅保留 Sidebar 中的三个核心入口。 */<br /> #citizen-main-menu #p-navigation &gt; .citizen-menu__heading,<br /> #citizen-main-menu #t-specialpages,<br /> #citizen-main-menu #t-upload {<br /> display: none;<br /> }<br /> <br /> /* 隐藏所有页面底部的页面信息、操作栏和完整站点页脚。 */<br /> .citizen-page-footer,<br /> .citizen-page-actions,<br /> .mw-footer.citizen-footer {<br /> display: none !important;<br /> }<br /> <br /> /* 首页模块标题不显示章节编辑入口，后台和其他页面编辑功能保持不变。 */<br /> body.page-Main_Page .mw-editsection {<br /> display: none !important;<br /> }<br /> <br /> /* 产品二级页：隐藏章节编辑入口及滚动后的粘性操作按钮组。 */<br /> body:has(.lcd-product__hero) .mw-editsection,<br /> body:has(.lcd-product__hero) .citizen-sticky-header-end {<br /> display: none !important;<br /> }<br /> <br /> /*<br /> * 首页桌面版式：将 Citizen 的页面信息与目录侧栏放到正文左侧，<br /> * 并限制整体版心宽度，在宽屏上保留对称留白。<br /> */<br /> @media (min-width: 1200px) {<br /> body.page-Main_Page .citizen-body-container {<br /> width: min(100%, 91.5rem);<br /> margin-inline: auto;<br /> grid-template-columns: minmax(12rem, 15rem) minmax(0, 67.5rem);<br /> column-gap: 5rem;<br /> grid-template-areas:<br /> &quot;sidebar content&quot;<br /> &quot;footer footer&quot;;<br /> justify-content: center;<br /> }<br /> <br /> body.page-Main_Page<br /> .citizen-page-sidebar<br /> .citizen-toc-link:not(.citizen-toc-top) {<br /> height: auto;<br /> min-height: 2rem;<br /> overflow: hidden;<br /> white-space: normal;<br /> overflow-wrap: anywhere;<br /> text-overflow: clip;<br /> }<br /> }<br /> <br /> .lcd-welcome {<br /> margin: 1rem 0 2rem;<br /> padding: 1.5rem 1.75rem;<br /> border: 1px solid #dceaf3;<br /> border-radius: 12px;<br /> background: linear-gradient(135deg, #f8fcff, #eef8fe);<br /> }<br /> <br /> .lcd-welcome h2 {<br /> margin: 0 0 .75rem;<br /> color: var(--lcd-blue-dark);<br /> border: 0;<br /> font-size: clamp(1.5rem, 3vw, 2rem);<br /> }<br /> <br /> .lcd-welcome__eyebrow {<br /> margin-bottom: .35rem;<br /> color: var(--lcd-blue-dark);<br /> font-size: .76rem;<br /> font-weight: 800;<br /> letter-spacing: .12em;<br /> }<br /> <br /> .lcd-welcome__title {<br /> margin-bottom: .75rem;<br /> color: var(--lcd-blue-dark);<br /> font-size: clamp(1.5rem, 3vw, 2rem);<br /> font-weight: 800;<br /> }<br /> <br /> .lcd-welcome p:last-child {<br /> margin-bottom: 0;<br /> }<br /> <br /> .lcd-module {<br /> margin: 1.75rem 0 2.5rem;<br /> scroll-margin-top: 5rem;<br /> }<br /> <br /> .lcd-module__tab {<br /> margin: 0 0 1rem;<br /> padding: .68rem 1rem;<br /> border-radius: 5px;<br /> background: #34b0b0;<br /> color: #fff;<br /> font-size: 1.05rem;<br /> font-weight: 700;<br /> text-align: center;<br /> letter-spacing: .02em;<br /> }<br /> <br /> .lcd-card-grid {<br /> display: grid;<br /> grid-template-columns: repeat(4, minmax(0, 1fr));<br /> gap: 1.1rem;<br /> }<br /> <br /> .lcd-card-grid &gt; p {<br /> display: none;<br /> }<br /> <br /> .lcd-card {<br /> min-width: 0;<br /> overflow: hidden;<br /> border: 1px solid var(--lcd-line);<br /> border-radius: 8px;<br /> background: #fff;<br /> box-shadow: 0 2px 7px rgba(38, 68, 94, .11);<br /> transition: transform .16s ease, box-shadow .16s ease;<br /> }<br /> <br /> .lcd-card:hover {<br /> transform: translateY(-2px);<br /> box-shadow: 0 7px 18px rgba(38, 68, 94, .16);<br /> }<br /> <br /> .lcd-card__media {<br /> display: flex;<br /> aspect-ratio: 4 / 3;<br /> align-items: center;<br /> justify-content: center;<br /> padding: .65rem;<br /> background: #f8fafc;<br /> }<br /> <br /> .lcd-card__media a,<br /> .lcd-card__media .mw-file-description {<br /> display: contents;<br /> }<br /> <br /> .lcd-card__media img {<br /> width: 100%;<br /> height: 100%;<br /> object-fit: contain;<br /> }<br /> <br /> .lcd-card__body {<br /> padding: .85rem .8rem .95rem;<br /> text-align: center;<br /> }<br /> <br /> .lcd-card__title {<br /> min-height: 2.7em;<br /> line-height: 1.35;<br /> font-weight: 600;<br /> }<br /> <br /> .lcd-card__title a {<br /> color: var(--lcd-ink);<br /> }<br /> <br /> .lcd-card__model {<br /> margin-top: .35rem;<br /> color: #27384b;<br /> font-weight: 800;<br /> overflow-wrap: anywhere;<br /> }<br /> <br /> .lcd-product__hero {<br /> display: grid;<br /> grid-template-columns: minmax(15rem, .8fr) minmax(0, 1.2fr);<br /> gap: 1.5rem;<br /> margin: 1rem 0 2rem;<br /> padding: 1.25rem;<br /> border: 1px solid var(--lcd-line);<br /> border-radius: 10px;<br /> background: var(--lcd-panel);<br /> }<br /> <br /> .lcd-product__summary {<br /> align-self: center;<br /> }<br /> <br /> .lcd-product__kicker {<br /> color: var(--lcd-blue-dark);<br /> font-weight: 700;<br /> }<br /> <br /> .lcd-product__model {<br /> margin: .35rem 0 .6rem;<br /> color: var(--lcd-ink);<br /> font-size: clamp(1.35rem, 3vw, 2rem);<br /> font-weight: 800;<br /> }<br /> <br /> .lcd-product__status {<br /> margin-bottom: .85rem;<br /> }<br /> <br /> .lcd-product__gallery {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> gap: .75rem;<br /> }<br /> <br /> .lcd-product__gallery &gt; div {<br /> display: flex;<br /> min-width: 0;<br /> aspect-ratio: 4 / 3;<br /> align-items: center;<br /> justify-content: center;<br /> padding: .6rem;<br /> border: 1px solid var(--lcd-line);<br /> border-radius: 7px;<br /> background: #fff;<br /> }<br /> <br /> .lcd-product__gallery img {<br /> width: 100%;<br /> height: 100%;<br /> object-fit: contain;<br /> }<br /> <br /> .lcd-spec-table {<br /> width: 100%;<br /> table-layout: fixed;<br /> }<br /> <br /> .lcd-spec-table th:first-child {<br /> width: 10rem;<br /> }<br /> <br /> .lcd-status {<br /> display: inline-block;<br /> padding: .18rem .55rem;<br /> border-radius: 999px;<br /> color: #244158;<br /> background: #dceff9;<br /> font-size: .84rem;<br /> font-weight: 700;<br /> }<br /> <br /> .lcd-download-card,<br /> .lcd-empty-resource {<br /> padding: 1rem 1.15rem;<br /> border: 1px solid var(--lcd-line);<br /> border-left: 4px solid var(--lcd-blue);<br /> border-radius: 6px;<br /> background: #fff;<br /> }<br /> <br /> .lcd-download-card__name {<br /> font-size: 1.05rem;<br /> font-weight: 700;<br /> }<br /> <br /> .lcd-download-card__type {<br /> display: inline-block;<br /> margin-right: .6rem;<br /> color: var(--lcd-blue-dark);<br /> font-weight: 800;<br /> }<br /> <br /> .lcd-download-card__body {<br /> display: inline-flex;<br /> flex-wrap: wrap;<br /> gap: .25rem .75rem;<br /> align-items: baseline;<br /> }<br /> <br /> .lcd-download-card__action {<br /> margin-top: .65rem;<br /> }<br /> <br /> .lcd-download-card__meta,<br /> .lcd-empty-resource {<br /> color: var(--lcd-muted);<br /> }<br /> <br /> .lcd-manager-links {<br /> columns: 2 18rem;<br /> }<br /> <br /> .formtable {<br /> width: 100%;<br /> margin-bottom: 1rem;<br /> }<br /> <br /> .formtable th {<br /> width: 11rem;<br /> text-align: left;<br /> vertical-align: top;<br /> }<br /> <br /> .formtable input,<br /> .formtable select,<br /> .formtable textarea {<br /> box-sizing: border-box;<br /> max-width: 100%;<br /> }<br /> <br /> @media (max-width: 1000px) {<br /> .lcd-card-grid {<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> }<br /> <br /> .lcd-product__hero {<br /> grid-template-columns: 1fr;<br /> }<br /> }<br /> <br /> @media (max-width: 620px) {<br /> .lcd-welcome {<br /> padding: 1.1rem;<br /> }<br /> <br /> .lcd-card-grid {<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> gap: .75rem;<br /> }<br /> <br /> .lcd-product__gallery {<br /> grid-template-columns: 1fr;<br /> }<br /> <br /> .lcd-card__title {<br /> min-height: 0;<br /> }<br /> <br /> .lcd-product__hero {<br /> padding: .85rem;<br /> }<br /> <br /> .lcd-spec-table th:first-child {<br /> width: 7.5rem;<br /> }<br /> <br /> .formtable,<br /> .formtable tbody,<br /> .formtable tr,<br /> .formtable th,<br /> .formtable td {<br /> display: block;<br /> width: 100%;<br /> }<br /> }</div> Wikiadmin