Nebulaeテーマ

クレジット

タイトル: Nebulaeテーマ
作者: nebula2700
作成年: 2024

現在の星雲はLagoon Nebulaです。

[[include :pseudo-scp-jp:theme:nebulae]]

星雲を切り替える:

| North America | Eta Carinae |

| 星空を眺める |

Lagoon--nebula-hue(255, 248, 220)

Neutron Star--neutron-white(249, 255, 255)

{$color3-name}{$color3-variable}{$color3-info}

{$color4-name}{$color4-variable}{$color4-info}

{$color5-name}{$color5-variable}{$color5-info}

{$color6-name}{$color6-variable}{$color6-info}

Icy Blue--cold-space(92, 222, 236)

Lonely Blue--satellite-tone(44, 123, 149)

Empty Black--dark-void(28, 28, 30)

{$subcolor4-name}{$subcolor4-variable}{$subcolor4-info}

{$subcolor5-name}{$subcolor5-variable}{$subcolor5-info}

{$subcolor6-name}{$subcolor6-variable}{$subcolor6-info}

{$subcolor7-name}{$subcolor7-variable}{$subcolor7-info}

{$subcolor8-name}{$subcolor8-variable}{$subcolor8-info}

{$subcolor9-name}{$subcolor9-variable}{$subcolor9-info}

{$subcolor10-name}{$subcolor10-variable}{$subcolor10-info}

{$subcolor11-name}{$subcolor11-variable}{$subcolor11-info}

{$subcolor12-name}{$subcolor12-variable}{$subcolor12-info}

{$color1-name}{$color1-variable}{$color1-info}

{$color2-name}{$color2-variable}{$color2-info}

{$color3-name}{$color3-variable}{$color3-info}

{$color4-name}{$color4-variable}{$color4-info}

{$color5-name}{$color5-variable}{$color5-info}

{$color6-name}{$color6-variable}{$color6-info}

{$subcolor1-name}{$subcolor1-variable}{$subcolor1-info}

{$subcolor2-name}{$subcolor2-variable}{$subcolor2-info}

{$subcolor3-name}{$subcolor3-variable}{$subcolor3-info}

Cosmic Black--outer-space(22, 23, 33)

{$subcolor5-name}{$subcolor5-variable}{$subcolor5-info}

{$subcolor6-name}{$subcolor6-variable}{$subcolor6-info}

{$subcolor7-name}{$subcolor7-variable}{$subcolor7-info}

{$subcolor8-name}{$subcolor8-variable}{$subcolor8-info}

{$subcolor9-name}{$subcolor9-variable}{$subcolor9-info}

{$subcolor10-name}{$subcolor10-variable}{$subcolor10-info}

{$subcolor11-name}{$subcolor11-variable}{$subcolor11-info}

{$subcolor12-name}{$subcolor12-variable}{$subcolor12-info}

例

神秘。

罫線は、5つのハイフン「-----」を使用して作成でき、何かの内側（例: ブロック引用）に配置されていなければページ全体に適用されます。このドキュメントのセクションを区切る線は罫線です。

見出しは、行の先頭に1～6文字の「+」を置くことで作成できます

▶︎ 見出し

これはタブです。¹

これは引用ブロックです。各行の先頭に半角の「> 」を置くことで作成されます。
追加のテキスト

これは罫線です

入れ子になった引用ブロック

これは	テーブルです
もう	作り方は
知っているはずです

星雲の切り替え

Lagoon (デフォルト)

[[include :pseudo-scp-jp:theme:nebulae]]

North America

[[include :pseudo-scp-jp:theme:nebulae ngc7000=a]]

Eta Carinae

[[include :pseudo-scp-jp:theme:nebulae ngc3372=a]]

Cosmos

[[include :pseudo-scp-jp:theme:nebulae ngc0=a]]

あなたの星雲

ヘッダーおよびフッターの画像,テーマカラーは[[include]]の後に以下のコードを追加することでご自由に変更できます。
カラー変数はRGBフォーマットです。

Lagoon Nebulaのコード:

