/* ----------------------------------------- */ /* View-Slug: events-all - Start */ /* ----------------------------------------- */ table { table-layout: fixed; } table th, table td { border-width: 0; vertical-align: top; text-align: left; overflow-wrap: break-word; } a:hover { color: inherit; } a:hover { text-decoration: none;} table tr:first-child td { background: none;} @media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) { /* Force table to not be like tables anymore */ table, thead, tbody, th, td, tr { display: block; } tr { border: 0 solid #ccc; } td { /* Behave like a "row" */ border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; } td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; } } /* ----------------------------------------- */ /* View-Slug: events-all - Ende */ /* ----------------------------------------- */