Thanatomania テーマ
このページはカスタムテーマページです。
Wiki内で使用されているカスタムテーマのためのページです。
評価: +39+x

使用する際は以下のincludeをページの一番上に貼り付けてください。

[[include :scp-jp:theme:thanatomania]]

テーマと画像のライセンスは以下の通りです(使用の際はクレジット不要です)。

ソース: http://scp-jp.wikidot.com/theme:thanatomania
ライセンス: CC BY-SA 3.0

タイトル: Thanatomania テーマ
著作権者: KanKan
公開年: 2020

ソース: http://scp-jp-storage.wikidot.com/file:2859452-35-fc8q
ライセンス: CC BY-SA 3.0

タイトル: thanatomaniaロゴアニメーション
著作権者: KanKan, ukwhatn
公開年: 2020
補足: KanKanが作成したロゴマークにukwhatnがアニメーションを加えたものです。

@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap');
 
:root {
  --color-1: #fff;
  --color-2: #5a5e8e;
  --color-3: #999;
}
 
h1 {
  color: var(--color-2);
}
 
/* 画像ブロック */
 
.scp-image-block {
  border: none;
  box-shadow: 0 5px 10px var(--color-3);
  border-radius: 10px;
  overflow: hidden;
}
 
.scp-image-block .scp-image-caption {
  color: var(--color-1);
  border-top: none;
  background: var(--color-2);
}
 
/* ヘッダー */
 
#top-bar .mobile-top-bar {
  width: 100%;
  max-width: 100vw;
}
 
div#extra-div-1 {
    height: 140px;
    width: 100%;
    top: 0;
    position: relative;
    background: transparent;
    background-size: cover, cover;
    background-position: 50% 50%, 50% 50%;
    z-index: 9;
}
div#container-wrap {
    background-image: none;
}
div#extra-div-2 {
    height: 22px;
    width: 100%;
    top: 140px;
    position: absolute;
    background: var(--color-2);
    box-shadow: 0 10px 10px var(--color-3);
    z-index: 9;
}
 
#header {
    text-align: left;
    top: 0;
    width: 100%;
    height: 140px;
    position: relative;
    z-index: 10;
    padding-bottom: 22px; /* FOR MENU */
    background: transparent;
    background-size: auto 140px;
}
 
#search-top-box {
    position: absolute;
    top: 30px;
    bottom: auto;
    right: 9px;
    width: 250px;
    text-align: right;
}
#search-top-box-input {
    display: none;
    border: solid 1px /*var(--2-color)*/ transparent;
    border-radius: 5px;
    color: var(--color-2);
    background-color: var(--color-2);
    box-shadow: /*3px 3px 5px var(--2-color)*/ none;
}
#search-top-box-input:hover,
#search-top-box-input:focus {
    border: solid 1px /*var(--color-2)*/ transparent;
    color: var(--color-1);
    background-color: var(--color-2);
    box-shadow: /*3px 3px 5px var(--2-color)*/ none;
}
#search-top-box-form input[type=submit] {
    border: solid 1px /*var(--2-color)*/ transparent;
    border-radius: 5px;
    padding: 2px 5px;
    font-size: 90%;
    font-weight: bold;
    color: var(--color-1);
    background-color: var(--color-2);
    background: var(--color-2);
    box-shadow: /*3px 3px 5px var(--2-color)*/ none;
    cursor: pointer;
}
#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus {
    border: solid 1px /*var(--color-2)*/ transparent;
    color: var(--color-2);
    text-shadow: none;
    background-color: var(--color-2);
    background: var(--color-2);
    box-shadow: /*3px 3px 5px var(--2-color)*/ none;
}
 
#login-status {
    color: var(--color-2);
    font-size: 90%;
    z-index: 30;
}
#login-status a {
    background: transparent;
    color: var(--color-2);
}
#login-status ul a {
    color: var(--color-1);
    background: transparent;
}
#account-topbutton {
    display: none;
    background: var(--color-2);
    color: var(--color-1);
}
.printuser img.small {
    margin-right: 1px;
}
 
