MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 60: | Line 60: | ||
bottom: 20px; | bottom: 20px; | ||
right: 20px; | right: 20px; | ||
width: | width: 260px; /* Set fixed width */ | ||
height: 400px; /* Set fixed height */ | |||
overflow-y: auto; /* Make it scrollable */ | |||
background: linear-gradient(to bottom, #111 0%, #222 100%); | background: linear-gradient(to bottom, #111 0%, #222 100%); | ||
border: 2px solid rgba(255, 215, 0, 0.5); /* Goldish border */ | border: 2px solid rgba(255, 215, 0, 0.5); /* Goldish border */ | ||
| Line 71: | Line 73: | ||
} | } | ||
/* Scrollbar Styling */ | |||
#floating-toc::-webkit-scrollbar { | |||
width: 8px; | |||
} | |||
#floating-toc::-webkit-scrollbar-thumb { | |||
background: rgba(255, 215, 0, 0.5); /* Gold scroll bar */ | |||
border-radius: 4px; | |||
} | |||
#floating-toc | #floating-toc::-webkit-scrollbar-track { | ||
background: rgba(20, 20, 20, 0.8); | |||
} | } | ||
/* Header - Centered, Bold, and Gold */ | |||
#floating-toc h2 { | #floating-toc h2 { | ||
font-family: 'Cinzel', serif; | font-family: 'Cinzel', serif; | ||
| Line 92: | Line 99: | ||
} | } | ||
/* ToC List - Properly Aligned */ | |||
#floating-toc ul { | #floating-toc ul { | ||
list-style: none; | list-style: none; | ||
| Line 97: | Line 105: | ||
margin-top: 10px; | margin-top: 10px; | ||
border-top: 1px solid rgba(255, 215, 0, 0.3); | border-top: 1px solid rgba(255, 215, 0, 0.3); | ||
text-align: left; | |||
} | } | ||
#floating-toc li { | #floating-toc li { | ||
padding: 4px; | padding: 4px 10px; | ||
} | } | ||
/* Links - Aligned and Styled */ | |||
#floating-toc a { | #floating-toc a { | ||
font-family: 'Cinzel', serif; | font-family: 'Cinzel', serif; | ||
| Line 115: | Line 125: | ||
#floating-toc a:hover { | #floating-toc a:hover { | ||
color: #FFD700; | color: #FFD700; /* Golden Hover */ | ||
background: rgba(255, 255, 255, 0.1); | background: rgba(255, 255, 255, 0.1); | ||
} | |||
/* Nested Lists - Indentation */ | |||
#floating-toc ul ul { | |||
margin-left: 15px; | |||
} | |||
/* Collapsed Mode */ | |||
#floating-toc.collapsed { | |||
width: 150px; | |||
height: 30px; | |||
overflow: hidden; | |||
padding: 5px; | |||
text-align: center; | |||
cursor: pointer; | |||
} | } | ||