settings
code:style.css
/* ===== 背景 ===== */
body {
background:
linear-gradient(120deg, #f0f1f7 0%, #e4e6f2 40%, #dcdfff 70%, #cfd4ff 100%);
background-attachment: fixed;
font-family: "Orbitron", "Inter", sans-serif;
}
body::before {
content: "";
position: fixed;
inset: 0;
background:
radial-gradient(circle, rgba(0,0,0,0.12) 1px, transparent 1px),
radial-gradient(circle, rgba(0,0,0,0.08) 1px, transparent 1px);
background-size: 3px 3px, 5px 5px;
opacity: 0.6;
mix-blend-mode: multiply;
pointer-events: none;
}
/* ===== ガラス（明るめ） ===== */
.container {
max-width: 1600px;
background: rgba(255, 255, 255, 0.3);
backdrop-filter: blur(20px);
border-radius: 20px;
padding: 30px 50px;
border: 1px solid rgba(0,0,0,0.1);
box-shadow:
0 0 50px rgba(0, 80, 255, 0.15),
inset 0 0 25px rgba(255,255,255,0.7);
}
/* ===== 文字 ===== */
/* 基本：白（これが正解） */
.line {
color: #000;
}
/* カード内だけ黒にする（最小限） */
.page .grid .item .line {
color: #222 !important;
}
/* 右上UI */
.page .controls {
color: #fff;
}
.page .controls * {
color: inherit;
}
/* ===== 見出し ===== */
.line:has(span.text:contains("■")) {
font-weight: bold;
text-shadow: 0 0 6px rgba(255,255,255,0.5);
}
/* ===== リンク ===== */
a {
color: #2f4cff;
text-shadow: 0 0 6px rgba(47, 76, 255, 0.4);
}
/* ===== 文字 ===== */
.line {
color: #111;
}
/* カード内 */
.page .grid .item .line {
color: #222;
}
/* ===== カード ===== */
.page .grid .item {
background: rgba(255,255,255,0.5) !important;
backdrop-filter: blur(10px);
border-radius: 14px;
border: 1px solid rgba(0,0,0,0.1);
opacity: 0.8;
background-size: 2px 2px, 4px 4px;
}
/* サムネ画像をフィットさせる */
.grid li.page-list-item a .icon {
position: relative;
}
.grid li.page-list-item a .header {
padding: 10px 12px 2ppagex;
}
/* 最小表示 */
.grid li.page-list-item a .title {
height: 24px;
}
.grid li.page-list-item a .icon img {
display: table-cell;
margin-bottom: ２px;
max-height: 100px;
max-width: 100%;
vertical-align: middle;
border-radius: 5px;
position: absolute;
top: calc(25% + 45px);
left: 50%;
transform: translateX(-50%) translateY(-50%);
}