No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
/* |
/* Set a modern background color for the body */ |
||
body { |
body { |
||
background-color: #f4f4f4; |
background-color: #f4f4f4; |
||
font-family: 'Roboto', sans-serif; /* |
font-family: 'Roboto', sans-serif; /* Use a modern font */ |
||
} |
} |
||
/* |
/* Improve the content box with a white background and shadow */ |
||
#content { |
#content { |
||
background-color: #ffffff; |
background-color: #ffffff; |
||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); |
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); |
||
padding: 20px; |
padding: 20px; |
||
border-radius: 5px; |
|||
} |
} |
||
⚫ | |||
/* Link colors */ |
|||
a { |
a { |
||
color: #007acc; |
color: #007acc; |
||
⚫ | |||
⚫ | |||
a:hover { |
|||
⚫ | |||
text-decoration: underline; |
|||
} |
} |
||
/* |
/* Header styling */ |
||
h1, h2, h3, h4, h5, h6 { |
h1, h2, h3, h4, h5, h6 { |
||
font-family: 'Roboto', sans-serif; |
font-family: 'Roboto', sans-serif; |
||
color: #333; |
color: #333; |
||
⚫ | |||
} |
} |
||
/* Customize sidebar appearance */ |
|||
⚫ | |||
#mw-panel { |
|||
⚫ | |||
padding: 15px; |
|||
border-radius: 8px; |
|||
} |
|||
/* Sticky sidebar and header */ |
|||
.sticky { |
.sticky { |
||
position: fixed; |
position: fixed; |
||
Line 33: | Line 48: | ||
} |
} |
||
/* |
/* Sidebar menu item customization */ |
||
#mw-panel ul { |
|||
.dropdown { |
|||
list-style: none; |
|||
padding-left: 0; |
|||
} |
} |
||
#mw-panel li { |
|||
.dropdown:hover > ul { |
|||
padding: 8px 0; |
|||
} |
} |
||
#mw-panel a { |
|||
color: #007acc; |
|||
text-decoration: none; |
|||
position: absolute; |
|||
⚫ | |||
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); |
|||
} |
} |
||
#mw-panel a:hover { |
|||
.dropdown ul li { |
|||
color: #005b99; |
|||
⚫ | |||
⚫ | |||
.dropdown ul li a { |
|||
⚫ | |||
⚫ | |||
} |
} |
Revision as of 15:43, 21 October 2024
/* 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;
}