Template:Card/styles.css

/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain)

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; }

.wiki-template-card { width: 30%; box-shadow: 0 1px 1px rgba( 0, 0, 0, 0.15 ); padding: 0; margin: 8px; border-radius: 4px; float: left; list-style: outside none none;

} .wiki-template-card-content { padding: 8px; } .wiki-template-card-content h3 { font-size: 1.5em; font-weight: 700; font-family: "Nimbus Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; } .wiki-template-card-content-desc { font-size: 0.75em; margin-top: 2px; } img { width:100%; margin: 0; padding: 0; height: 200px !important; /* with apologies to the linter */ object-fit: cover; } @media screen and (max-width: 500px) { .wiki-template-card { width: 100%; } } @media screen and (min-width:500px) and (max-width: 700px) { .wiki-template-card { width: 45%; } }