@import url('http://scp-jp.wikidot.com/deathcontest/code/1');
/* Common */
a{
color:#5591aa;
}
a::visited {
color: #98aab5 ;
}
.meta-title,
#page-title{
text-align: center;
color:%235a5757;
}
#breadcrumbs,
#page-title {
display: none;
}
.fake-title {
color:#5a5757;
font-size: 200%;
padding: 0 0 0.25em;
margin: 0 0 0.6em;
border-bottom: 1px solid #bbb;
font-weight: normal;
}
.fake-title p {
padding: 0;
margin: 0;
}
.fake-breadcrumbs {
margin: -1em 0 1em;
font-size: 95%;
}
/* Header */
#header{
background:url(http://scp-jp-storage.wdfiles.com/local--files/file%3A6943710-4-t9mr/1654771766925.png) 10px 40px no-repeat;
background-size:100px 100px;
}
@media (max-width: 479px) {
#header{
background-position: 0 5.5em;
background-size: 55px 55px;
}
}
@media (min-width: 480px) and (max-width: 580px) {
#header{
background-position: 0.5em 4.5em;
background-size: 66px 66px;
}
}
@media (min-width: 581px) and (max-width: 767px) {
#header{
background-size: 77px 77px;
}
}
#header h1 a {
color:transparent;
text-shadow: none;
display:block;
position:relative;
width:580px;
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
}
#header h1 a:after {
content:"SCP Foundation";
display: block;
position:absolute;
top:0px;
left:0px;
padding: 80px 0 25px;
line-height: 0px;
max-height: 0px;
color: #5591aa;
background: transparent;
font-family: BauhausLTDemi, 'Nanum Gothic', Arial, sans-serif;
font-size: 100%;
0 0 150px #0ff;
letter-spacing: 0.9px;
word-break:none;
z-index:1;
text-shadow:
0 0 5px #005c7d,
0 0 10px #003648,
0 0 15px #444,
0 0 20px #444;
}
#header h1 a:before {
content:"Japanese Branch";
display: block;
font-family: BauhausLTDemi, 'Nanum Gothic', Arial, sans-serif;
font-size:50%;
position:absolute;
bottom:2em;
left:0px;
padding: 80px 0 25px;
line-height: 0px;
color: #70b7db;
background: transparent;
text-shadow: 3px 3px 5px #000;
letter-spacing: 0.9px;
word-break:none;
z-index:1;
text-shadow:
0 0 5px #005c7d,
0 0 10px #003648,
0 0 15px #444,
0 0 20px #444;
}
#header h2 span {
color:transparent;
text-shadow: none;
display:block;
position:relative;
width:580px;
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
}
#header h2 span:before {
content:"Secure, Contain, Protect";
font-family: BauhausLTDemi, 'Nanum Gothic', Arial, sans-serif;
color: #70b7db;
background: transparent;
text-shadow: 3px 3px 5px #000;
text-shadow:
0 0 5px #005c7d,
0 0 10px #003648,
0 0 15px #444,
0 0 20px #444;
}
/* Side-Bar */
#side-bar .side-block {
border-radius: 0;
position: relative;
border: none;
box-shadow: 0px 0px 4px #1f3033;
color: #1f3033;
background: #faffff;
background-color: #faffff !important;
}
#side-bar .side-block a {
color: #1f3033;
}
#side-bar .collapsible-block-unfolded-link,
#side-bar .collapsible-block-unfolded {
border-color: #faffff;
}
#side-bar .heading {
border-color: #ccfbff;
color: #1f3033;
}
#side-bar div.menu-item img {
filter: hue-rotate(180deg);
}
#side-bar .collapsible-block-folded,
#side-bar .collapsible-block-unfolded-link {
position: relative;
z-index: 0;
}
#side-bar .collapsible-block-folded::before,
#side-bar .collapsible-block-unfolded-link::before {
content: '';
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
background: inherit;
filter: hue-rotate(180deg)brightness(1.7);
;
z-index: -1;
}
img.image[title="SCP-JP Discord Chat"],
img.image[title="SCP-JP Twitter"] {
filter: hue-rotate(310deg) !important;
}
#side-bar .scpnet-interwiki-wrapper iframe.scpnet-interwiki-frame {
border: none;
border-radius: 0;
box-shadow: 0px 0px 4px #1f3033;
color: #1f3033;
background: #1f3033;
background-color: #faffff !important;
}
@media (max-width: 767px) {
#side-bar {
background-color: rgba(194, 206, 198, 0.85);
}
}
div.open-menu a[href="#side-bar"] {
border: 5px solid #4d9399 !important;
color: #4d9399 !important;
border-radius: 3px;
background: transparent !important;
box-shadow: 0 0 5px #fff;
text-shadow: 0 0 5px #fff;
}
::-webkit-scrollbar {
border: none;
}
#side-bar::-webkit-scrollbar {
width: 10px;
}
@media (max-width: 767px)
#side-bar:target .close-menu {
background: rgb(1 134 255 /0%) 1px 1px repeat;
}
hr {
height: 0.8px;
}
/* Page Rating
http://scp-jp.wikidot.com/rigaiken-repo-research-proposal-2028-03-13-in-98より
*/
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.css');
.creditRate .page-rate-widget-box {
border-radius: unset;
box-shadow: unset;
}
.creditRate .page-rate-widget-box .rate-points, .creditRate .page-rate-widget-box .cancel {
background-color: #000000 !important;
border: #000000;
border-radius: unset;
color: #5591aa;
}
.creditRate .page-rate-widget-box .rateup, .creditRate .page-rate-widget-box .ratedown {
background-color: #000000;
border-top: #000000;
border-bottom: #000000;
}
.creditRate .rate-box-with-credit-button .creditButton {
height: 18px;
background-color: #000000;
border: #000000;
border-radius: unset;
box-shadow: unset;
margin-left: unset;
}
.creditRate .page-rate-widget-box .rateup a, .creditRate .page-rate-widget-box .ratedown a, .creditRate .page-rate-widget-box .cancel a, .creditRate .rate-box-with-credit-button .creditButton a {
color: #fbfbfb;
}
.creditRate .page-rate-widget-box .rateup:hover, .creditRate .page-rate-widget-box .ratedown:hover, .creditRate .creditButton:hover {
background: #5591aa;
}
.creditRate .page-rate-widget-box .rateup a:hover, .creditRate .page-rate-widget-box .ratedown a:hover, .creditButton a:hover {
background: #5591aa;
color: #5591aa;
}
.creditRate .page-rate-widget-box .cancel a:hover {
border-radius: unset;
background: #5591aa;
color: #5591aa;
}
.page-rate-widget-box {
border-radius: unset;
box-shadow: unset;
}
.page-rate-widget-box .rate-points, .page-rate-widget-box .cancel {
background-color: #000000 !important;
border: #000000;
border-radius: unset;
color: #fbfbfb !important;
}
.page-rate-widget-box .rateup, .page-rate-widget-box .ratedown {
background-color: #000000;
border-top: #000000;
border-bottom: #000000;
}
.page-rate-widget-box .rateup a, .page-rate-widget-box .ratedown a, .page-rate-widget-box .cancel a {
color: #fbfbfb !important;
}
.page-rate-widget-box .rateup:hover, .page-rate-widget-box .ratedown:hover {
background: #5591aa;
}
.page-rate-widget-box .rateup a:hover, .page-rate-widget-box .ratedown a:hover {
background: #5591aa;
color: #000000;
}
.page-rate-widget-box .cancel a:hover {
border-radius: unset;
background: #5591aa;
color: #000000;
}
/* Information */
div#search-top-box {
top: 18.5px;
width: 100%;
right: 70px;
}
div#search-top-box form {
display: flex;
justify-content: flex-end
}
div#search-top-box form input[type="text"],
div#search-top-box form input[type="text"]:hover {
background-color: #5B5B5B !important;
display: inline-block;
height: 1.1rem;
width: 8rem;
transition: width .25s;
outline: none;
filter: brightness(120%);
}
_::-webkit-full-page-media,
_:future,
:root div#search-top-box form input[type="text"] {
font-size: 16px
}
div#search-top-box form input[type="text"]:not(:focus),
div#search-top-box form input[type="text"]:not(:focus):not(:hover) {
background-color: var(--base-color);
color: transparent;
cursor: pointer;
display: inline-block;
width: 22px;
height: 22px;
box-sizing: border-box;
border-radius: 50px;
box-shadow: none;
background-position: center;
background-size: 55%;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M505%20442.7L405.3%20343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3%2044-79.7%2044-128C416%2093.1%20322.9%200%20208%200S0%2093.1%200%20208s93.1%20208%20208%20208c48.3%200%2092.7-16.4%20128-44v16.3c0%206.4%202.5%2012.5%207%2017l99.7%2099.7c9.4%209.4%2024.6%209.4%2033.9%200l28.3-28.3c9.4-9.4%209.4-24.6.1-34zM208%20336c-70.7%200-128-57.2-128-128%200-70.7%2057.2-128%20128-128%2070.7%200%20128%2057.2%20128%20128%200%2070.7-57.2%20128-128%20128z%22%2F%3E%3C%2Fsvg%3E");
}
div#search-top-box form input[type="submit"] {
display: none
}
#search-top-box-input {
border: solid 1px var(--background);
border-radius: 5px
}
#login-status {
top: 2px
}
#login-status {
display: flex;
flex-direction: column;
align-content: space-around;
font-size: 0
}
#login-status .printuser {
margin: 0;
background-color: none;
position: absolute;
top: 13px;
right: 0px;
width: 28px;
padding: 0;
}
#login-status .printuser img.small {
background: none !important;
margin: 0;
width: 28px;
height: 28px;
padding: 0;
border-radius: 100px;
box-shadow: 0 0 3px #3f3f3f;
}
#login-status [id] {
font-size: .72rem
}
#login-status>a[href="javascript:;"] {
font-size: 0;
font-weight: bold;
margin: 0;
text-align: center;
text-decoration: none;
background: none;
width: 21.8px;
position: absolute;
top: 13px;
height: 21px;
right: 30px;
border: none;
}
#login-status>a[href="javascript:;"]:before {
display: inline-block;
font-family: FontAwesome;
font-size: 1.3rem;
margin: 4px 3px;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
transform: translate(0, 0);
}
#login-status #account-topbutton:before {
content: "\f013";
color: var(--base-color)
}
#login-status .login-status-sign-in {
right: 35px !important;
}
#login-status .login-status-sign-in:before {
content: "\f13e";
color: var(--base-color)
}
#login-status .login-status-create-account {
right: 11px !important;
margin: 0 0 .25rem;
}
div#login-status a.login-status-create-account {
right: 11px;
}
#login-status .login-status-create-account:before {
content: "\f067";
color: var(--base-color)
}
#login-status #my-account {
display: none
}
#login-status a strong {
position: absolute;
top: 0;
right: 2.25rem;
font-family: var(--bauhaus);
font-size: 1rem;
white-space: nowrap
}
#login-status #account-topbutton:not(:focus):not(:focus-within):not(:hover):not(:active)+#account-options {
display: none !important
}
#header #login-status #account-topbutton+#account-options:focus,
#header #login-status #account-topbutton+#account-options:focus-within,
#header #login-status #account-topbutton+#account-options:hover,
#header #login-status #account-topbutton+#account-options:active {
display: block !important
}
#account-options ul {
display: flex;
flex-wrap: wrap;
justify-content: space-around
}
#account-options ul>li {
flex-grow: 1;
text-align: center;
width: 40%
}
#account-options ul>li a {
transition: all .25s ease-in-out
}
#account-options ul>li a:hover {
background-color: var(--base-color);
color: var(--background);
text-decoration: none
}
#login-status ul a {
color: #000
}
/* collapsible-color */
.color-gray a.collapsible-block-link {
color: #808080;
}
コメント投稿フォームへ
注意: 批評して欲しいポイントやスポイラー、改稿内容についてはコメントではなく下書き本文に直接書き入れて下さい。初めての下書きであっても投稿報告は不要です。批評内容に対する返答以外で自身の下書きにコメントしないようお願いします。
批評コメントTopへ