MediaWiki:Timeless.css: Difference between revisions
From McGough's Recipes
mNo edit summary |
mNo edit summary |
||
Line 3: | Line 3: | ||
/* Centered Photo For Mobile Size */ | /* Centered Photo For Mobile Size */ | ||
@media screen and (max-width: 851px) { | @media screen and (max-width: 851px) { | ||
/* Expand Image to Full Width */ | |||
.mw-body-content a > img, .mw-body-content .floatnone > img { | .mw-body-content a > img, .mw-body-content .floatnone > img { | ||
display: block; | display: block; | ||
Line 8: | Line 10: | ||
margin-right: auto; | margin-right: auto; | ||
width: 100%; } | width: 100%; } | ||
/* Hide Margins On Left and Bottom Of Image And Center Image */ | |||
figure[typeof~='mw:File'].mw-halign-right, figure[typeof~='mw:File/Frameless'].mw-halign-right{ | figure[typeof~='mw:File'].mw-halign-right, figure[typeof~='mw:File/Frameless'].mw-halign-right{ | ||
margin-bottom: 10px; | margin-bottom: 10px; | ||
Line 14: | Line 18: | ||
clear: none; | clear: none; | ||
float: none; } | float: none; } | ||
/* Unused does not work */ | |||
/* .mw-halign-right{ | /* .mw-halign-right{ | ||
margin-bottom: 10px; | margin-bottom: 10px; |
Latest revision as of 21:36, 24 March 2024
/* All CSS here will be loaded for users of the Timeless skin */
/* Centered Photo For Mobile Size */
@media screen and (max-width: 851px) {
/* Expand Image to Full Width */
.mw-body-content a > img, .mw-body-content .floatnone > img {
display: block;
margin-left: auto;
margin-right: auto;
width: 100%; }
/* Hide Margins On Left and Bottom Of Image And Center Image */
figure[typeof~='mw:File'].mw-halign-right, figure[typeof~='mw:File/Frameless'].mw-halign-right{
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
clear: none;
float: none; }
/* Unused does not work */
/* .mw-halign-right{
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
} */
}