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:Common.css: Difference between revisions

MediaWiki interface page
No edit summary
No edit summary
Line 1: Line 1:
.infobox-healing-machine {
/* Generic infobox styling */
.infobox-item {
   float: right;
   float: right;
   width: 260px;
   width: 260px;
   background-color: #f9f9f9;
   border: 1px solid var(--border-color-base);
   border: 1px solid #ccc;
   background-color: var(--background-color-primary);
   padding: 10px;
   padding: 10px;
   margin: 0 0 10px 20px;
   margin: 0 0 10px 20px;
Line 10: Line 11:
}
}


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


.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;
   padding: 6px 8px;
   padding: 6px 8px;
   border-bottom: 1px solid #ddd;
   border-bottom: 1px solid var(--border-color-subtle);
}
}


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


.infobox-data .infobox-row:nth-child(even) {
.infobox-item .infobox-data .infobox-row:nth-child(even) {
   background-color: #eef0f8; /* soft blue-gray */
   background-color: var(--background-color-secondary);
}
}


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


.infobox-data .value {
.infobox-item .value {
   color: #555;
   color: var(--color-subtle);
}
 
 
 
.infobox-data .infobox-row:nth-child(odd) {
  background-color: #fff; /* matches Citizen content background */
}
 
.infobox-data .infobox-row:nth-child(even) {
  background-color: #f8f9fa; /* matches Citizen table striping */
}
 
.infobox-data .infobox-row {
  border-bottom: 1px solid #a2a9b1;
}
.skin-citizen-dark .infobox-data .infobox-row:nth-child(odd) {
  background-color: #202122;
}
 
.skin-citizen-dark .infobox-data .infobox-row:nth-child(even) {
  background-color: #2a2a2a;
}
 
.skin-citizen-dark .infobox-data .infobox-row {
  border-bottom: 1px solid #54595d;
}
}

Revision as of 12:07, 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);
}