:root {
--theme-base: "black-highlighter";
--theme-id: "kensaku";
--theme-name: "kensaku";
/* ヘッダータイトル */
--header-title: "検索してはいけない言葉ウィキ";
--header-subtitle: "Must Not Search";
/* 背景 */
--white-monochrome: 238, 238, 255;
/* 引用ブロック等 */
--pale-gray-monochrome: 235, 235, 235;
/* Rateブロック等 */
--light-gray-monochrome: 170, 170, 170;
/* 検索フォーム等 */
--gray-monochrome: 3, 3, 3;
/* 文字 */
--black-monochrome: var(--gray-monochrome);
/* 文字選択 */
--bright-accent: 48, 141, 255;
/* ヘッダー */
--medium-accent: 128, 207, 226;
/* フッター等 */
--dark-accent: var(--gray-monochrome);
/* 見出し */
--orange-accent: 254, 154, 0;
/* トップバー上下 */
--pale-accent: 25, 25, 25;
--swatch-topmenu-border-color: var(--pale-accent);
/* トップバー */
--swatch-topmenu-bg-color: var(--gray-monochrome);
/* リンク */
--link-color: 0, 0, 255;
--hover-link-color: 0, 0, 255;
/* 訪問済みのページへのリンク */
--visited-link-color: 85, 26, 139;
/* 存在しないページへのリンク */
--newpage-color: 0, 0, 238;
font-size: .955rem;
font-family: arial,helvetica,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"MS Pゴシック",clean,sans-serif;
}
#header {
background: unset;
}
#html-body{
background-color: rgb(221,221,221);
}
#main-content{
background-color: rgb(221,221,221);
}
#page-title {
display: none;
}
li {
list-style: none;
}
li:before {
content: "";
width: 4px;
height: 4px;
display: inline-block;
background-color: rgb(51,51,51);
position: relative;
top: -1px;
margin-right: 5px;
}
h1,h2,h3,h4,h5,h6 {
border-bottom: 1px solid rgb(var(--light-gray-monochrome));
color: rgb(var(--orange-accent));
}
h1 {
border-left: 6px solid rgb(var(--light-gray-monochrome));
font-weight: bold;
}
h2,h3,h4,h5,h6 {
border-left: 3px solid rgb(var(--light-gray-monochrome));
}
a,
a.newpage {
text-decoration:underline;
}
a:hover,
a.newpage:hover {
text-decoration: none;
}
::-moz-selection {
background-color: rgb(var(--bright-accent));
color: #ffffff;
}
::selection {
background-color: rgb(var(--bright-accent));
color: #ffffff;
}
table.wiki-content-table th {
border: 1px solid rgb(102,102,102);
background-color: rgb(255,192,0);
}
table.wiki-content-table td {
border: 1px solid rgb(102,102,102);
background-color: rgb(255,255,255);
}
/*============ collapsible-block ============*/
.collapsible-block .collapsible-block-link {
display: block;
padding: 2.5px;
padding-left: 10px;
width: calc(100% - 22.5px);
}
.collapsible-block a.collapsible-block-link:hover,
.collapsible-block .collapsible-block-folded .collapsible-block-link,
.collapsible-block .collapsible-block-folded .collapsible-block-link a:hover,
.collapsible-block .collapsible-block-unfolded .collapsible-block-link,
.collapsible-block .collapsible-block-unfolded .collapsible-block-link a:hover {
text-decoration: none;
color: rgb(var(--gray-monochrome));
}
.collapsible-block .collapsible-block-folded .collapsible-block-link:before,
.collapsible-block .collapsible-block-unfolded .collapsible-block-link:before {
padding: 0px 8px 0px 8px;
border: 1px solid rgb(var(--gray-monochrome));
color: rgb(var(--gray-monochrome));
}
.collapsible-block .collapsible-block-folded .collapsible-block-link:before {
content: "+";
}
.collapsible-block .collapsible-block-unfolded .collapsible-block-link:before {
content: "-";
}
/*============ styled-quote ============*/
.styled-quote {
background-color: rgb(var(--white-monochrome));
border-left: 0.5rem solid rgb(var(--orange-accent));
border-top: 1px solid rgb(var(--light-gray-monochrome));
border-right: 1px solid rgb(var(--light-gray-monochrome));
border-bottom: 1px solid rgb(var(--light-gray-monochrome));
box-shadow: none;
color: rgb(102,102,102);
}
/* ---- http://scp-jp.wikidot.com/theme:penumbra より sidebox構文 ---- */
.limit {
margin-bottom: -1rem;
z-index: 5;
}
.anchor {
position: sticky;
height:0;
top: 0;
z-index: 5;
}
.sidebox,.sidebox2 {
background-color: rgb(var(--white-monochrome));
box-shadow: 0 0 0 1px rgb(var(--light-gray-monochrome)), 0 0 0 6px rgb(var(--white-monochrome));
padding:6px;
margin-top: 0;
margin-bottom: 8px;
width: calc((100vw - 870px)/5.71);
position: absolute;
top: -16px;
z-index: 5;
overflow: auto;
box-sizing: border-box;
}
.sidebox {
left: 101.0%;
}
.sidebox2 {
right: 101.0%;
}
/* Sidebox mobile optimization, courtesy of Woed */
@media (max-width: 1290px) {
.sidebox,.sidebox2 {
width: auto;
max-width: 65vw!important;
border: none;
padding-left: 0.4rem; padding-right: 0.4rem;
top: 0.75rem;
right: calc(((100vw - 45.8rem)/2) * -1);
left: initial;
-webkit-clip-path: inset(-0.125rem -0.25rem 0 calc(100% - 0.85rem));
clip-path: inset(-0.125rem -0.25rem 0 calc(100% - 0.85rem));
-webkit-transition: color 0.2s ease-in-out 0.1s, -webkit-box-shadow 0.5s ease-in-out 0.1s, -webkit-clip-path 0.5s ease-in-out 0.1s;
transition: color 0.2s ease-in-out 0.1s, -webkit-box-shadow 0.5s ease-in-out 0.1s, -webkit-clip-path 0.5s ease-in-out 0.1s;
-o-transition: color 0.2s ease-in-out 0.1s, box-shadow 0.5s ease-in-out 0.1s, clip-path 0.5s ease-in-out 0.1s;
transition: color 0.2s ease-in-out 0.1s, box-shadow 0.5s ease-in-out 0.1s, clip-path 0.5s ease-in-out 0.1s;
transition: color 0.2s ease-in-out 0.1s, box-shadow 0.5s ease-in-out 0.1s, clip-path 0.5s ease-in-out 0.1s, -webkit-box-shadow 0.5s ease-in-out 0.1s, -webkit-clip-path 0.5s ease-in-out 0.1s;
overflow: visible;
}
.sidebox::before, .sidebox::after,.sidebox2::before, .sidebox2::after {
content: " ";
position: absolute;
right: 0;
}
.sidebox::before,.sidebox2::before {
top: calc(50% - 0.75rem);
width: 0;
height: 0;
border-top: 0.75rem solid transparent;
border-bottom: 0.75rem solid transparent;
border-right: 0.75rem solid var(--accentColor);
transition: border 0.1s ease-in-out 0.1s;
z-index: 10;
}
.sidebox::after.,sidebox2::after {
top: 0;
max-width: 0.75rem;
width: 100%;
height: 100%;
box-shadow: 0.15rem 0 0 0 var(--accentColor);
max-height: calc(100vh - 18rem);
background-color: #21252E;
z-index: -1;
transition: box-shadow 0.5s ease-in-out 0.1s, max-width 0.5s ease-in-out 0.1s;
}
.sidebox > *,.sidebox2 > * {
opacity: 0;
-webkit-transition: opacity 0.2s ease-in-out 0.2s;
-o-transition: opacity 0.2s ease-in-out 0.2s;
transition: opacity 0.2s ease-in-out 0.2s;
}
.sidebox:hover,.sidebox2:hover {
overflow: visible;
-webkit-clip-path: inset(-0.125rem -0.25rem 0 0);
clip-path: inset(-0.125rem -0.25rem 0 0);
-webkit-transition: color 0.5s ease-in-out 0.2s, right 0.5s ease-in-out 0.1s, -webkit-clip-path 0.5s ease-in-out 0.1s, -webkit-box-shadow 0.5s ease-in-out 0.1s;
transition: color 0.5s ease-in-out 0.2s, right 0.5s ease-in-out 0.1s, -webkit-clip-path 0.5s ease-in-out 0.1s, -webkit-box-shadow 0.5s ease-in-out 0.1s;
-o-transition: color 0.5s ease-in-out 0.2s, right 0.5s ease-in-out 0.1s, clip-path 0.5s ease-in-out 0.1s, box-shadow 0.5s ease-in-out 0.1s;
transition: color 0.5s ease-in-out 0.2s, right 0.5s ease-in-out 0.1s, clip-path 0.5s ease-in-out 0.1s, box-shadow 0.5s ease-in-out 0.1s;
transition: color 0.5s ease-in-out 0.2s, right 0.5s ease-in-out 0.1s, clip-path 0.5s ease-in-out 0.1s, box-shadow 0.5s ease-in-out 0.1s, -webkit-clip-path 0.5s ease-in-out 0.1s, -webkit-box-shadow 0.5s ease-in-out 0.1s;
}
.sidebox:hover::before,.sidebox2:hover::before {
border-top: 0 solid transparent;
border-bottom: 0 solid transparent;
}
.sidebox:hover::after,.sidebox2:hover::after {
box-shadow: 0 -0.125rem 0 0 var(--accentColor);
right: 0;
max-width: 100%;
}
.sidebox:hover > *,.sidebox2:hover > * {
opacity: 1;
}
}
@media (max-width:768px) {
.sidebox, .sidebox:hover,.sidebox2, .sidebox2:hover {
right: calc(((100vw - (100% - 3rem))/2) * -1 + 1.9rem);
}
}