|
|
| (9 intermediate revisions by the same user not shown) |
| Line 5: |
Line 5: |
| }} | | }} |
| }} | | }} |
| {{#css:
| | </includeonly> |
| .Infobox-Compact {
| |
| display: grid;
| |
| grid-template-columns: repeat(auto-fill, minmax(22em,1fr));
| |
| grid-gap: 0.5em
| |
| }
| |
| | |
| .Infobox-Compact .SB-Infobox-Image-Wrap img {
| |
| max-height: 8vw;
| |
| }
| |
| | |
| .Infobox-Compact .SB-Infobox {
| |
| float: none;
| |
| clear: none;
| |
| padding: 0;
| |
| width: auto;
| |
| margin: 0;
| |
| }
| |
| | |
| .Infobox-Compact .SB-Infobox-Data-Section-Header::before, .Infobox-Compact .SB-Infobox-Header-Caption, .Infobox-Compact p, .Infobox-Compact .IB-Components, .Infobox-Compact .SB-Infobox-Component-Wrap {
| |
| display: none;
| |
| }
| |
| | |
| .Infobox-Compact .SB-Infobox-Data-Section-Header {
| |
| margin-top: 0.25em;
| |
| }
| |
| | |
| .Infobox-Compact .SB-Infobox-Name {
| |
| font-size: 1.6em;
| |
| }
| |
| | |
| .Infobox-Compact .SB-Infobox-Image-Wrap {
| |
| margin: auto;
| |
| background: none;
| |
| padding: 0;
| |
| }
| |
| .Infobox-Compact .SB-Infobox-Image-Wrap a {
| |
| display: flex;
| |
| justify-content: center;
| |
| align-items: center;
| |
| height: 12em;
| |
| }
| |
| | |
| .Infobox-Compact .SB-Infobox-Header {
| |
| background: linear-gradient(transparent,#3a808045);
| |
| height: 10vw;
| |
| position:relative;
| |
| }
| |
| | |
| .Infobox-Compact .SB-Infobox-Header::after {
| |
| content: " ";
| |
| background: linear-gradient(transparent,#3a80807d);
| |
| transition: opacity .125s ease-in-out;
| |
| opacity: 0;
| |
| pointer-events: none;
| |
| width: 100%;
| |
| height: 100%;
| |
| position: absolute;
| |
| z-index:-1;
| |
| }
| |
| | |
| .Infobox-Compact .SB-Infobox-Header:hover:after{
| |
| opacity: 1;
| |
| }
| |
| | |
| .Infobox-Compact .SB-Infobox-Data-Cell:nth-of-type(3), .Infobox-Compact .SB-Infobox-Data-Cell:nth-of-type(4), .Infobox-Compact .SB-Infobox-Data-Cell:nth-of-type(5) {
| |
| display: none;
| |
| }
| |
| }}</includeonly>
| |