#header h1 {
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    float: center;
    max-height: 40px;
}
#header h2 {
    margin-left: 0;
    padding: 0;
    padding-left: 0;
    clear: center;
    float: center;
    font-size: 105%;
    max-height: 38px;
}
 
#header h1 a {
    display: block;
    text-align: left;
    margin: 0;
    padding: 20px 0 0;
    line-height: 100%;
    max-height: 0px;
    color: transparent;
    background: transparent;
    font-family: 'Odibee Sans', cursive;
    font-size: 100%;
    text-decoration: none;
    text-shadow: none;
    letter-spacing: 0.9px;
}
 
#header h2 span {
    display: block;
    margin: 0;
    padding: 0;
    line-height: 0px;
    max-height: 0px;
    font-weight: bold;
    color: transparent;
    text-shadow: none;
}
 
#header h1 a:after {
    content: '';
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 140px;
    position: absolute;
    z-index: 10;
    padding-bottom: 22px; /* FOR MENU */
    background: url("data:image/svg+xml,%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%2020010904%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FTR%2F2001%2FREC-SVG-20010904%2FDTD%2Fsvg10.dtd%22%3E%0D%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%20500%20500%22%3E%0D%0A%20%20%3Cdefs%3E%0D%0A%20%20%20%20%3Cstyle%3E%0D%0A%20%20%20%20%20%20.cls-1%2C%0D%0A%20%20%20%20%20%20.cls-2%20%7B%0D%0A%20%20%20%20%20%20%20%20fill%3A%20%23fff%3B%0D%0A%20%20%20%20%20%20%7D%0D%0A%20%20%20%20%20%20.cls-1%20%7B%0D%0A%20%20%20%20%20%20%20%20opacity%3A%200%3B%0D%0A%20%20%20%20%20%20%7D%0D%0A%20%20%20%20%20%20.cls-3%20%7B%0D%0A%20%20%20%20%20%20%20%20fill%3A%20url(%22%23grad_1%22)%3B%0D%0A%20%20%20%20%20%20%7D%0D%0A%20%20%20%20%20%20.cls-4%20%7B%0D%0A%20%20%20%20%20%20%20%20fill%3A%20url(%22%23grad_2%22)%3B%0D%0A%20%20%20%20%20%20%7D%0D%0A%20%20%20%20%20%20.cls-5%20%7B%0D%0A%20%20%20%20%20%20%20%20fill%3A%20none%3B%0D%0A%20%20%20%20%20%20%7D%0D%0A%20%20%20%20%20%20.cls-6%20%7B%0D%0A%20%20%20%20%20%20%20%20fill%3A%20rgba(255%2C%20255%2C%20255%2C%200.75)%3B%0D%0A%20%20%20%20%20%20%7D%0D%0A%20%20%20%20%3C%2Fstyle%3E%0D%0A%20%20%20%20%3ClinearGradient%20id%3D%22grad_1%22%20x1%3D%22250%22%20y1%3D%22475%22%20x2%3D%22250%22%20y2%3D%2225%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0D%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%22%2F%3E%0D%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220.263%22%20stop-color%3D%22%2326273b%22%2F%3E%0D%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220.554%22%20stop-color%3D%22%234c4f77%22%2F%3E%0D%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220.693%22%20stop-color%3D%22%235b5e8e%22%2F%3E%0D%0A%20%20%20%20%3C%2FlinearGradient%3E%0D%0A%20%20%20%20%3ClinearGradient%20id%3D%22grad_2%22%20x1%3D%22249.878%22%20y1%3D%22448.627%22%20x2%3D%22249.878%22%20y2%3D%22140.161%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0D%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%22%2F%3E%0D%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220.272%22%20stop-color%3D%22%23292b41%22%2F%3E%0D%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220.532%22%20stop-color%3D%22%234d5078%22%2F%3E%0D%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220.657%22%20stop-color%3D%22%235b5e8e%22%2F%3E%0D%0A%20%20%20%20%3C%2FlinearGradient%3E%0D%0A%20%20%3C%2Fdefs%3E%0D%0A%20%20%3Cg%20id%3D%22background%22%3E%0D%0A%20%20%20%20%3Crect%20class%3D%22cls-1%22%20width%3D%22500%22%20height%3D%22500%22%2F%3E%0D%0A%20%20%3C%2Fg%3E%0D%0A%20%20%3Cpath%20id%3D%22whiteout%22%20class%3D%22cls-2%22%20d%3D%22M352.539%2C14.662a22.948%2C22.948%2C0%2C0%2C0-9.862-2.162H157.324a22.964%2C22.964%2C0%2C0%2C0-9.864%2C2.162%2C40.287%2C40.287%2C0%2C0%2C0-23.11%2C38.7A39.742%2C39.742%2C0%2C0%2C0%2C142.6%2C84.033V384.485q0%2C.31.015.621c.638%2C12.8%2C5.1%2C45.466%2C32.734%2C72.161%2C28.093%2C27.139%2C61.444%2C30.183%2C74.479%2C30.233h.338c13.035-.05%2C46.386-3.094%2C74.479-30.233%2C27.638-26.7%2C32.1-59.36%2C32.733-72.163.011-.206.016-.413.016-.619V84.033a39.741%2C39.741%2C0%2C0%2C0%2C18.253-30.67A40.284%2C40.284%2C0%2C0%2C0%2C352.539%2C14.662Z%22%2F%3E%0D%0A%20%20%3Cpath%20id%3D%22outer%22%20class%3D%22cls-3%22%20d%3D%22M347.21%2C25.969A10.61%2C10.61%2C0%2C0%2C0%2C342.676%2C25H157.324a10.61%2C10.61%2C0%2C0%2C0-4.534.969%2C27.607%2C27.607%2C0%2C0%2C0-15.968%2C26.559A27.571%2C27.571%2C0%2C0%2C0%2C155.1%2C76.364V384.486c.342%2C6.872%2C2.654%2C38.4%2C28.934%2C63.79%2C26.78%2C25.871%2C59.129%2C26.7%2C65.841%2C26.724v-.637l.243.637c6.712-.025%2C39.061-.853%2C65.841-26.724%2C26.28-25.387%2C28.592-56.918%2C28.934-63.79V76.364a27.571%2C27.571%2C0%2C0%2C0%2C18.281-23.836A27.607%2C27.607%2C0%2C0%2C0%2C347.21%2C25.969ZM334.844%2C59.988h-6.771l.023%2C0V387.781a37.5%2C37.5%2C0%2C0%2C1-.608%2C6.813c-6.869%2C37.162-39.762%2C64.555-77.61%2C64.2-37.246-.347-69.269-27.47-76.113-64.01a39.469%2C39.469%2C0%2C0%2C1-.647-7.214L172.676%2C59.99l.018%2C0h-7.782a8.9%2C8.9%2C0%2C1%2C1%2C0-17.792H334.844a8.9%2C8.9%2C0%2C1%2C1%2C0%2C17.792Z%22%2F%3E%0D%0A%20%20%3Cpath%20id%3D%22inner%22%20class%3D%22cls-4%22%20d%3D%22M180.927%2C140.161V384.827c.627%2C5.452%2C3.9%2C28.47%2C24.15%2C46.145a72.963%2C72.963%2C0%2C0%2C0%2C44.8%2C17.655%2C72.961%2C72.961%2C0%2C0%2C0%2C44.8-17.655c20.252-17.675%2C23.523-40.693%2C24.15-46.145V140.161A172.124%2C172.124%2C0%2C0%2C1%2C249.878%2C154.6%2C172.128%2C172.128%2C0%2C0%2C1%2C180.927%2C140.161Z%22%2F%3E%0D%0A%20%20%3Cpath%20id%3D%22wayline5%22%20class%3D%22cls-5%22%20d%3D%22M218.753%2C340.921c-.833-1.985-5.438-13.363-5.862-32.611-.5-22.643%2C5.214-36.875%2C5.862-38.435%22%2F%3E%0D%0A%20%20%3Cpath%20id%3D%22wayline4%22%20class%3D%22cls-5%22%20d%3D%22M210.712%2C350.45a101.225%2C101.225%2C0%2C0%2C0%2C4.506-42.563%2C74.109%2C74.109%2C0%2C0%2C0-5.877-22.546%22%2F%3E%0D%0A%20%20%3Cpath%20id%3D%22wayline3%22%20class%3D%22cls-5%22%20d%3D%22M217.558%2C345.026a32.111%2C32.111%2C0%2C0%2C1-4.93-15.982c-.165-7.77%2C2.967-11.629%2C2.465-19.719a31.063%2C31.063%2C0%2C0%2C0-3.78-12.869%22%2F%3E%0D%0A%20%20%3Cpath%20id%3D%22wayline2%22%20class%3D%22cls-5%22%20d%3D%22M292.8%2C354.383c-12.188-21.129-15.166-39.021-15.589-51.577-1.072-31.813%2C13.664-47.021%2C15.589-83.364a156.8%2C156.8%2C0%2C0%2C0-7.544-55.776%22%2F%3E%0D%0A%20%20%3Cpath%20id%3D%22wayline1%22%20class%3D%22cls-5%22%20d%3D%22M285.235%2C351.2c9.859-21.54%2C12.268-39.78%2C12.61-52.581.867-32.432-11.053-47.935-12.61-84.985a198.623%2C198.623%2C0%2C0%2C1%2C6.1-56.861%22%2F%3E%0D%0A%20%20%3Ccircle%20id%3D%22circle1%22%20class%3D%22cls-6%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%224%22%3E%0D%0A%20%20%20%20%3CanimateMotion%20dur%3D%222.5s%22%20begin%3D%221s%22%20repeatCount%3D%22indefinite%22%3E%0D%0A%20%20%20%20%20%20%3Cmpath%20xlink%3Ahref%3D%22%23wayline1%22%3E%3C%2Fmpath%3E%0D%0A%20%20%20%20%3C%2FanimateMotion%3E%0D%0A%20%20%20%20%3Canimate%20attributeName%3D%22fill-opacity%22%20values%3D%221%3B1%3B1%3B0%22%20dur%3D%222.5s%22%20begin%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0D%0A%20%20%3C%2Fcircle%3E%0D%0A%20%20%3Ccircle%20id%3D%22circle2%22%20class%3D%22cls-6%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%226.5%22%3E%0D%0A%20%20%20%20%3CanimateMotion%20dur%3D%222s%22%20repeatCount%3D%22indefinite%22%3E%0D%0A%20%20%20%20%20%20%3Cmpath%20xlink%3Ahref%3D%22%23wayline2%22%3E%3C%2Fmpath%3E%0D%0A%20%20%20%20%3C%2FanimateMotion%3E%0D%0A%20%20%20%20%3Canimate%20attributeName%3D%22fill-opacity%22%20values%3D%221%3B1%3B1%3B0%22%20dur%3D%222s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0D%0A%20%20%3C%2Fcircle%3E%0D%0A%20%20%3Ccircle%20id%3D%22circle3%22%20class%3D%22cls-6%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%222%22%3E%0D%0A%20%20%20%20%3CanimateMotion%20dur%3D%221.5s%22%20repeatCount%3D%22indefinite%22%3E%0D%0A%20%20%20%20%20%20%3Cmpath%20xlink%3Ahref%3D%22%23wayline3%22%3E%3C%2Fmpath%3E%0D%0A%20%20%20%20%3C%2FanimateMotion%3E%0D%0A%20%20%20%20%3Canimate%20attributeName%3D%22fill-opacity%22%20values%3D%221%3B1%3B1%3B0%22%20dur%3D%221.5s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0D%0A%20%20%3C%2Fcircle%3E%0D%0A%20%20%3Ccircle%20id%3D%22circle4%22%20class%3D%22cls-6%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%223%22%3E%0D%0A%20%20%20%20%3CanimateMotion%20dur%3D%221.25s%22%20repeatCount%3D%22indefinite%22%3E%0D%0A%20%20%20%20%20%20%3Cmpath%20xlink%3Ahref%3D%22%23wayline4%22%3E%3C%2Fmpath%3E%0D%0A%20%20%20%20%3C%2FanimateMotion%3E%0D%0A%20%20%20%20%3Canimate%20attributeName%3D%22fill-opacity%22%20values%3D%221%3B1%3B1%3B0%22%20dur%3D%221.25s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0D%0A%20%20%3C%2Fcircle%3E%0D%0A%20%20%3Ccircle%20id%3D%22circle5%22%20class%3D%22cls-6%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%222.5%22%3E%0D%0A%20%20%20%20%3CanimateMotion%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%3E%0D%0A%20%20%20%20%20%20%3Cmpath%20xlink%3Ahref%3D%22%23wayline5%22%3E%3C%2Fmpath%3E%0D%0A%20%20%20%20%3C%2FanimateMotion%3E%0D%0A%20%20%20%20%3Canimate%20attributeName%3D%22fill-opacity%22%20values%3D%221%3B1%3B1%3B0%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0D%0A%20%20%3C%2Fcircle%3E%0D%0A%20%20%3Cpath%20id%3D%22skull%22%20class%3D%22cls-2%22%20d%3D%22M302.414%2C375.68c0-27.561-23.376-49.9-52.212-49.9s-52.212%2C22.342-52.212%2C49.9a48.909%2C48.909%2C0%2C0%2C0%2C18.32%2C37.944v17.912h10.4V420.242a53.269%2C53.269%2C0%2C0%2C0%2C8.41%2C3.218v8.076h10.4v-6.163c1.546.132%2C3.107.21%2C4.688.21%2C1.629%2C0%2C3.238-.081%2C4.829-.22v6.173h10.4v-8.115a53.241%2C53.241%2C0%2C0%2C0%2C8.41-3.248v11.363h10.4V413.508A48.9%2C48.9%2C0%2C0%2C0%2C302.414%2C375.68Zm-94.165-4.425a16.872%2C16.872%2C0%2C1%2C1%2C16.872%2C16.871A16.872%2C16.872%2C0%2C0%2C1%2C208.249%2C371.255Zm67.034-16.872a16.872%2C16.872%2C0%2C1%2C1-16.871%2C16.872A16.872%2C16.872%2C0%2C0%2C1%2C275.283%2C354.383Z%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A") center 10px no-repeat;
    background-size: auto 120px;
    filter: drop-shadow(0px 5px 10px var(--color-3));
}
 
