MediaWiki:Common.css: Difference between revisions
m Buttons slightly wider |
Border around pages |
||
| Line 23: | Line 23: | ||
display: none; | display: none; | ||
} | } | ||
/* Customizing the navigation list in the sidebar */ | /* Customizing the navigation list in the sidebar */ | ||
#p-navigation .vector-menu-content-list { | #p-navigation .vector-menu-content-list { | ||
list-style: none; | list-style: none; | ||
padding: 0; | padding: 0; | ||
margin-left: -8px; | margin-left: -8px; | ||
margin-right: -6px; | margin-right: -6px; | ||
} | } | ||
#p-navigation .vector-menu-content-list .mw-list-item { | #p-navigation .vector-menu-content-list .mw-list-item { | ||
margin-bottom: 1px; /* Adjust the spacing between buttons as needed */ | margin-bottom: 1px; /* Adjust the spacing between buttons as needed */ | ||
} | } | ||
#p-navigation .vector-menu-content-list a { | #p-navigation .vector-menu-content-list a { | ||
display: block; /* Set to block for full width */ | display: block; /* Set to block for full width */ | ||
padding: 8px 6px; /* Adjust the padding as needed */ | padding: 8px 6px; /* Adjust the padding as needed */ | ||
| Line 46: | Line 47: | ||
border-radius: 4px; /* Adjust the border radius as needed */ | border-radius: 4px; /* Adjust the border radius as needed */ | ||
transition: background-color 0.3s ease; | transition: background-color 0.3s ease; | ||
} | } | ||
#p-navigation .vector-menu-content-list a:hover { | #p-navigation .vector-menu-content-list a:hover { | ||
background-color: #b95; /* Set your desired background color on hover */ | background-color: #b95; /* Set your desired background color on hover */ | ||
border-color: #dc9; /* Set your desired border color on hover */ | border-color: #dc9; /* Set your desired border color on hover */ | ||
color: #fff; /* Set your desired text color on hover */ | color: #fff; /* Set your desired text color on hover */ | ||
} | } | ||
/* End navbar customization */ | /* End navbar customization */ | ||
/* Customizing border around pages */ | |||
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { | |||
background-image: linear-gradient(to bottom, rgba(176, 144, 80, 0) 0, #b95 100%); | |||
} | |||
.vector-menu-tabs-legacy li { | |||
background-image: linear-gradient(to top, #CFAF6C 0, #EEEBE1 1px, #ffffff 100%); | |||
} | |||
.mw-body { | |||
border-color: #b95; | |||
} | |||
/* End border customization */ | |||
Revision as of 07:21, 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;
margin-left: -8px;
margin-right: -6px;
}
#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 */
/* Customizing border around pages */
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading {
background-image: linear-gradient(to bottom, rgba(176, 144, 80, 0) 0, #b95 100%);
}
.vector-menu-tabs-legacy li {
background-image: linear-gradient(to top, #CFAF6C 0, #EEEBE1 1px, #ffffff 100%);
}
.mw-body {
border-color: #b95;
}
/* End border customization */