mirror of
https://github.com/monero-project/monero-site.git
synced 2024-11-16 15:58:16 +00:00
Add a 5 column header css class
This commit is contained in:
parent
df20dc6157
commit
eff3af1473
2 changed files with 342 additions and 312 deletions
|
@ -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>
|
||||
|
|
|
@ -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);
|
||||
|
|
Loading…
Reference in a new issue