#header h1 a::before {
    content: "THANATOMANIA";
    font-size: 30px;
    color: var(--color-1);
    text-align: center;
    letter-spacing: 0;
    font-family: 'Abril Fatface', cursive;
    text-shadow: /*.05em .05em 0 var(--color-1), -.05em .05em 0 var(--color-1), .05em -.05em 0 var(--color-1), -.05em -.05em 0 var(--color-1), .05em 0 0 var(--color-1), -.05em 0 0 var(--color-1), 0 .05em 0 var(--color-1), 0 -.05em 0 var(--color-1)*/ 0px 5px 10px var(--color-3);
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 1;
    z-index: 1;
}
/* トップメニュー */
#top-bar {
    width: 100%;
    position: absolute;
    z-index: 50;
    top: 140px;
    height: 21px;
    line-height: 18px;
    padding: 0;
    z-index: 20;
    font-size: 90%;
}
#top-bar ul {
    float: left;
    display: flex;
    width: 100%;
}
#top-bar li {
    flex: 1;
    margin: 0;
}
#top-bar a {
    color: var(--color-1);
    background: transparent;
    border-radius: 5px;
    transition: all .2s ease-in-out;
}
#top-bar ul li {
    border: 0;
    position: relative;
}
#top-bar ul li ul {
    display: block;
    border: solid 1px var(--color-2);
    background: var(--color-2);
    box-shadow: 0 3px 3px var(--color-3);
    border-top: 0;
    border-radius: 5px;
    transition: all .2s ease-in-out;
}
#top-bar ul li a {
    border-left: none;
    border-right: none;
    text-decoration: none;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 1px;
    max-height: 1px;
    overflow: hidden;
    border-radius: 5px;
    transition: all .2s ease-in-out;
}
#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
    background: var(--color-1);
    color: var(--color-2);
    border-left: none;
    border-right: none;
    border-radius: 5px;
}
#top-bar ul li.sfhover ul li a,
#top-bar ul li:hover ul li a {
    border-width: 0;
    width: 150px;
    border-top: none;
    line-height: 160%;
    height: auto;
    max-height: none;
    padding-top: 0;
    padding-bottom: 0;
}
#top-bar ul li.sfhover a:hover,
#top-bar ul li:hover a:hover {
    background: var(--color-1);
    text-decoration: none;
}
#top-bar ul li ul {
    border-width: 0 1px 1px 1px;
    width: auto;
}
#top-bar ul li ul li, #top-bar ul li ul li.sfhover,
#top-bar ul li ul li, #top-bar ul li ul li:hover {
    border-width: 0;
}
#top-bar ul li ul li a {
    border-width: 0;
}
#top-bar ul li ul a, #top-bar a:hover {
    color: var(--color-2);
}
.top-bar ul li:last-of-type ul {
    right: 0;
}
 
