MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
mNo edit summary |
mNo edit summary |
||
Line 61: | Line 61: | ||
} | } | ||
#toc { | #toc { | ||
background: linear-gradient(to bottom, #111, #1a1a1a); | background: linear-gradient(to bottom, #111, #1a1a1a); | ||
border: 1px solid rgba(255, 215, 0, 0.2); | border: 1px solid rgba(255, 215, 0, 0.2); | ||
border-radius: 6px; | border-radius: 6px; | ||
padding: 10px; | padding: 10px; | ||
font-family: 'Cinzel', serif; | |||
font-size: 13px; | |||
max-width: | color: #bbb; | ||
max-width: 300px; | |||
box-shadow: 0 0 | margin: 20px 0; | ||
box-shadow: 0 0 6px rgba(255, 215, 0, 0.05); | |||
} | } | ||
#toc .toctitle { | #toc .toctitle { | ||
display: flex; | |||
align-items: center; | |||
justify-content: space-between; | |||
font-size: 14px; | |||
font-weight: bold; | font-weight: bold; | ||
color: # | color: #C0A080; | ||
text-transform: uppercase; | text-transform: uppercase; | ||
border-bottom: 1px solid rgba(255, 215, 0, 0.15); | |||
padding-bottom: 4px; | |||
margin-bottom: 6px; | margin-bottom: 6px; | ||
} | } | ||
#toc ul { | #toc ul { | ||
list-style: none; | list-style: none; | ||
padding | padding: 0; | ||
margin: 0; | margin: 0; | ||
} | } | ||
#toc li { | #toc li { | ||
margin: 4px 0; | margin: 4px 0; | ||
font-size: 13px; | |||
font- | font-weight: 500; | ||
} | } | ||
#toc li | #toc li li { | ||
font-size: 12px; | |||
margin-left: 10px; | |||
font- | |||
margin-left: | |||
} | } | ||
#toc a { | #toc a { | ||
color: #bbb; | color: #bbb; | ||
text-decoration: none; | text-decoration: none; | ||
display: block; | |||
padding: 2px 5px; | |||
border-radius: 3px; | |||
transition: all 0.3s ease; | transition: all 0.3s ease; | ||
} | } | ||
Line 145: | Line 115: | ||
#toc a:hover { | #toc a:hover { | ||
color: #FFD700; | color: #FFD700; | ||
text-shadow: 0 0 | background: rgba(255, 255, 255, 0.05); | ||
text-shadow: 0 0 4px rgba(255, 215, 0, 0.4); | |||
} | } | ||
/* | /* TOC Toggle Label Styling (e.g. [HIDE]) */ | ||
#toc . | #toc .toctogglelabel { | ||
font-family: 'Cinzel', serif; | |||
font-size: 12px; | |||
color: #FFD700; | |||
cursor: pointer; | |||
text-transform: uppercase; | |||
letter-spacing: 0.5px; | |||
transition: color 0.3s ease; | |||
padding-left: 10px; | |||
} | |||
#toc .toctogglelabel:hover { | |||
color: #fff8dc; | |||
text-shadow: 0 0 4px rgba(255, 215, 0, 0.4); | |||
} | |||
#toc .toctogglelabel::after { | |||
content: " ▾"; | |||
font-size: 12px; | |||
color: #FFD700; | |||
} | } | ||
body { | body { |