MediaWiki:Common.css: Difference between revisions

Revision as of 13:14, 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: var(--toggle-label);
}

.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 */
  }

  /* Tools links */
  #p-tb a {
    color: #874; /* Set your desired text color */
  }
  #p-tb a:hover {
    text-decoration: underline; /* Optional: Add underline on hover */
    color: #b95; /* 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 */

/* Some styles common to all infoboxes */
.infobox {
  margin-top: 0.5em;
  margin-right: 0px;
  margin-bottom: 0.5em;
  margin-left: 1em;
  padding: 0.2em;
  float:right;
  border:1px solid black;
}