/* COMMON */
blockquote, div.blockquote {
    border-width: 0;
    padding: 0.1px 1em;
    background: var(--color-1);
    box-shadow: 0 5px 10px var(--color-3);
    border-radius: 5px;
}
 
#content-wrap {
    position: relative;
    margin: 2em auto 0;
    max-width: 1040px;
    min-height:1800px;
    height: auto !important;
    height: 1850px;
}
 
h1, #page-title {
    color: var(--color-2);
    padding: 0 0 0.25em;
    margin: 0 0 0.6em;
    font-weight: normal;
}
h1 {
    margin-top: 0.7em;
    padding: 0;
    font-weight: bold;
}
h2, h3, h4, h5, h6, h7 {
    margin: 0.5em 0 0.4em;
    padding: 0;
    letter-spacing: 1px;
}
#page-title {
    border-color: var(--color-2);
}
ul {
    /* list-style-image: url(http://d3g0gp89917ko0.cloudfront.net/v--3b8418686296/common--theme/shiny/images/bullet.gif); */
    list-style: square;
}
#top-bar ul {
    /* list-style-image: none; /* IE ONLY! IF list-style-image IS SET */
}
 
a {
    color: var(--color-2);
    text-decoration: none;
    background: transparent;
}
a.newpage {
    color: var(--color-2);
    text-decoration: none;
    background: transparent;
}
a:hover {
    text-decoration: underline;
    background-color: transparent;
}
 
