Select Page

/* ----------------------------------------- */ /* View slug: year-prints - start */ /* ----------------------------------------- */ .grid-container { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-flow: row; grid-gap: 80px; } @media only screen and (max-width: 1080px) { .grid-container { grid-template-columns: 1fr 1fr 1fr; grid-gap: 40px; } } @media only screen and (max-width: 980px) { .grid-container { grid-template-columns: 1fr 1fr; } } @media only screen and (max-width: 580px) { .grid-container { grid-template-columns: 1fr; } } /* ----------------------------------------- */ /* View slug: year-prints - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View slug: print-year-buttons-view - start */ /* ----------------------------------------- */ .grid-buttons { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-flow: row; grid-gap: 20px; margin-top: 60px; } @media only screen and (max-width: 1080px) { .grid-buttons { grid-template-columns: 1fr 1fr 1fr; margin-top: 40px; } } @media only screen and (max-width: 980px) { .grid-buttons { grid-template-columns: 1fr 1fr; } } @media only screen and (max-width: 580px) { .grid-buttons { grid-template-columns: 1fr; margin-top: 30px; } } /* ----------------------------------------- */ /* View slug: print-year-buttons-view - end */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Content Template: loop-item-in-year-prints - start */ /* ----------------------------------------- */ .link-panel { display: flex; flex-direction: column; align-content: center; justify-content: space-between; background-color: #e6e7e6; border: 1px solid #bbb; } .link-panel:hover { filter: brightness(95%); } .print-image-for-archive img { display: block; max-height: 300px; margin: auto; } .print-link-for-archive { color: #333 !important; font-size: 1.2vw; text-align: center; padding-top: 20px; padding-bottom: 25px; } @media only screen and (max-width: 1440px) { .print-link-for-archive { font-size: 1.5vw; } } @media only screen and (max-width: 1080px) { .print-link-for-archive { font-size: 1.8vw; padding-top: 10px; padding-bottom: 15px; } } @media only screen and (max-width: 1080px) { .print-link-for-archive { font-size: 2.2vw; } } @media only screen and (max-width: 414px) { .print-link-for-archive { font-size: 4.5vw; } .print-image-for-archive img { max-height: 100%; } } /* ----------------------------------------- */ /* Content Template: loop-item-in-year-prints - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: loop-item-in-print-year-buttons-view - start */ /* ----------------------------------------- */ .grid-buttons a { display: flex; color: #333 !important; font-size: 1.2vw; padding: 15px 25px; background-color: #e6e7e6; border: 1px solid #bbb; } .grid-buttons a:hover { filter: brightness(95%); } @media only screen and (max-width: 1440px) { .grid-buttons a { font-size: 1.5vw; } } @media only screen and (max-width: 1080px) { .grid-buttons a { font-size: 1.8vw; padding-top: 10px; padding-bottom: 15px; } } @media only screen and (max-width: 1080px) { .grid-buttons a { font-size: 2.2vw; } } @media only screen and (max-width: 414px) { .grid-buttons a { font-size: 4.5vw; } } /* ----------------------------------------- */ /* Content Template: loop-item-in-print-year-buttons-view - end */ /* ----------------------------------------- */