monero-project/monero-site
monero-project/monero-site
1
0
Fork 0
mirror of https://github.com/monero-project/monero-site.git synced 2024-09-28 21:41:11 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add a 5 column header css class

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
community/team/index.md
View file

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

30
css/custom.css
View file

@ -3011,6 +3011,11 @@ footer {
box-shadow: 0 1px 0px rgba(50,50,93,.1); box-shadow: 0 1px 0px rgba(50,50,93,.1);
} }
.tabPanel-header5 > label,
.tabPanel-header5 > h2 {
width: 20% !important;
}
.tabPanel-widget input, .tabPanel-widget input,
.tabPanel-widget > label ~ label, .tabPanel-widget > label ~ label,
.tabPanel-widget > h2 ~ h2 { .tabPanel-widget > h2 ~ h2 {
@ -3048,6 +3053,31 @@ footer {
left: calc(5 * (100% / 6)); 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 { .tabPanel-widget input + h2 + div.tabPanel-content {
position: absolute; position: absolute;
clip: rect(1px, 1px, 1px, 1px); clip: rect(1px, 1px, 1px, 1px);