Content
* {
margin: 0;
padding: 0;
line-height: 1;
}
body {
font: 1em sans-serif;
}
.bar {
display: flex;
width: 100%;
padding: 1em 0;
background-color: #012169;
border-bottom: 1px solid #F1F0EF;
transition: background-color .25s;
cursor: pointer;
}
.bar:hover {
background-color: #F1F0EF;
}
.active {
background-color: #F1F0EF;
}
.bar__time {
width: 8em;
padding: 0 1em;
font-size: .875em;
color: #C0C0C0;
font-weight: 700;
}
.bar__title {
font-weight: 700;
color:#FFFFFF;
}
.head {
display: flex;
width: 100%;
padding: 1em 0;
background-color: #012169;
border-bottom: 1px solid #F1F0EF;
transition: background-color .25s;
}
.head_1 {
width: 8em;
padding: 0 1em;
font-size: .875em;
color: #EA6012;
font-weight: 700;
text-decoration: underline;
}
.head_2 {
padding: 0 1,5em;
font-size: .875em;
color: #EA6012;
font-weight: 700;
}
.content {
padding: 1em 8.8em;
display: none;
overflow: hidden;
border-bottom: 1px solid #F1F0EF;
background-color: #FFFFFF;
color:#EA6012;
}
.content p:last-child {
margin-bottom: 0;
}
.content_p {
margin-bottom: 0;
margin-top: 0.5em;
color: #EA6012;
font-size: 100%
}
.break {
display: flex;
width: 100%;
padding: 1em 0;
background-color: #012169;
border-bottom: 1px solid #F1F0EF;
transition: background-color .25s;
}
.break__time {
width: 8em;
padding: 0 1em;
font-size: .875em;
color: #C0C0C0;
font-weight: 700;
}
.break__title {
font-weight: 700;
color: #C0C0C0;
}
Content
Speakers: Dmitry Lagun,
Denis Gural,
Natalia Eremenko,
Sergey Omelyanyuk,
Andrey Ivanov-Kolakovsky,
Tatiana Zelenya,
Viacheslav Tureiko
Speakers: Karina Budinskaya,
Julia Sadovodova,
Andrey Lenevich,
Alexander Kovalchuk,
Marina Syroezhkina
Topic Asia: Elena Firsova, Dyakova Natalia, Natalia Shmanevskaya, Sun Jun, Alexandra Korobko.
Topic Europe:
Andrey Abramov, Christian Eckstein, Vlad Martin, Anna Smirnova, Volker Schoeffel.
Topic CIS:
Sergey Omelyanyuk, Natalia Demchenko, Ramil Akhmetov, Anastasia Bachinina.
Topic USA:
Viacheslav Tureiko,Travis Aldridge,Kenney Whitman.
var coll = document.getElementsByClassName(‘bar’);
var i;
for (i = 0; i < coll.length; i++) {
coll[i].addEventListener('click', function() {
this.classList.toggle('active');
var content = this.nextElementSibling;
if (content.style.display === 'block') {
content.style.display = 'none';
} else {
content.style.display = 'block';
}
});
}