Neo-linkAge テーマ
このページはカスタムテーマページです。
Wiki内で使用されているカスタムテーマのためのページです。
運用について、詳しくはカテゴリ運用ポリシーカスタムテーマに関するポリシーを参照してください。
評価: +21
black-highlighter-logo.svg

テーマカラー

鉄紺--dark-accent(23, 24, 75)
深緋--pale-accent(201, 23, 30)
{$color3-name}{$color3-variable}{$color3-info}
{$color4-name}{$color4-variable}{$color4-info}
{$color5-name}{$color5-variable}{$color5-info}
{$color6-name}{$color6-variable}{$color6-info}
青紫--visited-link-color(103, 69, 152)
灰色--light-gray-monochrome(125, 125, 125)
薄花桜--bright-accent(90, 121, 186)
瑠璃色--medium-accent(30, 80, 162)
{$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}

使用方法

注: これはBlack Highlighterベースのテーマです。このテーマを使用するにはBlack Highlighterテーマもインポートする必要があります。詳細については、ここを参照してください

本テーマは「linkAge」カノンに基づいて作られています。

あなたの作品の冒頭に以下を追記することで、本テーマを適用できます。

[[include :scp-jp:theme:black-highlighter-theme]]
[[include :scp-jp:theme:neo-linkage]]

linkAge-logo-white.svg

linkAge ロゴ by breaddddd breaddddd

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


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

1番目の見出し

2番目の見出し

3番目の見出し

4番目の見出し

5番目の見出し
6番目の見出し

これはタブです。

見てください、ここにもテキストがあります。

なんと奇妙な。

これは長いタブです。テキストがたくさん入っています。

これは長いタブです。テキストがたくさん入っています。

これは長いタブです。テキストがたくさん入っています。

これは長いタブです。テキストがたくさん入っています。

これは長いタブです。テキストがたくさん入っています。

これは長いタブです。テキストがたくさん入っています。

これは長いタブです。テキストがたくさん入っています。

これは長いタブです。テキストがたくさん入っています。

これは長いタブです。テキストがたくさん入っています。

これは長いタブです。テキストがたくさん入っています。

これは長いタブです。テキストがたくさん入っています。

これは長いタブです。テキストがたくさん入っています。

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


これは罫線です

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

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


@importurl("https://fonts.googleapis.com/css?family=Russo+One&display=swap&subset=latin-ext");
 
