版式：极简主义

极简主义版式

著作信息

---

标题：极简主义版式
作者：©Nanimono Demonai
发布年份：2018

---

使用方法

[[include :scp-wiki-cn:theme:min-theme]]

自定义元素

使用此div以添加1em的横向边距。

使用方法：

[[div class="contents"]]
文本
[[/div]]

---

使用此span以创建行内块元素。

使用方法：

[[span class="break"]]文本[[/span]]

---

使用此span以创建更细的文字内容。

使用方法：

[[span class="thin"]]文本[[/span]]

源代码

/* General Element */
 
* {
  color: #707070;
}
 
p {
  margin-top: 1.5em;
  line-height: 180%;
}
 
.contents {
  padding-left: 1em;
}
 
.break {
  display: inline-block;
  color: #707070;
}
 
.thin {
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-weight: 100;
}
 
/* Hidden Element */
 
#header h1 a span,
#header h2,
#login-status > a > strong,
#search-top-box,
#page-title {
  display: none;
}
 
/* Wrapper */
 
div#container-wrap {
  background: none;
}
 
#content-wrap {
  max-width: 780px;
}
 
#main-content {
  margin: auto;
  padding: 0 1em 1em;
}
 
/* Header */
 
#header {
  background: none;
  height: 5rem;
  max-width: 800px;
}
 
#header h1 {
  height: 100%;
  margin: 0;
}
 
#header h1 a {
  background: url("https://scp-jp.wdfiles.com/local--files/theme%3Amin-theme/1.svg") center no-repeat;
  background-size: contain;
  height: 100%;
  line-height: unset;
  max-height: unset;
  padding: 0;
  width: 90px;
}
 
#top-bar {
  max-width: 800px;
  pointer-events: none;
  top: 3rem;
}
 
#top-bar a {
  color: #bb0011;
}
 
#top-bar ul {
  pointer-events: all;
}
 
#top-bar ul li a {
  border: none;
}
 
#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
  background: #ffffff;
  border: none;
}
 
#top-bar ul li ul {
  box-shadow: none;
}
 
#top-bar li:hover ul,
#top-bar li.sfhover ul {
  border-color: #eeeeee;
}
 
#top-bar ul li.sfhover ul li a,
#top-bar ul li:hover ul li a {
  border-top: 1px solid #eeeeee;
}
 
.mobile-top-bar {
  right: 0;
}
 
#top-bar .open-menu a {
  border: solid 1px #000000 !important;
  color: #000000 !important;
  font-weight: 100;
  font-size: 27px;
  line-height: 27px;
  padding: 3px;
  pointer-events: all;
}
 
.open-menu a:hover {
  box-shadow: none;
}
 
#login-status {
  filter: grayscale();
}
 
#login-status a {
  color: #000000;
}
 
/* Sidebar */
 
#side-bar {
  background: #eeeeee;
}
 
#side-bar:target .close-menu {
  opacity: 0.39;
}
 
#side-bar .side-block,
#side-bar .scpnet-interwiki-wrapper iframe.scpnet-interwiki-frame {
  border-color: #eeeeee;
  border-radius: 0;
  box-shadow: none;
}
 
#side-bar hr {
  background-color: #000000;
}
 
/* Other */
 
.number {
  color: #ffffff;
}
 
/* Interwiki*/
 
#interwiki .side-block {
    border-color: #eee;
    border-radius: 0;
    box-shadow: none;
}
 
#interwiki .heading {
    color: #707070;
}