UserCSS:ページ
style.css@import "/api/code/suto3/UserCSS:ページタイトル/style.css"; /* */
@import "/api/code/suto3/UserCSS:ページヘッダー/style.css"; /* */
@import "/api/code/suto3/UserCSS:ページフッター/style.css"; / * */ページ本文
style.css:root {
--main-color: DarkGray; /* 主調色 */
--assort-color: White; /* 従属色 */
--base-color: WhiteSmoke; /* 背景色 */
--accent-color: BlueViolet; /* 強調色 */
/* 4 ページの背景画像 */
--page-bg-image: url(https://i.gyazo.com/5a9b6f8b965613bcc39d3b77afa59dc7.png); /* ビーバー君 */
}css/* これがなんだかわからない */
.page-wrapper {
}
/* ページと関連ページリストを含む？ */
.page {
}画像なしモード
stylexx.css.page {
background-color: var(--assort-color, WhiteSmoke);
opacity:0.8;
/* filter: blur(1px); */
/* filter: grayscale(50%); */
/* filter: none;*/
}
.page:Hover {
background-color: var(--assort-color, White);
opacity:1;
filter: none;
}グラデーションモード（画像なし）
stylexx.css.page {
/*background-color: var(--assort-color, WhiteSmoke);*/
background:
linear-gradient(to right,
rgba(255,255,255, 1.0), 30%,
rgba(255,255,255, 0.8), 50%,
rgba(255,255,255, 0.5), 70%,
rgba(255,255,255,0)
);
/* opacity:0.8;*/
/* filter: blur(1px); */
/* filter: grayscale(50%); */
/* filter: none;*/
}
.page:Hover {
background-color: var(--assort-color, White);
opacity:1;
filter: none;
}固定モード
style.css.page {
background:
linear-gradient(to right,
rgba(255,255,255, 1.0), 30%,
rgba(255,255,255, 0.8), 50%,
rgba(255,255,255, 0.5), 70%,
rgba(255,255,255,0)
) ,
var(--page-bg-image) /* */
;
background-origin: border-box,border-box; /* */
background-repeat: repeat-y,no-repeat; /* */
background-attachment: scroll,fixed; /* */
background-position: 0% 0%, 75% 65% ; /* */
background-size: 100% 100%,30% auto; /* */
}ワイドモード
stylexx.css.page {
background:
linear-gradient(to right,
rgba(255,255,255, 1.0), 30%,
rgba(255,255,255, 0.8), 50%,
rgba(255,255,255, 0.5), 70%,
rgba(255,255,255,0)
) ,
var(--page-bg-image) /* */
;
background-repeat: repeat-y;
background-attachment: scroll;
background-position: center top ;
background-size: 100% auto;'
}