819
edits
Difference between revisions of "User:Polymorph-Ash/vector.css"
Jump to navigation
Jump to search
User:Polymorph-Ash/vector.css (view source)
Revision as of 20:41, 17 January 2026
, Saturday at 20:41no edit summary
| Line 48: | Line 48: | ||
} | } | ||
/* | /* --- Left Sidebar Container --- */ | ||
#left-navigation { | #left-navigation { | ||
margin-left: 12em; | margin-left: 12em; | ||
background-color: rgba(255, 245, 220, 0.9); /* | background-color: rgba(255, 245, 220, 0.9); /* subtle parchment effect */ | ||
border: 1px solid var(--bordercolour); | border: 1px solid var(--bordercolour); | ||
border-radius: 10px; | border-radius: 10px; | ||
padding: 0.5em; | padding: 0.5em; | ||
} | |||
/* --- Sidebar Menu Headings --- */ | |||
.vector-menu-heading { | |||
background-color: var(--tablecolour3); /* parchment header */ | |||
border-radius: 20px 20px 0 0; | |||
border-color: var(--bordercolour); | |||
border-style: solid; | |||
border-width: 0.15em; | |||
box-shadow: none !important; | |||
} | |||
/* --- Sidebar Links & Menu Items --- */ | |||
#left-navigation a, | |||
#left-navigation li { | |||
background: transparent; /* allows container gradient/color to show */ | |||
border-color: var(--bordercolour); | |||
color: var(--maintext); | |||
padding: 0.3em 0.5em; | |||
display: block; | |||
border-radius: 5px; /* optional rounded corners for individual items */ | |||
} | |||
/* --- Sidebar Tabs (if used) --- */ | |||
.vector-menu-tabs, | |||
.vector-menu { | |||
background-color: rgba(var(--orange), 0.85); | |||
border-color: var(--bordercolour); | |||
border-radius: 20px 20px 0 0; | |||
color: var(--whitetextandbg); | |||
} | |||
/* --- Dropdown / Submenu Styling --- */ | |||
.vector-menu-dropdown, | |||
.vector-menu-dropdown a, | |||
.vector-menu-dropdown li { | |||
background: transparent; | |||
border: none; | |||
color: var(--maintext); | |||
} | |||
/* --- Selected / Active Menu Item --- */ | |||
#p-tb-label.vector-menu-heading { | |||
border-radius: 10px; | |||
padding: 4px; | |||
border-left: 4px solid rgba(var(--orange), 0.85); | |||
background: transparent; | |||
background-image: linear-gradient(to right, rgba(var(--orange), 0.85), rgba(var(--orange), 0.85), transparent); | |||
color: var(--whitetextandbg); | |||
font-weight: bold; | |||
} | } | ||