テーマカラー
使用方法
注: これはBlack Highlighterベースのテーマです。このテーマを使用するにはBlack Highlighterテーマもインポートする必要があります。詳細については、ここを参照してください。
本テーマは「linkAge」カノンに基づいて作られています。
あなたの作品の冒頭に以下を追記することで、本テーマを適用できます。
[[include :scp-jp:theme:black-highlighter-theme]]
[[include :scp-jp:theme:neo-linkage]]
例
罫線は、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); }