:root {
    --header-image: url("https://scp-jp-storage.wdfiles.com/local--files/file%3A8260379-49-exwy/ngc6523.jpeg");
 
    --nebula-hue: 255,248,220;
    --neutron-white: 249,255,255;
    --cold-space: 92,222,236;
    --satellite-tone: 44,123,149;
    --dark-void: 32,34,33;
    --outer-space: 22,23,33;
}

コード

▶ コードを表示

▼ コードを非表示

/*
    Nebulae Theme
    [2024 Wikidot Theme]
    By nebula2700
    Based on:
       Oceanbound Theme by EstrellaYoshte
*/
 
@import url('https://fonts.googleapis.com/css2?family=BIZ+UDMincho:wght@700&family=Cute+Font&family=Kreon:wght@300..700&family=Space+Grotesk:wght@552&family=Train+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=BIZ+UDMincho:wght@700&family=Cute+Font&family=Kreon:wght@300..700&family=Noto+Serif+JP:wght@900&family=Space+Grotesk:wght@552&family=Train+One&display=swap');
 
:root {
    --header-font: 'Noto Serif JP', serif;
    --UI-font: 'Space Grotesk', 'Nanum Gothic', sans-serif;
    --mono-font: 'Space Mono', 'Nanum Gothic Coding', monospace;
    --body-font: 'Inter', 'Arial', sans-serif;
 
    --side-bar-width: 14.5rem;
    --header-height: 14.25rem;
    --top-bar-height: 2.75rem;
    --header-image: url("https://scp-jp-storage.wdfiles.com/local--files/file%3A8260379-49-exwy/ngc6523.jpeg");
 
    --nebula-hue: 255,248,220;
    --neutron-white: 249,255,255;
    --cold-space: 92,222,236;
    --satellite-tone: 44,123,149;
    --dark-void: 32,34,33;
    --outer-space: 22,23,33;
 
    --search-mask: 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");
}
 
body, li, p {
    line-height: 1.5;
}
 
body {
    font-family: var(--body-font);
    color: rgb(var(--neutron-white));
    background-color: rgb(var(--outer-space));
    font-size: 0.925rem;
}
 
::selection {
    background-color: rgb(var(--satellite-tone),0.875);
    color: rgb(var(--outer-space));
}
 
/*-------------------------------------*/
/*-------------HEADER---------------*/
/*-------------------------------------*/
 
div#container-wrap, #header { background: none; }
#header h1 a, #header h2 span {
    color: transparent;
    text-shadow: none;
    user-select: none;
}
 
#header {
    height: calc(var(--header-height) + var(--top-bar-height));
    padding: 0;
}
#extra-div-1 {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: calc(var(--header-height) + var(--top-bar-height));
    background-image: var(--header-image);
    background-size: cover;
    background-position: right center;
    overflow: hidden;
    isolation: isolate;
    border-bottom-right-radius: min(calc(1.5rem + 4vw), 7.5rem);
}
#extra-div-2 {
    width: min(calc(1.5rem + 4vw), 7.5rem);
    aspect-ratio: 1;
    position: absolute;
    top: calc(var(--header-height) + var(--top-bar-height));
    left: 0;
    background-color: rgb(var(--nebula-hue));
    z-index: -1;
}
#extra-div-2::before {
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 102%; height: 102%;
    background-color: rgb(var(--outer-space));
    border-top-left-radius: min(calc(1.5rem + 4vw), 7.5rem);
}
 
#extra-div-1::before, #extra-div-1::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: min(36rem, 100%);
    height: 100%;
    background-image: linear-gradient(90deg, rgb(var(--nebula-hue)) 12.5%, transparent);
}
#extra-div-1::after {
    background-image: var(--title-image);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: calc(100% - var(--top-bar-height)/1.5);
}
#header h1 {
    float: none; margin: 0; max-height: unset;
    position: absolute;
    top: 0; left: 0;
    display: block;
    width: min(26rem, 100%);
    height: calc(100% - var(--top-bar-height));
}
#header h1 a {
    width: 100%;
    height: 100%;
    padding: 0;
    max-height: unset;
}
 
