Viva Allegro

/* ----------------------------------------- */ /* View slug: festival-view - start */ /* ----------------------------------------- */ @media screen and (max-width: 960px){ .event-container { height:90px !important; } .event-time { float:right !important; } .event-title { clear:both; float:left; width:100% !important; max-width:90%; margin-left:12px; } .event-location { clear:both; float:left !important; margin-left:12px; width:100% !important; } } /* Container för varje enskilt objekt */ .event-container { font-size:1.2em; font-family: "Open-sans", sans-serif; width:100%; margin-bottom:10px; height:30px; padding-bottom:5px; border-bottom:1px solid #ddd; white-space:nowrap; } /* Datum */ .event-date { margin-left:12px; margin-right:20px; font-weight:bold; display:inline-block; float:left; } /* Tid */ .event-time { margin:0; display:inline-block; float:left; width:125px; } /* Titel */ .event-title { display:inline-block; text-overflow:ellipsis !important; width:50%; overflow:hidden; white-space: nowrap; float:left; } /* Plats */ .event-location { margin-right:30px; display:inline-block; float:right; width:20%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis !important; } /* ----------------------------------------- */ /* View slug: festival-view - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View slug: footer-view - start */ /* ----------------------------------------- */ /* Container för varje enskilt objekt */ .footer-event-container { font-size:1.0em; width:100%; border-bottom:1px solid #ddd; margin-bottom:5px; padding-bottom:10px; white-space:nowrap; } /* Titel */ .footer-event-title { margin:0; max-width:100%; overflow:hidden; text-overflow:ellipsis; color:#D93; padding:0; } /* Datum */ .footer-event-date { margin:0; padding;0; float:left; display:inline; } /* Tid */ .footer-event-time { margin:0; padding:0; float:right; display:inline; } /* Plats */ .footer-event-location { margin:0; padding:0; } /* ----------------------------------------- */ /* View slug: footer-view - end */ /* ----------------------------------------- */