2 lines
7.6 KiB
Plaintext
2 lines
7.6 KiB
Plaintext
document.write("\u003cstyle\u003e /* ========================================== CAMPUS EVENTS ========================================== */ .campus-events-widget { background: transparent; padding: 0; font-family: inherit; } .campus-events-widget .events-list { list-style: none; margin: 0; padding: 0; } /* ========================================== DESKTOP LIST LAYOUT ========================================== */ .campus-events-widget .teaser-item { padding: 20px 0; border-bottom: 1px solid #e5e5e5; } .campus-events-widget .teaser-item:last-child { border-bottom: none; } .campus-events-widget .event-wrapper { display: flex; gap: 20px; align-items: flex-start; } /* ===================================== DATE BLOCK ===================================== */ .campus-events-widget .event-date { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 0.125rem; padding: 0.25rem; background: #881C1C; width: 2.875rem; height: 3.125rem; box-sizing: border-box; } .campus-events-widget .event-date__month { font-size: 1rem; font-weight: 800; line-height: 1.25rem; text-transform: uppercase; text-align: center; color: #fff; } .campus-events-widget .event-date__day { font-size: 1rem; font-weight: 800; line-height: 1.25rem; text-transform: uppercase; text-align: center; color: #fff; } /* ===================================== EVENT DETAILS ===================================== */ .campus-events-widget .event-details { flex: 1; position: relative; } /* Title */ .campus-events-widget .event-title { font-size: 1rem; font-weight: 800; line-height: 1.25rem; text-transform: uppercase; color: #000; position: relative; margin: 0 0 0.375rem; padding-right: 1.25rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .campus-events-widget .event-title a { color: #222; text-decoration: none; } .campus-events-widget .event-title a:hover { color: #881c1c; } /* Chevron */ .campus-events-widget .event-title::after { content: \"\"; position: absolute; right: 0; top: 0.2rem; width: 0.3125rem; height: 0.6875rem; background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url(\"data:image/svg+xml,%3Csvg width='5' height='11' viewBox='0 0 5 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.57143 5.14286L0 0V10.2857L4.57143 5.14286Z' fill='%23881C1C'/%3E%3C/svg%3E\"); } /* Time */ .campus-events-widget .event-time { font-size: 16px; color: #000; margin-bottom: 4px; } /* Location */ .campus-events-widget .event-location { font-size: 1rem; font-weight: 400; line-height: 1.5rem; font-style: normal; color: #000; } /* Hide summaries */ .campus-events-widget .summary, .campus-events-widget .event-description { display: none !important; } /* ========================================== MOBILE CARD DESIGN ========================================== */ @media (max-width: 768px) { .campus-events-widget .event-title { font-size: 0.75rem; } .campus-events-widget .event-time { font-size: 0.75rem; } .campus-events-widget .event-location { font-size: 0.75rem; } .campus-events-widget .event-wrapper { display: flex; flex: 1; padding-right: 10px; align-items: stretch; gap: 12px; border: 1px solid #CCC; } .campus-events-widget .event-date { display: flex; padding: 4px 8px; flex-direction: column; justify-content: center; align-items: center; align-self: stretch; background: #881C1C; min-width: 48px; height: auto; } .campus-events-widget .event-details { padding: 8px 10px 8px 0; } .campus-events-widget .teaser-item { flex: 0 0 279px; display: flex; border: 0px solid #CCC; padding-bottom: 0; } .campus-events-widget .events-list { display: flex; gap: 1rem; } .campus-events-widget .events-list::before, .campus-events-widget .events-list::after { content: \"\"; flex: 0 0 8.333%; } } /* ========================================== SMALL MOBILE ADJUSTMENTS ========================================== */ @media (max-width: 480px) { .campus-events-widget .event-wrapper { gap: 10px; } .campus-events-widget .event-date__day { font-size: 18px; } } \u003c/style\u003e \u003cdiv id=\"lw\" class=\"campus-events-widget\"\u003e \u003cdiv class=\"events-list\"\u003e \u003cdiv class=\"teaser-item\"\u003e \u003cdiv class=\"event-wrapper\"\u003e \u003c!-- DATE BLOCK --\u003e \u003cdiv class=\"event-date\"\u003e \u003cdiv class=\"event-date__month\"\u003e JUN \u003c/div\u003e \u003cdiv class=\"event-date__day\"\u003e 15 \u003c/div\u003e \u003c/div\u003e \u003c!-- DETAILS --\u003e \u003cdiv class=\"event-details\"\u003e \u003cdiv class=\"event-title\"\u003e \u003ca href=\"https://events.umass.edu/event/small-business-advising-at-umass-downtown?utm_campaign=widget\u0026utm_medium=widget\u0026utm_source=UMass+Amherst+Events+Calendar\"\u003e Small Business Advising at UMass Downtown \u003c/a\u003e \u003c/div\u003e \u003cdiv class=\"event-time\"\u003e 10:00 am – 4:00 pm \u003c/div\u003e \u003cdiv class=\"event-location\"\u003e UMass Downtown \u003c/div\u003e \u003c/div\u003e \u003c/div\u003e \u003c/div\u003e \u003cdiv class=\"teaser-item\"\u003e \u003cdiv class=\"event-wrapper\"\u003e \u003c!-- DATE BLOCK --\u003e \u003cdiv class=\"event-date\"\u003e \u003cdiv class=\"event-date__month\"\u003e JUN \u003c/div\u003e \u003cdiv class=\"event-date__day\"\u003e 16 \u003c/div\u003e \u003c/div\u003e \u003c!-- DETAILS --\u003e \u003cdiv class=\"event-details\"\u003e \u003cdiv class=\"event-title\"\u003e \u003ca href=\"https://events.umass.edu/event/memory-archives-and-commemoration-remembering-the-soweto-uprising-of-16-june-1976?utm_campaign=widget\u0026utm_medium=widget\u0026utm_source=UMass+Amherst+Events+Calendar\"\u003e Memory, Archives, and Commemoration: Remembering the Soweto Uprising of 16 June, 1976 \u003c/a\u003e \u003c/div\u003e \u003cdiv class=\"event-time\"\u003e 12:00 pm – 1:00 pm \u003c/div\u003e \u003cdiv class=\"event-location\"\u003e Library, W. E. B. Du Bois \u003c/div\u003e \u003c/div\u003e \u003c/div\u003e \u003c/div\u003e \u003cdiv class=\"teaser-item\"\u003e \u003cdiv class=\"event-wrapper\"\u003e \u003c!-- DATE BLOCK --\u003e \u003cdiv class=\"event-date\"\u003e \u003cdiv class=\"event-date__month\"\u003e JUN \u003c/div\u003e \u003cdiv class=\"event-date__day\"\u003e 16 \u003c/div\u003e \u003c/div\u003e \u003c!-- DETAILS --\u003e \u003cdiv class=\"event-details\"\u003e \u003cdiv class=\"event-title\"\u003e \u003ca href=\"https://events.umass.edu/event/ms-in-management-virtual-information-session-3449?utm_campaign=widget\u0026utm_medium=widget\u0026utm_source=UMass+Amherst+Events+Calendar\"\u003e MS in Management Virtual Information Session \u003c/a\u003e \u003c/div\u003e \u003cdiv class=\"event-time\"\u003e 12:00 pm – 1:00 pm \u003c/div\u003e \u003cdiv class=\"event-location\"\u003e \u003c/div\u003e \u003c/div\u003e \u003c/div\u003e \u003c/div\u003e \u003cdiv class=\"teaser-item\"\u003e \u003cdiv class=\"event-wrapper\"\u003e \u003c!-- DATE BLOCK --\u003e \u003cdiv class=\"event-date\"\u003e \u003cdiv class=\"event-date__month\"\u003e JUN \u003c/div\u003e \u003cdiv class=\"event-date__day\"\u003e 16 \u003c/div\u003e \u003c/div\u003e \u003c!-- DETAILS --\u003e \u003cdiv class=\"event-details\"\u003e \u003cdiv class=\"event-title\"\u003e \u003ca href=\"https://events.umass.edu/event/thrive-at-five-summer-yoga-and-mindfulness-series?utm_campaign=widget\u0026utm_medium=widget\u0026utm_source=UMass+Amherst+Events+Calendar\"\u003e Thrive at Five - Summer Yoga and Mindfulness Series \u003c/a\u003e \u003c/div\u003e \u003cdiv class=\"event-time\"\u003e 5:00 pm – 6:00 pm \u003c/div\u003e \u003cdiv class=\"event-location\"\u003e Orchard Hill Pavilion \u003c/div\u003e \u003c/div\u003e \u003c/div\u003e \u003c/div\u003e \u003c/div\u003e \u003c/div\u003e");
|