#extra-div-1 span {
    position: absolute;
    top: var(--header-height); left: 0;
    width: 100%;
    height: var(--top-bar-height);
    background-color: rgb(var(--nebula-hue), 67.5%);
    -webkit-backdrop-filter: blur(0.125rem);
    backdrop-filter: blur(0.125rem);
}
 
#top-bar {
    top: var(--header-height);
    right: 0;
    height: var(--top-bar-height);
    line-height: var(--top-bar-height);
    font-family: var(--UI-font);
}
#top-bar div[class*="top-bar"] > ul > li > ul {
    border: none;
    min-width: max-content;
    box-shadow: none;
}
#top-bar div[class*="top-bar"] > ul > li > a {
    font-size: 0.825em;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 0.115ch;
    border: none;
}
#top-bar ul li a {
    color: rgb(var(--outer-space));
    padding: var(--top-bar-height) 12px;
    padding-top: 0;
    height: var(--top-bar-height);
    line-height: var(--top-bar-height);
}
#top-bar div[class*="top-bar"] > ul > li.sfhover > a,
#top-bar div[class*="top-bar"] ul li:hover a:hover {
    background-color: rgb(var(--cold-space));
    color: rgb(var(--outer-space));
}
#top-bar ul li ul li a, #top-bar ul li.sfhover ul li a, #top-bar ul li:hover ul li a {
    border-top: none;
    box-sizing: border-box;
    min-width: auto;
    padding: 0.475em;
    color: rgb(var(--cold-space));
    background-color: rgb(var(--outer-space) / 0.1);
 
}
#top-bar :is(.top-bar, .mobile-top-bar) ul li ul {
    border: none;
    box-shadow: none;
    -webkit-backdrop-filter: blur(0.125rem);
    backdrop-filter: blur(0.125rem);
}
#top-bar :is(.top-bar, .mobile-top-bar) ul li ul li a {
    padding: 0.5em 0.675em;
    text-align: center;
    font-weight: bold;
}
 
/* mobile top bar */
 
#top-bar div[class*="top-bar"] > ul > li {
    position: static;
}
#top-bar :is(.top-bar, .mobile-top-bar) ul li ul li a {
    padding: 0.75em 0.675em;
}
#top-bar .mobile-top-bar {
    left: 0;
    width: 100%;
}
#top-bar .mobile-top-bar > ul {
    float: none;
    display: flex;
    justify-content: center;
    border: none;
}
#top-bar .mobile-top-bar > ul > li {
    flex-grow: 1;
}
 
/*-------------Search and WikiID---------------*/
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: rgb(var(--dark-void)) !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: rgb(var(--dark-void)) !important;
    color: transparent;
    cursor: pointer;
    display: inline-block;
    width: 22px;
    height: 22px;
    box-sizing: border-box;
    border: solid 1px rgb(var(--neutron-white));
    border-radius: 50px;
    box-shadow: none;
    background-position: center;
    background-size: 55%;
    background-repeat: no-repeat;
    background-image: var(--search-mask);
}
 
div#search-top-box form input[type="submit"] {
    display: none;
}
 
#search-top-box-input {
    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 rgb(var(--dark-void));
}
 
#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: rgb(var(--neutron-white));
    position:relative;
    bottom: 5px;
}
 
#login-status .login-status-sign-in {
    right: 35px !important;
}
 
#login-status .login-status-sign-in:before {
    content: "\f13e";
    color: rgb(var(--neutron-white));
    position:relative !important;
    bottom: 4.5px !important;
}
 
#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: rgb(var(--neutron-white));
    position:relative !important;
    bottom: 4.5px !important;
}
 
#login-status #my-account {
    display: none;
}
 
#login-status a strong {
    position: absolute;
    top: 0;
    right: 2.25rem;
    font-size: 1rem;
}
 
#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: rgb(var(--outer-space));
    color: rgb(var(--neutron-white));
    text-decoration: none;
}
 
