Módulo:Infocaixa/estilos.css

/* */ /*

* This TemplateStyles sheet deliberately does NOT include the full set of
* infobox styles. We are still working to migrate all of the manual
* infoboxes. See MediaWiki talk:Common.css/to do#Infobox
* DO NOT ADD THEM HERE
*/

/*

* not strictly certain these styles are necessary since the modules now
* exclusively output infobox-subbox or infobox, not both
* just replicating the module faithfully
*/

.infobox-subbox {

   padding: 0;
   border: none;
   margin: -3px;
   width: auto;
   min-width: 100%;
   font-size: 100%;
   clear: none;
   float: none;
   background-color: transparent;

}

.infobox-3cols-child {

   margin: auto;

}

.infobox .navbar {

   font-size: 100%;

}

/* Infobox template style */ .infobox {

   border: 1px solid #a2a9b1;
   border-spacing: 3px;
   background-color: #f8f9fa;
   color: black;
   /* @noflip */
   margin: 0.5em 0 0.5em 1em;
   /* @noflip */
   float: right;
   /* @noflip */
   clear: right;
   font-size: 88%;
   line-height: 1.5em;
   width: 22em;

}

.infobox-header, .infobox-label, .infobox-above, .infobox-full-data, .infobox-data, .infobox-below, .infobox-subheader, .infobox-image, .infobox-navbar, /* Remove element selector when every .infobox thing is using the standard module/templates */ .infobox th, .infobox td {

   vertical-align: top;

}

.infobox-label, .infobox-data, /* Remove element selector when every .infobox thing is using the standard module/templates */ .infobox th, .infobox td {

   /* @noflip */
   text-align: left;

}

/* Remove .infobox when element selectors above are removed */ .infobox .infobox-above, .infobox .infobox-title, /* Remove element selector when every .infobox thing is using the standard module/templates */ .infobox caption {

   font-size: 125%;
   font-weight: bold;
   text-align: center;

}

.infobox-title, /* Remove element selector when every .infobox thing is using the standard module/templates */ .infobox caption {

   padding: 0.2em;

}

/* Remove .infobox when element selectors above are removed */ .infobox .infobox-header, .infobox .infobox-subheader, .infobox .infobox-image, .infobox .infobox-full-data, .infobox .infobox-below {

   text-align: center;

}

/* Remove .infobox when element selectors above are removed */ .infobox .infobox-navbar {

   /* @noflip */
   text-align: right;

}

/* T281642 */ body.skin-minerva .infobox-header, body.skin-minerva .infobox-subheader, body.skin-minerva .infobox-above, body.skin-minerva .infobox-title, body.skin-minerva .infobox-image, body.skin-minerva .infobox-full-data, body.skin-minerva .infobox-below {

   text-align: center;

} .infobox-hiddenrow, body.skin--responsive.skin--responsive .infobox .infobox-hiddenrow { display: none; }

/* Dark theme: William Wragg, Coral Castle */

@media screen {

   html.skin-theme-clientpref-night .infobox-full-data:not(.notheme) > div:not(.notheme)[style] {

background: #1f1f23 !important; /* switch with var( --color-base ) when supported. */ color: #f8f9fa; } }

@media screen and (prefers-color-scheme: dark) {

   html.skin-theme-clientpref-os .infobox-full-data:not(.notheme) > div:not(.notheme)[style] {
     background: #1f1f23 !important;
     /* switch with var( --color-base ) when supported. */
     color: #f8f9fa;
   }

}

/* Since infobox is a table, many infobox templates take advantage of this to

* add columns and rows to the infobox itself rather than as part of a new table
* inside them. This class should be discouraged and removed on the long term,
* but allows us to at least identify these tables going forward
* Currently in use on: Módulo:Infobox3cols
* Fixes issue described in phab:F55300125 on Vector 2022.

• /

@media (min-width: 640px) {

 body.skin--responsive .infobox-table {
   display: table !important;
 }
 body.skin--responsive .infobox-table > caption {
   display: table-caption !important;
 }
 body.skin--responsive .infobox-table > tbody {
   display: table-row-group;
 }
 body.skin--responsive .infobox-
 body.skin--responsive .infobox-table td {
   padding-left: inherit;
   padding-right: inherit;
 }

}