User:Kuzupyon2/ctdnmedia.css

.ctdn-media-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); justify-content: center; align-items: stretch; }

.ctdn-media-grid > p {display: none;}

.ctdn-media { border-width: 5px; border-style: solid; border-radius: 7px; font-family: sans-serif; overflow: hidden; margin: 10px; }

.ctdn-media img { max-width: 100%; height: auto; }

.ctdn-media-anime { border-color: var(--color-primary-red); }

.ctdn-media-music { border-color: var(--color-primary-blue); }

.ctdn-media-irl { border-color: var(--color-secondary-gold); }

.ctdn-media--type { padding: 10px; text-align: center; font-weight: bold; text-transform: uppercase; color: #fff; }

.ctdn-media-anime .ctdn-media--type { background-color: var(--color-primary-red); }

.ctdn-media-music .ctdn-media--type { background-color: var(--color-primary-blue); }

.ctdn-media-irl .ctdn-media--type { background-color: var(--color-secondary-gold); }

.ctdn-media--img img { width: 100%; }

.ctdn-media--content { padding: 10px; text-align: center; }

.ctdn-media--title { font-size: 1.5rem; margin: 15px 0; }

.ctdn-media--info { line-height: 1.65em; padding-bottom: 10px; }

.ctdn-media--info div[class^="post-countdownAnime"], .ctdn-media--info div[class^="post-countdownMusic"], .ctdn-media--info div[class^="post-countdownIRLEnd"] { font-size: 1.2rem; font-weight: bold; }

.ctdn-media--info .notice, .ctdn-media--info .notes { font-size: 0.69rem; margin-top: 15px; }