#login-status ul a {
    color: rgb(var(--outer-space));
}
 
/*-------------------------------------*/
/*-------------LAYOUT---------------*/
/*-------------------------------------*/
 
#container {
    display: flex;
    flex-direction: column;
}
 
#content-wrap {
    width: 100%;
    max-width: 68rem;
    margin-top: 0;
    display: grid;
    grid-template-areas:
        "deco deco"
        "side main";
    grid-template-rows: 3rem auto;
    grid-template-columns: var(--side-bar-width) minmax(0, 1fr);
    grid-gap: 1.125rem 2.5rem;
    padding: 1.125rem 2.5em;
    box-sizing: border-box;
}
 
#side-bar {
    position: relative;
    width: var(--side-bar-width);
    top: 0; left: 0;
    margin: 0;
    grid-area: side;
}
 
#main-content {
    margin: 0; padding: 0;
    max-width: unset;
    grid-area: main;
}
 
@media only screen and (max-width:768px) {
    #content-wrap {
        grid-template-areas:
            "deco deco"
            "main main";
    }
    #side-bar {
        position: fixed;
        left: calc(var(--side-bar-width)*-1.15);
        overflow-x: hidden;
    }
    #side-bar, #side-bar:target {
        border: none;
        width: var(--side-bar-width);
    }
}
 
/*--------------------------------------*/
/*-------------SIDEBAR---------------*/
/*--------------------------------------*/
 
#side-bar {
    box-sizing: border-box;
}
 
:is(#side-bar, #interwiki) a {
    color: rgb(var(--cold-space));
}
 
:is(#side-bar, #interwiki) .side-block {
    border: none;
    box-shadow: none;
    border-radius: 0;
    background: rgb(var(--outer-space));
    font-family: var(--UI-font);
}
#side-bar .side-block.media { background-color: rgb(var(--outer-space)); }
#side-bar .side-block.resources { background-color: rgb(var(--dark-void)); }
 
.side-block.sns, .side-block[style="background-color: #fff0f0;"], [style="background-color: #f0f0f0;"], [style="background-color: #a7dba2;"] {
    background-color: rgb(var(--outer-space)) !important;
}
 
:is(#side-bar, #interwiki) .heading {
    display: flex;
    align-items: center;
    column-gap: 0.125em;
    color: rgb(var(--nebula-hue));
    font-family: var(--header-font);
    font-size: 1.125rem;
    border-color: currentColor;
    padding: 0;
}
 
@media only screen and (max-width:768px) {
    #side-bar {
        background-color: rgb(var(--outer-space));
        padding: 0;
    }
    #side-bar .side-block { margin: 0; }
}
 
:is(#side-bar, #interwiki) .menu-item img {
    display: none;
}
 
#top-bar .open-menu a {
    border: solid 3px rgb(var(--nebula-hue)) !important;
    color: rgb(var(--nebula-hue)) !important;
    background-color: transparent
!important;
    border-radius: 0;
    padding: 0.125rem;
}
 
/*--------------------------------------*/
/* -------- PAGE ELEMENTS -------- */
/*--------------------------------------*/
 
#page-title, .meta-title {
    display: flex;
    align-items: center;
    column-gap: 0.325rem;
    color: rgb(var(--nebula-hue));
    font-family: var(--header-font);
    font-weight: bold;
    font-size: 2em;
    line-height: 1;
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom: 0.425em;
}
:is(#page-title, .meta-title)::after {
    content: "";
    display: block;
    height: 0.1rem;
    min-width: 2.5rem;
    flex-grow: 1;
    background: rgb(var(--nebula-hue));
    order: 1;
}
 
textarea, input.text {
    background-color: rgb(var(--outer-space));
    color: inherit;
}
 
#lock-info {
    font-family: var(--mono-font);
    font-size: 0.825em;
    border: none;
    background-color: rgb(var(--dark-void));   
}
 
