Table (sessions)
CODE
×
HTML
<div class='table-container-sessions'> <div class='sliding-nav-top'><svg class="scroll-left" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 32 24" style="enable-background:new 0 0 32 24;" xml:space="preserve"> <style type="text/css">.st0{opacity:0.25;enable-background:new;}</style> <path class="st0" d="M11,21.8c0.4,0.4,1.1,0.4,1.4,0c0.4-0.4,0.4-1,0-1.4L5.1,13h24.3c0.6,0,1-0.4,1-1 c0,0,0,0,0,0c0-0.6-0.5-1-1-1c0,0,0,0,0,0H5.1l7.4-7.4c0.4-0.4,0.4-1,0-1.5c-0.4-0.4-1-0.4-1.4,0c0,0,0,0,0,0l-9.1,9.1 c-0.4,0.4-0.4,1,0,1.4c0,0,0,0,0,0L11,21.8z"/> </svg> <svg class="scroll-right hover-enlarge" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 32 24" style="enable-background:new 0 0 32 24;" xml:space="preserve"> <path d="M21,2.2c-0.4-0.4-1-0.4-1.4-0.1c-0.4,0.4-0.4,1-0.1,1.4l0,0l7.4,7.4H2.6c-0.6,0-1,0.4-1,1l0,0 c0,0.6,0.5,1,1,1l0,0h24.3l-7.4,7.4c-0.4,0.4-0.4,1,0,1.5c0.4,0.4,1,0.4,1.4,0l0,0l9.1-9.1c0.4-0.4,0.4-1,0-1.4l0,0L21,2.2z"/> </svg></div> <h3>Sitzungen des Regierungsrates 2020</h3> <div class='table responsive-table'><table> <thead> <tr> <th>Session</th> <th>von</th> <th>bis</th> </tr> </thead> <tbody> <tr class="hover" data-href="irgendein-lnk"> <th><a href="#">Frühlingsession 2020</a></th> <td>02.03.2020</td> <td>12.03.2020</td> </tr> <tr class="hover" data-href="irgendein-lnk"> <th><a href="#">Sommersession 2020</a></th> <td>07.06.2020</td> <td>18.06.2020</td> </tr> <tr class="hover" data-href="irgendein-lnk"> <th><a href="#">Herbstsession 2020</a></th> <td>05.09.2020</td> <td>14.09.2020</td> </tr> <tr class="hover" data-href="irgendein-lnk"> <th><a href="#">Wintersession 2020</a></th> <td>04.12.2020</td> <td>14.12.2020</td> </tr> </tbody> </table></div> <div class='table-caption'>Caption (Copyright-Vermerk oder Quellenangabe)</div> </div>
CSS
@media screen and (max-width: 767px) { div.table-container-sessions { margin-bottom: 64px; } } div.table-caption { font-size: 13px; line-height: 17px; font-family: 'Roboto'; font-style: normal; font-weight: 400; line-height: 18px; max-width: 470px; width: calc(100% - 100px); margin-top: 8px; margin-right: 0; margin-bottom: 10px; margin-left: 0; } div.sliding-nav-top { position:absolute; display:none; white-space:nowrap; right:0; top:0; } h3 { font-size: 26px; line-height: 32px; margin: 0 0 12px -1px; max-width: 800px; font-family: 'Roboto'; font-style: normal; font-weight: 300; letter-spacing: 0.01rem; word-spacing: 0.025rem; color: var(--black); margin-left: -1px; } div.table.responsive-table { overflow-x: auto; overflow-y: hidden; width: 100%; max-width: 800px; } @media screen and (max-width: 1119px) { h3 { font-size: 24px; line-height: 29px; margin: -3px 0 8px -1px; margin-left: 0px; } } @media screen and (max-width: 767px) { h3 { font-size: 21px; line-height: 25px; margin: -2px 0 12px 0px; margin-left: 0px; } }
JS
Table (sessions)
Erstellt: 18.10.2021 - 10:54 Uhr
Letzte Änderung: 09.11.2021 - 09:25 Uhr
×
Sitzungen des Regierungsrates 2020
Session
von
bis
Frühlingsession 2020
02.03.2020
12.03.2020
Sommersession 2020
07.06.2020
18.06.2020
Herbstsession 2020
05.09.2020
14.09.2020
Wintersession 2020
04.12.2020
14.12.2020
Caption (Copyright-Vermerk oder Quellenangabe)