MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
Line 58: | Line 58: | ||
#floating-toc { | |||
position: fixed; | |||
bottom: 20px; | |||
right: 20px; | |||
width: 250px; | |||
width: 250px; | |||
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. | border: 2px solid rgba(255, 215, 0, 0.5); /* Goldish border */ | ||
border-radius: 10px; | border-radius: 10px; | ||
padding: | padding: 10px; | ||
font-size: 14px; | font-size: 14px; | ||
box-shadow: 0px 0px | box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8); | ||
transition: all 0.3s ease-in-out; | |||
z-index: 1000; | |||
} | } | ||
/* Collapsed State */ | |||
#floating-toc.collapsed { | |||
width: 150px; | |||
height: 30px; | |||
overflow: hidden; | overflow: hidden; | ||
text-align: | padding: 5px; | ||
text-align: center; | |||
cursor: pointer; | |||
} | } | ||
/* Header Style */ | |||
font-family: 'Cinzel', serif; | #floating-toc h2 { | ||
font-family: 'Cinzel', serif; | |||
font-size: 16px; | font-size: 16px; | ||
font-weight: bold; | |||
text-transform: uppercase; | text-transform: uppercase; | ||
color: #C0A080; /* Gold */ | color: #C0A080; /* Gold */ | ||
text-align: center; | |||
margin: 0; | |||
padding: 5px; | |||
} | } | ||
/* ToC Links */ | |||
border-top: 1px solid rgba(255, 215, 0, 0.3) | #floating-toc ul { | ||
list-style: none; | |||
padding: 0; | |||
margin-top: 10px; | |||
border-top: 1px solid rgba(255, 215, 0, 0.3); | |||
} | } | ||
#floating-toc li { | |||
padding: 4px; | |||
} | } | ||
#floating-toc a { | |||
font-family: 'Cinzel', serif; | font-family: 'Cinzel', serif; | ||
font-size: 13px; | |||
color: #bbb; | |||
text-decoration: none; | |||
display: block; | display: block; | ||
padding: 4px 10px; | padding: 4px 10px; | ||
border-radius: 4px; | border-radius: 4px; | ||
transition: all 0.3s ease; | transition: all 0.3s ease; | ||
} | } | ||
#floating-toc a:hover { | |||
color: #FFD700; /* | color: #FFD700; /* Gold Hover */ | ||
background: rgba(255, 255, 255, 0.1); | background: rgba(255, 255, 255, 0.1); | ||
} | } | ||
/* Collapsed Text */ | |||
. | #floating-toc.collapsed::after { | ||
content: "Contents ▼"; | |||
font-family: 'Cinzel', serif; | |||
font-size: 14px; | |||
color: #C0A080; | |||
display: block; | |||
text-align: center; | |||
padding: 5px; | |||
} | } |