UserCSS:プロジェクトタイトルの隣にテキスト表示

code:style.css

:root{

--project-subtitle: "　メンバー募集中"; /* */

--project-subtitle-color : black; /* */

--project-subtitle-background-color : transparent; /* */

--project-subtitle-image : url('/api/pages/res/白バラ/icon'); /* */

}

code:stylexx.css

/* Project description */

.project-home > .title:after {

content: var(--project-subtitle);

color: var(--project-subtitle-color);

background-color: var(--project-subtitle-background-color);

white-space: pre;

font-size: 0.7em;

}

code:style.css

.project-home::after {

display: block;

flex-shrink: 0;

height: 36px;

aspect-ratio: 5 / 2; /* */

margin-left: 8px; /* */

background-image: var(--project-subtitle-image); /* */

background-repeat: no-repeat;

background-size: contain;

background-position: right bottom;

content: var(--project-subtitle);

color: var(--project-subtitle-color);

background-color: var(--project-subtitle-background-color);

white-space: pre;

font-size: 0.7em;

border-radius: 4px; /*角丸*/

}

UserCSS.icon