版式
@import url("https://scp-wiki.wikidot.com/component:theme/code/1"); @import url("https://scp-wiki.wikidot.com/component:sigma-plus/code/1"); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700;900'); :root { --header-title: "G.R.U.“P”"; --header-subtitle: "即使分崩离析，我们仍为一体"; --gru-accent: #47D8C0; --gru-sub-accent: #FFF; --gru-light: #F5F5F5; --gru-dark: #222; --gru-sub-dark: #2E2E2E; --gru-shadow: 0 0 0.25rem var(--gru-accent); --gru-main-font: "Noto Sans SC", sans-serif; --gru-body-font: var(--gru-main-font); --gru-title-font: var(--gru-main-font); --gru-star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1235' height='1175'%3E%3Cpath d='M0,449h1235l-999,726 382-1175 382,1175z'/%3E%3C/svg%3E"); --gru-logo: url("data:image/svg+xml,%3Csvg version='1.1' id='GRU-P' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1235 1175' style='enable-background:new 0 0 1235 1175;' xml:space='preserve'%3E%3Cpath d='M1236,449H989.7c24.3,45,40.3,94,47,144.7L1236,449z'/%3E%3Cpath d='M246.3,449H0l199.3,144.7C206.1,543,222,494,246.3,449z'/%3E%3Cpath d='M916.8,948.8c-33.8,33.8-72.5,61.3-115.1,81.9L1000,1175l-76-233.7C921.6,943.8,919.2,946.3,916.8,948.8z'/%3E%3Cpath d='M319.2,948.8c-2.5-2.5-4.9-4.9-7.3-7.5L236,1175l198.4-144.4C391.7,1010,353,982.5,319.2,948.8z'/%3E%3Cpath d='M618,1047.5c-53.6,0-105.7-10.5-154.7-31.3c-47.3-20-89.8-48.7-126.3-85.2c-36.5-36.5-65.1-79-85.2-126.3 c-20.7-49-31.3-101.1-31.3-154.7c0-71,19-140.7,54.8-201.6c34.8-59,84.6-108.4,143.9-142.7c17.9-10.4,40.9-4.2,51.2,13.7 c10.4,17.9,4.2,40.9-13.7,51.2C357.3,428.2,295.5,535.2,295.5,650c0,177.8,144.7,322.5,322.5,322.5S940.5,827.8,940.5,650 c0-114.8-61.8-221.8-161.3-279.4c-17.9-10.4-24.1-33.3-13.7-51.2c10.4-17.9,33.3-24.1,51.2-13.7c59.3,34.3,109.1,83.7,143.9,142.7 c35.9,60.9,54.8,130.6,54.8,201.6c0,53.6-10.5,105.7-31.3,154.7c-20,47.3-48.7,89.8-85.2,126.3c-36.5,36.5-79,65.1-126.3,85.2 C723.7,1037,671.6,1047.5,618,1047.5z'/%3E%3Cpath d='M668,802.1c-14.5,0-28.2-8.4-34.4-22.5c-8.3-19,0.4-41.1,19.3-49.4c31.9-13.9,52.5-45.4,52.5-80.2 c0-48.2-39.3-87.5-87.5-87.5s-87.5,39.3-87.5,87.5c0,34.8,20.6,66.3,52.5,80.2c19,8.3,27.6,30.4,19.3,49.4 c-8.3,19-30.4,27.6-49.4,19.3c-59.2-25.9-97.5-84.3-97.5-149c0-89.6,72.9-162.5,162.5-162.5S780.5,560.4,780.5,650 c0,64.6-38.3,123.1-97.5,149C678.1,801.1,673,802.1,668,802.1z'/%3E%3Cpath d='M915.5,650c0-75.2-28.8-146.8-78.3-201H764L618,0L472,449h-73.2c-49.5,54.2-78.3,125.8-78.3,201c0,11.2,0.6,22.2,1.8,33 l59.5,43.2l-22.8,70.1c41.5,73.2,113.2,127.1,198.1,144.8l60.3-43.9l0-2l1,2l60.3,43.9c84.8-17.7,156.5-71.6,198.1-144.8l-22.8-70.1 l59.5-43.2C914.9,672.2,915.5,661.2,915.5,650z M618,837.5c-103.6,0-187.5-83.9-187.5-187.5S514.4,462.5,618,462.5 S805.5,546.4,805.5,650S721.6,837.5,618,837.5z'/%3E%3C/svg%3E"); --sp_header-gradient-top-color: var(--gru-dark); --sp_header-gradient-top-stop: .4; --sp_header-gradient-bottom-color: var(--gru-dark); --sp_header-gradient-bottom-stop: .95; --sp_diagonal-stripes-angle: 0deg; --sp_diagonal-stripes-width: .1rem; --sp_diagonal-stripes-gap: .2rem; --sp_diagonal-stripes-color: var(--gru-sub-dark); --sp_top-bar-height: 1.5rem; --sp_top-bar-gradient-top-color: var(--gru-dark); --sp_top-bar-gradient-bottom-color: var(--gru-dark); --sp_top-bar-link-color: var(--gru-sub-accent); --sp_top-bar-link-hover-color: var(--gru-dark); --sp_top-bar-link-hover-background: var(--gru-accent); --sp_dropdown-width: calc(8.25rem + 2.25vw); --sp_dropdown-background: var(--gru-accent); --sp_dropdown-link-color: var(--sp_top-bar-link-hover-color); --sp_dropdown-link-hover-color: var(--gru-accent); --sp_dropdown-link-background: transparent; --sp_dropdown-link-border: none; --sp_dropdown-link-hover-background: var(--gru-sub-dark); --sp_rate-module-text-color: var(--gru-sub-accent); --sp_rate-module-background: var(--gru-dark); --sp_rate-module-sub-color: var(--gru-sub-accent); --sp_rate-module-active-color: var(--gru-accent); --sp_rate-module-button-color: var(--sp_rate-module-background); --sp_rate-module-button-background: var(--gru-accent); --sp_rate-module-button-hover-color: var(--sp_rate-module-active-color); --sp_rate-module-button-hover-background: var(--gru-sub-dark); --sp_tab-text-color: var(--gru-accent); --sp_tab-background: var(--gru-dark); --sp_tab-border-color: var(--gru-accent); --sp_tab-hover-text-color: var(--sp_tab-text-color); --sp_tab-hover-background: var(--gru-sub-dark); --sp_tab-hover-border-color: var(--gru-accent); --sp_tab-selected-text-color: var(--gru-dark); --sp_tab-selected-background: var(--gru-accent); --sp_tab-selected-border-color: var(--gru-accent); --sp_hovertip-background: var(--gru-sub-dark); --sp_hovertip-border: none; } * { color: inherit; font-family: inherit; } body { font-family: var(--gru-body-font); color: var(--gru-light); background-color: var(--gru-dark); } div#header h1 a, div#header h2 span { color: var(--gru-sub-accent); text-shadow: var(--gru-shadow); font-family: var(--gru-title-font); font-weight: 900; } div#header::before { content: ""; font-size: 1rem; font-weight: 900; text-align: center; color: var(--gru-sub-accent); display: flex; align-items: center; justify-content: center; background-image: none; background-color: var(--gru-accent); mask-image: var(--gru-logo); mask-position: center center; mask-size: contain; mask-repeat: no-repeat; -webkit-mask-image: var(--gru-logo); -webkit-mask-position: center center; -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; } div#top-bar { box-shadow: 0 0.125rem 0 var(--gru-accent); } div#top-bar div ul li ul { border: none; border-top: solid 0.125rem var(--gru-accent); border-bottom: solid 0.125rem var(--gru-accent); box-shadow: none; } div#page-content div.top-bar, div#page-content div.mobile-top-bar { position: static; display: block; } div#search-top-box input[type="submit"] { background-image: none; background-color: var(--gru-accent); border: solid 0.125rem var(--gru-accent); border-radius: 0; color: var(--gru-dark); } div#search-top-box input[type="submit"]:hover, div#search-top-box input[type="submit"]:focus { background-image: none; background-color: var(--gru-dark); border: solid 0.125rem var(--gru-accent); border-radius: 0; color: var(--gru-accent); } div#login-status, div#login-status a, div#login-status span { color: var(--gru-accent); } a#account-topbutton { border: none; } div#account-options { width: var(--sp_dropdown-width); text-align: left; border: none; border-bottom: solid 0.125rem var(--gru-accent); background-color: var(--gru-sub-dark); } div#account-options ul li a:hover { text-decoration: none; background-color: var(--gru-accent); } /* SIDE BAR */ div#top-bar div.open-menu a { border-radius: 0; border: solid 0.125rem var(--gru-accent); color: var(--gru-accent); background-color: var(--gru-sub-dark); } div#top-bar div.open-menu a:hover { box-shadow: var(--gru-shadow); } div#side-bar * { background-size: 0 0; } div#side-bar div.side-block { border-radius: 0; border: solid 0.125rem var(--gru-accent); background-color: var(--gru-dark); box-shadow: none; } div#side-bar div.side-block div.heading, div#side-bar .collapsible-block-unfolded-link, div#side-bar .collapsible-block-unfolded-link .collapsible-block-link, div#side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover { color: var(--gru-sub-accent); border-bottom: solid 0.125rem var(--gru-sub-dark); } div#side-bar :not(.media) div.menu-item img { padding-left: 13px; box-sizing: border-box; overflow: hidden; background-color: var(--gru-accent); mask-image: var(--gru-star); mask-position: center center; mask-size: contain; mask-repeat: no-repeat; -webkit-mask-image: var(--gru-star); -webkit-mask-position: center center; -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; } div#side-bar div.logo-mini { margin: 0.5rem auto; width: 2rem; height: 2rem; background-color: var(--gru-accent); mask-image: var(--gru-logo); mask-position: center center; mask-size: contain; mask-repeat: no-repeat; -webkit-mask-image: var(--gru-logo); -webkit-mask-position: center center; -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; } @media (max-width: 767px) { div#side-bar { background-color: var(--gru-sub-dark); } } /* PAGE CONTENT */ a, a:visited, #side-bar a:visited, a.newpage { color: var(--gru-accent); } a:hover { text-shadow: var(--gru-shadow); } h1 { color: var(--gru-accent); } h1, h2, h3, h4, h5, h6 { font-family: var(--gru-title-font); font-weight: 700; } div#page-title, div.meta-title { color: var(--gru-sub-accent); font-family: var(--gru-title-font); font-weight: 300; border: none; padding: 0; margin: 0; } div#page-content { border: solid 0.125rem var(--gru-sub-dark); border-radius: 0.5rem; padding: 0.8rem; margin: 0.5rem 0; } div#page-content > :nth-child(1) { margin-top: 0; } div.scp-image-block { background-color: var(--gru-sub-dark); border: none; box-shadow: none; } /* div.scp-image-block.block-right { margin-right: 0; } div.scp-image-block.block-left { margin-left: 0; } */ div.scp-image-block img { width: calc(100% - 0.25rem) !important; border: solid 0.125rem var(--gru-accent); } div.scp-image-block div.scp-image-caption { width: auto !important; background-color: var(--gru-sub-dark); border-top: none; border-bottom: solid 0.125rem var(--gru-accent); } blockquote, div.blockquote, #toc { background-color: var(--gru-sub-dark); border: solid 0.125rem var(--gru-accent); } hr { height: 0.125rem; background-color: var(--gru-accent); margin-left: 0; margin-right: 0; } /* RATE MODULE */ div.page-rate-widget-box, div.rate-box-with-credit-button { margin: 0; padding: 0; border-radius: 0; box-shadow: 0; border: solid 0.125rem var(--gru-accent); } /* INPUT STYLES */ input#edit-page-title { max-width: 100%; width: 100%; } input, input#np-title, input#ep-title, input#edit-page-title, input#page-tags-input, input#upload-userfile, input#upload-dfilename, input#move-new-page-name, input.text, textarea, textarea#np-text, textarea#ep-text, textarea#edit-page-textarea, table.edit-page-bottomtable td div:not(.sub) textarea#edit-page-comments[name="comments"] { border: solid 0.125rem var(--gru-accent); background-color: var(--gru-sub-dark); color: var(--gru-light); } div#lock-info { border-color: transparent; background-color: var(--gru-sub-dark); } /* BUTTONS */ a.button.btn, div.owindow a.btn, div.options input.btn, div.options input.btn.btn-default, div.options input.btn.btn-primary, div.options input.btn.btn-sm, div.options input.btn.btn-small, div.options a.btn, div.options a.btn.btn-default, div.options a.btn.btn-primary, div.options a.btn.btn-sm, div.options a.btn.btn-small, div.buttons input.btn, div.buttons input.btn.btn-default, div.buttons input.btn.btn-primary, div.buttons input.btn.btn-sm, div.buttons input.btn.btn-small, div.buttons a.btn, div.buttons a.btn.btn-default, div.buttons a.btn.btn-primary, div.buttons a.btn.btn-sm, div.buttons a.btn.btn-small, div.button-bar input.btn, div.button-bar a.btn, div.button-bar a, div.page-options-bottom input.btn, div.page-options-bottom a.btn, div.new-post a.btn, a#new-post-button { display: inline-block; float: none; margin: 0.125rem; padding: 0.25rem; border: solid 0.125rem var(--gru-accent); background-color: var(--gru-accent); color: var(--gru-dark); } a.button.btn:hover, div.owindow a.btn:hover, div.options input.btn:hover, div.options a.btn:hover, div.buttons input.btn:hover, div.buttons a.btn:hover, div.button-bar input.btn:hover, div.button-bar a.btn:hover, div.button-bar a:hover, div.page-options-bottom input.btn:hover, div.page-options-bottom a.btn:hover, div.new-post a.btn:hover, a#new-post-button:hover, a.button.btn:focus, div.owindow a.btn:focus, div.options input.btn:focus, div.options a.btn:focus, div.buttons input.btn:focus, div.buttons a.btn:focus, div.button-bar input.btn:focus, div.button-bar a.btn:focus, div.button-bar a:focus, div.page-options-bottom input.btn:focus, div.page-options-bottom a.btn:focus, div.new-post a.btn:focus, a#new-post-button:focus { border: solid 0.125rem var(--gru-accent); background-color: var(--gru-sub-dark); color: var(--gru-accent); text-shadow: none; text-decoration: none; } div#main-content div.change-textarea-size a.btn, div#main-content div.change-textarea-size a.btn:hover, div#main-content div.change-textarea-size a.btn:focus { color: var(--gru-accent); text-decoration: none; border: none; border-bottom: solid 0.125rem var(--gru-accent); background-color: var(--gru-sub-dark); } /* OWINDOW */ div.owindow { border: none; background-color: var(--gru-sub-dark); box-shadow: none; } div.owindow div.title.modal-header { color: var(--gru-dark); background-color: var(--gru-accent); } /* TABLES */ table.wiki-content-table { border: solid 0.125rem var(--gru-accent); } table.wiki-content-table th { color: var(--gru-dark); background-color: var(--gru-accent); border: solid 0.125rem var(--gru-accent); } table.wiki-content-table td { border: solid 0.125rem var(--gru-accent); } /* YUI TABS */ .yui-navset .yui-nav { border: solid 0.0625rem var(--gru-accent); background-color: var(--gru-accent); } .yui-navset .yui-content { border: solid 0.125rem var(--gru-accent); border-top: none; background-color: transparent; } /* FORUM THREAD */ div.forum-category-box div.description-block, div.forum-category-box div.description-block.well, div.forum-thread-box div.description-block, div.post-container div.post div.long div.head, div.post-container div.post div.short, div.forum-recent-posts-box div.post div.long div.head, div.forum-recent-posts-box div.post div.short, div.forum-recent-posts-box select#recent-posts-category { border: none; box-shadow: none; background-image: none; background-color: var(--gru-sub-dark); } div.forum-category-box div.description-block div.statistics, div.forum-thread-box div.description-block div.statistics, div.forum-recent-posts-box div.description-block div.statistics { color: inherit; } div.forum-start-box div.forum-group div.head, div.forum-start-box table tr.head td, div.forum-category-box table.table tr.head td, div.forum-recent-posts-box div.head td, div.forum-recent-posts-box table.table tr.head td { background-color: var(--gru-sub-dark) !important; } /* PAGE CREATOR */ div.new-page-box input.text { max-width: 100px; } div.new-page-box input.button { background-image: none; background-color: var(--gru-accent); border: solid 0.125rem var(--gru-accent); border-radius: 0; color: var(--gru-dark); } div.new-page-box input.button:hover, div.new-page-box input.button:focus { background-image: none; background-color: var(--gru-dark); border: solid 0.125rem var(--gru-accent); border-radius: 0; color: var(--gru-accent); }
页面版本: 58, 最后编辑于: 16 Aug 2024 12:27