A.R.G.U.S. Inc. 版式
要使用此版式,请在页面最顶部插入以下模块:
[[include :scp-wiki-cn:theme:argus-theme]]
本版式专为A.R.G.U.S. Inc.及相关作品设计。
该版式大量借鉴了由stormbreath、Lt. Flops和Uncle Nicolini创作的SAPPHIRE 版式,并包含了对Lt. Flops编写的居中页眉 Sigma-9组件的轻微修改版。
外观示例:
标题 1
标题 2
标题 3
| 标题 | 标题 | 标题 | 标题 |
|---|---|---|---|
| 单元格内容 | 单元格内容 | 单元格内容 | 单元格内容 |
请停止滥用trollface表情。短短几个月内,你们在消息中已经使用了成千上万次(这还不包括反应表情或图片)。
如果不想因此受到惩罚,甚至导致该表情被移除,就请不要在每条消息中随意插入,只因为那里有一点点“幽默”,类似于“嘿,这里有个笑话”。
你们主要是在降低讨论质量,并让他人感到厌烦。
:trollface:
第二个选项卡。
- 列表
- 无序
- 列表
- 有序
引用
兵者,国之大事,民之生命,
所以动民心,观望亡存之明振也。
~ 李渊
望海潮·自题小影——谭嗣同1
曾经沧海,又来沙漠,四千里外关河。
骨相空谈,肠轮自转,回头十八年过。
春梦醒来么?对春帆细雨,独自吟哦。
惟有瓶花数枝,相伴不须多。
寒江才脱渔蓑。剩风尘面貌,自看如何?
鉴不因人,形还问影,岂缘醉后颜酡?
拔剑欲高歌。有几根侠骨,禁得揉搓?
忽说此人是我,睁眼细瞧科。
选自《望海潮·自题小影》
注释
1. 此节选自谭嗣同所著《望海潮·自题小影》。译注:原文为波兰诗人亚当·密茨凯维奇的长诗《塔杜施先生》节选
代码
@charset "utf-8"; @import url(https://fonts.googleapis.com/css?family=Tinos&display=swap); /* ARGUS Theme * [2022 Wikidot Theme] * ARGUS logo made by Promether-02 * Theme is * Based on Aelanna's Sigma-9 Theme as edited by Dr Devan * Heavily based on SAPPHIRE Theme which was * Inspired by DrGemini's SCP-FR Group of Interest "SAPPHIRE" * And * Created by stormbreath, Lt Flops, and Uncle Nicolini for the 2019 International GOI Contest */ /* GLOBAL WIDTH */ body { background-color: #eff4ff; color: #0c0c0c; --neutral: #e5e5e5; --key: #17181c; --sapphire-muted: #153261; --sapphire: #004f80; --sapphire-mid: #2634f2; --sapphire-light: #669699; --white-sapphire: #ebebf0; --gray-sapphire: #5b5b5d; --light: #bbb; --mid-light: #999; --mid: #9b9ca1; --mid-dark: #666; --dark: #333; --grad-1: #5b5b5b; --grad-2: #878787; } div#container-wrap { background-image: url(https://scp-pl.wdfiles.com/local--files/theme%3Aargus-theme/argusback); } /* COMMON */ h1, #page-title { color: #151a61; color: var(--sapphire-muted); } h1 { margin-top: 0; padding: 0; font-weight: bold; } #page-title { border-color: #0d0e26; } a { color: #000880; color: var(--sapphire); } a.newpage { color: #151a61; color: var(--sapphire-muted); font-weight: bold; } #side-bar a:visited { color: #151a61; color: var(--sapphire-muted); } a:visited { color: #151a61; color: var(--sapphire-muted); } a.collapsible-block-link { font-weight: bold; } hr{ display: block; background: #0d0e26; border: 0; padding: 0; margin: 1em 0; height: 1px; } /* HEADER */ #header { background: none; } #header h1 { background: transparent background-size: contain; display: block; height: 150px; max-height: 150px; width: 100%; max-width: 400px; position: relative; top: 32px; } #header h1 a { display: block; margin: 0; padding: 0; height: 150px; max-height: 150px; width: 100%; float: center; max-width: 400px; } #header h2 { background: transparent background-size: contain; display: block; height: 150px; max-height: 150px; width: 100%; max-width: 400px; position: relative; top: 32px; } #search-top-box-input { border: solid 1px #e5e5e5; border: solid 1px var(--neutral); color: #2634f2; color: var(--sapphire-mid); background-color: #17181c; background-color: var(--key); } #search-top-box-input:hover, #search-top-box-input:focus { border: solid 1px #ebebf0; border: solid 1px var(--white-sapphire); color: white; background-color: #5b5b5d; background-color: var(--gray-sapphire); } #search-top-box-form input[type=submit] { border: solid 1px #e5e5e5; border: solid 1px var(--neutral); color: #e5e5e5; color: var(--neutral); background-color: #333; background-color: var(--dark); background: linear-gradient(to bottom, #878787, #5b5b5b, #333); background: linear-gradient(to bottom, var(--grad-2), var(--grad-1), var(--dark)); } #search-top-box-form input[type=submit]:hover, #search-top-box-form input[type=submit]:focus { border: solid 1px white; color: white; text-shadow: 0 0 1px rgba(255,255,255,.25); background-color: #9b9ca1; background-color: var(--mid); background: linear-gradient(to bottom, #e5e5e5, #878787, #5b5b5b); background: linear-gradient(to bottom, var(--neutral), var(--grad-2), var(--grad-1)); } #login-status { color: #e5e5e5; color: var(--neutral); } #login-status a { color: #e5e5e5; color: var(--neutral); } #login-status ul a { color: #000880; color: var(--sapphire); } #account-topbutton { background: #bbb; background: var(--light); color: #000880; color: var(--sapphire); } /* ADJUST MOBILE IMAGE SIZE */ #header h1 { padding: 0; float: left; max-height: 95px; } @media (max-width: 479px) { #header { background-size: 150px 75px; background-position: 1em; } } @media (min-width: 480px) and (max-width: 580px) { #header { background-size: 180px 90px; background-position: 1em; } } @media (min-width: 581px) and (max-width: 767px) { #header { background-size: 210px 105px; background-position: 1em; } } @media (min-width: 768px) and (max-width: 979px) { #header { background-size: 240px 120px; background-position: 1em; } } @media (max-width: 979px) and (min-width: 768px) { #header { background-size: auto 88px; } } @media (max-width: 767px) and (min-width: 581px) { #header { background-size: auto 77px; } } @media (max-width: 580px) and (min-width: 480px) { #header { background-size: auto 66px; } } @media (max-width: 479px) { #header { background-size: auto 65px; } } /* HIDE THE HEADER TEXT */ #header h1 a { color: transparent; text-shadow: none; } #header h2 span { color: transparent; text-shadow: none; } /* TOP MENU */ #top-bar a { color: #bbb; color: var(--light); } #top-bar ul li ul { border: solid 1px #666; border: solid 1px var(--mid-dark); box-shadow: 0 2px 6px rgba(0,0,0,.5); } #top-bar ul li a { border-left: solid 1px rgba(64,64,64,.1); border-right: solid 1px rgba(64,64,64,.1); } #top-bar ul li.sfhover a, #top-bar ul li:hover a { background: #333; background: var(--dark); color: #e5e5e5; color: var(--neutral); border-left: solid 1px rgba(64,64,64,1); border-right: solid 1px rgba(64,64,64,1); } #top-bar ul li.sfhover ul li a, #top-bar ul li:hover ul li a { border-top: 1px solid #333; border-top: 1px solid var(--dark); } #top-bar ul li.sfhover a:hover, #top-bar ul li:hover a:hover { background: #999; background: var(--mid-light); } #top-bar ul li ul a, #top-bar a:hover { color: #e5e5e5; color: var(--neutral); } /* SIDE MENU */ .menu-item > .image { filter: hue-rotate(236deg) saturate(50%) brightness(111%) !important; -webkit-filter: hue-rotate(236deg) saturate(50%) brightness(111%) !important; } #side-bar .side-block { border: 1px solid #333; border: 1px solid var(--dark); background: #e5e5e5; background: var(--neutral); border-radius: 0px; box-shadow: 0 2px 6px rgba(102,102,102,.5); } #side-bar .heading { color: #333; color: var(--dark); border-bottom: solid 1px #000880; border-bottom: solid 1px var(--sapphire); } #side-bar p { margin: 0; } #side-bar div.menu-item { margin: 2px 0; } #side-bar .collapsible-block-folded { background: none; } #side-bar .collapsible-block-unfolded-link { border-bottom: solid 1px #333; border-bottom: solid 1px var(--dark); } #side-bar .collapsible-block-unfolded-link .collapsible-block-link { color: #333; color: var(--dark); } #side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover { color: #666; color: var(--mid-dark); } #side-bar .floating-ad img { border-radius: 0px; filter: hue-rotate(236deg) saturate(50%) brightness(111%); -webkit-filter: hue-rotate(236deg) saturate(50%) brightness(111%); } /* SIDEBAR CHANGES PER NAV UPDATE */ #side-bar .side-block[style="background-color: #fff0f0;"] { background-color: #E5E5E5 !important; background-color: var(--neutral) !important; } #side-bar .side-block[style="background-color: #e5e5ff;"] { background-color: #E5E5E5 !important; background-color: var(--neutral) !important; } /* YUI-TABS */ .yui-navset .yui-content { background-color: #e5e5e5; background-color: var(--neutral); } .yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a { background-color: #333; background-color: var(--dark); } .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a:focus, /* NO FOCUS EFFECT FOR SELECTED */ .yui-navset .yui-nav .selected a:hover { /* NO HOVER EFFECT FOR SELECTED */ background: #333; background: var(--dark); /* SELECTED TAB BACKGROUND */ color: white; } .yui-navset .yui-nav a:hover, .yui-navset .yui-nav a:focus { background: #bbb; background: var(--light); text-decoration: none; } .yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav { border-color: #333; border-color: var(--dark); } .yui-navset li { line-height: normal; } /* AYERS' INFO MODULE */ :root { --cutColour: #050505; --barColour: #151A61; } /* INFO PANE */ .rate-box-with-credit-button { background-color: #151a61 !important; background-color: var(--sapphire-muted) !important; border: 1px solid #151a61 !important; border: 1px solid var(--sapphire-muted) !important; border-radius: 0 !important; box-shadow: 1px 1px 3px rgba(0,0,0,.5) !important; } .rate-box-with-credit-button .creditButton p a { border-left-color: #666999 !important; border-left-color: var(--sapphire-light); } .rate-box-with-credit-button .page-rate-widget-box .cancel { border-radius: 0; } .rate-box-with-credit-button .fa-info:hover { color: #666999 !important; color: var(--sapphire-light) !important; } .rate-box-with-credit-button .page-rate-widget-box .rate-points { border-left: 0; } .close-credits { filter: hue-rotate(236deg); } .modalbox { box-shadow: 0 1px 10px rgba(39,51,221,.3) !important; } /* RATING MODULE */ div.page-rate-widget-box .rate-points { background-color: #151a61 !important; background-color: var(--sapphire-muted) !important; border: solid 1px #151a61 !important; border: solid 1px var(--sapphire-muted) !important; border-radius: 0; } .page-rate-widget-box .rateup, .page-rate-widget-box .ratedown { background-color: #e5e5e5; background-color: var(--neutral); border-top: solid 1px #151a61; border-top: solid 1px var(--sapphire-muted); border-bottom: solid 1px #151a61; border-bottom: solid 1px var(--sapphire-muted); font-weight: bold; } .page-rate-widget-box .rateup a, .page-rate-widget-box .ratedown a { background: none; color: #151a61; color: var(--sapphire-muted); padding: 0 4px; margin: 0 1px; } .page-rate-widget-box .rateup a:hover, .page-rate-widget-box .ratedown a:hover { background: #151a61; background: var(--sapphire-muted); color: white; text-decoration: none; } .page-rate-widget-box .cancel { background-color: #151a61; background-color: var(--sapphire-muted); border: solid 1px #151a61; border: solid 1px var(--sapphire-muted); border-left: 0; border-radius: 0; } .page-rate-widget-box .cancel a { background: transparent; color: #666999; color: var(--sapphire-light); } .page-rate-widget-box .cancel a:hover { border-radius: 0; background: #151a61; background: var(--sapphire-muted); color: white; text-decoration: none; } @media (max-width: 767px) { #top-bar .open-menu a { border: 0.2em solid #999; border: 0.2em solid var(--mid-light); background-color: white; color: #999; color: var(--mid-light); } #side-bar { background-color: #666999; background-color: var(--sapphire-light); } } /*INTERWIKI */ #interwiki body{ overflow: hidden; } #interwiki .side-block{ background: hsl(127, 50%, 94%); border-color: var(--dark); border-radius: 0; box-shadow: 0 2px 6px hsla(0, 0%, 40%, .5); } #interwiki .heading{ color: var(--dark); border-color: var(--sapphire); } /* MOBILE VIEW */ @media (max-width: 479px) { div.sapphire-excerpt { margin: 1em 0; } } @media (min-width: 480px) and (max-width: 580px) { div.sapphire-excerpt { margin: 0.5em; } } @import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700&display=swap); /* Centered Header Sigma-9 * [2021 Wikidot Component] * By Lt Flops (CC BY-SA 3.0) * Forked from: * Penumbra Theme by EstrellaYoshte * Also based on: * Centered Header BHL by Woedenaz **/ /* ---- VARS ---- */ :root{ --titleColor: hsl(0, 0%, 95%); --subtitleColor: hsl(60, 62%, 85%); --lgurl: url(https://scp-pl.wdfiles.com/local--files/theme%3Aargus-theme/arguslogo); } /* ---- SITE BANNER ---- */ #header, div#header{ background-image: none; } #header::before{ position: absolute; width: 100%; height: 100%; content: ""; background-image: var(--lgurl); background-position: center top; background-repeat: no-repeat; background-size: auto 10.55em; opacity: 1; } #header h1, #header h2{ float: none; margin-left: 0; text-align: center; } #header h1 span, #header h2 span{ /* Hide the Existing Text */ display: none; } #header h1 a::before, #header h2::before{ /* Style the New Text */ font-family: "Montserrat", "Arial", sans-serif; text-shadow: none; } #header h1 a::before{ position: relative; bottom: .15em; color: var(--titleColor); font-size: 115%; font-weight: 700; } #header h2::before{ position: relative; top: .1em; color: var(--subtitleColor); font-size: 130%; font-weight: 600; } #header h1 a::before{ /* Set the New Text's Content From Variable */ content: var(--header-title, " "); } #header h2::before{ content: var(--header-subtitle, " "); } /* ---- SEARCH ---- */ #search-top-box{ top: 1em; right: 0; } #search-top-box-form input.button{ margin-right: 0; } #search-top-box-input, #search-top-box-input:hover, #search-top-box-input:focus, #search-top-box-form input[type=submit], #search-top-box-form input[type=submit]:hover, #search-top-box-form input[type=submit]:focus{ border-radius: 0; box-shadow: none; font-size: 100%; } /* ---- TOP BAR ---- */ #top-bar{ right: 0; display: flex; justify-content: center; } #top-bar ul li ul{ border-bottom: 1px solid hsl(0, 0%, 40%); box-shadow: none; } /* ---- LOGIN ---- */ #login-status{ top: 1.1em; right: initial; color: hsl(0, 0%, 87%); } #account-topbutton{ border-color: hsl(0, 0%, 87%); font-size: 100%; } /* ---- PAGE TITLE ---- */ .meta-title, #page-title{ text-align: center; } /* ---- BREADCRUMBS ---- */ .pseudocrumbs, #breadcrumbs{ text-align: center; } /* ---- MOBILE DISPLAY ---- */ @media (max-width: 767px){ #search-top-box{ top: 1.85em; width: unset; } .mobile-top-bar{ position: relative; left: 0; display: flex; justify-content: center; } #login-status{ top: 0; right: 0; } #header .printuser{ font-size: 0; } #header .printuser img.small{ margin: 0; transform: translate(6px, 4px); } #my-account{ display: none; } #account-topbutton{ margin-left: 2px; } }