div.buttons input, input.button, button, a.button, .owindow .button-bar a {
    font-family: var(--mono-font);
    font-size: 0.925em;
    margin: 0.125rem;
    padding: 0.25rem 0.675rem;
    text-decoration: none;
    background-color: rgb(var(--outer-space) / 0.375);
    border: solid 0.05rem rgb(var(--cold-space));
    color: rgb(var(--cold-space));
    cursor: pointer;
}
:is(div.buttons input, input.button, button, a.button, .owindow .button-bar a):is(:hover,:focus) {
    color: rgb(var(--satellite-tone));
    background-color: rgb(var(--outer-space) / 0.175);
}
 
.page-source, tt, .code pre, .code p, .code {
    font-family: var(--mono-font);
    color: rgb(var(--neutron-white)) !important;
}
 
a:any-link:not(.newpage) {
    color: rgb(var(--cold-space));
}
a:visited, :is(#side-bar,#interwiki) a:visited {
    color: rgb(var(--satellite-tone));
}
 
h1,h2,h3,h4,h5,h6 {
    font-family: var(--UI-font);
    font-weight: bold;
    color: rgb(var(--nebula-hue));
}
h1,h2 { line-height: 1.25; }
h3,h4 { line-height: 1.325; }
 
hr {
    --hr-icon-size: 1.25rem;
    background: rgb(var(--nebula-hue));
}
 
/*---- RATE MODULE ----*/
.page-rate-widget-box,
:is(div,ul).creditRate {
    margin-right: 0;
}
.page-rate-widget-box,
div.rate-box-with-credit-button {
    font-family: var(--UI-font);
    box-shadow: none;
    border: none;
    border-radius: 0;
}
.page-rate-widget-box > span {
    display: inline-block;
}
 
div.page-rate-widget-box :is(.rate-points,.rateup,.ratedown,.cancel) {
    border-radius: 0;
    border: none;
    background-color: transparent;
    color: rgb(var(--nebula-hue));
}
div.page-rate-widget-box span:is(.rate-points,.rateup,.ratedown,.cancel) a {
    color: rgb(var(--nebula-hue)) !important;
    margin-bottom: 3px;
    border-radius: 0;
    display: inline-block;
    width: 2ex;
    text-align: center;
}
:is(.page-rate-widget-box,.modalbox,#action-area) span:is(.rate-points,.rateup,.ratedown,.cancel) a {
    padding-right: 0.75rem;
}
 
.page-rate-widget-box .cancel a {
    margin-top: -1px;
}
div.page-rate-widget-box span:is(.rate-points,.rateup,.ratedown,.cancel) a:is(:hover,:focus) {
    color: rgb(var(--cold-space)) !important;
    background-color: transparent !important;
}
 
div.rate-box-with-credit-button .page-rate-widget-box {
    border-bottom: none;
}
.creditRate .rateBox div.rate-box-with-credit-button p { display: contents; }
div.rate-box-with-credit-button p a { border-left: none; }
 
div.page-rate-widget-box, .creditButton {
    box-shadow: none !important;
}
 
.creditRate:not(.no-rate) .rateBox, .modalbox .page-rate-widget-box, .creditRate.no-rate .fa-info {
    border-bottom: solid 2px rgb(var(--nebula-hue)) !important;
    background-color: transparent !important;
}
.creditRate.no-rate .fa-info {
    padding-bottom: 4px;
}
 
div.creditButton p a {
    border: none;
    padding: 0;
    color: rgb(var(--cold-space));
}
 
div.creditButton {
    display: inline-block !important;
    background: none !important;
    border: none !important;
    margin-left: 6px !important;
    margin-bottom: -4px;
}
 
.creditButton a {
    color: rgb(var(--nebula-hue)) !important;
}
 
.creditButton a:hover {
    color: rgb(var(--cold-space)) !important;
}
 
div.modalbox {
    color: rgb(var(--neutron-white));
    background: rgb(var(--dark-void));
    padding: 0.25rem 0.75rem;
    border: none;
    border-radius: 0;
    box-shadow: none;
}
#u-credit-otherwise .modalbox {
  background-color: rgb(var(--dark-void)) !important;
}
.modalbox hr {
    margin: 0.25rem 0.875rem;
}
.modalbox > .credit {
    margin: 0.5rem;
}
.modalbox .cc {
    color: rgb(var(--nebula-hue)) !important;
}
.modalbox-title {
    background: rgb(var(--dark-void)) !important;
}
 
