分類ヘッダーiti - リファレンス
このページはリファレンスページです
Wiki内で使用されているリファレンスページです。
編集が必要だと思われる場合は、このページのディスカッションか、サイトスタッフまでご連絡ください。著者による編集ならばサイトスタッフの許可を必要としません。
評価: +36+x
blank.png
アイテム番号: 分類ヘッダーiti
オブジェクトクラス: Component
レベル3/XXXX
Classified


これは何?

このコンポーネントは、Sekai_sSekai_s氏によるSCP-CN-1109で使用されているヘッダーフォーマットにインスパイアされた分類ヘッダーです。

使用方法

[[include :scp-jp:user-component:classification-header-iti
|item-number=
|object-class=
|clearance=
]]

主要な引数:
引数 データ型 説明
item-number 文字列 アイテム番号を記入します。
object-class 文字列 オブジェクトクラスを記入します。
clearance 0 ~ 6 クリアランスを設定します。
任意の引数:
引数 データ型 説明
hralt true (1) / false (0) このコンポーネントの直後に置かれた水平線のデザインを変更します。
lang EN, RU, KO, CN, FR, PL, ES, TH, JP, DE, IT, UA, PT, CS, ZH-TR, VN 言語を選択します。初期値はJPです。
item-number-title 文字列 「アイテム番号」の表記を変更します。
item-category アイテムの分類を変更します。初期値はSCPです。AOやPoIなどの分類に活用できます。
item-name アイテム名全体を変更します。item-categoryを使うよりもこっちのほうがわかりやすいかもしれません。
object-class-title 「オブジェクトクラス」の表記を変更します。
clearance-title 「レベル」の表記を変更します。言語切り替え用の引数で、常用には向かないかもしれません。
clearance-text レベルの表記全体を変更します。
restriction 右下の機密区分の表記を変更します。

CSS変数:

[[module CSS]]
:root {
--level0:
--level5:
--level6:
}
[[/module]]

変数 データ型 説明
level0 RGB値 全体の文字色とクリアランスバーの背景色を指定します。
初期値は51,51,51です。
level5 RGB値 レベル5のクリアランスバーの背景色を指定します。
初期値は187,0,17です。
level6 RGB値 レベル6のクリアランスバーの背景色を指定します。
初期値は255,0,17です。

    • _
    アイテム番号:  AO-XXXX
    オブジェクトクラス: Anomalous
    レベル1/XXXX
    Unrestricted

      • _

      [[include :scp-jp:user-component:classification-header-iti
      |item-category= AO // "SCP"を"AO"に変えます
      |item-number= XXXX
      |object-class= Anomalous
      |clearance= 1
      ]]


    アイテム番号: SCP-XXXX
    レベル2/XXXX
    Restricted

      • _

      [[include :scp-jp:user-component:classification-header-iti
      |item-number= XXXX
      |object-class-title= 収容クラス // "オブジェクトクラス"を収容クラス"に変えます
      |object-class= Safe
      |clearance= 2
      ]]


    アイテム番号:  URA-XXXX
    オブジェクトクラス: Pending
    レベル3/XXXX
    Confidential

      • _

      [[include :scp-jp:user-component:classification-header-iti
      |item-name= URA-XXXX // アイテム名を直接記入します
      |item-number= XXXX   // item-nameを指定するときでも、item-numberの指定は必要です1
      |object-class= Pending
      |clearance= 3
      ]]


    アイテム番号:  未定義
    オブジェクトクラス: Euclid
    レベル4
    Secret

      • _

      [[include :scp-jp:user-component:classification-header-iti
      |item-name= 未定義 // アイテム名を直接記入します
      |object-class= Euclid
      |clearance= 4
      |clearance-text= レベル4 // clearance-textを手動入力する場合は、item-numberの指定は必須ではなくなります
      ]]


    アイテム番号: SCP-XXXX
    オブジェクトクラス: Keter
    レベル5/XXXX
    Top-Secret

      • _

      [[include :scp-jp:user-component:classification-header-iti
      |item-number= XXXX
      |object-class= Keter
      |clearance= 5 // クリアランスバーが赤くなります
      ]]


    アイテム番号: SCP-XXXX
    オブジェクトクラス: Thaumiel
    レベル6/XXXX
    COSMIC Top-Secret

      • _

      [[include :scp-jp:user-component:classification-header-iti
      |item-number= XXXX
      |object-class= Thaumiel
      |clearance= 6 // クリアランスバーがさらに赤くなります
      ]]


    アイテム番号: SCP-XXXX
    オブジェクトクラス: Explained
    レベル0/XXXX
    Declassified

      • _

      [[include :scp-jp:user-component:classification-header-iti
      |item-number= XXXX
      |object-class= Explained
      |clearance= 0 // クリアランスバーが点線になります
      ]]


    • _
    アイテム番号: SCP-XXXX
    オブジェクトクラス: Ticonderoga
    レベル3/XXXX
    Classified


      • _

      [[include :scp-jp:user-component:classification-header-iti
      |item-number= XXXX
      |object-class= Ticonderoga
      |clearance= 3
      |restriction= Classified
      |hralt= true // 兄弟要素の水平線の見た目を変えます。
      ]]
      ---- // この水平線の見た目が変わります。

      [[module CSS]]
      .classification-header .right-box { // 分類ヘッダーの右側の文字を茶色の太字にします2
      --level0: 102,51,51;
      font-weight: bold;
      }
      @media (min-width: 580px) and (max-width: 766px), (min-width: 840px) {
      .classification-header { // 画面幅が一定以上のときに文字サイズを少し大きくします
      font-size: 1.25em;
      }
      }
      [[/module]]


    ダークテーマサンプル:

    アイテム番号: SCP-XXXX
    オブジェクトクラス: Apollyon
    レベル6/XXXX
    Classified


      • _

      [[include :scp-jp:user-component:classification-header-iti
      |item-number= XXXX
      |object-class= Apollyon
      |clearance= 6
      |restriction= Classified // "COSMIC Top-Secret"って、ちょっと長すぎませんか?
      |hralt= true
      ]]
      ----

      [[module CSS]]
      :root {
      --level0: 255, 255, 255;
      }
      .classification-header .right-box {
      --level0: 221, 0, 0;
      --level5: 221, 0, 0;
      --level6: 221, 0, 0;
      font-weight: bold;
      }
      @media (min-width: 580px) and (max-width: 766px), (min-width: 840px) {
      .classification-header {
      font-size: 1.25em;
      }
      }
      [[/module]]


特に指定がない限り、このサイトのすべてのコンテンツはクリエイティブ・コモンズ 表示 - 継承3.0ライセンス の元で利用可能です。