Basalt Add

• マニュアル
  • 画像の直リンク修正
  • 原語版のダーク/レッドモードのプレビュー画像の表示
• CSSコード
  • 画像リンクをwdfilesに変更
  • ローカライズ用コードの変更

• ヘッダーのコードの修正
  • 「/* HEADER */」以下を次のように変更
    #extra-div-1::before {
    top: 0.4rem;
    }
    #u-header-link {
    width: var(--titleLength);
    }
    media (max-width: 430px) {
    #u-header-link {
    width: calc( var(--titleLength) * 0.85);
    }
    }
    @media (min-width: 431px) and (max-width: 1020px) {
    #extra-div-1::before {
    top: -0.2rem;
    }
    #u-header-link {
    height: 2.9rem;
    top: 0.2rem;
    }
    }
    @media (min-width: 1021px) {
    #top-bar {
    left: calc(var(--titleLength) + 10rem);
    }
    }
• サイドバー展開ボタンのコードの追加
  • 「/* SIDE BAR */」直下に次のコードを挿入
    #u-sb-button {
    display: flex;
    align-items: center;
    }
    #u-sb-button br {
    display: none;
    }
• ユーザープロフィールのコードの修正
  • 「/* OWINDOW */」以下を次のように変更
    #owindow-1>div.content.modal-body>h1 {
    text-transform: none;
    }
    #owindow-1 tr:nth-of-type(-n+4) td:nth-of-type(2)::first-letter {
    #owindow-1 tr:nth-last-of-type(n+3) td:nth-of-type(2)::first-letter {
    text-transform: none;
    }
• Colmodの追加
  • 次のコードを挿入
    .colmod-link-top a,
    .colmod-link-end a {
    font-family: 'Work Sans', 'Noto Sans JP', sans-serif;
    font-weight: 600;
    color: white;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 7px;
    padding-right: 9px;
    background: rgb(20, 20, 20);
    border-radius: 3px;
    margin-top: 10px;
    margin-bottom: 10px;
    }
    .colmod-link-top a:hover,
    .colmod-link-end a:hover {
    text-decoration: none;
    background: rgb(45, 45, 45);
    }
• ダークモードCSS (2022/07/19 7:46追記)
  • 次のコードを変更
    .modalbox {
    background: #0C0C0C;
    border: solid 0.15rem #080808;
    }