Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
m (remove s) |
(Add resize image css selectors (32px to 512px height/width)) |
||
Line 73: | Line 73: | ||
text-align: right; | text-align: right; | ||
} | } | ||
/* Resize images */ | |||
.imageheight32 img, img.imageheight32 { height: 32; } | |||
.imageheight48 img, img.imageheight48 { height: 48; } | |||
.imageheight64 img, img.imageheight64 { height: 64; } | |||
.imageheight80 img, img.imageheight80 { height: 80; } | |||
.imageheight96 img, img.imageheight96 { height: 96; } | |||
.imageheight112 img, img.imageheight112 { height: 112; } | |||
.imageheight128 img, img.imageheight128 { height: 128; } | |||
.imageheight160 img, img.imageheight160 { height: 160; } | |||
.imageheight192 img, img.imageheight192 { height: 192; } | |||
.imageheight224 img, img.imageheight224 { height: 224; } | |||
.imageheight256 img, img.imageheight256 { height: 256; } | |||
.imageheight320 img, img.imageheight320 { height: 320; } | |||
.imageheight384 img, img.imageheight384 { height: 384; } | |||
.imageheight448 img, img.imageheight448 { height: 448; } | |||
.imageheight512 img, img.imageheight512 { height: 512; } | |||
.imagewidth32 img, img.imagewidth32 { width: 32; } | |||
.imagewidth48 img, img.imagewidth48 { width: 48; } | |||
.imagewidth64 img, img.imagewidth64 { width: 64; } | |||
.imagewidth80 img, img.imagewidth80 { width: 80; } | |||
.imagewidth96 img, img.imagewidth96 { width: 96; } | |||
.imagewidth112 img, img.imagewidth112 { width: 112; } | |||
.imagewidth128 img, img.imagewidth128 { width: 128; } | |||
.imagewidth160 img, img.imagewidth160 { width: 160; } | |||
.imagewidth192 img, img.imagewidth192 { width: 192; } | |||
.imagewidth224 img, img.imagewidth224 { width: 224; } | |||
.imagewidth256 img, img.imagewidth256 { width: 256; } | |||
.imagewidth320 img, img.imagewidth320 { width: 320; } | |||
.imagewidth384 img, img.imagewidth384 { width: 384; } | |||
.imagewidth448 img, img.imagewidth448 { width: 448; } | |||
.imagewidth512 img, img.imagewidth512 { width: 512; } | |||
/* Revert invert for images */ | /* Revert invert for images */ |
Revision as of 08:01, 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: 32; }
.imageheight48 img, img.imageheight48 { height: 48; }
.imageheight64 img, img.imageheight64 { height: 64; }
.imageheight80 img, img.imageheight80 { height: 80; }
.imageheight96 img, img.imageheight96 { height: 96; }
.imageheight112 img, img.imageheight112 { height: 112; }
.imageheight128 img, img.imageheight128 { height: 128; }
.imageheight160 img, img.imageheight160 { height: 160; }
.imageheight192 img, img.imageheight192 { height: 192; }
.imageheight224 img, img.imageheight224 { height: 224; }
.imageheight256 img, img.imageheight256 { height: 256; }
.imageheight320 img, img.imageheight320 { height: 320; }
.imageheight384 img, img.imageheight384 { height: 384; }
.imageheight448 img, img.imageheight448 { height: 448; }
.imageheight512 img, img.imageheight512 { height: 512; }
.imagewidth32 img, img.imagewidth32 { width: 32; }
.imagewidth48 img, img.imagewidth48 { width: 48; }
.imagewidth64 img, img.imagewidth64 { width: 64; }
.imagewidth80 img, img.imagewidth80 { width: 80; }
.imagewidth96 img, img.imagewidth96 { width: 96; }
.imagewidth112 img, img.imagewidth112 { width: 112; }
.imagewidth128 img, img.imagewidth128 { width: 128; }
.imagewidth160 img, img.imagewidth160 { width: 160; }
.imagewidth192 img, img.imagewidth192 { width: 192; }
.imagewidth224 img, img.imagewidth224 { width: 224; }
.imagewidth256 img, img.imagewidth256 { width: 256; }
.imagewidth320 img, img.imagewidth320 { width: 320; }
.imagewidth384 img, img.imagewidth384 { width: 384; }
.imagewidth448 img, img.imagewidth448 { width: 448; }
.imagewidth512 img, img.imagewidth512 { width: 512; }
/* Revert invert for images */
.invertimage img, img.invertimage {
filter: invert(100%);
}