Jump to content

MediaWiki:Minerva.css: Difference between revisions

From Shark's Hypothetical Weather
No edit summary
Tags: Mobile edit Mobile web edit
No edit summary
Tags: Mobile edit Mobile web edit
 
(30 intermediate revisions by the same user not shown)
Line 1: Line 1:
.infobox {
.infobox {
   background-color: #F8F9FA !important;
   background-color: #F9F9F9 !important;
   border: 1.5px solid #DADDE3 !important;
   border: 1px solid #DCDBE0 !important;
   border-collapse: collapse;
   border-collapse: collapse;
   width: 100%;
   width: 100%;
  padding: 0.01em !important;
   font-size: 14.4px !important;
   font-size: 14.4px !important;
   line-height: 1.4;
   line-height: 1.8em !important;
   color: #202122 !important;
   color: #202123 !important;
   margin: 0 auto 1em auto;
   margin: 0 auto 1em auto;
}
}
Line 15: Line 16:
   padding: 6px 8px;
   padding: 6px 8px;
   vertical-align: top;
   vertical-align: top;
   background-color: #F8F9FA;
   background-color: #F9F9F9;
   font-size: 14.4px !important;
   font-size: 14.4px !important;
   color: #202122 !important;
   color: #202123 !important;
}
 
/* ✅ NEW ALIGNMENT RULES + INDENT */
.infobox td:nth-child(1) {
  text-align: center !important;
  width: 48% !important;
}
 
.infobox td:nth-child(2) {
  text-align: left !important;
  padding-left: 12px !important;
}
}


/* Clean row-based dividers */
/* Clean row-based dividers */
.infobox tr {
.infobox tr {
   border-bottom: 1px solid #DADDE3;
   border-bottom: 0.75px solid #DCDBE0 !important;
}
}


Line 31: Line 43:
/* Section header style */
/* Section header style */
.infobox .section-header {
.infobox .section-header {
   background-color: #F8F9FA;
   background-color: #F9F9F9;
   font-weight: bold;
   font-weight: bold;
   text-align: left;
   text-align: left;
   border-bottom: 1px solid #DADDE3;
   border-bottom: 0.75px solid #DCDBE0 !important;
}
}


/* Caption style */
/* Caption style */
.infobox caption {
.infobox caption {
   background-color: #F8F9FA;
   background-color: #F9F9F9;
   padding: 0.5em;
   padding: 0.5em;
   text-align: center;
   text-align: center;
   font-weight: bold;
   font-weight: bold;
   font-size: 14.4px !important;
   font-size: 14.4px !important;
   color: #202122;
   color: #202123;
}
 
@media screen and (max-width: 720px) {
  .infobox {
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
}

Latest revision as of 11:32, 25 April 2025

.infobox {
  background-color: #F9F9F9 !important;
  border: 1px solid #DCDBE0 !important;
  border-collapse: collapse;
  width: 100%;
  padding: 0.01em !important;
  font-size: 14.4px !important;
  line-height: 1.8em !important;
  color: #202123 !important;
  margin: 0 auto 1em auto;
}

.infobox td,
.infobox th {
  border: none;
  padding: 6px 8px;
  vertical-align: top;
  background-color: #F9F9F9;
  font-size: 14.4px !important;
  color: #202123 !important;
}

/* ✅ NEW ALIGNMENT RULES + INDENT */
.infobox td:nth-child(1) {
  text-align: center !important;
  width: 48% !important;
}

.infobox td:nth-child(2) {
  text-align: left !important;
  padding-left: 12px !important;
}

/* Clean row-based dividers */
.infobox tr {
  border-bottom: 0.75px solid #DCDBE0 !important;
}

.infobox tr:last-child {
  border-bottom: none;
}

/* Section header style */
.infobox .section-header {
  background-color: #F9F9F9;
  font-weight: bold;
  text-align: left;
  border-bottom: 0.75px solid #DCDBE0 !important;
}

/* Caption style */
.infobox caption {
  background-color: #F9F9F9;
  padding: 0.5em;
  text-align: center;
  font-weight: bold;
  font-size: 14.4px !important;
  color: #202123;
}

@media screen and (max-width: 720px) {
  .infobox {
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}