No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css'); |
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css'); |
||
/* |
/* Sidebar container */ |
||
#mw-panel { |
|||
#p-navigation, #p-tb { |
|||
background-color: # |
background-color: #f8f8f8; |
||
⚫ | |||
border: 1px solid #ddd; |
border: 1px solid #ddd; |
||
margin-bottom: 15px; |
|||
border-radius: 4px; |
border-radius: 4px; |
||
⚫ | |||
} |
} |
||
/* Sidebar headings (like "Navigation", "Quick Links", etc.) */ |
|||
/* Styling for sidebar section titles */ |
|||
.mw-portlet-heading { |
#mw-panel .portal .mw-portlet-heading { |
||
font-size: 18px; |
font-size: 18px; |
||
font-weight: bold; |
font-weight: bold; |
||
color: # |
color: #444; |
||
margin-bottom: 10px; |
margin-bottom: 10px; |
||
padding-bottom: 5px; |
padding-bottom: 5px; |
||
Line 20: | Line 19: | ||
} |
} |
||
/* Sidebar links |
/* Sidebar links */ |
||
# |
#mw-panel ul { |
||
list-style-type: none; |
list-style-type: none; |
||
padding-left: 0; |
padding-left: 0; |
||
} |
} |
||
# |
#mw-panel ul li { |
||
padding: 8px 0; |
padding: 8px 0; |
||
border-bottom: 1px solid #eee; |
|||
} |
} |
||
# |
#mw-panel ul li a { |
||
⚫ | |||
font-size: 16px; |
font-size: 16px; |
||
⚫ | |||
text-decoration: none; |
text-decoration: none; |
||
display: inline-flex; |
display: inline-flex; |
||
Line 39: | Line 37: | ||
} |
} |
||
#mw-panel ul li a i { |
|||
/* Add Font Awesome icons to sidebar links */ |
|||
#p-navigation li a i, #p-tb li a i { |
|||
margin-right: 8px; |
margin-right: 8px; |
||
font-size: 16px; /* Adjust the size of the icon */ |
|||
color: #007bff; /* Change the color to match Pivot-style */ |
|||
} |
} |
||
/* Hover effect for links */ |
/* Hover effect for links */ |
||
# |
#mw-panel ul li a:hover { |
||
text-decoration: underline; |
text-decoration: underline; |
||
} |
} |
Revision as of 12:35, 20 October 2024
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css');
/* Sidebar container */
#mw-panel {
background-color: #f8f8f8;
padding: 15px;
border: 1px solid #ddd;
border-radius: 4px;
}
/* Sidebar headings (like "Navigation", "Quick Links", etc.) */
#mw-panel .portal .mw-portlet-heading {
font-size: 18px;
font-weight: bold;
color: #444;
margin-bottom: 10px;
padding-bottom: 5px;
border-bottom: 1px solid #ddd;
}
/* Sidebar links */
#mw-panel ul {
list-style-type: none;
padding-left: 0;
}
#mw-panel ul li {
padding: 8px 0;
}
#mw-panel ul li a {
font-size: 16px;
color: #007bff;
text-decoration: none;
display: inline-flex;
align-items: center;
}
#mw-panel ul li a i {
margin-right: 8px;
}
/* Hover effect for links */
#mw-panel ul li a:hover {
text-decoration: underline;
}