プロイェクト・"ロゴス" のテーマ
このページはカスタムテーマページです。
Wiki内で使用されているカスタムテーマのためのページです。
評価: +15+x
blank.png

テーマ名: プロイェクト・"ロゴス" のテーマ
作成者: DeShadow

このテーマを使用するには、以下のコードをページに貼り付けてください。

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

ソースコード:

/* ====== アライグマくん「この辺下手に触ったらどうなるかわかんないっぽいです。なので弄らないでね!触った奴の手は僕が噛みちぎってやるからね!」 ====== */
 
/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat+Alternates:wght@100;200;300;400;500;600;700;800;900&display=swap');
 
/* ROOT - Header & General Recoloring */
:root {
/* Intro */
    --theme-base: "nuscp"
    --theme-id: "logos-theme"
    --theme-name: "Logos Theme";
 
/* Header */
    --logo-image: url("https://scp-jp.github.io/Black-Highlighter/img/logo.svg");
    /* 訳注: ロゴについては作成者に確認を取ったところCC BY-SA適用不可な素材が用いられているようである。そのため作成者に連絡を入れた上で差し止めとしている。 */
    --header-title: "Logos Inc.";
    --header-subtitle: "MENS EST SUMMUM VALOREM";
    --header-gradient-color-bottom: 60, 120, 125;
    --header-gradient-color-middle: 72, 180, 189;
    --header-gradient-color-top: 72, 180, 189;
    --gradient-header: linear-gradient(359deg,
          rgb(var(--header-gradient-color-bottom)) 0%,
          rgb(var(--header-gradient-color-middle)) 60%,
          rgb(var(--header-gradient-color-top)) 100%);
    --diagonal-stripes:repeating-linear-gradient(45deg,hsla(10,0%,100%,0),hsla(0,0%,100%,0) 0.25vh,rgba(88,88,88,.1) 0.35vh,rgba(88,88,88,.2) 0.5vh);
 
    --header-font: 'DM Sans', "M Plus 1p", sans-serif;
    --title-font: "Montserrat Alternates", "M Plus 1p", sans-serif;
    --mono-font: "PT Mono", "Andale Mono", "Courier New", Courier, monospace;
 
  /* Colors */
    --white-monochrome: 252, 252, 252; /* White */
    --pale-gray-monochrome: 244, 244, 244; /* Light Grey (Quoteblocks) */
    --light-gray-monochrome: 170, 170, 170; /* Accent Light Gray (Login Status) */
    --gray-monochrome: 66, 66, 72; /* Gray */
 
    --pale-accent: 36, 90, 94; /* Pale Blue*/
    --bright-accent: 45, 156, 154; /* Steel Blue*/
    --medium-accent: 60, 120, 125; /* Deep Blue */
    --dark-accent: 15, 102, 101; /* Navy */
    --newpage-color: 187, 225, 250; /* Pale Turquoise */
 
    /* Primary Header Colors */
    --swatch-headerh1-color: var(--white-monochrome);
    --swatch-headerh2-color: var(--white-monochrome);
    --swatch-topmenu-border-color: var(--pale-accent);
    --swatch-topmenu-bg-color: var(--medium-accent);
 
    --rating-module-button-color: var(--black-monochrome);
    --rating-module-text-color: var(--black-monochrome);
 
       /* Link Colors */
    --link-color: 39, 179, 176;
    --visited-link-color: 22, 140, 138;
    --hover-link-color: 22, 140, 138;
}
 
#header h1 a {
    margin-top: calc(var(--header-height-on-desktop)/2 - 1em);
}
 
@media only screen and (max-width: 56.25rem) {
#header {
    background-position: left .75rem top 1.1875rem;
    background-size: auto calc(var(--header-height-on-mobile) - 2rem);
}
#header h1 a {
    margin-top: calc(var(--header-height-on-mobile)/2 - 2rem);
}
}
特に指定がない限り、このサイトのすべてのコンテンツはクリエイティブ・コモンズ 表示 - 継承3.0ライセンス の元で利用可能です。