MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&display=swap'); | @import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&display=swap'); | ||
#mw-panel { | #mw-panel { | ||
background: none; | |||
padding: | border-radius: 8px; | ||
padding: 10px; | |||
display: flex; | display: flex; | ||
flex-direction: column; | flex-direction: column; | ||
gap: | gap: 12px; | ||
} | } | ||
#mw-panel .mw-portlet { | #mw-panel .mw-portlet { | ||
border: 2px solid rgba(255, 255, 255, 0.2); | |||
background: rgba(30, 30, 30, 0.9); | |||
border-radius: 10px; | |||
border-radius: | padding: 5px; | ||
padding: | |||
} | } | ||
#mw-panel .mw-portlet .vector-menu-heading { | #mw-panel .mw-portlet .vector-menu-heading { | ||
font-family: 'Cinzel', serif; | font-family: 'Cinzel', serif; | ||
font-size: | font-size: 18px; | ||
font-weight: | font-weight: 700; | ||
text-transform: uppercase; | text-transform: uppercase; | ||
background: rgba(20, 20, 20, 1); | |||
background: rgba( | color: #C0A080; | ||
padding: | padding: 8px; | ||
border-radius: | border-radius: 8px 8px 0 0; | ||
display: flex; | |||
justify-content: left; | |||
align-items: center; | |||
cursor: default; | |||
} | |||
/* Remove the arrow */ | |||
#mw-panel .mw-portlet .vector-menu-heading::after { | |||
content: ""; | |||
display: none; | |||
} | } | ||
/* Sidebar Links */ | |||
#mw-panel .mw-portlet .body a { | #mw-panel .mw-portlet .body a { | ||
display: block; | |||
font-family: 'Cinzel', serif; | font-family: 'Cinzel', serif; | ||
font-size: | font-size: 16px; | ||
color: # | color: #ddd; | ||
text-decoration: none; | text-decoration: none; | ||
padding: | padding: 6px 12px; | ||
border-radius: 4px; | |||
} | } | ||
#mw-panel .mw-portlet .body a:hover { | #mw-panel .mw-portlet .body a:hover { | ||
background: rgba(255, 255, 255, 0.15); | |||
background: rgba(255, 255, 255, 0. | color: #C0A080; | ||
} | } | ||
/* Remove collapsible functionality */ | |||
#mw-panel .mw-portlet .body { | #mw-panel .mw-portlet .body { | ||
display: block !important; | |||
} | } | ||
#mw-panel .mw-portlet .body a:hover { | |||
#mw-panel .mw-portlet { | background: rgba(255, 255, 255, 0.1); | ||
} | } | ||
/* Collapse Button (Dropdown Icon) */ | |||
# | #mw-panel .mw-portlet .vector-menu-heading::after { | ||
content: "▼"; | |||
font-size: 12px; | |||
color: white; | |||
font-size: | |||
} | } | ||
/* Collapsed | /* Collapsed Sidebar Sections */ | ||
# | #mw-panel .mw-portlet.collapsed .body { | ||
display: none; | |||
} | } | ||
#mw-panel .mw-portlet.collapsed .vector-menu-heading::after { | |||
# | content: "▶"; | ||
content: " | |||
} | } |
Revision as of 02:33, 25 March 2025
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&display=swap');
#mw-panel {
background: none;
border-radius: 8px;
padding: 10px;
display: flex;
flex-direction: column;
gap: 12px;
}
#mw-panel .mw-portlet {
border: 2px solid rgba(255, 255, 255, 0.2);
background: rgba(30, 30, 30, 0.9);
border-radius: 10px;
padding: 5px;
}
#mw-panel .mw-portlet .vector-menu-heading {
font-family: 'Cinzel', serif;
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
background: rgba(20, 20, 20, 1);
color: #C0A080;
padding: 8px;
border-radius: 8px 8px 0 0;
display: flex;
justify-content: left;
align-items: center;
cursor: default;
}
/* Remove the arrow */
#mw-panel .mw-portlet .vector-menu-heading::after {
content: "";
display: none;
}
/* Sidebar Links */
#mw-panel .mw-portlet .body a {
display: block;
font-family: 'Cinzel', serif;
font-size: 16px;
color: #ddd;
text-decoration: none;
padding: 6px 12px;
border-radius: 4px;
}
#mw-panel .mw-portlet .body a:hover {
background: rgba(255, 255, 255, 0.15);
color: #C0A080;
}
/* Remove collapsible functionality */
#mw-panel .mw-portlet .body {
display: block !important;
}
#mw-panel .mw-portlet .body a:hover {
background: rgba(255, 255, 255, 0.1);
}
/* Collapse Button (Dropdown Icon) */
#mw-panel .mw-portlet .vector-menu-heading::after {
content: "▼";
font-size: 12px;
color: white;
}
/* Collapsed Sidebar Sections */
#mw-panel .mw-portlet.collapsed .body {
display: none;
}
#mw-panel .mw-portlet.collapsed .vector-menu-heading::after {
content: "▶";
}