Module:Infobox/styles.css: Difference between revisions
From Research Realm
No edit summary |
(Undo revision 3593 by Ringtail Raider (talk)) |
||
(10 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/* {{pp|small=y}} */ | /* {{pp|small=y}} */ | ||
/* | /* | ||
* | * Wikipedia is still working to migrate all of the manual | ||
* infoboxes. See [[MediaWiki talk:Common.css/to do#Infobox]]. | |||
* infoboxes. See [[MediaWiki talk:Common.css/to do#Infobox]] | * I'm just not going to touch this for now since even though | ||
* | * it says to remove stuff it seems to break things when I do. | ||
*/ | */ | ||
.infobox { | .infobox { | ||
border: 1px solid # | border: 1px solid #C8CCD1; | ||
border-spacing: 3px; | border-spacing: 3px; | ||
background-color: # | background-color: #F8F9FA; | ||
color: black; | color: black; | ||
/* @noflip */ | /* @noflip */ | ||
Line 111: | Line 111: | ||
body.skin-minerva .infobox-below { | body.skin-minerva .infobox-below { | ||
text-align: center; | text-align: center; | ||
} | |||
@media screen and (max-width: 720px) { | |||
.infobox { | |||
width: 100% !important; | |||
float: none !important; /* set float/clear explicitly to override earlier */ | |||
clear: both !important; | |||
margin: 0 0 .8em !important; | |||
} | |||
} | } |
Latest revision as of 00:50, 24 May 2024
/* {{pp|small=y}} */
/*
* Wikipedia is still working to migrate all of the manual
* infoboxes. See [[MediaWiki talk:Common.css/to do#Infobox]].
* I'm just not going to touch this for now since even though
* it says to remove stuff it seems to break things when I do.
*/
.infobox {
border: 1px solid #C8CCD1;
border-spacing: 3px;
background-color: #F8F9FA;
color: black;
/* @noflip */
margin: 0.5em 0 0.5em 1em;
padding: 0.2em;
/* @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;
}
/*
* 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%;
}
/* 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;
}
@media screen and (max-width: 720px) {
.infobox {
width: 100% !important;
float: none !important; /* set float/clear explicitly to override earlier */
clear: both !important;
margin: 0 0 .8em !important;
}
}