ねむすぎノート
トップ
メニュー
一覧
検索
twitch/onecomme
をテンプレートにして作成
開始行:
#title(わんコメのカスタムCSS)
#contents
* 概要 [#w661dfb2]
- [[公式テンプレート:https://onecomme.com/docs/templates]...
- 自由に使ってください。
- Avatorは安全のため非表示にしています。（危険なアイコン...
- 背景の茶色っぽい色は配信フレームの色なのでこのCSSには含...
- 指定しているフォント [[Rounded M+ (標準):http://jikasei...
** retro 名前表示なし（今これ） [#a7b29569]
&ref(twitch/onecomme/retro_2.png,50%);
#code_x{{
body {
font-family: "Rounded Mplus 1c Medium",sans-serif;
}
:root {
--lcv-direction: column;
--lcv-timeout: 30s;
}
.comment-header {
margin-bottom: 0;
}
.name {
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 14px;
border-radius: 8px;
border:0;
outline:0;
}
.comment:last-child::after{
display: none; /* 三角非表示 */
}
:root {
--lcv-name-color: #222;
--lcv-text-color: #222;
--lcv-background-color: #ffffff;
}
}}
** retro 名前表示あり [#ja550653]
&ref(twitch/onecomme/retro_1.png,50%);
#code_x{{
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 14px 14px;
border-radius: 8px;
border:0;
outline:0;
}
.comment:last-child::after{
display: none; /* 三角非表示 */
}
:root {
--lcv-name-color: #222;
--lcv-text-color: #222;
--lcv-background-color: #ffffff;
}
}}
#include(parts/feedback,notitle)
終了行:
#title(わんコメのカスタムCSS)
#contents
* 概要 [#w661dfb2]
- [[公式テンプレート:https://onecomme.com/docs/templates]...
- 自由に使ってください。
- Avatorは安全のため非表示にしています。（危険なアイコン...
- 背景の茶色っぽい色は配信フレームの色なのでこのCSSには含...
- 指定しているフォント [[Rounded M+ (標準):http://jikasei...
** retro 名前表示なし（今これ） [#a7b29569]
&ref(twitch/onecomme/retro_2.png,50%);
#code_x{{
body {
font-family: "Rounded Mplus 1c Medium",sans-serif;
}
:root {
--lcv-direction: column;
--lcv-timeout: 30s;
}
.comment-header {
margin-bottom: 0;
}
.name {
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 14px;
border-radius: 8px;
border:0;
outline:0;
}
.comment:last-child::after{
display: none; /* 三角非表示 */
}
:root {
--lcv-name-color: #222;
--lcv-text-color: #222;
--lcv-background-color: #ffffff;
}
}}
** retro 名前表示あり [#ja550653]
&ref(twitch/onecomme/retro_1.png,50%);
#code_x{{
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 14px 14px;
border-radius: 8px;
border:0;
outline:0;
}
.comment:last-child::after{
display: none; /* 三角非表示 */
}
:root {
--lcv-name-color: #222;
--lcv-text-color: #222;
--lcv-background-color: #ffffff;
}
}}
#include(parts/feedback,notitle)
ページ名:
トップ
新規
一覧
検索
最終更新
RSS
