Toggle menu
33
31
6.6K
731
Caelia Reborn
Toggle preferences 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
Created page with "Infobox styling for Citizen skin: .infobox-healing-machine { float: right; width: 260px; border: 1px solid var(--border-color-base); background-color: var(--background-color-primary); padding: 10px; margin: 0 0 10px 20px; font-size: 14px; box-shadow: 0 0 5px rgba(0,0,0,0.1); } .infobox-title { font-weight: bold; font-size: 16px; text-align: center; margin-bottom: 8px; color: var(--color-base); } .infobox-image { text-align: center; ma..."
 
No edit summary
Line 1: Line 1:
/* Infobox styling for Citizen skin */
/* Generic infobox styling */
.infobox-healing-machine {
.infobox-item {
   float: right;
   float: right;
   width: 260px;
   width: 260px;
Line 11: Line 11:
}
}


.infobox-title {
.infobox-item .infobox-title {
   font-weight: bold;
   font-weight: bold;
   font-size: 16px;
   font-size: 16px;
Line 19: Line 19:
}
}


.infobox-image {
.infobox-item .infobox-image {
   text-align: center;
   text-align: center;
   margin-bottom: 8px;
   margin-bottom: 8px;
}
}


.infobox-data .infobox-row {
.infobox-item .infobox-data .infobox-row {
   display: flex;
   display: flex;
   justify-content: space-between;
   justify-content: space-between;
Line 31: Line 31:
}
}


.infobox-data .infobox-row:nth-child(odd) {
.infobox-item .infobox-data .infobox-row:nth-child(odd) {
   background-color: var(--background-color-primary);
   background-color: var(--background-color-primary);
}
}


.infobox-data .infobox-row:nth-child(even) {
.infobox-item .infobox-data .infobox-row:nth-child(even) {
   background-color: var(--background-color-secondary);
   background-color: var(--background-color-secondary);
}
}


.infobox-data .label {
.infobox-item .label {
   font-weight: bold;
   font-weight: bold;
   color: var(--color-base);
   color: var(--color-base);
}
}


.infobox-data .value {
.infobox-item .value {
   color: var(--color-subtle);
   color: var(--color-subtle);
}
}

Revision as of 12:06, 12 December 2025

/* Generic infobox styling */
.infobox-item {
  float: right;
  width: 260px;
  border: 1px solid var(--border-color-base);
  background-color: var(--background-color-primary);
  padding: 10px;
  margin: 0 0 10px 20px;
  font-size: 14px;
  box-shadow: 0 0 5px rgba(0,0,0,0.1);
}

.infobox-item .infobox-title {
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  margin-bottom: 8px;
  color: var(--color-base);
}

.infobox-item .infobox-image {
  text-align: center;
  margin-bottom: 8px;
}

.infobox-item .infobox-data .infobox-row {
  display: flex;
  justify-content: space-between;
  padding: 6px 8px;
  border-bottom: 1px solid var(--border-color-subtle);
}

.infobox-item .infobox-data .infobox-row:nth-child(odd) {
  background-color: var(--background-color-primary);
}

.infobox-item .infobox-data .infobox-row:nth-child(even) {
  background-color: var(--background-color-secondary);
}

.infobox-item .label {
  font-weight: bold;
  color: var(--color-base);
}

.infobox-item .value {
  color: var(--color-subtle);
}