UserCSS:mascot

元ネタ

code:style.css

:root {

--mascot-text: "Hello World!"; /* */

--mascot-color: gray; /* */

--mascot-background-color: transparent; /* */

--mascot-image: url('/api/pages/res/who0/icon'); /* */

/* --mascot-image: url('/api/pages/res/Scrapbox_Beaver/icon'); /* */

--mascot-size: 250px;

--mascot-opacity: 0.5;

}

code:style.css

@media only screen and (min-width: 960px) {

content: var(--mascot-text);

color: var(--mascot-color);

background-color: var(--mascot-background-color);

font-weight: bold;

white-space: pre; /* */

font-size: 1.2em; /* */

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

background-image: var(--mascot-image);

background-size: var(--mascot-size) calc(var(--mascot-size) + 2vw) ;/* */

background-repeat: no-repeat;

background-size: contain;

background-position: right bottom;

opacity: var(--mascot-opacity);

display: block;

width: var(--mascot-size);

height: calc(var(--mascot-size) + 2vw); /**/

position: fixed;

right: 8px; /* */

bottom: 1vw; /* */

}

}

UserCSS.icon