hr {
    background: var(--color-2);
}
 
/* BODY */
 
body {
    background-color: var(--color-1);
    font-size: 0.80em;
}
 
/* SIDE MENU */
#side-bar .side-block {
    border: 2px solid var(--color-2);
    border-radius: 5px;
    box-shadow: none;
    background: var(--color-1) !important;
}
#side-bar .side-block a {
    color: var(--color-2);
}
#side-bar .side-block .heading {
    color: var(--color-2);
    border-bottom: solid 1px var(--color-2);
    font-weight: bold;
}
#side-bar .side-block hr {
    background: var(--color-2);
}
#side-bar div.menu-item a {
    font-weight: bold;
    color: var(--color-2);
}
#side-bar div.menu-item.inactive a {
    color: #999;
}
#side-bar div.menu-item .sub-text {
    color: #666;
}
#side-bar div.menu-item.sub-item {
}
#side-bar .collapsible-block-folded {
    background: url(http://www.scp-wiki.net/local--files/nav:side/expand.png) 0 2px no-repeat;
}
#side-bar .collapsible-block-link {
    font-weight: bold;
}
#side-bar .collapsible-block-unfolded-link {
    border-bottom: solid 1px var(--color-2);
}
#side-bar .collapsible-block-unfolded-link .collapsible-block-link {
    color: var(--color-2);
}
 
