利用者:N.K/toc.css
< 利用者:N.K
ナビゲーションに移動
検索に移動
注意: 保存後、変更を確認するにはブラウザーのキャッシュを消去する必要がある場合があります。
- Firefox / Safari: Shift を押しながら 再読み込み をクリックするか、Ctrl-F5 または Ctrl-R を押してください (Mac では ⌘-R)
- Google Chrome: Ctrl-Shift-R を押してください (Mac では ⌘-Shift-R)
- Internet Explorer / Microsoft Edge: Ctrl を押しながら 最新の情報に更新 をクリックするか、Ctrl-F5 を押してください
- Opera: Ctrl-F5を押してください
#toc {
background: #e8f5e9; /* 薄いグリーン */
border: 1px solid #c8e6c9;
border-radius: 8px;
padding: 1em 1.2em;
font-size: 14px;
width: fit-content;
max-width: 90%;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
font-family: "Segoe UI", "Helvetica Neue", sans-serif;
transition: all 0.3s ease;
}
#toc:hover {
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
}
#toc h2 {
font-size: 16px;
margin-top: 0;
color: #2e7d32; /* 濃い緑 */
border-bottom: 1px solid #c8e6c9;
padding-bottom: 4px;
}
#toc .tocnumber {
color: #66bb6a; /* 明るい緑 */
font-weight: bold;
}
#toc .toctext {
margin-left: 4px;
color: #2e7d32;
}
#toc ul {
list-style: none;
padding-left: 0;
margin: 0;
}
#toc li {
margin-bottom: 6px;
}
#toc a {
text-decoration: none;
color: #388e3c; /* リンク色:中程度の緑 */
transition: color 0.2s;
}
#toc a:hover {
color: #1b5e20;
text-decoration: underline;
}