MediaWiki:Common.css: Difference between revisions

MediaWiki interface page
(Collapseable infobox thanks to https://radcare.ca/index.php?title=User:TheEvilSkeleton)
Tag: Reverted
(Undo revision 151 by Lionir (talk))
Tag: Undo
Line 2: Line 2:
   border-radius:var(--border-radius--medium);
   border-radius:var(--border-radius--medium);
   background-color:var(--color-surface-2);
   background-color:var(--color-surface-2);
   padding: 20px
  float:right;
  width:100%;
  max-width:400px;
   padding: 6px 0;
}
}
.infobox-title {
.infobox-title {
Line 8: Line 11:
   font-weight:var(--font-weight-semibold);
   font-weight:var(--font-weight-semibold);
   font-size:calc(var(--font-size-h3)*1.5);
   font-size:calc(var(--font-size-h3)*1.5);
   text-align:center
   text-align:center;
}
}
.infobox-image {
.infobox-image {
   max-width:100%;
   max-width:100%;
   height:auto
   height:auto;
}
}
 
.infobox-table {
.infobox-table td {
padding: 0 15px !important;
   padding-block:3px;
}
.infobox-table th, td {
   padding: 3px;
}
}
.infobox-table th {
.infobox-table th {
  color:var(--color-base--subtle);
color: var(--color-base--subtle);
   font-weight:var(--font-weight-semibold);
   font-weight:var(--font-weight-semibold);
   text-align:left;
   text-align: left;
   padding-right: 15px
   width: 40%;
}
}
 
.infobox-table td {
.citizen-section-collapsible {
   vertical-align: top;
   margin-top: 1em;
   width: 60%;
   display: grid;
  gap: 0 1em;
}
 
@media screen and (min-width:720px) {
  .citizen-section-collapsible {
    grid-auto-flow: column;
  }
 
  .citizen-section-collapsible > :last-child {
    order: -1;
  }
}
}

Revision as of 04:50, 20 January 2024

.infobox {
  border-radius:var(--border-radius--medium);
  background-color:var(--color-surface-2);
  float:right;
  width:100%;
  max-width:400px;
  padding: 6px 0;
}
.infobox-title {
  color:var(--color-base--emphasized);
  font-weight:var(--font-weight-semibold);
  font-size:calc(var(--font-size-h3)*1.5);
  text-align:center;
}
.infobox-image {
  max-width:100%;
  height:auto;
}
.infobox-table {
	padding: 0 15px !important;
}
.infobox-table th, td {
  padding: 3px;
}
.infobox-table th {
	color: var(--color-base--subtle);
  font-weight:var(--font-weight-semibold);
  text-align: left;
  width: 40%;
}
.infobox-table td {
  vertical-align: top;
  width: 60%;
}