"Şablon:Overlayimg/styles.css" sayfasının sürümleri arasındaki fark
Gezinti kısmına atla
Arama kısmına atla
Margotbean (mesaj | katkılar) |
Margotbean (mesaj | katkılar) |
||
1. satır: | 1. satır: | ||
/* Missing width & height */ | /* Missing width & height */ | ||
− | .parent {position: relative; top: 0; left: 0;} | + | .parent {position: relative; top: 0; left: 0; max-width: 48px;} |
/* .parent img {margin: 0 auto;} */ | /* .parent img {margin: 0 auto;} */ | ||
− | .backimage {position: relative; top: 0; left: 0; /*background-color: rgba(0,255,0,0.5);*/} | + | .backimage {position: relative; top: 0; left: 0; max-width: 48px; /*background-color: rgba(0,255,0,0.5);*/} |
− | .backimagetransparent {position: relative; top: 0; left: 0; /*background-color: rgba(0,255,0,0.3);*/} | + | .backimagetransparent {position: relative; top: 0; left: 0; max-width: 48px; /*background-color: rgba(0,255,0,0.3);*/} |
− | .backimage img {display: block;} | + | .backimage img {display: block; max-width: 48px;} |
− | .backimagetransparent img {display: block; opacity: 0.6;} | + | .backimagetransparent img {display: block; opacity: 0.6; max-width: 48px;} |
/* Must account for td's padding if in a table cell */ | /* Must account for td's padding if in a table cell */ | ||
/* Could set top to 0, but then 48x96 images display wrong */ | /* Could set top to 0, but then 48x96 images display wrong */ | ||
.foreimage {position: absolute; bottom: 0; left: 0; max-width: 48px;} | .foreimage {position: absolute; bottom: 0; left: 0; max-width: 48px;} | ||
− | .foreimage img {display: block;} | + | .foreimage img {display: block; max-width: 48px;} |
03.12, 31 Ocak 2023 tarihindeki hâli
/* Missing width & height */
.parent {position: relative; top: 0; left: 0; max-width: 48px;}
/* .parent img {margin: 0 auto;} */
.backimage {position: relative; top: 0; left: 0; max-width: 48px; /*background-color: rgba(0,255,0,0.5);*/}
.backimagetransparent {position: relative; top: 0; left: 0; max-width: 48px; /*background-color: rgba(0,255,0,0.3);*/}
.backimage img {display: block; max-width: 48px;}
.backimagetransparent img {display: block; opacity: 0.6; max-width: 48px;}
/* Must account for td's padding if in a table cell */
/* Could set top to 0, but then 48x96 images display wrong */
.foreimage {position: absolute; bottom: 0; left: 0; max-width: 48px;}
.foreimage img {display: block; max-width: 48px;}