|
|
@ -1456,6 +1456,83 @@ row.wrap.sb .col { |
|
|
|
white-space: nowrap; |
|
|
|
white-space: nowrap; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.tabs.group:after { |
|
|
|
|
|
|
|
display: block; |
|
|
|
|
|
|
|
content: " "; |
|
|
|
|
|
|
|
clear: both; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.tabs li { |
|
|
|
|
|
|
|
display: inline; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.tabs li a { |
|
|
|
|
|
|
|
color: var(--font-color); |
|
|
|
|
|
|
|
float: left; |
|
|
|
|
|
|
|
display: block; |
|
|
|
|
|
|
|
padding: 4px 10px; |
|
|
|
|
|
|
|
margin-left: -1px; |
|
|
|
|
|
|
|
position: relative; |
|
|
|
|
|
|
|
left: 1px; |
|
|
|
|
|
|
|
background: var(--post-color); |
|
|
|
|
|
|
|
text-decoration: none; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.tabs li:last-of-type { |
|
|
|
|
|
|
|
margin-right: 1px; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.tabs { |
|
|
|
|
|
|
|
padding: 0; |
|
|
|
|
|
|
|
margin: 0; |
|
|
|
|
|
|
|
list-style: none; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.box-wrap .col { |
|
|
|
|
|
|
|
background: var(--background-rest); |
|
|
|
|
|
|
|
padding: 10px; |
|
|
|
|
|
|
|
margin-top: -1px; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.box-wrap, .tabs li a { |
|
|
|
|
|
|
|
border: 1px solid var(--post-outline-color); |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.box-wrap > div { |
|
|
|
|
|
|
|
display: none; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.tab { |
|
|
|
|
|
|
|
scroll-margin-top: 100vh; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
#tab-1:target .tab-1, |
|
|
|
|
|
|
|
#tab-2:target .tab-2, |
|
|
|
|
|
|
|
#tab-3:target .tab-3, |
|
|
|
|
|
|
|
#tab-4:target .tab-4, |
|
|
|
|
|
|
|
#tab-5:target .tab-5, |
|
|
|
|
|
|
|
#tab-6:target .tab-6, |
|
|
|
|
|
|
|
#tab-7:target .tab-7, |
|
|
|
|
|
|
|
#tab-8:target .tab-8, |
|
|
|
|
|
|
|
#tab-9:target .tab-9, |
|
|
|
|
|
|
|
#tab-10:target .tab-10 { |
|
|
|
|
|
|
|
display: flex; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
#tab-1:target a[href="#tab-1"], |
|
|
|
|
|
|
|
#tab-2:target a[href="#tab-2"], |
|
|
|
|
|
|
|
#tab-3:target a[href="#tab-3"], |
|
|
|
|
|
|
|
#tab-4:target a[href="#tab-4"], |
|
|
|
|
|
|
|
#tab-5:target a[href="#tab-5"], |
|
|
|
|
|
|
|
#tab-6:target a[href="#tab-6"], |
|
|
|
|
|
|
|
#tab-7:target a[href="#tab-7"], |
|
|
|
|
|
|
|
#tab-8:target a[href="#tab-8"], |
|
|
|
|
|
|
|
#tab-9:target a[href="#tab-9"], |
|
|
|
|
|
|
|
#tab-10:target a[href="#tab-10"] { |
|
|
|
|
|
|
|
border-bottom: 1px solid var(--background-rest); |
|
|
|
|
|
|
|
background: var(--background-rest); |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
@media only screen and (max-height: 400px) { |
|
|
|
@media only screen and (max-height: 400px) { |
|
|
|
.modal { |
|
|
|
.modal { |
|
|
|
top: 5px; |
|
|
|
top: 5px; |
|
|
|