@media (max-width: 767px) {
#side-bar {
    background-color: var(--color-1);
}
#side-bar:target .close-menu {
   background: none;
}
}
 
/* Ratingモジュール */
 
.page-rate-widget-box {
    background-color: var(--color-2) !important;
   box-shadow: none;
}
div.page-rate-widget-box .rate-points {
    background-color: var(--color-2);
    border: solid 1px var(--color-2);
    color: var(--color-1);
}
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
    background-color: var(--color-2);
    border-top: solid 1px var(--color-2);
    border-bottom: solid 1px var(--color-2);
}
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
    background: var(--color-1);
    color: var(--color-2);
    transition: all .2s ease-in-out;
}
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover {
    background: var(--3-color);
    color: var(--1-color);
    text-decoration: none;
    transition: all .2s ease-in-out;
}
.page-rate-widget-box .cancel {
    background-color: var(--1-color);
    border: solid 1px var(--1-color);
}
.page-rate-widget-box .cancel a {
    background: transparent;
    color: var(--3-color);
}
.page-rate-widget-box .cancel a:hover {
    background: var(--color-2);
    color: var(--color-1);
    text-decoration: none;
}
.creditButton {
    background-color: var(--color-2) !important;
    box-shadow: none !important;
    border-color: var(--color-2) !important;
}
.creditButton a {
    color: var(--color-1) !important;
}
 
