裂解之绪 版式
一切正常的生命,彼得,都会有意识或无意识地对控制感到愤恨。如果这种控制来自能力低下的一方或据说能力低下的一方,这种愤恨就会更加强烈。
世事如此,既为如此
原初之物已得处置
其陵寝已被封印
其棺椁已被禁锢
一旦永恒之日来临,其终末亦随之而至
衡量秩序的标尺也将漂移
它的末日终将来临
这是为“裂解之绪”系列所制作的版式。首篇作品为SCP-3426。
在你的作品开头添加如下语法以应用此版式:
[[include :scp-wiki-cn:theme:shattered-thoughts]]
以下为此版式中不同属性的示例。

一副令人毛骨悚然的图像和说明文字。
1 级标题
2 级标题
3 级标题
4 级标题
5 级标题
6 级标题
粗体 | 斜体 | 下划线 | 删除线 | teletype text 上标下标
可通过五个连字符“-----”创建水平分割线:
一条鱼
两条鱼
死去的鱼
蓝色的鱼
梅森 | 这些 |
---|---|
表格 | 是 |
什么意思?! |
@charset "utf-8"; @import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap'); body { background-color: #363940; color: #ffffff; font-family: 'Open Sans', '黑体', sans-serif; } #content-wrap { text-shadow: 0.0625rem 0.0625rem 0.0625rem #000000; } /* -=- HEADER -=- */ #header { background-image: none; padding-bottom: 1.875rem; } #header h1 a span, #header h2 span { display: none; } #header h1 a::before { color: #ffffff; content: "裂解之绪"; font-family: 'Open Sans', '黑体', sans-serif; font-size: 2.3rem; text-shadow: 0rem 0rem 0.3125rem #000000; } #header h2::before { color: #ffffff; content: "破碎之心"; font-family: 'Open Sans', '黑体', sans-serif; font-size: 0.9rem; font-style: italic; font-weight: bold; margin-left: 2.5rem; position: relative; top: 0.625rem; } /* -=- HEADER BACKGROUND -=- */ div#container-wrap { background: url("http://scp-wiki.wdfiles.com/local--files/theme%3Ashattered-thoughts/shatteredthoughtsbackground_smaller.png") top left repeat-x; background-size: 100%; } /* -=- LINKS -=- */ a, a.newpage { color: #0eadf7; } a:visited { color: #2f96ff; } /* -=- BLOCKQUOTE -=- */ div.blockquote, blockquote { background: rgba(9, 0, 135, 0.11); border: 0.125rem dotted #a0c7ff; } /* -=- OWINDOWS -=- */ .owindow, .owindow h1, .owindow .button-bar a { color: #000000; text-shadow: none; } /* This simply changed the karma bar colors in that user info pop-up menu. No functional purpose besides it looks neat, really. */ .modal-body td img[src*="userkarma.php"] { filter: hue-rotate(150deg); } .owindow ::selection { background: #cfeaff; } /* -=- RATING MODULE -=- */ .page-rate-widget-box { box-shadow: 0.0625rem 0.0625rem 0.1875rem #000000; margin-top: 0.625rem; } .page-rate-widget-box .rate-points { background-color: rgba(0, 0, 132, 0.4) !important; border: none; } .page-rate-widget-box .rateup, .page-rate-widget-box .ratedown, .page-rate-widget-box .cancel, #page-content .rate-box-with-credit-button { background-color: rgba(0, 0, 132, 0.4); border: none; } .page-rate-widget-box .rateup a, .page-rate-widget-box .ratedown a, .page-rate-widget-box .cancel a { background: transparent; color: #ffffff; transition-duration: 1s; } .page-rate-widget-box .rateup a:hover, .page-rate-widget-box .ratedown a:hover, .page-rate-widget-box .cancel a:hover { background: rgba(226, 238, 255, 0.1); transition-duration: 1s; } /* -=- INFO MODULE -=- */ #page-content .rate-box-with-credit-button .page-rate-widget-box .rate-points { background-color: transparent !important; } #page-content .rate-box-with-credit-button .page-rate-widget-box .rateup, #page-content .rate-box-with-credit-button .page-rate-widget-box .ratedown, #page-content .rate-box-with-credit-button .page-rate-widget-box .cancel { background-color: transparent; } #page-content .rate-box-with-credit-button .creditButton p a { border-left-color: #ffffff; } #page-content .creditButtonStandalone p a { background-color: rgba(0, 0, 132, 0.4); box-shadow: 0.0625rem 0.0625rem 0.1875rem #000000; } #page-content .creditButtonStandalone p a:hover { background-color: #3498db; } #page-content .modalbox { text-shadow: none; color: #000000; } /* -=- PAGE TITLE AND H1 -=- */ #page-content h1, #page-title, #action-area h1 { color: #e0ebff; } #page-title, #action-area h1 { margin: auto; text-align: center; } /* -=- SEARCH BAR -=- */ #search-top-box-input, #search-top-box-input:hover, #search-top-box-input:focus { background-color: #00235e; border-color: #333333; border-radius: 0.3125rem; color: #3f87ff; opacity: 0.8; padding: 0.125rem; } #search-top-box-form input[type=submit], #search-top-box-form input[type=submit]:hover, #search-top-box-form input[type=submit]:focus { background-color: #002970; border: none; border-radius: 0rem; color: #ffffff; } /* -=- TOP BAR -=- */ #top-bar { background: linear-gradient(to right, transparent 50%, #0b1d51 75%, transparent 100%); } #top-bar ul li a { border: none; color: #4bb1ff; } #top-bar ul li.sfhover a, #top-bar ul li:hover a, #top-bar ul li.sfhover ul li a, #top-bar ul li:hover ul li a { background: rgba(0, 85, 155, 0.9); border: none; color: #ffffff; } #top-bar ul li.sfhover a:hover, #top-bar ul li:hover a:hover { background: #00559b; color: #e6e6e6; } #top-bar ul li.sfhover ul li a #top-bar ul li:hover ul li a { padding-bottom: 0.0938rem; padding-top: 0.0938rem; } #top-bar ul li ul { border: 0.0625rem solid #2477ac; } #top-bar .open-menu a { background-color: #e4e9ff; border-color: #6677a8; color: #6677a8; } /* -=- SIDEBAR -=- */ #side-bar .heading { color: #cce7ff; font-size: 130%; border-color: #000000; } #side-bar div.menu-item > img { background: url("http://scp-wiki.wdfiles.com/local--files/theme%3Ashattered-thoughts/diamondblue.png"); box-sizing: border-box; padding-left: 0.8125rem; } #side-bar div.side-block { background: #494c56 !important; border: 0.3125rem double #1d2124; box-shadow: 0 0.125rem 0.375rem #1d2124; opacity: 0.8; text-shadow: 0.0625rem 0.0625rem 0.0625rem #000000; } #side-bar a, #side-bar a:visited { color: #00c2ff; } #side-bar .collapsible-block-folded { background: none; } #side-bar .collapsible-block-unfolded-link { border-color: #000000; } #side-bar .collapsible-block-unfolded-link .collapsible-block-link, #side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover { color: #cce7ff; font-size: 130%; } /* -=- TABBERS -=- */ .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-nav .selected a:hover { background-color: rgb(69, 171, 249, 0.7); background-image: none; border: none; } .yui-navset .yui-nav a, .yui-navset .yui-nav a:hover, .yui-navset .yui-nav a:focus { background-color: #0074ff4f; background-image: none; border: none; color: #ffffff; } .yui-navset .yui-content { background: rgba(9, 0, 135, 0.11); border: 0.125rem dotted #5878b2; } .yui-navset .yui-nav { border: none; padding-bottom: 0.0625rem; } .yui-navset .yui-nav a em { border: none; } /* -=- USER INFO -=- */ #login-status, #login-status a { color: #12b4ff; text-shadow: 0.0625rem 0.0625rem 0.0625rem #000000; font-weight: bold; } #account-options li a, #account-options li a:hover { color: #e4f7ff; text-shadow: none; } #account-options { border: none; } #account-options ul { background-color: #1f68d2; opacity: 0.8; } /* -=- IMAGES -=- */ .scp-image-block .scp-image-caption { background-color: #747474; } /* -=- TABLES -=- */ table.wiki-content-table td { border: 0.0625rem dotted #a0c7ff; background: rgba(9, 0, 135, 0.11); } table.wiki-content-table th { border: 0.0625rem solid #bbb; background: #747474; } /* -=- CODE MODULE -=- */ .code { text-shadow: none; } /* -=- MISCELLANEOUS -=- */ /* In the files, when the menu is expanded, .highlight's background is #EEE, which gives poor constrast with the link color. */ table.page-files .highlight { background-color: transparent; } /* Changes the top border of the tags section, which is typically colored #888, to match the theme better. */ .page-tags span { border-top: solid 0.0625rem #2477ac; } /* Changes the colors of the layout in the History tab of the page, which constrasts heavily with the background theme. */ .pager a, .pager a:hover, .optionstd a, .optionstd a:hover { color: #ffffff; background: rgba(0, 85, 155, 0.9); border: solid 0.0625rem #2477ac; } /* While the page is saving and loading, there is a popup on the screen. This popup was difficult to read due to the body's properties (color being white), so this changed the background to be more thematically appropriate and legible. */ .owait, .osuccess { background-color: #00559b; color: #ffffff; text-shadow: 0.0625rem 0.0625rem 0.0625rem #000000; border: solid 0.0625rem #2477ac; opacity: 0.95; } /* Similar to above, but required an !important and different target apparently. */ .owait div.modal-body { color: #ffffff !important; } /* The text below the editing menu, specifically "Max 200 characters [...]" and "You have an exclusive 15-minute lock[...]" */ form div.sub { color: #b7b7b7; } /* Specifically the "You have an exclusive[...]" text box. Changes color and text-shadow for legibility. */ #lock-info { color: #3d3d3d; text-shadow: none; } /* The grow/shrink buttons on the bottom right of the editor. Changes to be more legible. */ .change-textarea-size a.btn { color: #000000; } /* Changes color of aforementioned buttons on hover. */ .change-textarea-size a:hover { text-decoration: none; background: #ffffff; } /* When a page is parented, its parent is listed as a "breadcrumb" for some reason. This modifies the parented page backlink near the top. Can be seen here: https://scp-wiki.wikidot.com/exploration-log-3426 */ #breadcrumbs { margin: 0.5em 0 1em; font-size: 80%; text-align: center; } /* Changes selection color. */ ::selection { background: #004777; } /* Changes seleciton color for specific menus to increase legibility of highlighted text. */ textarea::selection, input.text::selection, #lock-info::selection, span#lock-timer::selection, .code span::selection { background-color: #8ac8f9; } /* Preview message when previewing a page in the upper-right corner. */ .preview-message { background-color: #00559b; color: #ffffff; text-shadow: 0.0625rem 0.0625rem 0.0625rem #000000; border: solid 0.0625rem #2477ac; opacity: 0.95; } /* Changes the color of the text at the very bottom of the page. */ #license-area { color: #ffffff; } /* -=- FOOTNOTES -=- */ .hovertip { background: #00559b !important; border: solid 0.0625rem #2477ac !important; color: #ffffff; text-shadow: 0.0625rem 0.0625rem 0.0625rem #000000; opacity: 0.94; } /* -=- MEDIA SELECTORS -=- */ @media screen and (max-width: 50rem) { #header h1 a::before { font-size: 1.7rem; margin-left: 1.2rem; } #header h1 { margin-left: 0.75rem; } #header h2 { margin-left: 0.75rem; } #side-bar { position: fixed; z-index: 30; background-color: rgba(11, 29, 81, 0.93); } }
页面版本: 4, 最后编辑于: 16 Apr 2022 08:15