MediaWiki:Minerva.css: Difference between revisions

From The Reed and Rite
mNo edit summary
mNo edit summary
 
(22 intermediate revisions by the same user not shown)
Line 8: Line 8:
   display: block !important;
   display: block !important;
   width: auto !important;
   width: auto !important;
   max-width: 300px !important;
   max-width: min(350px, 95%) !important;
   top: 0 !important;
   top: 0 !important;
   position: relative;
   position: relative;
Line 15: Line 15:
/* Dark mode override */
/* Dark mode override */
@media (prefers-color-scheme: dark) {
@media (prefers-color-scheme: dark) {
  html,
  body.skin-minerva {
    background-color: #101318 !important;
  }
 
   body.skin-minerva .infobox,
   body.skin-minerva .infobox,
   body.skin-minerva .infobox-table,
   body.skin-minerva .infobox-table,
Line 55: Line 60:
   body.skin-minerva .art-infobox-data-row td {
   body.skin-minerva .art-infobox-data-row td {
     color: #f8f9fa;
     color: #f8f9fa;
  }
 
  body.skin-minerva .editorial-notation-tooltip-box {
    background-color: #2a3b4f !important;
   }
   }
    
    
Line 91: Line 100:
   body.skin-minerva #rename-notice {
   body.skin-minerva #rename-notice {
     background-color: #4e5c3f !important;
     background-color: #4e5c3f !important;
  }
 
  body.skin-minerva #update-notice {
    background-color: #16323e !important;
   }
   }
}
}
Line 100: Line 113:
body.skin-minerva #rename-notice,
body.skin-minerva #rename-notice,
body.skin-minerva #spoiler-notice,
body.skin-minerva #spoiler-notice,
body.skin-minerva #theory-notice {
body.skin-minerva #theory-notice,
body.skin-minerva #update-notice{
   max-width: 100% !important;
   max-width: 100% !important;
   width: auto !important;
   width: auto !important;
}
}

Latest revision as of 00:58, 11 June 2025

/* All CSS here will be loaded for users of the MinervaNeue skin */

/* Mobile override for infobox */
.infobox-float {
  float: none !important;
  clear: both !important;
  margin: 1em auto !important;
  display: block !important;
  width: auto !important;
  max-width: min(350px, 95%) !important;
  top: 0 !important;
  position: relative;
}

/* Dark mode override */
@media (prefers-color-scheme: dark) {
  html,
  body.skin-minerva {
    background-color: #101318 !important;
  }
  
  body.skin-minerva .infobox,
  body.skin-minerva .infobox-table,
  body.skin-minerva .infobox-header,
  body.skin-minerva .infobox-image-container,
  body.skin-minerva .infobox-image,
  body.skin-minerva .infobox-caption,
  body.skin-minerva .infobox-data-row {
    background-color: #1e1e1e;
    color: #f8f9fa;
    border-color: #555;
  }
  
  body.skin-minerva .art-infobox,
  body.skin-minerva .art-infobox-table,
  body.skin-minerva .art-infobox-header,
  body.skin-minerva .art-infobox-image-container,
  body.skin-minerva .art-infobox-image,
  body.skin-minerva .art-infobox-caption,
  body.skin-minerva .art-infobox-data-row {
    background-color: #1e1e1e;
    color: #f8f9fa;
    border-color: #555;
  }

  body.skin-minerva .infobox-caption {
    color: #ccc;
  }

  body.skin-minerva .art-infobox-caption {
    color: #ccc;
  }
  
  body.skin-minerva .infobox-data-row th,
  body.skin-minerva .infobox-data-row td {
    color: #f8f9fa;
  }
  
  body.skin-minerva .art-infobox-data-row th,
  body.skin-minerva .art-infobox-data-row td {
    color: #f8f9fa;
  }
  
  body.skin-minerva .editorial-notation-tooltip-box {
    background-color: #2a3b4f !important;
  }
  
  body.skin-minerva #editlock {
    background-color: #173a5e !important;
  }
  
  body.skin-minerva #welcome-notice {
    background-color: #2f352a !important;
  }
  
  body.skin-minerva #claim-notice {
    background-color: #4a4a2e !important;
  }
  
  body.skin-minerva #copyright-notice {
    background-color: #2e2f33 !important;
  }
  
  body.skin-minerva #delete-notice {
    background-color: #594800 !important;
  }
  
  body.skin-minerva #spoiler-notice {
    background-color: #5a1a1a !important;
  }
  
  body.skin-minerva #theory-notice {
    background-color: #2d3443 !important;
  }
  
  body.skin-minerva #top-notice {
    background-color: #554400 !important;
  }
  
  body.skin-minerva #rename-notice {
    background-color: #4e5c3f !important;
  }
  
  body.skin-minerva #update-notice {
    background-color: #16323e !important;
  }
}

/* NOTICE WIDTH */
body.skin-minerva #claim-notice, 
body.skin-minerva #copyright-notice,
body.skin-minerva #delete-notice,
body.skin-minerva #rename-notice,
body.skin-minerva #spoiler-notice,
body.skin-minerva #theory-notice,
body.skin-minerva #update-notice{
  max-width: 100% !important;
  width: auto !important;
}