Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
(Add resize image css selectors (32px to 512px height/width)) |
m (px) |
||
Line 75: | Line 75: | ||
/* Resize images */ | /* Resize images */ | ||
.imageheight32 img, img.imageheight32 { height: | .imageheight32 img, img.imageheight32 { height: 32px; } | ||
.imageheight48 img, img.imageheight48 { height: | .imageheight48 img, img.imageheight48 { height: 48px; } | ||
.imageheight64 img, img.imageheight64 { height: | .imageheight64 img, img.imageheight64 { height: 64px; } | ||
.imageheight80 img, img.imageheight80 { height: | .imageheight80 img, img.imageheight80 { height: 80px; } | ||
.imageheight96 img, img.imageheight96 { height: | .imageheight96 img, img.imageheight96 { height: 96px; } | ||
.imageheight112 img, img.imageheight112 { height: | .imageheight112 img, img.imageheight112 { height: 112px; } | ||
.imageheight128 img, img.imageheight128 { height: | .imageheight128 img, img.imageheight128 { height: 128px; } | ||
.imageheight160 img, img.imageheight160 { height: | .imageheight160 img, img.imageheight160 { height: 160px; } | ||
.imageheight192 img, img.imageheight192 { height: | .imageheight192 img, img.imageheight192 { height: 192px; } | ||
.imageheight224 img, img.imageheight224 { height: | .imageheight224 img, img.imageheight224 { height: 224px; } | ||
.imageheight256 img, img.imageheight256 { height: | .imageheight256 img, img.imageheight256 { height: 256px; } | ||
.imageheight320 img, img.imageheight320 { height: | .imageheight320 img, img.imageheight320 { height: 320px; } | ||
.imageheight384 img, img.imageheight384 { height: | .imageheight384 img, img.imageheight384 { height: 384px; } | ||
.imageheight448 img, img.imageheight448 { height: | .imageheight448 img, img.imageheight448 { height: 448px; } | ||
.imageheight512 img, img.imageheight512 { height: | .imageheight512 img, img.imageheight512 { height: 512px; } | ||
.imagewidth32 img, img.imagewidth32 { width: | .imagewidth32 img, img.imagewidth32 { width: 32px; } | ||
.imagewidth48 img, img.imagewidth48 { width: | .imagewidth48 img, img.imagewidth48 { width: 48px; } | ||
.imagewidth64 img, img.imagewidth64 { width: | .imagewidth64 img, img.imagewidth64 { width: 64px; } | ||
.imagewidth80 img, img.imagewidth80 { width: | .imagewidth80 img, img.imagewidth80 { width: 80px; } | ||
.imagewidth96 img, img.imagewidth96 { width: | .imagewidth96 img, img.imagewidth96 { width: 96px; } | ||
.imagewidth112 img, img.imagewidth112 { width: | .imagewidth112 img, img.imagewidth112 { width: 112px; } | ||
.imagewidth128 img, img.imagewidth128 { width: | .imagewidth128 img, img.imagewidth128 { width: 128px; } | ||
.imagewidth160 img, img.imagewidth160 { width: | .imagewidth160 img, img.imagewidth160 { width: 160px; } | ||
.imagewidth192 img, img.imagewidth192 { width: | .imagewidth192 img, img.imagewidth192 { width: 192px; } | ||
.imagewidth224 img, img.imagewidth224 { width: | .imagewidth224 img, img.imagewidth224 { width: 224px; } | ||
.imagewidth256 img, img.imagewidth256 { width: | .imagewidth256 img, img.imagewidth256 { width: 256px; } | ||
.imagewidth320 img, img.imagewidth320 { width: | .imagewidth320 img, img.imagewidth320 { width: 320px; } | ||
.imagewidth384 img, img.imagewidth384 { width: | .imagewidth384 img, img.imagewidth384 { width: 384px; } | ||
.imagewidth448 img, img.imagewidth448 { width: | .imagewidth448 img, img.imagewidth448 { width: 448px; } | ||
.imagewidth512 img, img.imagewidth512 { width: | .imagewidth512 img, img.imagewidth512 { width: 512px; } | ||
/* Revert invert for images */ | /* Revert invert for images */ |
Revision as of 08:02, 2 April 2022
/* CSS placed here will be applied to all skins */
/* Infobox template style */
.infobox {
border: 1px solid #a2a9b1;
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;
}
/* Resize images */
.imageheight32 img, img.imageheight32 { height: 32px; }
.imageheight48 img, img.imageheight48 { height: 48px; }
.imageheight64 img, img.imageheight64 { height: 64px; }
.imageheight80 img, img.imageheight80 { height: 80px; }
.imageheight96 img, img.imageheight96 { height: 96px; }
.imageheight112 img, img.imageheight112 { height: 112px; }
.imageheight128 img, img.imageheight128 { height: 128px; }
.imageheight160 img, img.imageheight160 { height: 160px; }
.imageheight192 img, img.imageheight192 { height: 192px; }
.imageheight224 img, img.imageheight224 { height: 224px; }
.imageheight256 img, img.imageheight256 { height: 256px; }
.imageheight320 img, img.imageheight320 { height: 320px; }
.imageheight384 img, img.imageheight384 { height: 384px; }
.imageheight448 img, img.imageheight448 { height: 448px; }
.imageheight512 img, img.imageheight512 { height: 512px; }
.imagewidth32 img, img.imagewidth32 { width: 32px; }
.imagewidth48 img, img.imagewidth48 { width: 48px; }
.imagewidth64 img, img.imagewidth64 { width: 64px; }
.imagewidth80 img, img.imagewidth80 { width: 80px; }
.imagewidth96 img, img.imagewidth96 { width: 96px; }
.imagewidth112 img, img.imagewidth112 { width: 112px; }
.imagewidth128 img, img.imagewidth128 { width: 128px; }
.imagewidth160 img, img.imagewidth160 { width: 160px; }
.imagewidth192 img, img.imagewidth192 { width: 192px; }
.imagewidth224 img, img.imagewidth224 { width: 224px; }
.imagewidth256 img, img.imagewidth256 { width: 256px; }
.imagewidth320 img, img.imagewidth320 { width: 320px; }
.imagewidth384 img, img.imagewidth384 { width: 384px; }
.imagewidth448 img, img.imagewidth448 { width: 448px; }
.imagewidth512 img, img.imagewidth512 { width: 512px; }
/* Revert invert for images */
.invertimage img, img.invertimage {
filter: invert(100%);
}