/*---- BLOCKQUOTE ----*/
blockquote, div.blockquote {
    background-color: rgb(var(--dark-void));
    border: none;
    border-inline-start: solid 0.25rem rgb(var(--nebula-hue));
    padding: 0.25rem 1.125rem;
}
 
#toc {
    background-color: rgb(var(--dark-void));
    border: solid 0.15rem rgb(var(--nebula-hue));
    padding: 0.25rem 1.125rem;
}
 
.code, .page-source {
    border: none;
    background-color: rgb(var(--dark-void));
}
 
.hl-code,
.hl-default,
.hl-brackets,
.hl-quotes,
.hl-string,
.hl-identifier {
    color: rgb(var(--neutron-white));
}
.hl-special {
    color: rgb(var(--satellite-tone));
}
.hl-number {
    color: rgb(var(--nebula-hue));
}
.hl-reserved {
    color: rgb(var(--cold-space));
}
 
/*---- IMAGE BLOCK ----*/
.scp-image-block {
    border: none;
    box-shadow: none;
    background-color: rgb(var(--dark-void));
    padding: 0.625em;
    border-bottom: solid 0.1rem rgb(var(--nebula-hue));
    box-sizing: border-box;
}
.scp-image-block.block-left { margin-left: 0; }
.scp-image-block.block-right { margin-right: 0; }
.scp-image-block .scp-image-caption {
    border-top: none;
    padding: 0.5em 0.25em 0;
    box-sizing: border-box;
    background-color: transparent;
}
 
/*---- FOOTNOTES ----*/
bibitems .title, .footnotes-footer .title {
    font-family: var(--UI-font);
    font-size: 1.375em;
}
 
.hovertip {
    background-color: rgb(var(--outer-space))!important;
    border-color: rgb(var(--nebula-hue))!important;
    padding: 0.25em 0.125em;
}
.hovertip .content .footnote .f-heading,
.hovertip .content .reference .r-heading {
    font-family: var(--UI-font);
}
 
/* ---- TABS ---- */
 
/* ---- YUI TAB BASE ---- */
.yui-navset .yui-nav a,.yui-navset .yui-navset-top .yui-nav a{background-color:inherit;background-image:inherit}.yui-navset .yui-nav a:hover,.yui-navset .yui-nav a:focus{background:inherit;text-decoration:inherit}.yui-navset .yui-nav .selected a,.yui-navset .yui-nav .selected a:focus,.yui-navset .yui-nav .selected a:hover{color:inherit;background:inherit}.yui-navset .yui-nav,.yui-navset .yui-navset-top .yui-nav{border-color:inherit}.yui-navset li{line-height:inherit}
 
/* ---- YUI TAB CUSTOMIZATION ----*/
 
