No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap'); |
|||
/* Set a modern background color for the body */ |
/* Set a modern background color for the body */ |
||
body { |
body { |
Revision as of 15:45, 21 October 2024
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap');
/* Set a modern background color for the body */
body {
background-color: #f4f4f4;
font-family: 'Roboto', sans-serif; /* Use a modern font */
}
/* Improve the content box with a white background and shadow */
#content {
background-color: #ffffff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
padding: 20px;
border-radius: 5px;
}
/* Update link styling to be modern */
a {
color: #007acc;
text-decoration: none;
}
a:hover {
color: #005b99;
text-decoration: underline;
}
/* Header styling */
h1, h2, h3, h4, h5, h6 {
font-family: 'Roboto', sans-serif;
color: #333;
margin-bottom: 10px;
}
/* Customize sidebar appearance */
#mw-panel {
background-color: #f8f9fa;
padding: 15px;
border-radius: 8px;
}
/* Sticky sidebar and header */
.sticky {
position: fixed;
top: 0;
width: 100%;
z-index: 1000;
background-color: #fff;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
/* Sidebar menu item customization */
#mw-panel ul {
list-style: none;
padding-left: 0;
}
#mw-panel li {
padding: 8px 0;
}
#mw-panel a {
color: #007acc;
text-decoration: none;
}
#mw-panel a:hover {
color: #005b99;
}