Toggle menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Citizen.css: Difference between revisions

MediaWiki interface page
No edit summary
No edit summary
Line 63: Line 63:
.frontpage-donate-button .mw-ui-button {
.frontpage-donate-button .mw-ui-button {
   background: var(--color-primary);
   background: var(--color-primary);
  color: white;
}
.frontpage-container-heading {
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  background: var(--color-primary--hover);
   color: white;
   color: white;
}
}

Revision as of 03:44, 21 November 2023

.infobox {
  margin-bottom: var( --space-md );
  background: var( --color-surface-2 );
  border-radius: var( --border-radius--medium );
  display: table;
  min-width: 25em;
  max-width: 30em;
  border-collapse: collapse;
  float: right;
  clear: right;
  margin: 2em;
  margin-right: 0;
  margin-top: 0;
  overflow: hidden;
}

.infobox tbody tr {
  border-top: 1px solid var(--border-color-base);
}

.infobox tbody tr:nth-child(1) { border: none; }
.infobox tbody tr * {
  vertical-align: middle;
  padding: var(--space-sm) 0;
}
.infobox tbody tr .infobox-heading {
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  background: var(--color-primary--hover);
  color: white;
}
.infobox tbody tr th {
  width: 40%;
  text-align: left;
  padding-left: 1em;
}

.infobox tbody tr td {
  width: 60%;
  padding-right: 1em;
}


.frontpage-container-row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: var( --space-md );
}
.frontpage-container-row div {
  flex: 1;
  background: var( --color-surface-2 );
  border-radius: var( --border-radius--medium );
  border: 1px solid var(--border-color-base);
  padding: 0.5em;
  margin: 0.5em;
}
.frontpage-donate-button {
  font-size: 1.5em;
  text-align: center;
}
.frontpage-donate-button .mw-ui-button {
  background: var(--color-primary);
  color: white;
}
.frontpage-container-heading {
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  background: var(--color-primary--hover);
  color: white;
}