.yui-navset { clear: both; }
 
 .yui-navset .yui-nav,
 .yui-navset .yui-navset-top .yui-nav{
     display: flex;
     flex-wrap: wrap;
     margin: 0 auto;
     font-family: var(--UI-font);
     font-weight: bold;
     border-bottom: solid 0.125rem rgb(var(--nebula-hue));
     box-shadow: none;
}
 .yui-navset .yui-nav a, /* ---- Link Modifier ---- */
 .yui-navset .yui-navset-top .yui-nav a{
     color: rgb(var(--nebula-hue));
    /* ---- Tab Background Colour | [UNSELECTED] ---- */
     background-color: rgb(var(--dark-void));
     border: unset;
     box-shadow: none;
     box-shadow: none;
}
 .yui-navset .yui-nav a:hover,
 .yui-navset .yui-nav li:not(.selected) a:focus {
     color: rgb(var(--outer-space));
    /* ---- Tab Background Colour | [HOVER] ---- */
     background-color: rgb(var(--cold-space));
}
 .yui-navset .yui-nav li, /* ---- Listitem Modifier ---- */
 .yui-navset .yui-navset-top .yui-nav li{
     position: relative;
     display: flex;
     flex-grow: 2;
     max-width: 100%;
     margin: 0;
     padding: 0;
     color: rgb(var(--outer-space));
     background-color: rgb(var(--outer-space));
     border-color: transparent;
     box-shadow: none;
}
 .yui-navset .yui-nav li a,
 .yui-navset-top .yui-nav li a,
 .yui-navset-bottom .yui-nav li a{
     display: flex;
     align-items: center;
     justify-content: center;
     width: 100%;
}
 .yui-navset .yui-nav li em{
     border: unset;
}
 .yui-navset .yui-nav a em,
 .yui-navset .yui-navset-top .yui-nav a em{
     padding: .35em .75em;
 
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
}
 .yui-navset .yui-nav .selected, /* ---- Selection Modifier ---- */
 .yui-navset .yui-navset-top .yui-nav .selected{
     flex-grow: 2;
     margin: 0;
     padding: 0;
    /* ---- Tab Background Colour | [SELECTED] ---- */
     background-color: rgb(var(--nebula-hue));
}
 .yui-navset .yui-nav .selected a,
 .yui-navset .yui-nav .selected a em{
     border: none;
}
 .yui-navset .yui-nav .selected a{
     width: 100%;
     color: rgb(var(--outer-space));
}
 .yui-navset .yui-content {
    background-color: rgb(var(--dark-void));
}
 .yui-navset .yui-content,
 .yui-navset .yui-navset-top .yui-content{
     padding: 0.25rem .625rem;
     border: none;
}
 
/* ---- TABLE ---- */
 
table.wiki-content-table td {
    border-color: rgb(var(--nebula-hue));
}
table.wiki-content-table th {
    border-color: rgb(var(--nebula-hue));
    background-color: rgb(var(--nebula-hue));
    color: rgb(var(--outer-space));
}
 
#page-content .licensebox a.collapsible-block-link {
    color: rgb(var(--satellite-tone));
}
 
/* ---- Pop-Up ---- */
.owindow {
    background-color: rgb(var(--outer-space));
    border-color: rgb(var(--nebula-hue));
}
 
.owindow .modal-header {
    background-color: rgb(var(--outer-space));
}
 
.owindow .modal-body img {
    background-color: transparent !important;
}
 
.owindow .title {
    background-color: rgb(var(--dark-void));
    color: rgb(var(--neutron-white));
    border: none;
}
 
.owindow .modal-body a {
    color: rgb(var(--nebula-hue));
}
 
.owindow .button-bar a {
    background-color: rgb(var(--outer-space));
    border-color: rgb(var(--nebula-hue));
    color: rgb(var(--neutron-white));
}
.owindow .button-bar a:hover {
    color: rgb(var(--nebula-hue));
}
 
/*--------------------------------------------*/
/*-------------BOTTOM AREA---------------*/
/*--------------------------------------------*/
 
#extrac-div-1 {
    order: 2;
    background-color: rgb(var(--cold-space));
    height: min(calc(1.5rem + 4vw), 7.5rem);
    border-top-left-radius: min(calc(1.5rem + 4vw), 7.5rem);
    position: relative;
}
#extrac-div-1 span {
    display: block;
    width: min(calc(1.5rem + 4vw), 7.5rem);
    aspect-ratio: 1;
    position: absolute;
    bottom: 100%;
    right: 0;
    background-color: inherit;
    z-index: -1;
}
#extrac-div-1 span::before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 102%;
    height: 102%;
    background-color: rgb(var(--outer-space));
    border-bottom-right-radius: min(calc(1.5rem + 4vw), 7.5rem);
}
 
#footer {
    order: 3;
    display: flex!important;
    flex-wrap: wrap;
    column-gap: 0.5ex;
    align-items: center;
    justify-content: center;
    margin-top: 0;
    color: rgb(var(--satellite-tone));
    background-color: rgb(var(--cold-space));
    padding: 0.5rem;
}
#footer .options {
    float: none;
    width: auto;
    font-size: 0;
    display: flex!important;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 0.5rem;
    padding-right: 0.675rem;
}
#footer .options a {
    font-size: 0.675rem;
}
 
