twitch/onecomme の履歴(No.1)

• 履歴一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• twitch/onecomme へ行く。
  • 1 (2025-03-01 (土) 12:54:48)
  • 2 (2025-03-01 (土) 15:52:02)

• 公式テンプレート の retro をベースにしている状態で、OBSのカスタムCSSに下記を使用することで見た目を調整しています。
• Avatorは安全のため非表示にしています。（危険なアイコンを設定されると配信画面に出てしまう）

名前表示なし（今これ）#

/* テンプレカスタム ここから */

body {
    font-family: "Rounded Mplus 1c Medium",sans-serif;
}

:root {
    --lcv-direction: column;
    --lcv-timeout: 30s;
}

.comment-header {
    margin-bottom: 0;
}

.name {
    /*display: block;*/
    display: none; /* 名前非表示 */
}

.avatar {
    display: none; /* アバターアイコン非表示 */
    min-width: 24px;
    width: 24px;
    height: 24px;
    margin-top: 6px;
    margin-right: 8px;
}
.badge {
    margin-bottom: 4px;
}

:root {
    --lcv-badge-size: 1em;
}

.comment-text {
    line-height: 1.3em;
}

.comment-text,.name {
    font-size: 24px;
}

.comment-text img {
    height: 1em;
    width: auto;
}

.comment {
    margin: 8px 16px;
    padding: 12px;
    border-radius: 8px;
    border:0;
}
.comment:last-child::after{
    display: none; /* 三角非表示 */
}

:root {
    --lcv-name-color: #222;
    --lcv-text-color: #222;
    --lcv-background-color: #ffffff;
    /*--lcv-border-color: #333333;*/
}
/* テンプレカスタム ここまで */

名前表示あり#

/* テンプレカスタム ここから */

body {
    font-family: "Rounded Mplus 1c Medium",sans-serif;
}

:root {
    --lcv-direction: column;
    --lcv-timeout: 30s;
}

.comment-header {
    margin-bottom: -12px;
}

.name {
    display: block;
}

.avatar {
    display: none; /* アバターアイコン非表示 */
    min-width: 24px;
    width: 24px;
    height: 24px;
    margin-top: 6px;
    margin-right: 8px;
}
.badge {
    margin-bottom: 4px;
}

:root {
    --lcv-badge-size: 1em;
}

.comment-text {
    line-height: 1.3em;
}

.comment-text,.name {
    font-size: 24px;
}

.comment-text img {
    height: 1em;
    width: auto;
}

.comment {
    margin: 8px 16px;
    padding: 8px 12px 12px;
    border-radius: 8px;
    border:0;
}
.comment:last-child::after{
    display: none; /* 三角非表示 */
}

:root {
    --lcv-name-color: #222;
    --lcv-text-color: #222;
    --lcv-background-color: #ffffff;
    /*--lcv-border-color: #333333;*/
}
/* テンプレカスタム ここまで */