/* LeftRightImageText widget - CSS styling See detailed documentation in Dev/mediawiki */ .left-right-image-text { display: table; width: calc( 100% + 40px ); border-spacing: 20px 0; margin: 0 -20px; } .left-right-image-text.image-right { direction: rtl; } .left-right-image-text > * { direction: ltr; display: table-cell; vertical-align: middle; width: 50%; } .left-right-image-text > .image { background-position: center; background-size: contain; background-repeat: no-repeat; min-height: 200px; } .left-right-image-text > .image > a { display: block; transition: transform .3s; } .left-right-image-text > .image > a:hover { transform: scale(1.05); } .left-right-image-text > .image img { width: 100%; height: auto; } @media (max-width: 460px) { .left-right-image-text { display: block; width: 100%; border-spacing: initial; margin: 0; } .left-right-image-text > * { display: block; width: 100%; } .left-right-image-text > .image { margin-bottom: 20px; } } /* Promo Style */ #mw-content-text .left-right-image-text.promo-style h3 { border: none; font-size: 30px; margin-top: 0; } #mw-content-text .left-right-image-text.promo-style p { font-size: 20px; font-weight: 300; color: #606060; } /* [[Category:MultiWiki]] */