#footer, #extrac-div-1, #extrac-div-1 span {
    background-image: var(--header-image);
    background-size: 100vmax;
    background-attachment: fixed;
    background-position: bottom;
}
 
#license-area {
    order: 4;
    position: relative;
    isolation: isolate;
    padding: 0.5rem;
    font-size: 0.75rem;
    color: rgb(var(--outer-space));
    background-color: rgb(var(--nebula-hue));
}
#license-area a {
    color: inherit;
    font-weight: bold;
}

ディスカッション内

+ 参考文献

+ 画像ライセンス

- 画像ライセンス

ファイルページ: Nebulaeテーマ - Lagoon Nebula

ソース: https://images.nasa.gov/details/GSFC_20171208_Archive_e001955
ライセンス: パブリックドメイン/CC0

タイトル: Hubble reveals heart of Lagoon Nebula
著作権者: NASA Goddard
公開年: 2010
補足:
NASAの所有する静止画、音声ファイル及び動画素材について、NASAは通常著作権を主張していません。詳しくはこちら。

ファイルページ: Nebulaeテーマ - North America Nebula

ソース: https://images.nasa.gov/details/PIA13845
ライセンス: パブリックドメイン/CC0

タイトル: North America Nebula in Different Lights
著作権者: 不明
公開年: 2011
補足:
NASAの所有する静止画、音声ファイル及び動画素材について、NASAは通常著作権を主張していません。詳しくはこちら。

ファイルページ: Nebulaeテーマ - Carina Nebula

ソース: https://images.nasa.gov/details/PIA17257
ライセンス: パブリックドメイン/CC0

タイトル: The Tortured Clouds of Eta Carinae
著作権者: NASA/JPL-Caltech
公開年: 2013
補足:
NASAの所有する静止画、音声ファイル及び動画素材について、NASAは通常著作権を主張していません。詳しくはこちら。

ファイルページ: Nebulaeテーマ - Cosmos

ソース: https://www.pexels.com/photo/photo-of-starry-night-sky-1564334/
ライセンス: パブリックドメイン/CC0

タイトル: Photo of Starry Night Sky
著作権者: Free Nature Stock
公開年: 2018
補足:

ファイルページ: Nebulaeテーマ - Sample

ソース: https://images.nasa.gov/details/GSFC_20171208_Archive_e002076
ライセンス: パブリックドメイン/CC0

タイトル: Hubble Captures Spectacular "Landscape" in the Carina Nebula
著作権者: NASA Goddard
公開年: 2010
補足:
NASAの所有する静止画、音声ファイル及び動画素材について、NASAは通常著作権を主張していません。詳しくはこちら。

ファイルページ: Nebulaeテーマ - Sample: North America

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

タイトル: Sample: North America Nebula
著作権者: nebula2700
公開年: 2024
補足:

ファイルページ: Nebulaeテーマ - Sample: Eta Carinae

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

タイトル: Sample: Carina NebulaSample: Carina Nebula
著作権者: nebula2700
公開年: 2024
補足:

ファイルページ: Nebulaeテーマ - Sample: Cosmos

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

タイトル: Sample: Cosmos
著作権者: nebula2700
公開年: 2024
補足:

jp nebula2700 テーマ

ページリビジョン: 45, 最終更新: 16 Mar 2025 13:28

編集評価 (+3) タグディスカッション (0) 履歴ファイル印刷サイトツール + オプション

SCP-JP環境再現サイト

実験、実験、爆発

クレジット

例

1番目の見出し

2番目の見出し

3番目の見出し

4番目の見出し

5番目の見出し

6番目の見出し

星雲の切り替え

あなたの星雲

コード

ディスカッション内

ベース

トップバー

Rateモジュール

検索・WikiID

デザインの切り替え構文(およびテーマページ内の切り替え)