Add a 5 column header css class

This commit is contained in:
el00ruobuob 2018-05-30 16:03:35 +02:00
parent df20dc6157
commit eff3af1473
2 changed files with 342 additions and 312 deletions

View file

@ -7,7 +7,7 @@ permalink: /community/team/index.html
<section class="container">
<div class="row">
<div class="col-xs-12">
<div class="tabPanel-widget">
<div class="tabPanel-widget tabPanel-header5">
<label for="tab-1" tabindex="0"></label>
<input id="tab-1" type="radio" name="tabs" aria-hidden="true" checked>
<h2>{% t team.core %}</h2>

View file

@ -3011,6 +3011,11 @@ footer {
box-shadow: 0 1px 0px rgba(50,50,93,.1);
}
.tabPanel-header5 > label,
.tabPanel-header5 > h2 {
width: 20% !important;
}
.tabPanel-widget input,
.tabPanel-widget > label ~ label,
.tabPanel-widget > h2 ~ h2 {
@ -3048,6 +3053,31 @@ footer {
left: calc(5 * (100% / 6));
}
.tabPanel-widget label:nth-child(1),
.tabPanel-widget h2:nth-child(3) {
left: 0;
}
.tabPanel-header5 label:nth-child(5),
.tabPanel-header5 h2:nth-child(7) {
left: 20%;
}
.tabPanel-header5 label:nth-child(9),
.tabPanel-header5 h2:nth-child(11) {
left: 40%;
}
.tabPanel-header5 label:nth-child(13),
.tabPanel-header5 h2:nth-child(15) {
left: 60%;
}
.tabPanel-header5 label:nth-child(17),
.tabPanel-header5 h2:nth-child(19) {
left: 80%;
}
.tabPanel-widget input + h2 + div.tabPanel-content {
position: absolute;
clip: rect(1px, 1px, 1px, 1px);