(Created page with "→Apply rounded corners to the tabs in the menubar: #p-namespaces ul li, #p-views ul li { border-radius: 10px; →Adjust the value as needed: } #p-namespaces ul li a, #p-views ul li a { border-radius: 10px; →Apply the same value for the anchor tags: } →Optionally, add rounded corners to the search bar: #searchInput { border-radius: 10px; }") |
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'); |
|||
/* Apply rounded corners to the tabs in the menubar */ |
|||
#p-namespaces ul li, |
|||
/* General sidebar styling */ |
|||
#p-views ul li { |
|||
#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-namespaces ul li a, |
|||
#p- |
#p-navigation li a i, #p-tb li a i { |
||
margin-right: 8px; |
|||
border-radius: 10px; /* Apply the same value for the anchor tags */ |
|||
| ⚫ | |||
color: #007bff; /* Change the color to match Pivot-style */ |
|||
} |
} |
||
/* Hover effect for links */ |
|||
/* Optionally, add rounded corners to the search bar */ |
|||
#p-navigation li a:hover, #p-tb li a:hover { |
|||
#searchInput { |
|||
text-decoration: underline; |
|||
} |
} |
||
Revision as of 12:32, 20 October 2024
@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;
}