https://wiki.share-vde.org/w/index.php?action=history&feed=atom&title=Template%3AImage_cards%2Fstyles.css 2026-04-19T08:46:17Z Revision history for this page on the wiki MediaWiki 1.39.6 https://wiki.share-vde.org/w/index.php?title=Template:Image_cards/styles.css&diff=1975&oldid=prev 2024-01-18T10:48:43Z

<p>Autogenerated</p> <p><b>New page</b></p><div>/*BS 4.3x fontawesome support for use in templates*/<br /> .facss{height:1px; overflow:hidden; display:block}<br /> <br /> /*all sizes */<br /> .imgcard {display:flex; gap:20px; margin-bottom:10px;}<br /> .imgcard &gt; div,.ve-ce-branchNode .imgcard &gt; div {background:#f1f3f9; text-align:center; border-radius:5px; outline:1px solid #f1f3f9; overflow:hidden}<br /> .ve-ce-branchNode .imgcard &gt; div {overflow:hidden}<br /> .imgcard &gt; div:hover {background:#e9e9ee;}<br /> .imgcard img, .ve-ce-branchNode .imgcard img {min-width: 100%; object-fit: cover; border-radius:5px 5px 0 0; }<br /> .imgcard .imgcardlink {padding:5px; font-size:0.95em}<br /> .imgcard span, .imgcard a {display:block;}<br /> .imgcard &gt;div:hover {text-decoration:none!important;}<br /> .imgcard .icon {padding-top:8px;}<br /> .imgcard .icon &gt; a.external {background-image:none!important}<br /> .imgcard a {text-decoration:none!important}<br /> <br /> /*placeholder empty cards if justify-content is used with line-break*/<br /> .imgcard &gt; div.placeholder.textonly {background:none; outline:0}<br /> .imgcard &gt; div.placeholder.textonly:hover {box-shadow:none!important}<br /> <br /> /*medium images or icons - by default */<br /> .imgcard &gt; div,.ve-ce-branchNode .imgcard &gt; div { width:180px;}<br /> .imgcard img, .ve-ce-branchNode .imgcard img { min-height:140px; max-height:140px}<br /> .imgcard .fas, .imgcard.large .bi {margin-top:10px; padding:2px}<br /> .imgcard .fa-solid {padding:2px;}<br /> .imgcard .fa-solid:before, .imgcard .fas:before, .imgcard .bi:before {font-size:2.2em}<br /> <br /> /*small images or icons*/<br /> .imgcard.small &gt; div,.ve-ce-branchNode .imgcard.small &gt; div {width:140px;}<br /> .imgcard.small img, .ve-ce-branchNode .imgcard.small img {min-height:110px; max-height:110px; }<br /> .imgcard.small span[class|=&quot;.fa&quot;], .imgcard.small .fas:before, .imgcard.small .bi:before {font-size:1.8em}<br /> .imgcard.small .imgcardlink {font-size:1em}<br /> <br /> /*large images or icons*/<br /> .imgcard.large {flex-wrap:wrap}<br /> .imgcard.large &gt; div,.ve-ce-branchNode .imgcard.large &gt; div {width:350px;}<br /> .imgcard.large img, .ve-ce-branchNode .imgcard.large img {min-height:220px; max-height:220px; }<br /> .imgcard.large .fa:before, .imgcard.large .fas:before, .imgcard.large .bi:before {font-size:3em; }<br /> .ve-ce-branchNode .imgcard.large span {min-height:220px; max-height:220px; }<br /> .imgcard.large .icon span {min-height:auto; }<br /> .imgcard.large .icon .imgcardlink {font-size:1em}<br /> <br /> /*text-only for iconcards*/<br /> .imgcard .textonly .imgcardlink {height:100%;}<br /> .imgcard .textonly .imgcardlink a {height:100%; width:100%; display: flex; justify-content: center; align-items:center}<br /> .imgcard.large .textonly .imgcardlink {font-size:1em}<br /> <br /> /*placeholder no image */<br /> .imgcard .placeholder.bi-card-image:before {font-size:120px!important; min-height: 140px; max-height: 140px; color:#d2d2d2}<br /> .imgcard.small .placeholder.bi-card-image:before {font-size: 80px!important; min-height: 110px; max-height: 110px;}<br /> .imgcard.large .placeholder.bi-card-image:before {font-size:174px!important;min-height:206px; max-height: 206px}<br /> .imgcard .pic &gt; a.external {background-image:none!important} /*don&#039;t show external link arrow next to placeholder image */<br /> <br /> <br /> @media (max-width: 850px) {<br /> .imgcard {flex-wrap:wrap!important}<br /> .imgcard &gt; div {width:45%!important}<br /> .imgcardlink {padding:5px; font-size:1rem!important}<br /> }<br /> <br /> @media (max-width: 650px) {<br /> .imgcard {flex-wrap:wrap!important}<br /> .imgcard &gt; div {width:100%!important}<br /> .imgcardlink {padding:5px; font-size:1rem!important}<br /> }</div>

MediaWiki default