MediaWiki:Common.css: Difference between revisions
Appearance
No edit summary |
Navbar looks like buttons! |
||
| Line 23: | Line 23: | ||
display: none; | display: none; | ||
} | } | ||
/* Customizing the navigation list in the sidebar */ | |||
#p-navigation .vector-menu-content-list { | |||
list-style: none; | |||
padding: 0; | |||
} | |||
#p-navigation .vector-menu-content-list .mw-list-item { | |||
margin-bottom: 1px; /* Adjust the spacing between buttons as needed */ | |||
} | |||
#p-navigation .vector-menu-content-list a { | |||
display: block; /* Set to block for full width */ | |||
padding: 8px 6px; /* Adjust the padding as needed */ | |||
text-decoration: none; | |||
font-size: 110%; | |||
background-color: #dc9; /* Set your desired background color */ | |||
color: #000; /* Set your desired text color */ | |||
border: 1px solid #b95; /* Set your desired border color */ | |||
border-radius: 4px; /* Adjust the border radius as needed */ | |||
transition: background-color 0.3s ease; | |||
} | |||
#p-navigation .vector-menu-content-list a:hover { | |||
background-color: #b95; /* Set your desired background color on hover */ | |||
border-color: #dc9; /* Set your desired border color on hover */ | |||
color: #fff; /* Set your desired text color on hover */ | |||
} | |||
/* End navbar customization */ | |||
Revision as of 07:08, 18 November 2023
/* CSS placed here will be applied to all skins */
/* Collapsible elements. Toggle-link moved to left. */
/* Margin around it adjusted. */
/* https://www.mediawiki.org/wiki/Manual:Collapsible_elements */
.mw-collapsible span.mw-collapsible-toggle {
float:none;
margin-left:0;
margin-right:1em;
}
a.mw-collapsible-text:after {
content: ' spoiler';
}
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
display: none;
}
/* Customizing the navigation list in the sidebar */
#p-navigation .vector-menu-content-list {
list-style: none;
padding: 0;
}
#p-navigation .vector-menu-content-list .mw-list-item {
margin-bottom: 1px; /* Adjust the spacing between buttons as needed */
}
#p-navigation .vector-menu-content-list a {
display: block; /* Set to block for full width */
padding: 8px 6px; /* Adjust the padding as needed */
text-decoration: none;
font-size: 110%;
background-color: #dc9; /* Set your desired background color */
color: #000; /* Set your desired text color */
border: 1px solid #b95; /* Set your desired border color */
border-radius: 4px; /* Adjust the border radius as needed */
transition: background-color 0.3s ease;
}
#p-navigation .vector-menu-content-list a:hover {
background-color: #b95; /* Set your desired background color on hover */
border-color: #dc9; /* Set your desired border color on hover */
color: #fff; /* Set your desired text color on hover */
}
/* End navbar customization */