MediaWiki:Common.css: Difference between revisions

Revision as of 12:06, 25 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 {
  margin-left: 0.2em;
  margin-right: 0.2em;
}

.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;
}

/* 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;
  border-collapse: collapse;
  max-width: 250px; /* to match image thumb size*/
}

table.infobox td:first-child:not([colspan]) {
  text-align: left;
  padding-left: 0.33em;
  vertical-align: top;
}

table.infobox td:last-child:not([colspan]) {
  text-align: right;
  padding-right: 0.33em;
  vertical-align: top;
}



/* Custom animated hints */
.custom-collapsible {
  cursor: pointer;
  padding: 3px;
}

.custom-collapsible-link {
  color: #3366cc; /* Ideally this would grab the link color from the wiki's skin instead. */
}
.custom-collapsible-link:hover {
  text-decoration: underline;
}

.custom-collapsible-content {
  display: none;
  padding-left:10px;
  background-color: whitesmoke;
  border: 1px solid #ccc;
}
.custom-collapsible-padded {
  padding: 10px 0px;
}

.custom-collapsible:not(.active) .custom-collapsible-link:before{
  content: 'Show'
}
.custom-collapsible.active .custom-collapsible-link:before{
  content: 'Hide'
}


/* Custom hex strings */
.hex-string-with-translation {
  text-decoration: underline dotted black;
  overflow-wrap: anywhere;
}
.hex-string-without-translation {
  text-decoration: underline dotted red;
  overflow-wrap: anywhere;
}

/* Used by Template:Hatnote */
.hatnote {
  font-style:italic;
  padding-bottom:0.4em;
  margin-bottom:0.4em;
  color:#555;
  border-bottom:1px solid #ccc
}