联合国家向前进 主题版式
这是为吾等即战争设定制作的版式。
引用方式：[[include :oxygennine:theme:united]]
:root { --mox-theme-color: #314475; --mox-theme-dark-color: #2d3853; --mox-theme-light-color: #5774bd; --mox-bg-color: #fafafa; --mox-text-color: #141414; --mox-layer-dark-1: #262626; --mox-layer-dark-2: #404040; --mox-layer-dark-3: #595959; --mox-layer-light-1: #F2F2F2; --mox-layer-light-2: #D9D9D9; --mox-layer-light-3: #BFBFBF; --mox-bgblur-front-color: rgba(255, 255, 255, 0.85); --mox-warn-color: #bd3636; --mox-accept-color: #37b55d; --mox-alter-color: #df880a; --mox-header-title: "联合国"; --mox-header-subtitle: "反法西斯地球上的和平、尊严与平等"; --mox-header-logo: url(https://cdn.mer.run/i/2026/02/21/6999bbb0851e4.png); --mox-page-width: 85vw; --mox-header-height: 3rem; --mox-anim-duration: 0.2s; --mox-ui-font: 'Raleway', 'Noto Sans', Segoe UI, Arial, sans-serif; --mox-text-font: 'Noto Sans', Segoe UI, Arial, sans-serif; --mox-mono-font: 'Oxygen Mono', 'Noto Sans', Consolas; } /* Sigma Mode */ :root { --moxi-header-height: calc(var(--mox-header-height)* 3); } @media (min-width: 876px) { #header { position: relative; margin-top: unset; grid-template-areas: 'logo title user .' 'topbar . search .'; height: calc(var(--mox-header-height) + var(--moxi-header-height)); top: calc(var(--moxi-header-height) * 0); display: grid ; align-content: stretch; grid-template-rows: 1fr var(--mox-header-height); grid-template-columns: 1fr var(--mox-header-height) var(--mox-header-height) var(--mox-header-height); justify-content: space-between; justify-items: stretch; align-items: center; } div#header-extra-div-1, div#side-bar::after, div#side-bar::before { display: none; } #header h1 a::before { grid-area: logo; position: relative; top: calc(var(--mox-header-height) * 0); left: calc(((100vw - var(--mox-page-width)) / 2) + 1rem); width: calc(var(--mox-header-height) * 2); height: calc(var(--mox-header-height) * 2); } #header h1 a span { font-size: 0; grid-area: logo; display: flex ; align-items: flex-start; flex-direction: column; justify-content: center; height: var(--mox-header-height); top: calc(var(--mox-header-height) * 0); left: calc(((100vw - var(--mox-page-width)) / 2) + (var(--mox-header-height) * 2.5)); position: relative; } #header h1 a span::before { font-size: calc(var(--mox-header-height) * 0.85) !important; position: relative; left: calc(var(--mox-header-height) * 0); top: calc(var(--mox-header-height) * 0.05); } #header h1 a span::after { font-size: calc(var(--mox-header-height) * 0.45) !important; bottom: calc(var(--mox-header-height) * 0.115 - 0.125rem); position: relative; left: calc(var(--mox-header-height) * 0); display: block; } .top-bar { display: grid ; justify-content: end; } } @media (min-width: 876px) { div#side-bar { position: relative; left: 0; top: 0; transition: none; box-shadow: unset; width: min(16rem, 30vw); min-width: 16rem; } div#side-bar:hover { left: unset; box-shadow: unset; } div#content-wrap { display: flex ; column-gap: 1rem; width: var(--mox-page-width); margin: 0 auto; } div#main-content { width: calc(var(--mox-page-width) - min(16rem, 30vw) - 3rem); max-width: unset !important; margin: 2rem 2rem 0rem 0rem; } } @media (max-width: 876px) { div#side-bar::after { display: block; } div#side-bar { min-height: 100vh; } } /* header */ div#header { background-color: var(--mox-theme-color); border-color: var(--mox-layer-light-1); background-image: url(https://cdn.mer.run/i/2026/02/21/6999bb69b80ad.png); background-position: 0rem 0rem; background-size: cover; background-repeat: no-repeat; } #header h1 a span::before { color: var(--mox-layer-light-1); letter-spacing: 0.8rem; } #header h1 a span::after { color: var(--mox-layer-light-1); } #header #search-top-box input.button { background: url(https://oxygennine.wdfiles.com/local--files/system:files/icons-2) no-repeat local calc(var(--mox-header-height) * -2) center / cover !important; transition: all var(--mox-anim-duration); filter: invert(1); } #header #search-top-box input.button:hover { backdrop-filter: brightness(3.5) saturate(0); box-shadow: none; filter: invert(0.05); } #top-bar li a { color: var(--mox-layer-light-1); } #top-bar ul li a:hover, #top-bar ul li.sfhover>a { text-decoration: none; box-shadow: inset 0 calc(var(--mox-header-height) * 1) var(--mox-layer-dark-1), inset 0 calc(var(--mox-header-height) * 2) var(--mox-theme-light-color); color: var(--mox-layer-light-1); } @media (min-width: 876px) { #header h1 a::before { grid-area: logo; position: relative; top: calc(var(--mox-header-height) * 0.4); left: calc(((100vw - var(--mox-page-width)) / 1.2) + 1rem); width: calc(var(--mox-header-height) * 3); height: calc(var(--mox-header-height) * 3); animation: logo-fade-in 2s ease forwards; animation-delay: 1s; opacity: 0; } #header h1 a span::before { font-size: calc(var(--mox-header-height) * 1.15) !important; position: relative; left: calc(var(--mox-header-height) * 2.3); top: calc(var(--mox-header-height) * 0.25); animation: text-fade-in 2s ease forwards; animation-delay: 2.5s; opacity: 0; } #header h1 a span::after { font-size: calc(var(--mox-header-height) * 0.45) !important; bottom: calc(var(--mox-header-height) * -0.085 - 0.125rem); position: relative; left: calc(var(--mox-header-height) * 2.3); display: block; animation: text-fade-in 2s ease forwards; animation-delay: 3.5s; opacity: 0; } } @media (max-width: 876px) { #header h1 a span { background-image: linear-gradient(90deg, #ffffff00 40%, var(--mox-theme-color) 75%); } #header h1 a span::after { font-size: calc(var(--mox-header-height) * 0.25) !important; bottom: calc(var(--mox-header-height) * 0.015 + 0.125rem); text-align: left; } } /* Footer */ div#footer::before { filter: invert(0); background-image: unset; content: ''; } div#footer { background-image: var(--mox-header-logo); background-size: 7rem; background-position: center, center; background-repeat: no-repeat; } @keyframes logo-fade-in { 0% {opacity:0; transform: translate(3rem, 0rem) rotateY(90deg) scale(0); } 100% {opacity:1; transform: translate(0rem, 0rem) rotateY(0deg) scale(1); } } @keyframes text-fade-in { 0% {opacity:0; transform: translate(0rem, 1rem); } 100% {opacity:1; transform: translate(0rem, 0rem); } } /* light-mode */ div#side-bar::after{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-2) no-repeat local calc(var(--mox-header-height) * -1) / cover !important}#header #search-top-box input.button{background:url(https://oxygennine.wdfiles.com/local--files/system:files/icons-2) no-repeat local calc(var(--mox-header-height)* -2) center / cover !important}a.weditor-bold::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-2) no-repeat local calc(-2.3rem* 3) center / cover !important}a.weditor-italic::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-2) no-repeat local calc(-2.3rem* 4) center / cover !important}a.weditor-underline::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-2) no-repeat local calc(-2.3rem* 22) center / cover !important}a.weditor-strikethrough::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-2) no-repeat local calc(-2.3rem* 5) center / cover !important}a.weditor-quote::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-2) no-repeat local calc(-2.3rem* 6) center / cover !important}a.weditor-superscript::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-2) no-repeat local calc(-2.3rem* 7) center / cover !important}a.weditor-subscript::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-2) no-repeat local calc(-2.3rem* 8) center / cover !important}a.weditor-table::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-2) no-repeat local calc(-2.3rem* 9) center / cover !important}a.weditor-code::before,a.weditor-codewiz::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-2) no-repeat local calc(-2.3rem* 10) center / cover !important}a.weditor-uri::before,a.weditor-uriwiz::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-2) no-repeat local calc(-2.3rem* 11) center / cover !important}a.weditor-pagelink::before,a.weditor-pagelinkwiz::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-2) no-repeat local calc(-2.3rem* 12) center / cover !important}a.weditor-image::before,a.weditor-imagewiz::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-2) no-repeat local calc(-2.3rem* 13) center / cover !important}a.weditor-html::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-2) no-repeat local calc(-2.3rem* 14) center / cover !important}a.weditor-numlist::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-2) no-repeat local calc(-2.3rem* 15) center / cover !important}a.weditor-bullist::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-2) no-repeat local calc(-2.3rem* 15.8) center / cover !important}a.weditor-incindent::before,a.weditor-decindent::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-2) no-repeat local calc(-2.3rem* 16) center / cover !important}a.weditor-deflist::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-2) no-repeat local calc(-2.3rem* 17) center / cover !important}a.weditor-footnote::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-2) no-repeat local calc(-2.3rem* 18) center / cover !important}a.weditor-bib::before,a.weditor-bibcite::before{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-2) no-repeat local calc(-2.3rem* 20.8) center / cover !important}:where(a.weditor-imagewiz,a.weditor-codewiz,a.weditor-uriwiz,a.weditor-pagelinkwiz,a.weditor-incindent,a.weditor-decindent,a.weditor-eqref,a.weditor-bibcite)::after{background:var(--mox-layer-light-1) url(https://oxygennine.wdfiles.com/local--files/system:files/icons-2) no-repeat local calc(-2.3rem* 20) center / cover}:where(a.weditor-imagewiz,a.weditor-codewiz,a.weditor-uriwiz,a.weditor-pagelinkwiz,a.weditor-incindent,a.weditor-decindent,a.weditor-eqref,a.weditor-bibcite)::after{background-color:var(--mox-layer-dark-1);background-image:url(https://oxygennine.wdfiles.com/local--files/system:files/icons-2);background-repeat:no-repeat;background-position:left center !important;background-size:cover;background-position:-20.055rem !important;background-origin:content-box}.wd-editor-toolbar-panel ul li a::before{font-family:var(--mox-mono-font) !important;letter-spacing:-0.15rem}