@supports(display: grid) {
 :root{
 /* ===S-CSS-PINTEGRATION=== */
 /*Ifyou'remakinganewCSStheme, pleaseincludethefollowingthreevariablesatminimum. */
 --theme-base: "black-highlighter";
 /*mustbeeither "black-highlighter" or "sigma9" */
 --theme-id: "neo-linkage";
 /*setthistotheURLofyourtheme'spage - egfor "component:ar-theme", set it to "ar-theme" */
 --theme-name: "Neo linkAge Theme";
 /*setthistoyourtheme'sfullname*/
 
 /* ===HEADERELEMENTS=== */
 --logo-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%2200300300%22%3E%3Cdefs/%3E%3ClinearGradient id=%22a%22 x1=%22259.878%22 x2=%22149.525%22 y1=%22123.173%22 y2=%2219.76%22 gradientTransform=%22matrix(100 -10300)%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23c9171e%22/%3E%3Cstop offset=%221%22 stop-color=%22%23451214%22/%3E%3C/linearGradient%3E%3Cpath fill=%22url(%23a)%22 d=%22M170.2266.6l-21.912.6-16.2-9.3-1810.534.219.640-23.1z%22/%3E%3ClinearGradient id=%22b%22 x1=%22243.746%22 x2=%22133.393%22 y1=%22196.793%22 y2=%2293.38%22 gradientTransform=%22matrix(100 -10300)%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23c9171e%22/%3E%3Cstop offset=%221%22 stop-color=%22%23451214%22/%3E%3C/linearGradient%3E%3Cpath fill=%22url(%23b)%22 d=%22M225.491.3l21.912.7v18.6l18.110.3V93.5l-40-23.1z%22/%3E%3ClinearGradient id=%22c%22 x1=%22130.414%22 x2=%2220.061%22 y1=%22273.926%22 y2=%22170.513%22 gradientTransform=%22matrix(100 -10300)%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23c9171e%22/%3E%3Cstop offset=%221%22 stop-color=%22%23451214%22/%3E%3C/linearGradient%3E%3Cpath fill=%22url(%23c)%22 d=%22M47.1130.6v-25.3l16.1-9.4V75.1L29 94.8v46.1z%22/%3E%3Cg%3E%3ClinearGradient id=%22d%22 x1=%22227.725%22 x2=%2274.512%22 y1=%22230.841%22 y2=%2287.264%22 gradientTransform=%22matrix(100 -10300)%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23c9171e%22/%3E%3Cstop offset=%221%22 stop-color=%22%23451214%22/%3E%3C/linearGradient%3E%3Cpath fill=%22url(%23d)%22 d=%22M81.9290.1L8.9248v-84.3l53-30.627.816-5330.6v52.2L81.9258l45.3-26.1v-45l27.7-16.1V248z%22/%3E%3C/g%3E%3Cg%3E%3ClinearGradient id=%22e%22 x1=%22190.284%22 x2=%2237.07%22 y1=%22270.795%22 y2=%22127.218%22 gradientTransform=%22matrix(100 -10300)%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23c9171e%22/%3E%3Cstop offset=%221%22 stop-color=%22%23451214%22/%3E%3C/linearGradient%3E%3Cpath fill=%22url(%23e)%22 d=%22M70.942.2l73-42.272.942.2v61L189 119.3V58.2L143.93298.658.2v52.2l39 22.5V165l-66.7-38.5z%22/%3E%3C/g%3E%3Cg%3E%3ClinearGradient id=%22f%22 x1=%22288.416%22 x2=%22135.203%22 y1=%22166.077%22 y2=%2222.5%22 gradientTransform=%22matrix(100 -10300)%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23c9171e%22/%3E%3Cstop offset=%221%22 stop-color=%22%23451214%22/%3E%3C/linearGradient%3E%3Cpath fill=%22url(%23f)%22 d=%22M291.1156.6v84.3l-73 42.1-52.9-30.6v-32l52.930.545.2-26.1v-52.2l-45.2-26.1-38.922.5-27.9-16.166.8-38.5z%22/%3E%3C/g%3E%3C/svg%3E");
 --header-title: "linkAge";
 --header-subtitle: "Find Your Dream, Find Yourself.";
 
 /* ===TYPEFACES=== */
 --header-font: 'Russo One', Inter, 'Poppins', sans-serif;
 
 /* ===STANDARDTHEMECOLORS=== */
 --light-gray-monochrome:125, 125, 125;
 --pale-accent:201, 23, 30;
 --bright-accent:90, 121, 186;
 --medium-accent:30, 80, 162;
 --dark-accent:23, 24, 75;
 
 /* ===HEADERGRADIENT=== */
 --header-gradient-color-bottom:16, 16, 16;
 --header-gradient-color-middle: var(--dark-accent);
 --header-gradient-color-top: var(--dark-accent);
 
 /* ===TOPBARGRADIENT=== */
 --swatch-topmenu-bg-color: var(--light-gray-monochrome);
 
 /* ===LINKCOLORS=== */
 --link-color: var(--bright-accent);
 --visited-link-color:103, 69, 152;
 --hover-link-color:103, 69, 152;
 
 /* ===HEADERMEASUREMENTS=== */
 --header-height-on-desktop:10rem;
 --header-height-on-mobile:10rem;
 }
 
 :root:lang(cn) {
 /* ===HEADER ELEMENTS=== */
 --header-title: "linkAge";
 --header-subtitle: "Find Your Dream, Find Yourself.";
 
 /* ===TYPEFACES=== */
 --header-font: 'Russo One', Inter, 'Poppins', "Noto Sans SC", sans-serif;
 }
 
 /* ===HEADERELEMENTS=== */
 
 #header{
 /* ===SEARCHELEMENT=== */
 --search-icon-focus-bg-color: var(--pale-accent);
 --search-focus-outline-color: var(--pale-accent);
 
 /* ===LOGINBOXELEMENT=== */
 --login-dropdown-bg-hover-color: var(--pale-accent);
 
 background-position:center0.75rem;
 background-size:auto -webkit-calc(var(--header-height-on-desktop) - 1rem);
 background-size:auto -moz-calc(var(--header-height-on-desktop) - 1rem);
 background-size:auto calc(var(--header-height-on-desktop) - 1rem);
 }#headerh1,
 #headerh2{display: -webkit-box;
 display: -webkit-flex;
 display: -moz-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align:center;
 -webkit-align-items:center;
 -moz-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -webkit-justify-content:center;
 -moz-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 width:100%;
 height:100%;
 max-height: var(--header-height-on-desktop);
 overflow:hidden;
 }#headerh1a,
 #headerh2span{margin:0;
 padding:0;
 }#headerh1a{line-height:1;
 }#headerh2span{line-height:0;
 }#headerh1a::before,
 #headerh2span::before{white-space:nowrap;
 }#headerh1a::before{font-size:5.25rem;
 font-weight:400;
 text-shadow:none;
 }#headerh2span::before{display:block;
 color:transparent;
 text-align:center;
 font-size:1.25rem;
 text-shadow:none;
 }@supports((-webkit-background-clip: text) or (background-clip: text)) {#headerh1a::before {
 background-image: -webkit-linear-gradient(to bottom, rgba(var(--swatch-headerh1-color), 1) -webkit-calc(50% - 0.875rem), rgba(var(--swatch-headerh1-color), 0) -webkit-calc(50% - 0.875rem), rgba(var(--swatch-headerh1-color), 0) -webkit-calc(50% + 0.875rem), rgba(var(--swatch-headerh1-color), 1) -webkit-calc(50% + 0.875rem));
 background-image: -moz-linear-gradient(to bottom, rgba(var(--swatch-headerh1-color), 1) -moz-calc(50% - 0.875rem), rgba(var(--swatch-headerh1-color), 0) -moz-calc(50% - 0.875rem), rgba(var(--swatch-headerh1-color), 0) -moz-calc(50% + 0.875rem), rgba(var(--swatch-headerh1-color), 1) -moz-calc(50% + 0.875rem));
 background-image: linear-gradient(to bottom, rgba(var(--swatch-headerh1-color), 1) calc(50% - 0.875rem), rgba(var(--swatch-headerh1-color), 0) calc(50% - 0.875rem), rgba(var(--swatch-headerh1-color), 0) calc(50% + 0.875rem), rgba(var(--swatch-headerh1-color), 1) calc(50% + 0.875rem));
 background-size: cover;
 -webkit-background-clip:text;
 background-clip:text;
 -webkit-text-fill-color:transparent;
 }#headerh2span::before{color: rgb(252, 252, 252);
 color: rgb(var(--swatch-headerh2-color));
 }
 }
 
 /* ===TOPBARELEMENTS=== */
 
 #top-bar{
 /* ===TOPBARCATEGORIES=== */
 --topmenu-hover-border-color: var(--pale-accent);
 
 /* ===DROPDOWNMENU=== */
 --dropdown-bg-color: var(--swatch-tertiary-color), 0.9;
 --dropdown-links-hover-bg-color: var(--pale-accent);
 }#headerdiv[class*="top-bar"] > ul > li > ulli:hover,
 #headerdiv[class*="top-bar"] > ul > li > ulli:active,
 #headerdiv[class*="top-bar"] > ul > li > ulli:focus-within{background-color: rgba(var(--dropdown-links-hover-bg-color), 0.05);
 }
 
 /* ===SIDE-BARELEMENTS=== */
 
 #side-bar{
 /* ===SOCIALMEDIAICONS=== */
 --social-icon-hover-color: var(--pale-accent);
 
 /* ===MENU-ITEMS=== */
 --sidebar-subtest-color: var(--pale-accent);
 --sidebar-links-hover-bg-color: var(--pale-accent);
 }#side-bardiv.menu-item{
 --sidebar-links-hover-bg-color: var(--pale-accent);
 }
 
 /* ===Ayers' InfoBar=== */
 
 .info-container{
 --barColour: rgb(var(--dark-accent));
 }
 
 /* ===MOBILEFORMATTING=== */
 
 @mediaonlyscreenand (max-width: 56.25rem) {#header{background-position: -webkit-calc((var(--header-height-on-mobile) - 2.75rem) - var(--size)) -webkit-calc(((var(--size) * -1) + var(--header-height-on-mobile) + var(--y-offset)) / 2);
 background-position: -moz-calc((var(--header-height-on-mobile) - 2.75rem) - var(--size)) -moz-calc(((var(--size) * -1) + var(--header-height-on-mobile) + var(--y-offset)) / 2);
 background-position: calc((var(--header-height-on-mobile) - 2.75rem) - var(--size)) calc(((var(--size) * -1) + var(--header-height-on-mobile) + var(--y-offset)) / 2);
 background-size: var(--size), 100% var(--header-height-on-mobile);
 }}
}
:root{
 --pale-accent:201, 23, 30;
 --bright-accent:90, 121, 186;
 --medium-accent:30, 80, 162;
 --dark-accent:23, 24, 75;
}.side-block{
 --sidebar-links-hover-bg-color: var(--pale-accent);
}.side-blockdiv.menu-item{
 --sidebar-links-hover-bg-color: var(--pale-accent);
}
ページリビジョン: 5, 最終更新: 28 Jan 2023 12:26
特に指定がない限り、このサイトのすべてのコンテンツはクリエイティブ・コモンズ 表示 - 継承3.0ライセンス の元で利用可能です。
ページを編集するにはこのボタンをクリックしてください。
セクションごとの編集を切り替えるにはこのボタンをクリックしてください(ページにセクションが設定されている必要があります)。有効になった場合はセクションに"編集"ボタンが設置されます。
ページのソース全体を編集せずに、コンテンツを追加します。
このページが過去にどのように変化したかを調べることができます。
このページについて話をしたいときは、これを使うのが一番簡単な方法です。
このページに添付されたファイルの閲覧や管理を行うことができます。
サイトの管理についての便利なツール。
このページの名前(それに伴いURLやページのカテゴリも)を変更します。
編集せずにこのページのソースコードを閲覧します。
親ページを設定/閲覧できます(パンくずリストの作成やサイトの構造化に用いられます)
管理者にページの違反を通知する。
何か思い通りにいかないことがありますか? 何ができるか調べましょう。
Wikidot.comのシステム概要とヘルプセクションです。
Wikidot 利用規約 ― 何ができるか、何をすべきでないか etc.
Wikidot.com プライバシーポリシー

AltStyle によって変換されたページ (->オリジナル) /