/* タブ */
 
@keyframes open {
  from {
    max-height: 200vh;
  }
  to {
    max-height: 0vh;
  }
}
 
.yui-navset {
  background-color: var(--border-color);
  border-radius: 10px;
  box-shadow: 0 5px 10px var(--color-3);
  overflow: hidden;
}
.yui-navset .yui-content {
  border: none;
  background-color: var(--color-1);
  word-break: break-word;
  transition: all ease-in-out calc(1s / 4);
}
.yui-navset .yui-content div[id^="wiki-tab-"] {
  animation: open calc(1s / 2) ease-out 0s 1 reverse both running;
  overflow-y: scroll;
}
.yui-navset .yui-content li:nth-last-child(1) {
  box-shadow: none;
}
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
  margin: 0;
  margin-top: -1px;
  line-height: 100%;
  display: inline-block;
  width: calc(100% + .16em);
  max-width: none !important;
  height: 100%;
  border: none;
  background-color: var(--color-2);
  background-image: none;
  color: var(--color-1);
  transition: all ease-in-out calc(1s / 4) calc(1s / 4);
}
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:hover {
  margin: 0;
  margin-top: -1px;
  width: calc(100% + .16em);
  max-width: none !important;
  border: none;
  background: var(--color-1);
  color: var(--color-2);
  transition: all ease-in-out calc(1s / 4);
}
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
  margin: 0;
  margin-top: -1px;
  width: calc(100% + .16em);
  max-width: none !important;
  border: none;
  background: var(--color-2);
  text-decoration: none;
  color: var(--color-1);
}
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
  text-decoration: none;
  border: none;
  background-color: var(--color-1);
}
.yui-navset li {
  margin: 0;
  border: none;
  line-height: 141%;
  word-break: break-all;
  flex: 1;
}
.yui-navset ul {
  border: none;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.yui-navset .yui-nav a em,
.yui-navset .yui-navset-top .yui-nav a em {
  border: none;
  margin: 0;
  white-space: pre-wrap;
}
.yui-navset li:nth-last-child(1) {
  box-shadow: 0 0 10px var(--color-3);
}
.yui-navset .yui-nav .selected {
  margin: 0 .16em -1px 0;
  border: none;
}
特に指定がない限り、このサイトのすべてのコンテンツはクリエイティブ・コモンズ 表示 - 継承3.0ライセンス の元で利用可能です。