(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; }") |
(Update) |
||
| (9 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap'); |
|||
/* Apply rounded corners to the tabs in the menubar */ |
|||
/* Modernizing the sidebar */ |
|||
#p-namespaces ul li, |
|||
# |
#mw-panel { |
||
background-color: #f8f9fa; /* Light gray background for a modern look */ |
|||
border-right: 1px solid #ddd; /* Soft border for a clean look */ |
|||
padding: 15px; |
|||
box-shadow: 2px 0 5px rgba(0,0,0,0.1); /* Soft shadow to make the sidebar pop */ |
|||
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; /* Modern font */ |
|||
} |
} |
||
/* Styling the sidebar links */ |
|||
#p-namespaces ul li a, |
|||
# |
#mw-panel .portal { |
||
margin-bottom: 10px; |
|||
border-radius: 10px; /* Apply the same value for the anchor tags */ |
|||
} |
} |
||
#mw-panel .portal h3 { |
|||
/* Optionally, add rounded corners to the search bar */ |
|||
font-size: 16px; |
|||
#searchInput { |
|||
font-weight: 600; |
|||
color: #333; /* Darker color for headers */ |
|||
text-transform: uppercase; |
|||
margin-bottom: 10px; |
|||
} |
|||
#mw-panel .portal ul li { |
|||
list-style: none; |
|||
margin-bottom: 8px; |
|||
} |
|||
#mw-panel .portal ul li a { |
|||
color: #007bff; /* Default link color */ |
|||
text-decoration: none; |
|||
padding: 5px; |
|||
transition: all 0.3s ease; /* Smooth transition effect */ |
|||
display: block; |
|||
font-size: 14px; |
|||
border-radius: 4px; |
|||
} |
|||
/* Hover effect on links */ |
|||
#mw-panel .portal ul li a:hover { |
|||
background-color: #e2e6ea; /* Light background color on hover */ |
|||
color: #0056b3; /* Darker blue on hover */ |
|||
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Slight shadow effect */ |
|||
} |
} |
||
Latest revision as of 16:02, 21 October 2024
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap');
/* Modernizing the sidebar */
#mw-panel {
background-color: #f8f9fa; /* Light gray background for a modern look */
border-right: 1px solid #ddd; /* Soft border for a clean look */
padding: 15px;
box-shadow: 2px 0 5px rgba(0,0,0,0.1); /* Soft shadow to make the sidebar pop */
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; /* Modern font */
}
/* Styling the sidebar links */
#mw-panel .portal {
margin-bottom: 10px;
}
#mw-panel .portal h3 {
font-size: 16px;
font-weight: 600;
color: #333; /* Darker color for headers */
text-transform: uppercase;
margin-bottom: 10px;
}
#mw-panel .portal ul li {
list-style: none;
margin-bottom: 8px;
}
#mw-panel .portal ul li a {
color: #007bff; /* Default link color */
text-decoration: none;
padding: 5px;
transition: all 0.3s ease; /* Smooth transition effect */
display: block;
font-size: 14px;
border-radius: 4px;
}
/* Hover effect on links */
#mw-panel .portal ul li a:hover {
background-color: #e2e6ea; /* Light background color on hover */
color: #0056b3; /* Darker blue on hover */
box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* Slight shadow effect */
}