アップロードしたファイルリンクのデザインをボタンにするUserCSS
例
text2image.json
code:style.css
a.link:is(href$=".json",href$=".pptx") {
position: relative;
text-decoration: none;
color: #808383;
background-color: #f5f5f5;
padding: 0 5px 0 18px;
border: 2px solid #e5e2e2;
border-radius: 3px;
display: inline;
}
data-hover-visible a.link:is(href$=".json",href$=".pptx"):hover {
border: 2px solid #9d9d9d;
color: var(--page-text-color);
}
a.link:is(href$=".json",href$=".pptx") > .char-index:first-child::before{
display: block;
position: absolute;
left: 6px;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: 10px;
content: '\f56d';
color: var(--page-text-color);
}
.line a.page-link::before, .line a.link::before, data-hover-visible .line a.page-link:hover::before, data-hover-visible .line a.link:hover::before{
content: none;
}