タイトル: SCP-JP10周年イベントテーマ
作成者: Mishary
管理者: SCP-JPイベント委員会
作成年: 2023
このテーマを使用するには、次のコードをページに貼り付けてください。
[[include :scp-jp:theme:scp-jp-10th-anniv]]
本テーマは10周年イベントのため、Misharyによって作成されました。
本ページはSCP-JPイベント委員会によって管理されています。
-
- _
テーマカラー{$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}Black--black(0, 0, 0)Gray--gray(128, 128, 128)White--white(255, 255, 255)Bright JP Red--bright-jp-red(239, 51, 64)Dark JP Red--dark-jp-red(209, 17, 64){$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}
10周年ロゴ
黒地に白だった5周年バナーに対応するように、白地に黒をテーマとしています。SCP-JPロゴの中央部を「0」として10の文字を模ったのがこのロゴです。ロゴの色は委員の意見を参考に、JPロゴの色として多く用いられている色 (#ef3340) と最初のJPロゴに使用された色 (#d21644) を採用しました。文字フォントも委員の意見を参考にしつつ、可読性及びロゴとの親和性に優れたOutfitを採用しました。
-
- _
Image Block
見出し1
見出し2
見出し3
見出し4
見出し5
見出し6
通常文章
Alphabet太字 | 斜体 | _下線_ | 打ち消し線 | 等幅フォント | 上付き文字下付き文字
ハイフン4つ"----"で水平線をひくことができます。
引用ブロック
ネストされた引用ブロック
ヘッダー ヘッダー ヘッダー ヘッダー ヘッダー ヘッダー セルの内容 セルの内容 セルの内容 セルの内容 セルの内容 セルの内容 偽のセレクタ{
偽のプロパティ: 偽の値;
}赤い
Sexy Box
- 番号付きリスト
- リストのアイテム
- リストのアイテム
- 箇条書きリスト
- リストのアイテム
- リストのアイテム
-
- _
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@500&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500&display=swap'); /* [EN] SCP-JP 10th ANNIVERSARY EVENTS Theme Creative Commons 3.0 Attribution Succession Managed by SCP-JP Event Committee Created at 2023 by Mishary [JA] SCP-JP10周年イベントテーマ クリエイティブコモンズ3.0 表示 継承 テーマ管理者: SCP-JPイベント委員会 作成年: 2023 テーマ作成者: Mishary */ /* COMMON */ :root { --black: 0, 0, 0; --gray: 128, 128, 128; --white: 255, 255, 255; --bright-jp-red: 239, 51, 64; --dark-jp-red: 210, 22, 63; } body { font-family: 'Outfit', 'Noto Sans JP', sans-serif; background-color: rgb(var(--white)); } #content-wrap { max-width: 1200px; } #page-title, h1, h2, h3, h4, h5, h6 { color: rgb(var(--black)); font-family: 'Outfit', 'Noto Sans JP', sans-serif; font-weight: bold; } #page-title { font-weight: bold; } .footnote-footer { overflow: auto; } a, a:visited { color: rgb(var(--bright-jp-red)); color: rgb(var(--bright-jp-red)); } #toc, blockquote, div.blockquote{ border-color: #9fa0a0; border-style: solid; border-width: 1px; margin: 1em 0; background-color: rgba(223, 224, 211,.5); } .scp-image-block .scp-image-caption{ background-color: rgba(223, 224, 211,.5); } #page-content hr { background: rgb(var(--black)); margin: 1em 0; width: 100%; } .contest{ color: #d11140; font-weight: bold; font-size: 180%; padding-top: 40px; padding-bottom: 40px; } .presenter{ font-size: 120%; } #page-content .blockdivide hr { border: 0; height: 3px; background-image: linear-gradient(to right, #000 90%, #d11140 90%, #d11140 96.7%, #ef3340 96.7%, #ef3340 100%); } .hide_col .collapsible-block-folded a{ color: #eee; } /* GLOBAL WIDTH */ div#container-wrap { background: none; } /* HEADER */ #header { background: url('http://scp-jp-storage.wdfiles.com/local--files/file:3438721-249-6152/10th_logotype.svg') 0px 20px no-repeat; background-size: 400px; height: 120px; max-width: 1140px; } #header h1 { margin-left: unset; margin-top: 15px; } #header h1 a { padding: 80px 200px 25px; } #header h1 a span { display: none; } #header h2 span { font-size: 0px; } #search-top-box { top: 60px; width: unset; } #search-top-box-input { background-color: transparent; color: rgb(var(--black)); } #search-top-box input.empty{ color: rgb(var(--black)); border-radius: unset; } #search-top-box-input:hover, #search-top-box-input:focus { background-color: rgba(102,51,51,.2); color: rgb(var(--black)); } #search-top-box-form input[type=submit] { border: none; color: rgb(var(--white)); background: rgb(var(--black)); border-radius: unset; } #search-top-box-form input[type=submit]:hover, #search-top-box-form input[type=submit]:focus { border: none; color: rgb(var(--black)); text-shadow: 0 0 1px rgba(var(--white),.25); background: rgba(223, 224, 211,.5); box-shadow: 0 1px 3px rgba(var(--black),.8); } .printuser{ color: rgb(var(--black)); } #login-status{ color: rgb(var(--black)); } #login-status a{ color: rgb(var(--black)); } /* TOP MENU */ #top-bar { top: 120px; max-width: 1140px; } #top-bar a { color: rgb(var(--black)); } #top-bar li:hover ul, #top-bar li.sfhover ul { box-shadow: unset; } #top-bar ul li.sfhover a, #top-bar ul li:hover a { color: rgb(var(--black)); background: rgb(var(--white)); } #top-bar ul li.sfhover a:hover, #top-bar ul li:hover a:hover{ color: rgb(var(--white)); background: rgb(var(--bright-jp-red)); } /* SIDE MENU */ #side-bar { background-color: transparent; } #side-bar .side-block { border-bottom-color: rgb(var(--bright-jp-red)); border: none; margin-bottom: 0; padding: 12px 0px; background: none; background-color: transparent !important; box-shadow: none; } #side-bar .side-block a, #side-bar .collapsible-block-unfolded-link .collapsible-block-link{ color: rgb(var(--black)); font-size: 9pt; } #side-bar .collapsible-block-link { margin-left: 17px; } #side-bar .side-block a:hover, #side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover{ color: rgb(var(--bright-jp-red)); text-decoration: none; } #side-bar .side-block+ .side-block { border-top: 1px solid #9fa0a0; border-radius: 0; } #side-bar .side-block hr { display: none; } #side-bar hr { margin: 0; background-color: rgb(var(--bright-jp-red)); } #side-bar .heading { border-top: solid 1px rgb(var(--bright-jp-red)); border-bottom: none; margin-top: 12px; padding-top: 12px; padding-left: 16px; color: rgb(var(--black)); font-size: 9pt; -webkit-text-stroke-width: 0.8px; } #side-bar div.menu-item { margin: 2px 0 2px 12px; padding-left: 4px; } #side-bar div.menu-item a { font-size: 9pt; font-weight: bold; line-height: 23px; } #side-bar .collapsible-block-unfolded-link { border-bottom: solid 1px rgb(var(--bright-jp-red)); padding-bottom: 12px; } .side-block .menu-item > .image { filter: hue-rotate(12deg) saturate(21%) brightness(96%); } #interwiki body { background: unset; } #side-bar .side-block { background: transparent; border: unset; box-shadow: unset; } /* Rate Module */ div.page-rate-widget-box .rate-points, .page-rate-widget-box .cancel, div.rate-box-with-credit-button .creditButton { background: rgb(var(--black))!important; border: none; border-radius: unset; color: rgb(var(--white)); } .page-rate-widget-box .cancel a{ color: rgb(var(--white)); } .rate-box-with-credit-button .creditButton { padding: 1px 0; } .creditButton a, .creditButton a:visited{ color: rgb(var(--white)) } div.page-rate-widget-box .cancel a:hover{ background: rgb(var(--white)); color: rgb(var(--bright-jp-red)); border-radius: unset; } .page-rate-widget-box .rateup, .page-rate-widget-box .ratedown{ background: rgb(var(--white)); border: none; color: rgb(var(--black)); } .page-rate-widget-box .rateup a, .page-rate-widget-box .ratedown a{ color: rgb(var(--black)); } .page-rate-widget-box .rateup a:hover, .page-rate-widget-box .ratedown a:hover{ background: rgb(var(--bright-jp-red)); color: rgb(var(--white)); } div.creditButton a:hover { color: rgb(var(--gray)); } .modalbox { border-radius: unset; } .modalbox .modalbox-title { border-radius: unset; background: rgb(var(--black)); } .modalbox .modalbox-title h2{ color: rgb(var(--white)); } /* Media */ @media (max-width: 767px) { #header { background: url(http://scp-jp-storage.wikidot.com/local--files/file:3438721-223-plep/10th_logo.svg) 0px 15px no-repeat; background-size: 150px; } #header h1 { margin-top: unset; } #header h1 a { padding: 65px 80px; } #top-bar { top: 90px; } div.scpnet-interwiki-wrapper { width: auto; } #side-bar { background-color: rgb(var(--white)); } #side-bar:target { border: 1px solid #9fa0a0; } #side-bar:target .close-menu { background: rgba(var(--black), 0.1) 1px 1px repeat; } .open-menu a { color: transparent !important; border: 0.1em solid black !important; } .open-menu a::before { content: ""; background: url(http://scp-jp-storage.wikidot.com/local--files/file:3438721-266-50z4/scp-jp-sun.svg) 3px no-repeat; background-size: 24px; width: 30px; display: block; height: 30px; border-radius: 3em; } } @media (min-width: 451px) and (max-width: 767px) { .mobile-top-bar { left: unset; right: 0; } } @media (max-width: 450px) { #header { background-size: 80px; height: 80px; } #header h1 a { padding: 45px 40px; } #search-top-box { top: 40px; } #top-bar { top: 80px; } }
#interwiki .side-block { background: transparent !important; border: unset; border-radius: unset; box-shadow: unset; } #interwiki .heading { border-top: solid 1px #ed3442; border-bottom: none; margin-top: 12px; padding-top: 12px; padding-left: 16px; color: #000; font-size: 9pt; -webkit-text-stroke-width: 0.5px; } #interwiki .menu-item a { color: #000; font-size: 9pt; } #interwiki .menu-item { margin: 2px 0 2px; padding: 0 2px 4px; } #interwiki .menu-item img { filter: hue-rotate(12deg) saturate(21%) brightness(96%); } #interwiki .menu-item a:hover { color: #b01; }
-
- _
10th_logo.svgファイルページ: SCP財団日本語版10周年ロゴ
ソース: http://scp-jp-storage.wikidot.com/file:3438721-223-plep
ライセンス: CC BY-SA 3.0タイトル: Logo of SCP-JP 10th Anniversary
著作権者:Mishary
公開年: 2022
補足:
管理コード: [10周年ロゴ案_決定_trans_simple]以下のメディアを使用
ソース: https://discord.com/channels/286871252784775179/464051855798829056/601988048611311617
ライセンス: CC BY-SA 3.0タイトル: SCP-JPロゴ SVGリビルド版
著作権者:ffc96e9 (y075ub4)
公開年: 2019
補足: 以下のメディアを使用ソース: http://scp-int.wikidot.com/jp-hub
ライセンス: CC BY-SA 3.0タイトル: SCP-JPロゴ
著作権者:Nanimono Demonai
公開年: 2017以下のフォントを使用
フォント名: Outfit
著作権者: On Brand Investments Pty Ltd, Rodrigo Fuenzalida
ライセンス: SIL Open Font License 1.110th_banner.svg
ファイルページ: SCP財団日本語版10周年イベント委員会 バナー
ソース: http://scp-jp-storage.wikidot.com/file:3438721-223-g9tb
ライセンス: CC BY-SA 3.0タイトル: Banner of SCP-JP 10th Anniversary
著作権者:Mishary
公開年: 2022
補足:
管理コード [10周年ロゴ案_1.1.0_wb]
以下のメディアを使用ファイルページ: SCP財団日本語版10周年ロゴ
ソース: http://scp-jp-storage.wikidot.com/file:3438721-223-plep
ライセンス: CC BY-SA 3.0タイトル: Logo of SCP-JP 10th Anniversary
著作権者:Mishary
公開年: 202210th_logotype.svg
ファイルページ: SCP財団日本語版10周年ロゴタイプ
ソース: http://scp-jp-storage.wikidot.com/file:3438721-249-6152
ライセンス: CC BY-SA 3.0タイトル: Logotype of SCP-JP 10th Anniversary
著作権者:Mishary
公開年: 2023
補足:
管理コード: [10周年ロゴ_type_bold]以下のメディアを使用
ファイルページ: SCP財団日本語版10周年ロゴ
ソース: http://scp-jp-storage.wikidot.com/file:3438721-223-plep
ライセンス: CC BY-SA 3.0タイトル: Logo of SCP-JP 10th Anniversary
著作権者:Mishary
公開年: 2022