新木易 CSS 外觀主題
您正在查詢的標題為:關注組織
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
您正在查詢的標題為:機動特遣隊
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
您正在查詢的標題為:基金會設施
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
您正在查詢的標題為:員工與角色檔案
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
您正在查詢的標題為:世界線中心頁
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
您正在查詢的標題為:系列檔案室
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
您正在查詢的標題為:競賽資料庫
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
您正在查詢的標題為:異常物品紀錄
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
您正在查詢的標題為:超常事件紀錄
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
您正在查詢的標題為:未解明地點列表
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
您正在查詢的標題為:基金會故事
在多個資料庫中發現符合該標題的文件
請選擇欲查詢的資料來源,或按此取消
新木易 CSS 外觀主題
評分:
評分與著作信息模塊:
作品著作資訊
將以下的語法添加在作品的開頭即可套用模板:
[[include :scp-zh-tr:theme:new-mu-yi]]
範例格式
經典圖片框
標題
2級標題
3級標題
4級標題
5級標題
6級標題
CSS Theme Code
/* New Mu Yi CSS Theme [2022 Wikidot Theme] Created by c_bonefish and Denevola Logo-image: https://pixabay.com/vectors/bamboo-green-leaves-plant-trees-149590/ CC BY-SA 3.0 */ @import url('https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Noto+Serif+TC:wght@700&display=swap'); /* Header */ div#container-wrap { background: url('http://scpkrsandbox.wikidot.com/local--files/theme:wallowing-g/muyi-back2') center top repeat-x; background-size: 1300px; } #header { height: 230px; background-image: url('http://scpkrsandbox.wikidot.com/local--files/theme:wallowing-g/muyi-logo'); background-position: 50% 37%; background-repeat: no-repeat; background-size: 250px auto; } #header h1 a { position: absolute; font-size: 100%; text-align: center; text-shadow: none; left: 0; top: 0; width: 100%; height: 100%; } #header h1 a::before { content: " "; color: #00000000; width: 100%; height: 100%; } #header h2, #header h1 a span, #header h2 span { display: none; } /* Login & Search & Top Bar */ #login-status { position: absolute; top: 3px; color: #1E3138; z-index: 2; } #login-status a { color: #1E3138; font-weight: bold; } #account-topbutton { border-color: #1E3138; } #login-status ul a { color: #1E3138 !important; } #search-top-box { position: absolute; top: 30px; right: 0; width: 250px; text-align: right; z-index: 1; } #search-top-box-form { display: inline-flex; } #search-top-box-form > input { -webkit-appearance: none; -webkit-border-radius: 0; border-radius: 5px; } #search-top-box-input { background-color: #1E3138; border: solid 1px #1E3138; color: #E5E3D7; } #search-top-box-input:hover, #search-top-box-input:focus { box-shadow: inset 1px 1px 5px rgb(0 0 0 / 50%); color: #000000 !important; } #search-top-box-form input[type=submit] { padding: 2px 5px; background: #1E3138; box-shadow: 0 1px 3px rgba(0, 0, 0, .5); border: solid 1px #E5E3D7; color: #E5E3D7; font-size: 90%; } #search-top-box-form input[type=submit]:hover, #search-top-box-form input[type=submit]:focus { background: #1E3138; } #top-bar { display: flex; justify-content: center; top: 218px; width: 100%; z-index: 20; } #top-bar a { color: #E5E3D7; } #top-bar ul li.sfhover a, #top-bar ul li:hover a { background: #E5E3D7; border-color: transparent; color: #1E3138; } #top-bar ul li.sfhover a:hover, #top-bar ul li:hover a:hover { background: #E5E3D7; } #top-bar ul li ul, #top-bar ul li ul li ul { border-color: rgba(0, 0, 0, .4); } #top-bar ul li.sfhover ul li a, #top-bar ul li:hover ul li a { border-color: rgba(0, 0, 0, .1); } #top-bar ul li.sfhover ul li ul a, #top-bar ul li:hover ul li ul a { border-top: none; } .top-bar { position: relative; margin: 0 auto; } .c_topbar_arrow { color: #F2F0E4; } /* Page Elements */ #page-title, .meta-title { color: #1E3138; font-size: 2.1em; font-weight: bold; font-family: 'Do Hyeon', sans-serif; font-family: 'Noto Serif TC', serif; } #content-wrap { margin: 30px auto 0; } h1, h2, h3, h4, h5, h6 { color: #1E3138; font-weight: bold; font-family: 'Do Hyeon', sans-serif; font-family: 'Noto Serif TC', serif; } body { background-color: #E5E3D7; color: #000000; } a:link { color: #1E3138; } a:visited { color: #375966; } .hovertip { background-color: #E5E3D7 !important; border: 2px solid #1E3138 !important; color: #000000 !important; } .scp-image-block { background: #E5E3D7; border: 1px solid #1E3138; box-shadow: 0 1px 3px rgba(0, 0, 0, .5); } .scp-image-block .scp-image-caption { padding-top: 1em; background: #E5E3D7; border-top: none; font-size: 85%; } .scp-image-block img { box-shadow: 0 0 1px black; } /* ---- SCROLLBAR ---- */ ::-webkit-scrollbar { width: unset; height: unset; } ::-webkit-scrollbar-track { background: #E5E3D7; } ::-webkit-scrollbar-thumb { background: #1E3138; border: none; } ::-webkit-scrollbar-thumb:hover { background: #BFBDB2; } textarea::-webkit-scrollbar-track { background: #E5E3D7; } /* Side Bar */ #side-bar { background: none; } #side-bar .side-block, #side-bar .side-block.media, #side-bar .side-block.resources { background-color: #E5E3D7; border: 2px solid #1E3138; border-radius: 10px 0; } #side-bar .heading, #side-bar .collapsible-block-unfolded-link { border-bottom: solid 1px #000000; color: #000000; } #side-bar .collapsible-block-folded-link .collapsible-block-link:hover, #side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover { color: #1E3138; } #side-bar .collapsible-block-folded-link .collapsible-block-link, #side-bar .collapsible-block-unfolded-link .collapsible-block-link { color: #000000; } #side-bar .menu-item .image, #side-bar .collapsible-block-folded, #side-bar .collapsible-block-unfolded-link .collapsible-block-content .image { filter: hue-rotate(200deg); } #side-bar .collapsible-block-folded a:link { filter: hue-rotate(-200deg); } #side-bar a:link { color: #1E3138; } #side-bar a:visited { color: #375966; } #side-bar a:link:hover, #side-bar a:visited:hover { color: #456F80; } .scpnet-interwiki-frame { filter: invert(1) hue-rotate(245deg) saturate(.8); } #top-bar .open-menu a { border-color: #000000; color: #000000; } /* Tab */ div.yui-navset ul.yui-nav a, div.yui-navset ul.yui-nav a:hover, div.yui-navset ul.yui-nav .selected a, div.yui-navset ul.yui-nav .selected a:hover, div.yui-navset ul.yui-nav .selected a:focus { background: none; border: none; } .yui-navset { clear: both; margin-bottom: 1em; box-shadow: 0 1px 2px rgba(0, 0, 0, .5); } .yui-navset .yui-nav { border: 1px solid gainsboro; border-bottom: none; } .yui-navset .yui-nav li { margin-right: 10px !important; } .yui-navset .yui-nav li:first-child { margin-left: 1.5em; } .yui-navset .yui-nav li a em { padding: 10px .75em .25em; margin-bottom: -1px; background: none; border: none; border-bottom: 4px solid transparent; color: gray; transition: .2s; } .yui-navset .yui-nav li a em:hover { background: none; } .yui-navset .yui-nav .selected a em, .yui-navset .yui-nav .selected a em:hover { padding: 10px .75em .25em; background: none; border: none; border-bottom: 4px solid #1E3138; color: #808080; font-weight: bold; } div.yui-navset div.yui-content { background: #E5E3D7; border: 1px solid gainsboro; } /* Rate Module */ .page-rate-widget-box { margin-right: 0; border: 2px solid #E5E3D7; background: #1E3138; box-shadow: none; } .page-rate-widget-box > span { border: none !important; } .page-rate-widget-box .rate-points { background: #1E3138 !important; color: #E5E3D7 !important; } .page-rate-widget-box .rateup, .page-rate-widget-box .ratedown { background: #1E3138; } .page-rate-widget-box .rateup a, .page-rate-widget-box .ratedown a { color: #E5E3D7; } .page-rate-widget-box .rateup a:hover, .page-rate-widget-box .ratedown a:hover { background-color: #E5E3D7; color: #1E3138; } .page-rate-widget-box .cancel { background: #1E3138; } .page-rate-widget-box .cancel a { color: #E5E3D7; font-weight: bold; } .page-rate-widget-box .cancel a:hover { background: #E5E3D7; border-radius: 0; color: #1E3138; } .creditRate { margin-right: 0 !important; } .rate-box-with-credit-button { background: #1E3138 !important; border: 2px solid #E5E3D7 !important; box-shadow: none !important; } .rate-box-with-credit-button .page-rate-widget-box { border: none; } .creditButton p a { border-left: none !important; color: #fff !important; } #page-content .rate-box-with-credit-button .fa-info { padding: 3px 0 1px; } #page-content .rate-box-with-credit-button .fa-info:hover { background: #E5E3D7; border-radius: 0 3px 3px 0; color: #1E3138 !important; } /* ---- EDITING WINDOWS ---- */ .owindow { background-color: #ffffff; border-color: #909090; } .owindow .modal-header { background-color: #ffffff; } .owindow .modal-body img { background-color: #ffffff !important; color: #000000; } .owindow .title { background-color: #ffffff; } .owindow a, .owindow a:visited { color: #CECECE; } .owindow .active { color: #000000; } .owindow .content.modal-body img { background-color: #727272 !important; } .owindow .button-bar a { background-color: #ffffff; color: #000000; } .owindow .button-bar a:hover, .owindow .button-bar a:focus { background-color: #ffffff !important; border-color: #999999; color: #000000; } table.page-files .highlight { background-color: #FBFBFB; } input.text, input.text:focus, input.text:hover { background-color: #ffffff !important; border-color: #999999; color: #000000; } textarea { background-color: #FEFEFE; color: #000000; } .change-textarea-size a { background-color: #ffffff; color: #000000; } #lock-info { background-color: #ffffff;} /* Blockquote */ blockquote, div.blockquote { background-color: #EBE8DD; border-style: dotted; } /* etc. */ @media (min-width: 581px) and (max-width: 767px) { #header { background-size: 180px; } } @media (min-width: 480px) and (max-width: 580px) { #header { background-size: 200px; } } @media (min-width: 321px) and (max-width: 479px) { #header { background-size: 180px; } } @media (max-width: 320px) { #header { background-size: 180px; } }
page revision: 7, 最後編輯於: 31 Aug 2022 06:36