海洋史诗版式
这是为设定海洋史诗所制作的版式。
在你的作品开头添加如下语法以应用此版式:
[[module CSS]]
@import url(http://scp-wiki-mc.wikidot.com/theme:the-epic-of-the-ocean/code/1);
[[/module]]
示例
可通过五个连字符“-----”创建水平分割线。若它未被放在其他部件(诸如引用块)中,则会左右延伸贯穿页面。这种将文件分割为多个部分的线就是分割线。
标题可通过在一行字起始处输入1至6个加号“+”来创建
这是一个引用块,在一行字的起始处加上“> ”来创建。
更多文字
一条分割线
嵌套引用块
这是 | 表格 |
---|---|
你应该老早 | 就知道怎么 |
做这个了吧 |
源代码:
/* 来自wikidot,作者guzl,一部分代码来源于打鲨鱼中心与优化Minecraft版式*/ /* 顶部 */ #header h1 a::before { content: "海洋史诗"; color: #0c499c; } #header h1 a span{ display: block; content: " "; visibility: hidden; } #header h2 { margin-left: 120px; padding: 0; clear: left; float: left; font-size: 105%; max-height: 38px; } #header h2 span { display: block; margin: 0; padding: 19px 0; line-height: 0px; max-height: 0px; font-weight: bold; color: transparent; text-shadow: none; } #header h2 span::before { content: "海洋之下,暗流涌动"; display: block; margin: 0; padding: 0px 0; line-height: 0px; max-height: 0px; font-weight: bold; color: #f0f0f0; } #header { background-image: url(http://scpsandboxcn.wikidot.com/local--files/guzl/logo.png); } /* 背景 */ div#container-wrap { background: url(http://scpsandboxcn.wikidot.com/local--files/guzl/background.png) top left repeat-x; } div#header h1 a span { font-size: 0px; } body { background-color:#ffffff ; font-size: 0.80em; color: #333; } /* Source: https://commons.wikimedia.org/wiki/File:Noun_project_758.svg */ #side-bar .heading { color: #0e7dcd; border-bottom: solid 1px #0e7dcd; } #side-bar div.menu-item.inactive a { color: #0b65c0; } #side-bar a:visited { color: #0c499c; } #side-bar div.menu-item .sub-text { color: #0b65c0; } #side-bar .collapsible-block-folded { background-image: none; } #side-bar .collapsible-block-unfolded-link { border-bottom: solid 1px #0b65c0; } #side-bar .collapsible-block-unfolded-link .collapsible-block-link { color: #0b65c0; } .interwiki_title { color: #0b65c0; } .interwiki_entry a { color: #0b65c0; } /* 链接 */ a { color: #0c499c; text-decoration: none; background: transparent; } a.newpage { color: #0c499c; text-decoration: none; background: transparent; } /* 信息面板 */ .rate-box-with-credit-button { background-color: #132639 !important; border-color: #0b65c0 !important; } .page-rate-widget-box{ border: none !important; } .rate-box-with-credit-button .fa-info { border-color: #0b65c0 !important; color: #f3f3f3 !important; } .rate-box-with-credit-button .fa-info:hover { color: #3182d3 !important; } .rate-box-with-credit-button .cancel { border: none !important; } .close-credits{ filter: hue-rotate(210deg); } /* 投票 */ .page-rate-widget-box .rate-points { background-color: #132639 !important; border: solid 1px #0b65c0; } .page-rate-widget-box .rateup, .page-rate-widget-box .ratedown { background-color: 132639; border-top: solid 1px #0b65c0; border-bottom: solid 1px #0b65c0; font-weight: bold; } .page-rate-widget-box .rateup a, .page-rate-widget-box .ratedown a { background: 132639; color: #0b65c0; padding: 0 4px; margin: 0 1px; } .page-rate-widget-box .rateup a:hover, .page-rate-widget-box .ratedown a:hover { background: #132639; color: #0b65c0; text-decoration: none; } .page-rate-widget-box .cancel { background-color: #132639; border: solid 1px #0b65c0; border-left: 0; border-radius: 0 5px 5px 0; } .page-rate-widget-box .cancel a { background: transparent; text-transform: uppercase; color: #0b65c0; } .page-rate-widget-box .cancel a:hover { border-radius: 0 3px 3px 0; background: #132639; color: #fffff0; text-decoration: none; } /* 标题 */ h1, #page-title { color: #0c499c; } /* 下拉栏 */ #top-bar ul li.sfhover a, #top-bar ul li:hover a { color: #0c499c; } /* 搜索栏 */ #search-top-box-input { border: solid 1px #0b65c0; background-color: #0b65c0; } #search-top-box-input:hover, #search-top-box-input: focus{ border: solid 1px #0b65c0; background-color: #132639; } #search-top-box-form input[type=submit] { border: solid 1px #0b65c0; background-color: #132639; color: #0b2447; background: linear-gradient(to bottom,#2373cd,#319ec2); } #search-top-box-form input[type=submit]:hover, #search-top-box-form input[type=submit]:focus { border: solid 1px #0b65c0; color: #0b2447; background-color: #132639; background: linear-gradient(to bottom, #2373cd,#319ec2); } /* 引用块,来自Dr Hormress */ blockquote, div.blockquote { border: solid 16px; border-image: url("http://ah-sandbox.wikidot.com/local--files/theme:better-minecraft-theme/blockquote_bg.png"); border-image-slice: 8 8 8 8 fill; background-color: transparent; } /* 大概是更改语言栏的颜色?大概用不着 */ @media (max-width: 767px) { #side-bar{background-color: #0b65c0} } /* tab,来自Dr Hormress */ .danke{ padding: 5px 5px 5px 15px; margin-bottom:10px; font-family: monospace; font-size: 1.1em; } .agent{ background-color:#002200; border: 3px solid #55AA55; color: #77CC77; } .site{ background-color:#222200; border: 3px solid #AAAA55; color: #DDDD77; } /* YUI Tabview */ .yui-navset .yui-content { border: solid 16px; border-image: url("http://ah-sandbox.wikidot.com/local--files/theme:better-minecraft-theme/tabview_bg.png"); border-image-slice: 8 8 8 8 fill; background-color: transparent; } .yui-navset .yui-nav .selected { border: solid 16px; border-image: url("http://ah-sandbox.wikidot.com/local--files/theme:better-minecraft-theme/tabview_btn_bg_1.png"); border-image-slice: 8 8 8 8 fill; background-color: transparent; padding: -14px; } .yui-navset .yui-nav li { border: solid 16px; border-image: url("http://ah-sandbox.wikidot.com/local--files/theme:better-minecraft-theme/tabview_btn_bg_2.png"); border-image-slice: 8 8 8 8 fill; background-color: transparent; padding: -14px; } .yui-navset ul { border: none !important; } .yui-navset .yui-nav .selected, .yui-navset .yui-nav li { margin: 0; } .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, .yui-navset .yui-nav a, .yui-navset .yui-nav a:hover, .yui-navset .yui-nav a:focus, .yui-navset .yui-navset-top .yui-nav a { background-image: none !important; background: none !important; border: none !important; } .yui-navset li *, .yui-navset .selected * { border: none !important; } .yui-navset li a, .yui-navset .selected a { margin: -14px !important; } .yui-navset li a { color: var(--dark-grey) !important; background-image: none !important; } .yui-navset .yui-nav .selected { margin-bottom: -6px; padding-bottom: 6px; }
页面版本: 10, 最后编辑于: 15 Jan 2023 18:02