Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css');
/* General sidebar styling */
#p-navigation, #p-tb {
background-color: #f5f5f5;
border: 1px solid #ddd;
margin-bottom: 15px;
border-radius: 4px;
padding: 10px;
}
/* Styling for sidebar section titles */
.mw-portlet-heading {
font-size: 18px;
font-weight: bold;
color: #333;
margin-bottom: 10px;
padding-bottom: 5px;
border-bottom: 1px solid #ddd;
}
/* Sidebar links styling */
#p-navigation ul, #p-tb ul {
list-style-type: none;
padding-left: 0;
}
#p-navigation li, #p-tb li {
padding: 8px 0;
border-bottom: 1px solid #eee;
}
#p-navigation li a, #p-tb li a {
color: #007bff;
font-size: 16px;
text-decoration: none;
display: inline-flex;
align-items: center;
}
/* Add Font Awesome icons to sidebar links */
#p-navigation li a i, #p-tb li a i {
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 */
#p-navigation li a:hover, #p-tb li a:hover {
text-decoration: underline;
}