[[span class="anything-hide"]]
[!--wiki構文拡張スタイル--]
[!{$jstyles}-
[[include :scp-jp:component:jstyles]]
--]
[!--ページフェードイン--]
[!{$fade-in}-
[[include :scp-jp:component:fade-in speed={$fade-in}]]
--]
[!--サイドバー--]
[[include :scp-jp:component:toggle-sidebar]]
[!--脚注構文--]
[[include :scp-jp:component:betterfootnotes]]
[[/span]]
[[span class="anything-hide"]]
[!{$quote-shadow}-
[[module CSS]]
/*--------- blockquote ----------*/
blockquote, div.blockquote {
box-shadow: 0 0 10px rgba(0,0,0,0.3);
border-radius: 10px;
margin: 10px;
border: 1px dashed rgba(0, 0, 0, 0.05);
padding: 1em;
background-color: transparent;
}
[[/module]]
[!--]
[[module CSS]]
/*--------- blockquote ----------*/
blockquote, div.blockquote {
border-radius: 10px;
margin: 10px;
border: 1px dashed #999;
padding: 1em;
background-color: #f7f7f7;
}
[[/module]]
--]
[[/span]]
[[span class="anything-hide"]]
[!--{$rate-shadow}-]
[[module CSS]]
div.page-rate-widget-box {
box-shadow: none !important;
}
[[/module]]
--]
[[/span]]
[[span class="anything-hide"]]
[!{$title-hide}-
[[module CSS]]
#page-title {
display: none;
}
[[/module]]
--]
[[/span]]
[[span class="anything-hide"]]
[!{$collapsible-custom}-
[[module CSS]]
/*--------- 折り畳み ----------*/
#page-content .collapsible-block {
max-width: 100%;
/* text-align: center; */
background-color: #fcfcfc;
border-color: #b01;
border: solid 1px #b01;
padding: 5px;
margin: 5px;
transition: 0.3s;
}
.collapsible-block-content p {
padding-left: 1em;
padding-right: 1em;
padding-bottom: 5px;
padding-top: 5px;
}
.collapsible-block-content {
text-align: left;
}
.collapsible-block-folded, .collapsible-block-unfolded {
text-align: center;
}
div.collapsible-block-unfolded-link {
border-bottom: 1px solid #aaa;
padding-bottom: 5px;
}
#page-content .collapsible-block-link:hover {
background-color: revert;
color: var(--Color-A);
}
#page-content .collapsible-block-link::before, #page-content .collapsible-block-link::after {
content: " = ";
}
#page-content .collapsible-block-folded .collapsible-block-link:hover::before, #page-content .collapsible-block-folded .collapsible-block-link:hover::after {
content: " + ";
}
#page-content .collapsible-block-unfolded .collapsible-block-link:hover::before, #page-content .collapsible-block-unfolded .collapsible-block-link:hover::after {
content: " - ";
padding: 0.19em;
}
[[/module]]
--]
[[/span]]
[[module CSS]]
/*--------- anything-hide ----------*/
.anything-hide {
display: none;
}
/*--------- Image-root ----------*/
:root {
--space-orbit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 468.1 468.1'%3E%3Cpath d='M234 468.1c-8.2 0-16.6-.4-24.7-1.3a11 11 0 1 1 2.3-21.7 212.7 212.7 0 0 0 150-41.4 21 21 0 0 1-.7-5.6 28.5 28.5 0 0 1 35.6-27.5A212.4 212.4 0 0 0 213.9 22.8 11 11 0 0 1 211.8 1a232.5 232.5 0 0 1 187.8 67.5A232.5 232.5 0 0 1 468 234.2c0 58.2-21.5 114-60.5 157a11 11 0 0 1-14.5 1.7 6.5 6.5 0 0 0-10.3 5.3c0 1.3.4 2.4 1 3.5a11 11 0 0 1-2.4 14.3 234.6 234.6 0 0 1-147.2 52zm-76.7-13.5c-1.3 0-2.5-.2-3.8-.7A233.5 233.5 0 0 1 0 234.1C0 135 62.6 46.4 155.9 13.4a11 11 0 0 1 7.3 20.6A212.6 212.6 0 0 0 21.9 234 213 213 0 0 0 161 433.5a11 11 0 0 1-3.7 21.2z'/%3E%3Cpath d='M234 424.4A190.5 190.5 0 0 1 76.8 127a28.3 28.3 0 0 1 34.5-38.3 189.6 189.6 0 0 1 88-41.8 11 11 0 1 1 4 21.5c-30.9 5.7-59.5 20-82.8 41.3a11 11 0 0 1-13.8.8 6.6 6.6 0 0 0-8.7 9.7 11 11 0 0 1 .6 13.7A168.6 168.6 0 0 0 234 402.5a168.4 168.4 0 0 0 20.3-335.7 11 11 0 0 1 2.6-21.7 190.3 190.3 0 0 1-22.8 379.3z'/%3E%3Cpath d='M247.8 423.9a11 11 0 0 1-.8-21.9 169 169 0 0 0 155.5-168A169.2 169.2 0 0 0 234.1 65.7a168 168 0 0 0-106 37.5 28.4 28.4 0 0 1-35.4 39.4 167 167 0 0 0-27 91.6c0 78.9 53.5 146.4 130.3 164a11 11 0 1 1-5 21.4A190.8 190.8 0 0 1 81 121a11 11 0 0 1 17-.7c.8.8 2.4 2.2 5 2.2a6.6 6.6 0 0 0 3.7-11.9 11 11 0 0 1-1-17 189.8 189.8 0 0 1 131.7-49.8c50.2.8 97.2 21 132.4 56.8A189.2 189.2 0 0 1 424.4 234c0 48.3-18.1 94.3-51 129.6A189.6 189.6 0 0 1 247.8 424z'/%3E%3Cpath d='M234 332.5a98.6 98.6 0 0 1-27.5-193 28.5 28.5 0 0 1 55.1 0A98.7 98.7 0 0 1 313 293a99.3 99.3 0 0 1-49.6 35.2 11 11 0 0 1-6.5-21 76.7 76.7 0 0 0-7.6-148.1 11 11 0 0 1-8.7-12.4 6.6 6.6 0 1 0-13 .6 11 11 0 0 1-8.8 11.8A76.7 76.7 0 0 0 234 310.6a11 11 0 0 1 0 22z'/%3E%3Cpath d='M234 332.5a98.6 98.6 0 0 1-19.5-195 11 11 0 0 1 13 9.7 6.5 6.5 0 0 0 6.6 6c3.4 0 6.2-2.6 6.5-6a11 11 0 0 1 21.7-.6 11 11 0 0 1 12.2-2.3A98.6 98.6 0 0 1 234 332.5zm-24.2-171a76.7 76.7 0 1 0 55.8 2.8 10.9 10.9 0 0 1-5.7-5.8 28.3 28.3 0 0 1-25.8 16.5 28.3 28.3 0 0 1-24.3-13.6z'/%3E%3Cpath d='M234 175a28.3 28.3 0 0 1-28.4-28.4 28.5 28.5 0 1 1 28.5 28.4zm0-35a6.6 6.6 0 1 0 0 13.1 6.6 6.6 0 0 0 0-13zm155.4 286.6a28.3 28.3 0 0 1-28.5-28.5 28.5 28.5 0 1 1 28.5 28.5zm0-35a6.6 6.6 0 1 0 0 13.1 6.6 6.6 0 0 0 0-13.1ZM102.8 144.4a28.5 28.5 0 1 1 0-57 28.5 28.5 0 0 1 0 57zm0-35a6.6 6.6 0 1 0 0 13.1 6.6 6.6 0 0 0 0-13.1zm132.4 175a49.3 49.3 0 1 1 0-98.6 49.3 49.3 0 0 1 0 98.6zm0-76.6a27.4 27.4 0 1 0 0 54.8 27.4 27.4 0 0 0 0-54.8z'/%3E%3C/svg%3E");
}
/*--------- roots ----------*/
:root {
--fnColor: #000;
--general-font: 100%;
--Color-A: #000;
--Color-B: #707070;
--Color-C: #b01;
}
/*--------- 脚注構文の設定 ----------*/
.fnnum {
vertical-align: top;
font-weight: revert;
text-indent: -0.6ch;
margin-right: -0.2em;
}
.fncon {
border: 2px solid #aaa;
}
@media only screen and (max-width: 1279px){
.fncon {
bottom: 15.45%;
top: revert;
}
}
/*--------- RAISAリボン ----------*/
.raisainfo a, .raisainfo a:visited, .raisainfo a.newpage {
color: var(--Color-C);
text-decoration: none;
background: transparent;
}
.raisainfo a:hover, .raisainfo a:visited:hover, .raisainfo a.newpage:hover {
color: red;
text-decoration: none;
background: transparent;
}
.raisa {
display: flex;
justify-content: center;
width: 100vw;
border-top: solid 2px #999999;
border-bottom: solid 2px #999999;
background: #f2f2c2;
padding: 0px;
font-family: verdana, arial, helvetica, sans-serif;
}
.adjust {
margin-left: auto;
margin-right: auto;
}
.raisainfo {
display: inline-block;
max-width: 600px;
min-width: 300px;
padding: 1em 2em 1em 2em;
text-align: center;
font-size: 100%;
font-weight: bold;
background: url(http://scpko.wdfiles.com/local--files/thd-glasses-hub/scp_bg.png) center no-repeat;
}
div.raisainfo p {
margin: 0em;
}
/*--------- 文字を点滅させる ----------*/
.nagiros-example {
animation: blink 0.8s ease-in-out infinite alternate;
}
@keyframes blink {
0% { color: transparent; }
50%, 100% { color: var(--Color-C); }
}
/*--------- 「紙」 ----------*/
div#container-wrap {
background: url(http://dog-punch.wikidot.com/local--files/memo:image/00) repeat-x;
}
.p-paper {
background: #fbfbfb;
box-shadow: 0 0 10px rgba(0,0,0,0.3);
margin: 26px auto 0;
max-width: 900px;
min-height: 300px;
padding: 24px;
position: relative;
width: 80%;
line-height: 200%;
}
.p-paper:before {
background: #fafafa;
box-shadow: 0 0 8px rgba(0,0,0,0.2);
left: -5px;
top: 4px;
transform: rotate(-2.5deg);
}
.p-paper:after {
background: #f6f6f6;
box-shadow: 0 0 3px rgba(0,0,0,0.2);
right: -3px;
top: 1px;
transform: rotate(1.4deg);
}
.p-paper:before, .p-paper:after {
content: "";
height: 98%;
position: absolute;
width: 100%;
z-index: -1;
}
/*--------- rate-box, search-box, modalbox, owindow ----------*/
form {
margin: -15px;
margin-right: 12.8px;
position: static;
}
#search-top-box-form input[type=submit] {
display: none;
}
input#search-top-box-input, input#search-top-box-input:hover{
border-radius: 0;
background: linear-gradient(45deg, #ffffff, #fdfdfd);
padding: 1px;
border: none !important;
width: 6em;
transition: 0.3s;
outline: none;
color: #999;
}
input#search-top-box-input:-internal-autofill-selected {
background: linear-gradient(45deg, #181818, #252525);
color: #999;
}
input#search-top-box-input:focus {
width: 7.5em;
color: #999;
}
#search-top-box {
top: 35px;
z-index: 150;
}
@media only screen and (max-width: 1279px) {
#search-top-box {
top: 60px;
}
}
#search-top-box input.empty {
color: transparent;
}
div.page-rate-widget-box {
border-bottom: 2px solid #292929;
border-radius: 0 3px;
}
.creditRate .rateBox {
display: inline-flex;
}
div.page-rate-widget-box .rate-points {
background-color: transparent;
border: none;
color: #292929;
}
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
background-color: transparent;
border: none;
}
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover {
background: transparent;
color: #29292942;
}
.page-rate-widget-box .cancel {
background-color: transparent;
border: none;
}
.page-rate-widget-box .cancel a {
color: #292929 !important;
}
.page-rate-widget-box .cancel a:hover {
color: #29292942 !important;
background: transparent;
}
.modalbox .page-rate-widget-box {
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.rate-box-with-credit-button .creditButton {
background-color: transparent !important;
border: none !important;
box-shadow: none !important;
}
a.fa.fa-info {
color: #292929;
}
a.fa.fa-info:hover {
color: #fff;
}
.modalbox .modalbox-title {
background: rgba(1, 1, 1, 0.9) !important;
color: #fff;
border-radius: 0 !important;
}
div.modalbox {
box-shadow: 0 2px 6px #ccc;
border-radius: 0;
background-color: rgba(365, 365, 365, 0.9);
}
.rate-box-with-credit-button a {
text-decoration: none;
}
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
color: #292929;
}
div.owindow {
background: #1e1e1ee3;
border: 2px solid #fff;
color: #fff;
}
@media only screen and (max-width: 1279px){
div.owindow {
font-size: 95%;
}
}
.owindow .title {
background-color: #090c16cc;
}
.owindow .title.modal-header {
background: #181818;
border-bottom: #555 1px solid;
}
div.owindow>div.content>img {
background: transparent !important;
}
div.owindow>div.content>h1 {
color: #78b0c2;
}
div.owindow a {
color: #78b0c2;
}
div.owindow a:hover{
color: #fff;
}
.owindow .button-bar a:hover {
background: #181818;
}
.owindow .button-bar a {
background: #3b3b3b;
color: #fff;
transition: .3s;
}
.odialog-shader {
background-color: #3e5166;
filter: alpha(opacity=80);
opacity: .3;
}
/*--------- リンクに触れた時、背景やらが変わったりする構文。 ----------*/
a {
transition: background 1s linear;
color: var(--Color-A);
}
a:hover{
background-color: #333;
color: #fff;
text-decoration: none;
}
a.newpage {
color: #e83;
}
a.newpage:hover {
color: #fff;
text-decoration: none;
background: #f94;
}
/*----------------------------------------*\
「ミニマリストテーマ」
\*----------------------------------------*/
/*--------- General Element ----------*/
body {
color: var(--Color-B);
}
#page-content p {
font-size: var(--general-font);
}
.yui-navset .yui-content {
overflow: inherit;
border: 1px solid #000000;
margin: 0px;
padding: 5 5px;
background-color: #ffffff;
}
.yui-navset .yui-content > div > p {
padding-left: 1em;
padding-right: 1em;
}
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
border: none;
background: #000000;
}
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
overflow-y: hidden;
border: none;
color: #ffffff;
font-weight: normal;
background: none;
}
.yui-navset .yui-nav .selected,
.yui-navset .yui-navset-top .yui-nav .selected {
margin: 0;
background: #f4f4f4;
}
.yui-navset .yui-nav .selected a em {
padding: 0.62em 0.75em;
}
.yui-navset .yui-nav a em, .yui-navset .yui-navset-top .yui-nav a em{
padding: 0.62em 0.75em;
}
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:hover {
overflow-y: hidden;
border: none;
color: #000000;
font-weight: normal;
background: #f4f4f4;
-webkit-text-stroke-width: 0.8px;
}
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
overflow-y:hidden;
border: none;
color: none;
background: none;
}
.yui-navset .yui-nav li, .yui-navset .yui-navset-top .yui-nav li {
margin: 0px;
padding: 0px;
}
p {
margin-top: 1em;
line-height: 180%;
}
/*---------- custom element ----------*/
.contents {
padding-left: 1em;
}
.break {
display: inline-block;
color: var(--Color-B);
}
.thin {
font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
font-weight: 100;
}
/*--------- midashi ----------*/
.midashi {
font-size: calc(var(--general-font) * 4);
float: left;
padding-right: 5px;
padding-top: 7px;
}
.midashi {
clear: both;
margin-bottom: 10px;
}
/*--------- Hidden Element ----------*/
#header h1 a span,
#header h2,
#login-status > a > strong {
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("http://scp-jp-storage.wdfiles.com/local--files/file%3A6647128-3-ouft/768px-Logo_SCP_Foundation.jpg") center no-repeat;
background-size: contain;
height: 130%;
line-height: unset;
max-height: unset;
padding: 0;
width: 45px;
position: relative;
}
@media only screen and (max-width: 1279px) {
#header h1 a {
height: 100%;
width: 65px;
}
}
#header h1 a::after {
content: var(--page-name, "SCP");
color: rgba(0, 0, 0, 0.7) !important;
letter-spacing: 0;
text-shadow: none;
width: max-content;
bottom: 1.2em;
left: 1.85em;
font-size: 25px;
position: absolute;
}
@media only screen and (max-width: 1279px){
#header h1 a::after {
font-size: 23px;
bottom: 0.4em;
left: 2.6em;
}
}
#top-bar {
max-width: 800px;
pointer-events: none;
top: 3rem;
}
@media only screen and (max-width: 1279px){
#top-bar > :not(.mobile-top-bar.sandbox3) > ul {
position: absolute;
width: -webkit-fill-available;
display: flex;
justify-content: space-around;
}
}
#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: revert;
border: none;
color: red;
}
#top-bar ul li ul {
box-shadow: none;
}
#top-bar li ul li {
background-color: #FFF;
}
#top-bar ul li ul li a:hover{
border: solid 1px red;
}
#top-bar li:hover ul,
#top-bar li.sfhover ul {
border-color: #eeeeee;
}
.mobile-top-bar {
right: 0;
}
div#top-bar .open-menu a {
box-shadow: 0 1px 6px #666;
border: none !important;
pointer-events: all;
background-color: transparent !important;
border-radius: 6px;
font-weight: 100;
font-family: unset;
}
@media only screen and (max-width: 1279px){
div#top-bar .open-menu a {
line-height: 0.72em;
}
}
.open-menu a:hover {
box-shadow: none;
}
#login-status {
filter: grayscale();
right: unset;
}
@media only screen and (max-width: 1279px) {
#login-status {
right: 10px;
}
}
#login-status a {
color: var(--Color-A);
}
#login-status ul a:hover{
border: solid 1px var(--Color-A);
}
/*--------- blockquote ----------*/
#page-content :is(blockquote, div.blockquote, div) > :is(blockquote, div.blockquote) {
margin: 10px 0;
}
/*--------- 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;
}
#side-bar .collapsible-block-link {
margin-left: revert;
}
#side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover {
background-color: transparent;
}
/*--------- Image ----------*/
.scp-image-block {
border: none;
position: relative;
padding: 0.5rem;
box-sizing: border-box;
background: rgb(0, 0, 0) / 0.175);
-webkit-backdrop-filter: blur(0.125rem);
backdrop-filter: blur(0.125rem);
}
.scp-image-block.block-left { margin-left: 0; }
.scp-image-block.block-right { margin-right: 0; }
.scp-image-block::before {
content: "";
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
border: solid 0.1rem #ddd;
box-sizing: border-box;
pointer-events: none;
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 1.325rem), calc(100% - 1.325rem) 100%, 0 100%);
}
.scp-image-block::after {
content: "";
position: absolute;
bottom: 0; right: 0;
width: 2rem; height: 2rem;
background-color: rgb(229, 214, 157);
-webkit-mask-image: var(--space-orbit-mask);
-webkit-mask-size: contain;
-webkit-mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-image: var(--space-orbit-mask);
mask-size: contain;
mask-position: center;
mask-repeat: no-repeat;
transform: translate(46.5%, 46.5%);
}
.scp-image-block .scp-image-caption {
background-color: transparent;
border: none;
padding: 0;
padding-top: 0.25rem;
color: var(--Color-B);
font-weight: normal;
font-size: .95em;
}
/*--------- table ----------*/
@media only screen and (max-width: 1279px){
.wiki-content-table tbody :is(th, td) {
font-size: 0.9em;
}
:not(.content.modal-body) > table {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
}
table {
display: block;
}
table tbody {
width: -webkit-fill-available;
display: table;
}
div.wiki-note {
overflow-x: auto;
}
/*--------- 脚注 ----------*/
.footnote .f-footer {
display: none;
}
.footnote .f-content {
margin: .5em 0 .5em;
}
.footnotes-footer {
display:none;
}
/*--------- Info Ayers ----------*/
div.info-container > .collapsible-block {
border: none !important;
}
/*--------- Anomaly Classification Bar ----------*/
.danger-diamond a:hover {
background-color: revert !important;
}
/*-------------------*\
Other
\*-------------------*/
/*--------- J-style ----------*/
#action-area tt {
vertical-align: revert;
}
tt > em {
background-image: unset;
}
/*--------- Sandbox ----------*/
div.top-bar.sandbox3 {
right: 0;
position: absolute;
}
div.mobile-top-bar.sandbox3 {
bottom: -32.5px;
left: 25px;
}
#top-bar ul li.sfhover a:hover, #top-bar ul li:hover a:hover {
background: none;
}
#toc .title{
display: none;
}
#toc #toc-action-bar {
border-bottom: solid 1px;
}
.system-comment-Area > .colmod-block > ul > .folded > .colmod-link-top > .foldable-list-container > a:first-child:hover, .system-comment-Area > .colmod-block > ul > .unfolded > .colmod-link-top > .foldable-list-container > a:nth-child(2){
background-color: revert;
}
div.portal-content-panel {
box-shadow: inset 0px 0px 8px #666;
}
[[/module]]
コメント投稿フォームへ
注意: 批評して欲しいポイントやスポイラー、改稿内容についてはコメントではなく下書き本文に直接書き入れて下さい。初めての下書きであっても投稿報告は不要です。批評内容に対する返答以外で自身の下書きにコメントしないようお願いします。
批評コメントTopへ