vaeypumhsblr

クレジット

タイトル: プロイェクト・"ロゴス" のテーマ
著者: ©︎DeShadow
作成年: 2022

テーマ名: プロイェクト・"ロゴス" のテーマ
作成者: 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);
}
}