Template:Artist Gallery/styles.css
From Archon Arcana - The KeyForge Wiki
.pageOverlay { font-size:0px; line-height:0px; height:0px; float:left; } .pageOverlay img { display:none; } .pageOverlay p { height:0px; } #cardWrap { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); grid-gap: 10px; padding:0px !important; margin:0px !important; } #cardWrap .cardPreview { height: auto; position:relative; transition: all .3s ease-in-out; overflow:hidden; padding:0px !important; margin:0px !important; border-radius:10px; } #cardWrap .cardPreview img { width:100% !important; height:auto !important; transition: all .3s ease-in-out; padding:0px !important; margin:0px !important; } @media screen and (max-width: 500px) { #cardWrap { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); grid-gap: 10px; padding:0px !important; margin:0px !important; } } @media screen and (min-width: 501px) { .cardPreview:hover { transform: scale(1.02); } } /* toggle display */ .hide { display: none } .accordion { list-style: none; padding: 0; margin-left: 0px; margin-top: 0px; margin-bottom: 0px; } .accordion li, .accordion ul { margin-left: 0px; } .teamName { width: 100%; display: block; height: auto; cursor: pointer; text-align: left; transition: background .3s ease-in-out; box-sizing: border-box; padding: 6px 8px 6px 15px; border-bottom:0px solid #a0a0a0; border-left:5px solid #505050; background-color:#efefef; font-size: 1.1em; margin-top:10px; margin-bottom:5px; } .teamName:hover { background: #d0d0d0; box-sizing: border-box; } ul.accordion .inner { text-align: left; overflow: hidden; max-height: 0; transition: max-height .6s ease; } .accordion input[type="checkbox"]:checked+li>.inner { max-height: 3000px; } .spacer { height: 0px; display: block; }