Table (Mitgliederdetails 3)
CODE
×
HTML
<table class='type-3 mds-3'><tr> <th class="w33">Zeitraum:</th> <td class="w66"> <ul> <li>01.01.2015 - 03.06.2018*</li> <li>04.06.2018 - 03.06.2019</li> <li>04.06.2019 -</li> </ul> </td> </tr></table>
CSS
table.type-3.mds-3 { width:100%; max-width: 800px; position:relative; margin-top: 10px; margin-bottom: 40px; } @media screen and (max-width: 1119px) { table.type-3.mds-3 { margin-top: 5px; } } @media screen and (max-width: 767px) { table.type-3.mds-3 { margin-top: 0px; margin-bottom: 20px; } } table.type-3 tr:hover, table.type-3 tr:focus { cursor: default; background-color: transparent !important; } h3 + table.type-3 { margin-top: 15px; } table.type-3 th { border: none; white-space: normal; } table.type-3 ul { list-style-type: none; padding: 0; margin: 0; line-height: inherit; } table.type-3 ul > li { margin-bottom: 0px; margin-top: 0px; } table.type-3 h3 { font-size: 16px; font-weight: 500 !important; line-height: inherit; margin: 0; text-align: left; } table.type-3 { width:100%; max-width: 800px; position:relative; margin-top: 30px; margin-bottom: 72px; } @media screen and (max-width: 1119px) { table.type-3 { margin-top: 25px; } } @media screen and (max-width: 767px) { table.type-3 { margin-top: 20px; } } table.type-3 tr:hover, table.type-3 tr:focus { cursor: default; background-color: transparent !important; } h3 + table.type-3 { margin-top: 15px; } table.type-3 th { border: none; white-space: normal; /* font-weight: 500; */ } table.type-3 ul { list-style-type: none; padding: 0; margin: 0; line-height: inherit; } table.type-3 ul > li { margin-bottom: 0px; margin-top: 0px; } table.type-3 h3 { font-size: 16px; font-weight: 500 !important; line-height: inherit; margin: 0; text-align: left; } table { margin-bottom: 15px; width: 100%; } table { border-collapse: collapse; border-spacing: 0; } tbody, tfoot, thead { border: none; background-color: transparent; } thead { background: transparent; color: #000; border: none; } tfoot td, tfoot th, thead td, thead th, tbody td, tbody th { padding: 12px; } table thead th { font-weight: 500; } table tbody th { font-weight: 300; } table.sortierbar thead th { white-space: nowrap; font-size: 14px; line-height: 18px; } table tbody tr:last-of-type th, table tbody tr:last-of-type td { border-bottom: 1px solid rgba(0,0,0,1); } table th.am, table td.am { vertical-align: middle; } table th a { text-decoration: none; border-bottom: none; } table tbody tr:nth-child(2n) { background: transparent; } table ul.default { margin-top: 0px; } table li.default::before { top: 6px; left: -14px; } table li.default { margin-left: -6px !important; font-size: 14px; line-height: 18px; } table tr.hover:hover, table tr.hover:focus { background-color: rgba(252,248,243,1) !important; } table tr[data-href], table tr[data-href] { cursor: pointer; } table tr[data-href]:hover th a, table tr[data-href]:focus th a { text-decoration: underline; text-decoration-color: #EA161F; }
JS
Table (Mitgliederdetails 3)
Erstellt: 14.10.2021 - 11:54 Uhr
Letzte Änderung: 14.10.2021 - 12:18 Uhr
×
Zeitraum:
01.01.2015 - 03.06.2018*
04.06.2018 - 03.06.2019
04.06.2019 -