|
|
|
|
@charset "UTF-8";
|
|
|
|
|
:root{
|
|
|
|
|
--primary:#c03e24;
|
|
|
|
|
--primary-txt:#fff;
|
|
|
|
|
--accent:grey;
|
|
|
|
|
--accent-txt:#fff;
|
|
|
|
|
--base:#fff;
|
|
|
|
|
--base-text:#424242;
|
|
|
|
|
--base-secondary-text:#636363;
|
|
|
|
|
--link-secondary-text:#424242;
|
|
|
|
|
--darken-1:rgba(0,0,0,0.125);
|
|
|
|
|
--darken-2:rgba(0,0,0,0.25);
|
|
|
|
|
--darken-3:rgba(0,0,0,0.5);
|
|
|
|
|
--lighten-1:rgba(255,255,255,0.125);
|
|
|
|
|
--lighten-2:rgba(255,255,255,0.25);
|
|
|
|
|
--lighten-3:rgba(255,255,255,0.5);
|
|
|
|
|
--color-hero:#f8f8ff;
|
|
|
|
|
--color-platium:#73737a;
|
|
|
|
|
--color-sponsors:#b7935b;
|
|
|
|
|
--color-error:#b22222;
|
|
|
|
|
--space-1:.125rem;
|
|
|
|
|
--space-2:.25rem;
|
|
|
|
|
--space-3:.5rem;
|
|
|
|
|
--space-4:1rem;
|
|
|
|
|
--theJdrSize:1100px;
|
|
|
|
|
--block-text-max-width:60rem;
|
|
|
|
|
--breakpoint-sm:34.375rem;
|
|
|
|
|
--breakpoint-md:45rem;
|
|
|
|
|
--breakpoint-lg:60rem;
|
|
|
|
|
--breakpoint-xl:71.25rem;
|
|
|
|
|
--container-margin:10vw;
|
|
|
|
|
--container-margin-mobile:3vw;
|
|
|
|
|
--toolbar-height:3.25rem;
|
|
|
|
|
--font-family:"Roboto",sans-serif;
|
|
|
|
|
--tag1:#b3e2cd;
|
|
|
|
|
--tag2:#fdcdac;
|
|
|
|
|
--tag3:#cbd5e8;
|
|
|
|
|
--tag4:#f4cae4;
|
|
|
|
|
--tag5:#e6f5c9;
|
|
|
|
|
--tag6:#fff2ae;
|
|
|
|
|
--tag7:#f1e2cc;
|
|
|
|
|
--tag8:#ccc;
|
|
|
|
|
--native-mobile-apps:var(--tag2);
|
|
|
|
|
--web:var(--tag6);
|
|
|
|
|
--method-tools:var(--tag5);
|
|
|
|
|
--big-data-ml-ai:var(--tag3);
|
|
|
|
|
--iot:var(--tag8);
|
|
|
|
|
--cloud:var(--tag4);
|
|
|
|
|
--languages:var(--tag1);
|
|
|
|
|
--wtf:var(--tag7);
|
|
|
|
|
--general:var(--tag8);
|
|
|
|
|
--office-hours:#fffaf0;
|
|
|
|
|
--keynote:#afeeee;
|
|
|
|
|
--jumbo-logo-width:400px;
|
|
|
|
|
--jumbo-overlay-opacity:0.01;
|
|
|
|
|
--jumbo-overlay-transition:0.5s;
|
|
|
|
|
--partner-support-height:60px;
|
|
|
|
|
--partner-organisation-height:calc(var(--partner-support-height)*3);
|
|
|
|
|
--partner-partners-height:calc(var(--partner-support-height)*2);
|
|
|
|
|
--partner-sponsors-height:calc(var(--partner-support-height)*2);
|
|
|
|
|
--animation:0.3s cubic-bezier(0.4,0,0.2,1);
|
|
|
|
|
--extruded-dark:1px 0 0 var(--darken-3);
|
|
|
|
|
--extruded-light:1px 0 0 var(--lighten-3);
|
|
|
|
|
--box-shadow-1:0 0 2px 0 rgba(0,0,0,0.07),0 2px 2px 0 rgba(0,0,0,0.15);
|
|
|
|
|
--box-shadow-2:0 3px 3px -2px rgba(0,0,0,0.2),0 3px 4px 0 rgba(0,0,0,0.14),0 1px 8px 0 rgba(0,0,0,0.12);
|
|
|
|
|
--fg-mark-a:#fff;
|
|
|
|
|
--bg-mark-a:#fb2c17;
|
|
|
|
|
--fg-mark-b:#000;
|
|
|
|
|
--bg-mark-b:#fc0;
|
|
|
|
|
--fg-mark-t2:#fff;
|
|
|
|
|
--bg-mark-t2:#11a7e0;
|
|
|
|
|
--base-grid-height:4.5em
|
|
|
|
|
}
|
|
|
|
|
html{
|
|
|
|
|
box-sizing:border-box;
|
|
|
|
|
font-family:Roboto,sans-serif;
|
|
|
|
|
font-family:var(--font-family);
|
|
|
|
|
-webkit-font-smoothing:antialiased;
|
|
|
|
|
-moz-osx-font-smoothing:grayscale;
|
|
|
|
|
background:rgba(0,0,0,.25);
|
|
|
|
|
background:var(--darken-2)
|
|
|
|
|
}
|
|
|
|
|
*,:after,:before{
|
|
|
|
|
box-sizing:inherit
|
|
|
|
|
}
|
|
|
|
|
:focus{
|
|
|
|
|
outline:thin dotted rgba(0,0,0,.5);
|
|
|
|
|
outline:thin dotted var(--darken-3);
|
|
|
|
|
outline-offset:.125rem;
|
|
|
|
|
outline-offset:var(--space-1)
|
|
|
|
|
}
|
|
|
|
|
body{
|
|
|
|
|
background:#fff;
|
|
|
|
|
background:var(--base);
|
|
|
|
|
color:#424242;
|
|
|
|
|
color:var(--base-text);
|
|
|
|
|
margin:3.25rem 0 0;
|
|
|
|
|
margin:var(--toolbar-height) 0 0;
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
display:flex;
|
|
|
|
|
-webkit-box-orient:vertical;
|
|
|
|
|
-webkit-box-direction:normal;
|
|
|
|
|
flex-direction:column;
|
|
|
|
|
min-height:calc(100vh - 3.25rem);
|
|
|
|
|
min-height:calc(100vh - var(--toolbar-height))
|
|
|
|
|
}
|
|
|
|
|
h1,h2,h3,h4,h5,h6{
|
|
|
|
|
margin:0;
|
|
|
|
|
font-weight:400
|
|
|
|
|
}
|
|
|
|
|
hr{
|
|
|
|
|
border-color:rgba(0,0,0,.125);
|
|
|
|
|
border-color:var(--darken-1);
|
|
|
|
|
opacity:.25
|
|
|
|
|
}
|
|
|
|
|
p{
|
|
|
|
|
line-height:1.25
|
|
|
|
|
}
|
|
|
|
|
a,a:visited{
|
|
|
|
|
color:inherit;
|
|
|
|
|
text-decoration:none
|
|
|
|
|
}
|
|
|
|
|
.content a,.content a:visited{
|
|
|
|
|
color:#593a9f;
|
|
|
|
|
color:var(--primary)
|
|
|
|
|
}
|
|
|
|
|
.language.english:before{
|
|
|
|
|
content:"🇬🇧"
|
|
|
|
|
}
|
|
|
|
|
.language.turkish:before{
|
|
|
|
|
content:"🇹🇷"
|
|
|
|
|
}
|
|
|
|
|
.language.english-turkish:before{
|
|
|
|
|
content:"🇹🇷 🇬🇧"
|
|
|
|
|
}
|
|
|
|
|
.visually-hidden{
|
|
|
|
|
position:absolute!important;
|
|
|
|
|
height:1px;
|
|
|
|
|
width:1px;
|
|
|
|
|
overflow:hidden;
|
|
|
|
|
clip:rect(1px 1px 1px 1px);
|
|
|
|
|
clip:rect(1px,1px,1px,1px)
|
|
|
|
|
}
|
|
|
|
|
body>footer.container,body>header.container,body>main>section.container{
|
|
|
|
|
padding:4rem 10vw;
|
|
|
|
|
padding:4rem var(--container-margin)
|
|
|
|
|
}
|
|
|
|
|
body>header{
|
|
|
|
|
position:fixed;
|
|
|
|
|
top:0;
|
|
|
|
|
z-index:100;
|
|
|
|
|
width:100vw;
|
|
|
|
|
box-shadow:0 .125rem #593a9f,0 .25rem .125rem rgba(0,0,0,.5);
|
|
|
|
|
box-shadow:0 var(--space-1) var(--primary),0 var(--space-2) var(--space-1) var(--darken-3);
|
|
|
|
|
background:#593a9f;
|
|
|
|
|
background:var(--primary);
|
|
|
|
|
color:#fff;
|
|
|
|
|
color:var(--primary-txt)
|
|
|
|
|
}
|
|
|
|
|
body>header .top-content{
|
|
|
|
|
max-width:1100px;
|
|
|
|
|
max-width:var(--theJdrSize);
|
|
|
|
|
margin:0 auto;
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
display:flex;
|
|
|
|
|
flex-wrap:wrap;
|
|
|
|
|
-webkit-box-pack:justify;
|
|
|
|
|
justify-content:space-between;
|
|
|
|
|
-webkit-box-align:center;
|
|
|
|
|
align-items:center
|
|
|
|
|
}
|
|
|
|
|
body>header .logo img{
|
|
|
|
|
height:2.75rem;
|
|
|
|
|
height:calc(var(--toolbar-height) - 2*var(--space-2));
|
|
|
|
|
}
|
|
|
|
|
body>header label{
|
|
|
|
|
display:none;
|
|
|
|
|
opacity:.5;
|
|
|
|
|
padding:.1em;
|
|
|
|
|
border:.25rem solid transparent;
|
|
|
|
|
border:var(--space-2) solid transparent;
|
|
|
|
|
outline-offset:.25rem;
|
|
|
|
|
outline-offset:var(--space-2)
|
|
|
|
|
}
|
|
|
|
|
body>header label .icon{
|
|
|
|
|
--size:1.5rem;
|
|
|
|
|
height:1.5rem;
|
|
|
|
|
height:var(--size,1.5rem);
|
|
|
|
|
width:1.5rem;
|
|
|
|
|
width:var(--size,1.5rem)
|
|
|
|
|
}
|
|
|
|
|
body>header label .icon-menu{
|
|
|
|
|
display:block
|
|
|
|
|
}
|
|
|
|
|
body>header label .icon-close{
|
|
|
|
|
display:none
|
|
|
|
|
}
|
|
|
|
|
body>header label:focus,body>header label:hover{
|
|
|
|
|
opacity:1;
|
|
|
|
|
outline:thin dotted currentColor
|
|
|
|
|
}
|
|
|
|
|
body>header input[type=checkbox]:checked~label .icon-menu{
|
|
|
|
|
display:none
|
|
|
|
|
}
|
|
|
|
|
body>header input[type=checkbox]:checked~label .icon-close{
|
|
|
|
|
display:block
|
|
|
|
|
}
|
|
|
|
|
body>header nav{
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
display:flex;
|
|
|
|
|
-webkit-box-align:center;
|
|
|
|
|
align-items:center
|
|
|
|
|
}
|
|
|
|
|
body>header nav ul{
|
|
|
|
|
margin:0;
|
|
|
|
|
padding:0;
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
display:flex;
|
|
|
|
|
list-style:none
|
|
|
|
|
}
|
|
|
|
|
body>header nav li{
|
|
|
|
|
opacity:.6;
|
|
|
|
|
-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);
|
|
|
|
|
transition:all .3s cubic-bezier(.4,0,.2,1);
|
|
|
|
|
-webkit-transition:all var(--animation);
|
|
|
|
|
transition:all var(--animation);
|
|
|
|
|
border-bottom:thin solid transparent;
|
|
|
|
|
border-radius:5%
|
|
|
|
|
}
|
|
|
|
|
body>header nav li.active{
|
|
|
|
|
opacity:1;
|
|
|
|
|
border-bottom-color:currentColor
|
|
|
|
|
}
|
|
|
|
|
body>header nav a{
|
|
|
|
|
display:block;
|
|
|
|
|
text-transform:uppercase;
|
|
|
|
|
padding:0 .5rem;
|
|
|
|
|
padding:0 var(--space-3);
|
|
|
|
|
text-decoration:none;
|
|
|
|
|
line-height:2.25rem;
|
|
|
|
|
line-height:calc(var(--toolbar-height) - 4*var(--space-2));
|
|
|
|
|
color:inherit;
|
|
|
|
|
font-weight:200
|
|
|
|
|
}
|
|
|
|
|
body>header nav a svg{
|
|
|
|
|
max-width:3ch
|
|
|
|
|
}
|
|
|
|
|
body>header nav nav a:focus,body>header nav nav a:hover{
|
|
|
|
|
text-shadow:1px 0 0 rgba(0,0,0,.5);
|
|
|
|
|
text-shadow:var(--extruded-dark);
|
|
|
|
|
opacity:.75
|
|
|
|
|
}
|
|
|
|
|
body>header nav .languages a.lang{
|
|
|
|
|
color:transparent;
|
|
|
|
|
max-width:2em;
|
|
|
|
|
height:2em;
|
|
|
|
|
overflow:hidden
|
|
|
|
|
}
|
|
|
|
|
body>header nav .languages a.lang:before{
|
|
|
|
|
color:#000;
|
|
|
|
|
color:initial
|
|
|
|
|
}
|
|
|
|
|
body>header nav .languages a.lang.lang-tr:before{
|
|
|
|
|
content:"🇹🇷"
|
|
|
|
|
}
|
|
|
|
|
body>header nav .languages a.lang.lang-gb:before{
|
|
|
|
|
content:"🇬🇧"
|
|
|
|
|
}
|
|
|
|
|
body>header nav .languages a.active{
|
|
|
|
|
display:none
|
|
|
|
|
}
|
|
|
|
|
@media (max-width:71.24em){
|
|
|
|
|
body>header{
|
|
|
|
|
flex-wrap:wrap
|
|
|
|
|
}
|
|
|
|
|
body>header label{
|
|
|
|
|
display:block
|
|
|
|
|
}
|
|
|
|
|
body>header nav{
|
|
|
|
|
display:none;
|
|
|
|
|
width:100%;
|
|
|
|
|
padding:0 1em;
|
|
|
|
|
background:#593a9f;
|
|
|
|
|
background:var(--primary);
|
|
|
|
|
-webkit-box-pack:start;
|
|
|
|
|
justify-content:flex-start
|
|
|
|
|
}
|
|
|
|
|
body>header nav,body>header nav ul{
|
|
|
|
|
-webkit-box-orient:vertical;
|
|
|
|
|
-webkit-box-direction:normal;
|
|
|
|
|
flex-direction:column
|
|
|
|
|
}
|
|
|
|
|
body>header nav a{
|
|
|
|
|
padding:.25rem 0;
|
|
|
|
|
padding:var(--space-2) 0;
|
|
|
|
|
width:100%
|
|
|
|
|
}
|
|
|
|
|
body>header nav a.active{
|
|
|
|
|
border-bottom-width:thin;
|
|
|
|
|
border-bottom-color:rgba(255,255,255,.25);
|
|
|
|
|
border-bottom-color:var(--lighten-2)
|
|
|
|
|
}
|
|
|
|
|
body>header nav a:focus,body>header nav a:hover{
|
|
|
|
|
background:rgba(0,0,0,.125);
|
|
|
|
|
background:var(--darken-1)
|
|
|
|
|
}
|
|
|
|
|
body>header input[type=checkbox]:checked~nav{
|
|
|
|
|
display:block
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
body>main{
|
|
|
|
|
-webkit-box-flex:1;
|
|
|
|
|
flex-grow:1
|
|
|
|
|
}
|
|
|
|
|
body>main>section{
|
|
|
|
|
margin:2rem 10vw;
|
|
|
|
|
margin:2rem var(--container-margin);
|
|
|
|
|
padding-left:0;
|
|
|
|
|
padding-right:0
|
|
|
|
|
}
|
|
|
|
|
@media (max-width:44.99em){
|
|
|
|
|
body>main>section{
|
|
|
|
|
margin:1rem
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
body>main>section.primary{
|
|
|
|
|
background-color:#593a9f;
|
|
|
|
|
background-color:var(--primary);
|
|
|
|
|
color:#fff;
|
|
|
|
|
color:var(--primary-txt)
|
|
|
|
|
}
|
|
|
|
|
body>main>section.accent{
|
|
|
|
|
background-color:grey;
|
|
|
|
|
background-color:var(--accent);
|
|
|
|
|
color:#fff;
|
|
|
|
|
color:var(--accent-txt)
|
|
|
|
|
}
|
|
|
|
|
body>footer{
|
|
|
|
|
background-color:rgba(0,0,0,.125);
|
|
|
|
|
background-color:var(--darken-1);
|
|
|
|
|
color:#636363;
|
|
|
|
|
color:var(--base-secondary-text);
|
|
|
|
|
font-weight:200;
|
|
|
|
|
padding:.5em 1em
|
|
|
|
|
}
|
|
|
|
|
body>footer .bottom-content{
|
|
|
|
|
max-width:1100px;
|
|
|
|
|
max-width:var(--theJdrSize);
|
|
|
|
|
margin:0 auto
|
|
|
|
|
}
|
|
|
|
|
body>footer a:hover{
|
|
|
|
|
text-decoration:underline
|
|
|
|
|
}
|
|
|
|
|
body>footer .footer-header{
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
display:flex;
|
|
|
|
|
-webkit-box-pack:justify;
|
|
|
|
|
justify-content:space-between;
|
|
|
|
|
font-weight:500;
|
|
|
|
|
flex-wrap:wrap;
|
|
|
|
|
text-transform:uppercase
|
|
|
|
|
}
|
|
|
|
|
body>footer .footer-header header{
|
|
|
|
|
margin-right:.25rem;
|
|
|
|
|
margin-right:var(--space-2)
|
|
|
|
|
}
|
|
|
|
|
body>footer .footer-header>div{
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
display:flex;
|
|
|
|
|
-webkit-box-align:center;
|
|
|
|
|
align-items:center;
|
|
|
|
|
margin-bottom:1rem
|
|
|
|
|
}
|
|
|
|
|
body>footer .footer-header>div ul.social-list{
|
|
|
|
|
padding:0;
|
|
|
|
|
margin:0;
|
|
|
|
|
list-style:none;
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
display:flex;
|
|
|
|
|
-webkit-box-align:center;
|
|
|
|
|
align-items:center
|
|
|
|
|
}
|
|
|
|
|
body>footer .footer-header>div ul.social-list li{
|
|
|
|
|
display:inline-block;
|
|
|
|
|
padding:.25rem;
|
|
|
|
|
padding:var(--space-2)
|
|
|
|
|
}
|
|
|
|
|
body>footer .footer-header .follow a.social{
|
|
|
|
|
opacity:.75;
|
|
|
|
|
-webkit-filter:grayscale(1);
|
|
|
|
|
filter:grayscale(1);
|
|
|
|
|
-webkit-transition:-webkit-filter .3s cubic-bezier(.4,0,.2,1);
|
|
|
|
|
transition:-webkit-filter .3s cubic-bezier(.4,0,.2,1);
|
|
|
|
|
transition:filter .3s cubic-bezier(.4,0,.2,1);
|
|
|
|
|
transition:filter .3s cubic-bezier(.4,0,.2,1),-webkit-filter .3s cubic-bezier(.4,0,.2,1);
|
|
|
|
|
-webkit-transition:-webkit-filter var(--animation);
|
|
|
|
|
transition:-webkit-filter var(--animation);
|
|
|
|
|
transition:filter var(--animation);
|
|
|
|
|
transition:filter var(--animation),-webkit-filter var(--animation)
|
|
|
|
|
}
|
|
|
|
|
body>footer .footer-header .follow a.social:focus,body>footer .footer-header .follow a.social:hover{
|
|
|
|
|
opacity:1;
|
|
|
|
|
-webkit-filter:grayscale(0);
|
|
|
|
|
filter:grayscale(0)
|
|
|
|
|
}
|
|
|
|
|
body>footer .footer-header .blog a{
|
|
|
|
|
text-decoration:underline
|
|
|
|
|
}
|
|
|
|
|
body>footer .footer-header .email a{
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
display:flex;
|
|
|
|
|
-webkit-box-align:center;
|
|
|
|
|
align-items:center
|
|
|
|
|
}
|
|
|
|
|
body>footer .footer-header .email a .icon{
|
|
|
|
|
width:1em;
|
|
|
|
|
height:1em
|
|
|
|
|
}
|
|
|
|
|
body>footer .footer-content{
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
display:flex;
|
|
|
|
|
-webkit-box-pack:justify;
|
|
|
|
|
justify-content:space-between;
|
|
|
|
|
flex-wrap:wrap;
|
|
|
|
|
margin-top:1rem;
|
|
|
|
|
margin-top:var(--space-4)
|
|
|
|
|
}
|
|
|
|
|
body>footer .footer-content .subscribe a.btn{
|
|
|
|
|
color:#424242;
|
|
|
|
|
color:var(--link-secondary-text)
|
|
|
|
|
}
|
|
|
|
|
body>footer .footer-content section{
|
|
|
|
|
margin:.25rem 1rem;
|
|
|
|
|
margin:var(--space-2) var(--space-4)
|
|
|
|
|
}
|
|
|
|
|
@media (max-width:44.99em){
|
|
|
|
|
body>footer .footer-content section{
|
|
|
|
|
margin:.25rem 0;
|
|
|
|
|
margin:var(--space-2) 0
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
body>footer .footer-content section:first-child{
|
|
|
|
|
margin-left:0
|
|
|
|
|
}
|
|
|
|
|
body>footer .footer-content section:last-child{
|
|
|
|
|
margin-right:0
|
|
|
|
|
}
|
|
|
|
|
body>footer .footer-content section header{
|
|
|
|
|
font-size:1.125rem;
|
|
|
|
|
font-weight:600;
|
|
|
|
|
margin-bottom:.25rem;
|
|
|
|
|
margin-bottom:var(--space-2)
|
|
|
|
|
}
|
|
|
|
|
body>footer .footer-content section ul{
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
display:flex;
|
|
|
|
|
-webkit-box-orient:vertical;
|
|
|
|
|
-webkit-box-direction:normal;
|
|
|
|
|
flex-direction:column;
|
|
|
|
|
list-style:none;
|
|
|
|
|
padding:0;
|
|
|
|
|
margin:.5rem 0;
|
|
|
|
|
margin:var(--space-3) 0;
|
|
|
|
|
font-weight:100;
|
|
|
|
|
font-size:.9rem
|
|
|
|
|
}
|
|
|
|
|
body>footer .footer-content section ul li{
|
|
|
|
|
margin:.125rem 0;
|
|
|
|
|
margin:var(--space-1) 0
|
|
|
|
|
}
|
|
|
|
|
body>footer .footer-footer{
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
display:flex;
|
|
|
|
|
-webkit-box-orient:horizontal;
|
|
|
|
|
-webkit-box-direction:normal;
|
|
|
|
|
flex-direction:row;
|
|
|
|
|
-webkit-box-pack:justify;
|
|
|
|
|
justify-content:space-between;
|
|
|
|
|
margin-top:1rem;
|
|
|
|
|
margin-top:var(--space-4)
|
|
|
|
|
}
|
|
|
|
|
@media (max-width:44.99em){
|
|
|
|
|
body>footer .footer-footer{
|
|
|
|
|
-webkit-box-orient:vertical;
|
|
|
|
|
-webkit-box-direction:normal;
|
|
|
|
|
flex-direction:column;
|
|
|
|
|
-webkit-box-align:start;
|
|
|
|
|
align-items:start
|
|
|
|
|
}
|
|
|
|
|
body>footer .footer-footer>*{
|
|
|
|
|
margin:.25rem 0;
|
|
|
|
|
margin:var(--space-2) 0
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
body>footer .footer-footer img{
|
|
|
|
|
height:2rem;
|
|
|
|
|
width:auto
|
|
|
|
|
}
|
|
|
|
|
a.btn,button,input[type=button],input[type=reset],input[type=submit],span.btn{
|
|
|
|
|
display:-webkit-inline-box;
|
|
|
|
|
display:inline-flex;
|
|
|
|
|
-webkit-box-align:center;
|
|
|
|
|
align-items:center;
|
|
|
|
|
border:thin solid rgba(0,0,0,.5);
|
|
|
|
|
border:thin solid var(--darken-3);
|
|
|
|
|
background:rgba(0,0,0,.125);
|
|
|
|
|
background:var(--darken-1);
|
|
|
|
|
padding:.5rem;
|
|
|
|
|
padding:var(--space-3);
|
|
|
|
|
color:inherit;
|
|
|
|
|
text-transform:uppercase;
|
|
|
|
|
text-decoration:none;
|
|
|
|
|
font-size:.875rem;
|
|
|
|
|
font-weight:100;
|
|
|
|
|
cursor:pointer;
|
|
|
|
|
text-shadow:1px 0 0 rgba(255,255,255,.5);
|
|
|
|
|
text-shadow:var(--extruded-light);
|
|
|
|
|
--focus-color:var(--darken-1);
|
|
|
|
|
--active-color:var(--darken-1)
|
|
|
|
|
}
|
|
|
|
|
a.btn.btn-lg,button.btn-lg,input[type=button].btn-lg,input[type=reset].btn-lg,input[type=submit].btn-lg,span.btn.btn-lg{
|
|
|
|
|
padding:.5rem 1rem;
|
|
|
|
|
font-size:1.25rem;
|
|
|
|
|
line-height:1.5;
|
|
|
|
|
border-radius:.3rem
|
|
|
|
|
}
|
|
|
|
|
a.btn.primary,button.primary,input[type=button].primary,input[type=reset].primary,input[type=submit].primary,span.btn.primary{
|
|
|
|
|
background-color:#593a9f;
|
|
|
|
|
background-color:var(--primary);
|
|
|
|
|
color:#fff;
|
|
|
|
|
color:var(--primary-txt);
|
|
|
|
|
text-shadow:1px 0 0 rgba(0,0,0,.5);
|
|
|
|
|
text-shadow:var(--extruded-dark);
|
|
|
|
|
--focus-color:var(--lighten-1);
|
|
|
|
|
--active-color:var(--lighten-1)
|
|
|
|
|
}
|
|
|
|
|
a.btn.btn-icon-only,button.btn-icon-only,input[type=button].btn-icon-only,input[type=reset].btn-icon-only,input[type=submit].btn-icon-only,span.btn.btn-icon-only{
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
display:flex;
|
|
|
|
|
-webkit-box-align:center;
|
|
|
|
|
align-items:center;
|
|
|
|
|
-webkit-box-pack:center;
|
|
|
|
|
justify-content:center;
|
|
|
|
|
background:rgba(255,255,255,.125);
|
|
|
|
|
background:var(--lighten-1);
|
|
|
|
|
border-radius:50%;
|
|
|
|
|
margin-left:1ch;
|
|
|
|
|
padding:.25rem;
|
|
|
|
|
padding:var(--space-2);
|
|
|
|
|
border-color:transparent
|
|
|
|
|
}
|
|
|
|
|
a.btn.btn-icon-only .icon,button.btn-icon-only .icon,input[type=button].btn-icon-only .icon,input[type=reset].btn-icon-only .icon,input[type=submit].btn-icon-only .icon,span.btn.btn-icon-only .icon{
|
|
|
|
|
margin:.25rem;
|
|
|
|
|
margin:var(--space-2);
|
|
|
|
|
--size:1.5rem;
|
|
|
|
|
width:1.5rem;
|
|
|
|
|
width:var(--size,1.5rem);
|
|
|
|
|
height:1.5rem;
|
|
|
|
|
height:var(--size,1.5rem);
|
|
|
|
|
display:inline-block;
|
|
|
|
|
content:"";
|
|
|
|
|
background-repeat:no-repeat
|
|
|
|
|
}
|
|
|
|
|
a.btn:focus,a.btn:hover,button:focus,button:hover,input[type=button]:focus,input[type=button]:hover,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:focus,input[type=submit]:hover,span.btn:focus,span.btn:hover{
|
|
|
|
|
background-image:-webkit-gradient(linear,left top,right top,from(var(--focus-color)),to(var(--focus-color)));
|
|
|
|
|
background-image:linear-gradient(90deg,var(--focus-color),var(--focus-color));
|
|
|
|
|
text-decoration:none
|
|
|
|
|
}
|
|
|
|
|
a.btn .icon,button .icon,input[type=button] .icon,input[type=reset] .icon,input[type=submit] .icon,span.btn .icon{
|
|
|
|
|
--size:1rem;
|
|
|
|
|
width:1rem;
|
|
|
|
|
width:var(--size,1rem);
|
|
|
|
|
height:1rem;
|
|
|
|
|
height:var(--size,1rem)
|
|
|
|
|
}
|
|
|
|
|
a.btn[aria-disabled],button[aria-disabled],form:invalid button,span.btn[aria-disabled]{
|
|
|
|
|
opacity:.5;
|
|
|
|
|
cursor:not-allowed;
|
|
|
|
|
-webkit-filter:grayscale(100%);
|
|
|
|
|
filter:grayscale(100%)
|
|
|
|
|
}
|
|
|
|
|
a.goto-top{
|
|
|
|
|
position:fixed;
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
display:flex;
|
|
|
|
|
bottom:2em;
|
|
|
|
|
right:2em;
|
|
|
|
|
height:1em;
|
|
|
|
|
-webkit-box-pack:center;
|
|
|
|
|
justify-content:center;
|
|
|
|
|
border:.75em solid #593a9f;
|
|
|
|
|
border:.75em solid var(--primary);
|
|
|
|
|
font-size:200%;
|
|
|
|
|
background-color:#593a9f;
|
|
|
|
|
background-color:var(--primary);
|
|
|
|
|
color:#fff;
|
|
|
|
|
color:var(--primary-txt);
|
|
|
|
|
border-radius:50%
|
|
|
|
|
}
|
|
|
|
|
a.goto-top,a.social{
|
|
|
|
|
width:1em;
|
|
|
|
|
-webkit-box-align:center;
|
|
|
|
|
align-items:center
|
|
|
|
|
}
|
|
|
|
|
a.social{
|
|
|
|
|
display:-webkit-inline-box;
|
|
|
|
|
display:inline-flex;
|
|
|
|
|
margin:.125rem;
|
|
|
|
|
margin:var(--space-1);
|
|
|
|
|
background-size:contain;
|
|
|
|
|
background-position:50%;
|
|
|
|
|
background-repeat:no-repeat;
|
|
|
|
|
text-decoration:none;
|
|
|
|
|
overflow:hidden
|
|
|
|
|
}
|
|
|
|
|
a.social:focus,a.social:hover{
|
|
|
|
|
text-decoration:underline
|
|
|
|
|
}
|
|
|
|
|
.jumbo{
|
|
|
|
|
position:relative;
|
|
|
|
|
height:calc(100vh - 3.25rem);
|
|
|
|
|
height:calc(100vh - var(--toolbar-height));
|
|
|
|
|
max-width:100%;
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
display:flex;
|
|
|
|
|
-webkit-box-pack:center;
|
|
|
|
|
justify-content:center;
|
|
|
|
|
-webkit-box-align:center;
|
|
|
|
|
align-items:center
|
|
|
|
|
}
|
|
|
|
|
.jumbo img.jumbo-logo{
|
|
|
|
|
max-width:100%;
|
|
|
|
|
width:400px;
|
|
|
|
|
width:var(--jumbo-logo-width,400px);
|
|
|
|
|
height:auto;
|
|
|
|
|
-webkit-filter:drop-shadow(0 1px 1px rgba(0,0,0,.5));
|
|
|
|
|
filter:drop-shadow(0 1px 1px rgba(0,0,0,.5));
|
|
|
|
|
-webkit-filter:drop-shadow(0 1px 1px var(--darken-3));
|
|
|
|
|
filter:drop-shadow(0 1px 1px var(--darken-3))
|
|
|
|
|
}
|
|
|
|
|
.jumbo p{
|
|
|
|
|
margin:.25rem 0;
|
|
|
|
|
margin:var(--space-2) 0;
|
|
|
|
|
font-size:2rem
|
|
|
|
|
}
|
|
|
|
|
.jumbo .jumbo-cover{
|
|
|
|
|
background-size:cover;
|
|
|
|
|
background-attachment:fixed;
|
|
|
|
|
background-position:50%;
|
|
|
|
|
position:absolute;
|
|
|
|
|
top:0;
|
|
|
|
|
right:0;
|
|
|
|
|
bottom:0;
|
|
|
|
|
left:0
|
|
|
|
|
}
|
|
|
|
|
.jumbo #jumbo-img{
|
|
|
|
|
display:none
|
|
|
|
|
}
|
|
|
|
|
.jumbo #jumbo-overlay{
|
|
|
|
|
background-color:#593a9f;
|
|
|
|
|
background-color:var(--primary);
|
|
|
|
|
-webkit-transition:opacity .5s;
|
|
|
|
|
transition:opacity .5s;
|
|
|
|
|
-webkit-transition:opacity var(--jumbo-overlay-transition,.4s);
|
|
|
|
|
transition:opacity var(--jumbo-overlay-transition,.4s);
|
|
|
|
|
position:absolute;
|
|
|
|
|
top:0;
|
|
|
|
|
right:0;
|
|
|
|
|
bottom:0;
|
|
|
|
|
left:0;
|
|
|
|
|
opacity:1
|
|
|
|
|
}
|
|
|
|
|
.jumbo #jumbo-overlay.show{
|
|
|
|
|
opacity:.6;
|
|
|
|
|
opacity:var(--jumbo-overlay-opacity,.6)
|
|
|
|
|
}
|
|
|
|
|
.jumbo .inner-wrapper{
|
|
|
|
|
max-width:75vw
|
|
|
|
|
}
|
|
|
|
|
.jumbo .inner-wrapper .inner{
|
|
|
|
|
padding:1rem;
|
|
|
|
|
padding:var(--space-4);
|
|
|
|
|
color:#fff;
|
|
|
|
|
color:var(--primary-txt);
|
|
|
|
|
position:relative;
|
|
|
|
|
overflow:hidden;
|
|
|
|
|
text-align:center;
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
display:flex;
|
|
|
|
|
-webkit-box-orient:vertical;
|
|
|
|
|
-webkit-box-direction:normal;
|
|
|
|
|
flex-direction:column
|
|
|
|
|
}
|
|
|
|
|
.jumbo .inner-wrapper .inner h2{
|
|
|
|
|
font-size:2rem;
|
|
|
|
|
margin:.5rem 0;
|
|
|
|
|
margin:var(--space-3) 0;
|
|
|
|
|
font-weight:700
|
|
|
|
|
}
|
|
|
|
|
.jumbo .inner-wrapper .inner h3{
|
|
|
|
|
font-size:1.8rem;
|
|
|
|
|
margin:.5rem 0;
|
|
|
|
|
margin:var(--space-3) 0
|
|
|
|
|
}
|
|
|
|
|
.jumbo .inner-wrapper .inner a{
|
|
|
|
|
-ms-grid-row-align:center;
|
|
|
|
|
align-self:center;
|
|
|
|
|
margin:.5em
|
|
|
|
|
}
|
|
|
|
|
.jumbo .scroll-down{
|
|
|
|
|
position:absolute;
|
|
|
|
|
bottom:2rem;
|
|
|
|
|
left:0;
|
|
|
|
|
-webkit-transform:translateX(50vw);
|
|
|
|
|
transform:translateX(50vw);
|
|
|
|
|
-webkit-transform-origin:center center;
|
|
|
|
|
transform-origin:center center;
|
|
|
|
|
color:#fff;
|
|
|
|
|
color:var(--base,#fff)
|
|
|
|
|
}
|
|
|
|
|
.jumbo .scroll-down .icon{
|
|
|
|
|
height:2.5em;
|
|
|
|
|
width:1.5em
|
|
|
|
|
}
|
|
|
|
|
.jumbo .scroll-down .icon .scroller{
|
|
|
|
|
-webkit-animation:scrollDownMove .8s ease-in-out infinite alternate;
|
|
|
|
|
animation:scrollDownMove .8s ease-in-out infinite alternate
|
|
|
|
|
}
|
|
|
|
|
@-webkit-keyframes scrollDownMove{
|
|
|
|
|
0%{
|
|
|
|
|
-webkit-transform:translateY(-.15em);
|
|
|
|
|
transform:translateY(-.15em)
|
|
|
|
|
}
|
|
|
|
|
to{
|
|
|
|
|
-webkit-transform:translateY(.65em);
|
|
|
|
|
transform:translateY(.65em)
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@keyframes scrollDownMove{
|
|
|
|
|
0%{
|
|
|
|
|
-webkit-transform:translateY(-.15em);
|
|
|
|
|
transform:translateY(-.15em)
|
|
|
|
|
}
|
|
|
|
|
to{
|
|
|
|
|
-webkit-transform:translateY(.65em);
|
|
|
|
|
transform:translateY(.65em)
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@media (max-width:59.99em){
|
|
|
|
|
.jumbo .inner{
|
|
|
|
|
max-width:80vw;
|
|
|
|
|
padding:0
|
|
|
|
|
}
|
|
|
|
|
.jumbo .inner h1{
|
|
|
|
|
font-size:1.5rem
|
|
|
|
|
}
|
|
|
|
|
.jumbo .inner h1 img{
|
|
|
|
|
max-width:100%
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.hero .description,.hero h1{
|
|
|
|
|
padding:2rem 10vw;
|
|
|
|
|
padding:2rem var(--container-margin)
|
|
|
|
|
}
|
|
|
|
|
.hero .description{
|
|
|
|
|
background:#f8f8ff;
|
|
|
|
|
background:var(--color-hero);
|
|
|
|
|
border-top:thin solid rgba(0,0,0,.125);
|
|
|
|
|
border-top:thin solid var(--darken-1);
|
|
|
|
|
border-bottom:thin solid rgba(0,0,0,.125);
|
|
|
|
|
border-bottom:thin solid var(--darken-1)
|
|
|
|
|
}
|
|
|
|
|
#TableOfContents ul{
|
|
|
|
|
padding-left:1em;
|
|
|
|
|
list-style:none
|
|
|
|
|
}
|
|
|
|
|
#TableOfContents ul li{
|
|
|
|
|
font-size:1rem;
|
|
|
|
|
margin:.125rem 0;
|
|
|
|
|
margin:var(--space-1) 0;
|
|
|
|
|
padding:.125rem 0;
|
|
|
|
|
padding:var(--space-1) 0
|
|
|
|
|
}
|
|
|
|
|
#TableOfContents ul li a{
|
|
|
|
|
color:#593a9f;
|
|
|
|
|
color:var(--primary);
|
|
|
|
|
text-decoration:none
|
|
|
|
|
}
|
|
|
|
|
#TableOfContents ul li a:focus,#TableOfContents ul li a:hover{
|
|
|
|
|
text-decoration:underline
|
|
|
|
|
}
|
|
|
|
|
#TableOfContents>ul>li>ul>li>a{
|
|
|
|
|
font-weight:700
|
|
|
|
|
}
|
|
|
|
|
.speakers ul li .speaker{
|
|
|
|
|
text-decoration:none;
|
|
|
|
|
color:inherit
|
|
|
|
|
}
|
|
|
|
|
.speakers ul li .speaker,.speakers ul li .speaker .info{
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
display:flex;
|
|
|
|
|
-webkit-box-orient:vertical;
|
|
|
|
|
-webkit-box-direction:normal;
|
|
|
|
|
flex-direction:column;
|
|
|
|
|
-webkit-box-align:center;
|
|
|
|
|
align-items:center
|
|
|
|
|
}
|
|
|
|
|
.speakers ul li .speaker .speaker-img{
|
|
|
|
|
--size:8rem;
|
|
|
|
|
height:8rem;
|
|
|
|
|
height:var(--size,8rem);
|
|
|
|
|
min-width:8rem;
|
|
|
|
|
min-width:var(--size,8rem);
|
|
|
|
|
border-radius:100%;
|
|
|
|
|
background-size:cover;
|
|
|
|
|
margin:.25rem;
|
|
|
|
|
margin:var(--space-2)
|
|
|
|
|
}
|
|
|
|
|
.speakers ul li .speaker .speaker-company img{
|
|
|
|
|
max-height:2rem;
|
|
|
|
|
margin:.125rem;
|
|
|
|
|
margin:var(--space-1)
|
|
|
|
|
}
|
|
|
|
|
.speakers ul li .speaker .speaker-company figcaption{
|
|
|
|
|
display:none
|
|
|
|
|
}
|
|
|
|
|
.speakers ul li .speaker .speaker-name{
|
|
|
|
|
font-weight:600;
|
|
|
|
|
margin:.125rem;
|
|
|
|
|
margin:var(--space-1)
|
|
|
|
|
}
|
|
|
|
|
.speakers ul li .speaker .speaker-company{
|
|
|
|
|
font-weight:200;
|
|
|
|
|
opacity:.8;
|
|
|
|
|
margin:.125rem;
|
|
|
|
|
margin:var(--space-1)
|
|
|
|
|
}
|
|
|
|
|
.tickets ul{
|
|
|
|
|
list-style:none;
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
display:flex;
|
|
|
|
|
flex-wrap:wrap;
|
|
|
|
|
-webkit-box-pack:center;
|
|
|
|
|
justify-content:center;
|
|
|
|
|
-webkit-box-align:center;
|
|
|
|
|
align-items:center;
|
|
|
|
|
width:100%;
|
|
|
|
|
padding-left:0
|
|
|
|
|
}
|
|
|
|
|
.tickets ul li{
|
|
|
|
|
flex-basis:15rem
|
|
|
|
|
}
|
|
|
|
|
.tickets ul li .ticket{
|
|
|
|
|
margin:1rem;
|
|
|
|
|
margin:var(--space-4);
|
|
|
|
|
padding:2rem .5rem;
|
|
|
|
|
padding:2rem var(--space-3);
|
|
|
|
|
border:thin solid rgba(0,0,0,.125);
|
|
|
|
|
border:thin solid var(--darken-1);
|
|
|
|
|
box-shadow:.125rem .125rem .25rem rgba(0,0,0,.25);
|
|
|
|
|
box-shadow:var(--space-1) var(--space-1) var(--space-2) var(--darken-2);
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
display:flex;
|
|
|
|
|
-webkit-box-orient:vertical;
|
|
|
|
|
-webkit-box-direction:normal;
|
|
|
|
|
flex-direction:column;
|
|
|
|
|
-webkit-box-align:center;
|
|
|
|
|
align-items:center;
|
|
|
|
|
text-decoration:none;
|
|
|
|
|
color:inherit
|
|
|
|
|
}
|
|
|
|
|
.tickets ul li .ticket[aria-disabled]{
|
|
|
|
|
opacity:.5;
|
|
|
|
|
-webkit-filter:grayscale(1);
|
|
|
|
|
filter:grayscale(1);
|
|
|
|
|
cursor:not-allowed
|
|
|
|
|
}
|
|
|
|
|
.tickets ul li .ticket .ticket-name{
|
|
|
|
|
font-size:1rem
|
|
|
|
|
}
|
|
|
|
|
.tickets ul li .ticket .ticket-price{
|
|
|
|
|
font-size:3.5rem;
|
|
|
|
|
color:#593a9f;
|
|
|
|
|
color:var(--primary);
|
|
|
|
|
font-weight:200
|
|
|
|
|
}
|
|
|
|
|
.tickets ul li .ticket .ticket-date,.tickets ul li .ticket .ticket-info{
|
|
|
|
|
font-size:.75rem;
|
|
|
|
|
color:rgba(0,0,0,.5);
|
|
|
|
|
color:var(--darken-3)
|
|
|
|
|
}
|
|
|
|
|
.tickets ul li .ticket .btn{
|
|
|
|
|
margin:1rem;
|
|
|
|
|
margin:var(--space-4)
|
|
|
|
|
}
|
|
|
|
|
.partners-group h3{
|
|
|
|
|
text-align:center;
|
|
|
|
|
margin:1rem 0;
|
|
|
|
|
margin:var(--space-4) 0
|
|
|
|
|
}
|
|
|
|
|
.partners-group ul{
|
|
|
|
|
list-style:none;
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
display:flex;
|
|
|
|
|
flex-wrap:wrap;
|
|
|
|
|
-webkit-box-pack:center;
|
|
|
|
|
justify-content:center;
|
|
|
|
|
padding:0
|
|
|
|
|
}
|
|
|
|
|
.partners-group ul li{
|
|
|
|
|
flex-basis:160px;
|
|
|
|
|
margin:.5rem;
|
|
|
|
|
margin:var(--space-3);
|
|
|
|
|
height:60px;
|
|
|
|
|
height:var(--partner-support-height)
|
|
|
|
|
}
|
|
|
|
|
.partners-group .partner{
|
|
|
|
|
padding:.5rem;
|
|
|
|
|
padding:var(--space-3);
|
|
|
|
|
display:block;
|
|
|
|
|
height:100%;
|
|
|
|
|
width:100%;
|
|
|
|
|
background-size:contain;
|
|
|
|
|
background-repeat:no-repeat;
|
|
|
|
|
background-position:50%;
|
|
|
|
|
background-origin:content-box;
|
|
|
|
|
box-shadow:0 0 2px 0 rgba(0,0,0,.07),0 2px 2px 0 rgba(0,0,0,.15);
|
|
|
|
|
box-shadow:var(--box-shadow-1);
|
|
|
|
|
-webkit-transition:box-shadow .3s cubic-bezier(.4,0,.2,1);
|
|
|
|
|
transition:box-shadow .3s cubic-bezier(.4,0,.2,1);
|
|
|
|
|
-webkit-transition:box-shadow var(--animation);
|
|
|
|
|
transition:box-shadow var(--animation);
|
|
|
|
|
cursor:pointer;
|
|
|
|
|
color:transparent
|
|
|
|
|
}
|
|
|
|
|
.partners-group .partner:focus,.partners-group .partner:hover{
|
|
|
|
|
box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12);
|
|
|
|
|
box-shadow:var(--box-shadow-2)
|
|
|
|
|
}
|
|
|
|
|
.partners-group.partner-organisation ul li{
|
|
|
|
|
height:180px;
|
|
|
|
|
height:var(--partner-organisation-height);
|
|
|
|
|
flex-basis:320px
|
|
|
|
|
}
|
|
|
|
|
.partners-group.partner-sponsors ul li,.partners-group.partner-startup ul li{
|
|
|
|
|
height:120px;
|
|
|
|
|
height:var(--partner-sponsors-height);
|
|
|
|
|
flex-basis:200px
|
|
|
|
|
}
|
|
|
|
|
.partners-group.partner-partners ul li,.partners-group.partner-startup ul li{
|
|
|
|
|
height:120px;
|
|
|
|
|
height:var(--partner-partners-height);
|
|
|
|
|
flex-basis:200px
|
|
|
|
|
}
|
|
|
|
|
.partners-group .fancy{
|
|
|
|
|
line-height:.5;
|
|
|
|
|
text-align:center;
|
|
|
|
|
color:#636363;
|
|
|
|
|
color:var(--base-secondary-text)
|
|
|
|
|
}
|
|
|
|
|
.partners-group .fancy span{
|
|
|
|
|
display:inline-block;
|
|
|
|
|
position:relative;
|
|
|
|
|
text-transform:capitalize
|
|
|
|
|
}
|
|
|
|
|
.partners-group .fancy span:after,.partners-group .fancy span:before{
|
|
|
|
|
top:40%;
|
|
|
|
|
content:"";
|
|
|
|
|
position:absolute;
|
|
|
|
|
height:5px;
|
|
|
|
|
width:140%;
|
|
|
|
|
max-width:25vw
|
|
|
|
|
}
|
|
|
|
|
.partners-group .fancy span:before{
|
|
|
|
|
right:100%;
|
|
|
|
|
margin-right:15px
|
|
|
|
|
}
|
|
|
|
|
.partners-group .fancy span:after{
|
|
|
|
|
left:100%;
|
|
|
|
|
margin-left:15px
|
|
|
|
|
}
|
|
|
|
|
.partners-group.partner-organisation .fancy{
|
|
|
|
|
font-size:1.5em;
|
|
|
|
|
color:#73737a;
|
|
|
|
|
color:var(--color-platium)
|
|
|
|
|
}
|
|
|
|
|
.partners-group.partner-organisation .fancy span:after,.partners-group.partner-organisation .fancy span:before{
|
|
|
|
|
border-bottom:1px solid;
|
|
|
|
|
border-top:1px solid
|
|
|
|
|
}
|
|
|
|
|
.partners-group.partner-sponsors .fancy{
|
|
|
|
|
font-size:1.33em;
|
|
|
|
|
color:#b7935b;
|
|
|
|
|
color:var(--color-sponsors)
|
|
|
|
|
}
|
|
|
|
|
.partners-group.partner-sponsors .fancy span:after,.partners-group.partner-sponsors .fancy span:before{
|
|
|
|
|
top:20%;
|
|
|
|
|
border-bottom:1px solid
|
|
|
|
|
}
|
|
|
|
|
.tag-method-tools{
|
|
|
|
|
background-color:#e6f5c9;
|
|
|
|
|
background-color:var(--method-tools)
|
|
|
|
|
}
|
|
|
|
|
.tag-native-mobile-apps{
|
|
|
|
|
background-color:#fdcdac;
|
|
|
|
|
background-color:var(--native-mobile-apps)
|
|
|
|
|
}
|
|
|
|
|
.tag-web{
|
|
|
|
|
background-color:#fff2ae;
|
|
|
|
|
background-color:var(--web)
|
|
|
|
|
}
|
|
|
|
|
.tag-big-data-ml-ai{
|
|
|
|
|
background-color:#cbd5e8;
|
|
|
|
|
background-color:var(--big-data-ml-ai)
|
|
|
|
|
}
|
|
|
|
|
.tag-iot{
|
|
|
|
|
background-color:#ccc;
|
|
|
|
|
background-color:var(--iot)
|
|
|
|
|
}
|
|
|
|
|
.tag-cloud-infra{
|
|
|
|
|
background-color:#f4cae4;
|
|
|
|
|
background-color:var(--cloud)
|
|
|
|
|
}
|
|
|
|
|
.tag-languages{
|
|
|
|
|
background-color:#b3e2cd;
|
|
|
|
|
background-color:var(--languages)
|
|
|
|
|
}
|
|
|
|
|
.tag-wtf{
|
|
|
|
|
background-color:#f1e2cc;
|
|
|
|
|
background-color:var(--wtf)
|
|
|
|
|
}
|
|
|
|
|
.tag-keynote{
|
|
|
|
|
background-color:#afeeee;
|
|
|
|
|
background-color:var(--keynote)
|
|
|
|
|
}
|
|
|
|
|
.tag-office-hours{
|
|
|
|
|
background-color:#fffaf0;
|
|
|
|
|
background-color:var(--office-hours)
|
|
|
|
|
}
|
|
|
|
|
.tag-general{
|
|
|
|
|
background-color:#ccc;
|
|
|
|
|
background-color:var(--general)
|
|
|
|
|
}
|
|
|
|
|
section .tags{
|
|
|
|
|
padding:.125rem;
|
|
|
|
|
padding:var(--space-1);
|
|
|
|
|
border-radius:.25rem;
|
|
|
|
|
border-radius:var(--space-2);
|
|
|
|
|
background:rgba(0,0,0,.125);
|
|
|
|
|
background:var(--darken-1);
|
|
|
|
|
border:thin solid rgba(0,0,0,.25);
|
|
|
|
|
border:thin solid var(--darken-2);
|
|
|
|
|
text-shadow:1px 0 0 rgba(255,255,255,.5);
|
|
|
|
|
text-shadow:var(--extruded-light)
|
|
|
|
|
}
|
|
|
|
|
.tag-open{
|
|
|
|
|
background-image:url(/images/backgrounds/open.jpg)
|
|
|
|
|
}
|
|
|
|
|
.tag-pause{
|
|
|
|
|
background-image:url(/images/backgrounds/pause.jpg)
|
|
|
|
|
}
|
|
|
|
|
.tag-lunch{
|
|
|
|
|
background-image:url(/images/backgrounds/lunch.jpg)
|
|
|
|
|
}
|
|
|
|
|
.tag-party{
|
|
|
|
|
background-image:url(/images/backgrounds/party.jpg)
|
|
|
|
|
}
|
|
|
|
|
.icon{
|
|
|
|
|
--size:1em;
|
|
|
|
|
height:1em;
|
|
|
|
|
height:var(--size,1em);
|
|
|
|
|
min-width:1em;
|
|
|
|
|
min-width:var(--size,1em);
|
|
|
|
|
display:inline-block;
|
|
|
|
|
background-repeat:no-repeat;
|
|
|
|
|
margin-right:.125rem;
|
|
|
|
|
margin-right:var(--space-1)
|
|
|
|
|
}
|
|
|
|
|
a .icon.icon-calendar,a .icon.icon-email,a .icon.icon-pdf,a .icon.icon-subscribe{
|
|
|
|
|
margin-right:.5rem;
|
|
|
|
|
margin-right:var(--space-3)
|
|
|
|
|
}
|
|
|
|
|
a .icon.icon-right{
|
|
|
|
|
margin-left:.5rem;
|
|
|
|
|
margin-left:var(--space-3)
|
|
|
|
|
}
|
|
|
|
|
.type-conference{
|
|
|
|
|
--duration:"50"
|
|
|
|
|
}
|
|
|
|
|
.type-quickie{
|
|
|
|
|
--duration:"25"
|
|
|
|
|
}
|
|
|
|
|
.type-keynote,.type-office-hours{
|
|
|
|
|
--duration:"50"
|
|
|
|
|
}
|
|
|
|
|
form{
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
display:flex;
|
|
|
|
|
-webkit-box-orient:vertical;
|
|
|
|
|
-webkit-box-direction:normal;
|
|
|
|
|
flex-direction:column
|
|
|
|
|
}
|
|
|
|
|
form button,form input[type=button],form input[type=reset],form input[type=submit]{
|
|
|
|
|
align-self:flex-end
|
|
|
|
|
}
|
|
|
|
|
form input{
|
|
|
|
|
background:transparent;
|
|
|
|
|
border:none;
|
|
|
|
|
border-bottom:.125rem solid rgba(0,0,0,.25);
|
|
|
|
|
border-bottom:var(--space-1) solid var(--darken-2);
|
|
|
|
|
-webkit-transition:border .3s cubic-bezier(.4,0,.2,1);
|
|
|
|
|
transition:border .3s cubic-bezier(.4,0,.2,1);
|
|
|
|
|
-webkit-transition:border var(--animation);
|
|
|
|
|
transition:border var(--animation);
|
|
|
|
|
margin:.5rem 0;
|
|
|
|
|
margin:var(--space-3) 0;
|
|
|
|
|
outline:thin dotted transparent;
|
|
|
|
|
font-size:1rem;
|
|
|
|
|
line-height:1.5rem;
|
|
|
|
|
padding:.25rem;
|
|
|
|
|
padding:var(--space-2);
|
|
|
|
|
border-radius:.125rem;
|
|
|
|
|
border-radius:var(--space-1);
|
|
|
|
|
color:#424242;
|
|
|
|
|
color:var(--base-text)
|
|
|
|
|
}
|
|
|
|
|
form input::-webkit-input-placeholder{
|
|
|
|
|
color:rgba(0,0,0,.5);
|
|
|
|
|
color:var(--darken-3)
|
|
|
|
|
}
|
|
|
|
|
form input::-moz-placeholder{
|
|
|
|
|
color:rgba(0,0,0,.5);
|
|
|
|
|
color:var(--darken-3)
|
|
|
|
|
}
|
|
|
|
|
form input:-ms-input-placeholder{
|
|
|
|
|
color:rgba(0,0,0,.5);
|
|
|
|
|
color:var(--darken-3)
|
|
|
|
|
}
|
|
|
|
|
form input::-ms-input-placeholder{
|
|
|
|
|
color:rgba(0,0,0,.5);
|
|
|
|
|
color:var(--darken-3)
|
|
|
|
|
}
|
|
|
|
|
form input::placeholder{
|
|
|
|
|
color:rgba(0,0,0,.5);
|
|
|
|
|
color:var(--darken-3)
|
|
|
|
|
}
|
|
|
|
|
form input:focus{
|
|
|
|
|
border-bottom-color:#593a9f;
|
|
|
|
|
border-bottom-color:var(--primary)
|
|
|
|
|
}
|
|
|
|
|
form input:invalid{
|
|
|
|
|
border-bottom-color:#b22222;
|
|
|
|
|
border-bottom-color:var(--color-error)
|
|
|
|
|
}
|
|
|
|
|
.album{
|
|
|
|
|
padding:.25rem;
|
|
|
|
|
padding:var(--space-2)
|
|
|
|
|
}
|
|
|
|
|
.album .img{
|
|
|
|
|
background-size:cover;
|
|
|
|
|
background-position:50%
|
|
|
|
|
}
|
|
|
|
|
.album .inner{
|
|
|
|
|
padding:1rem;
|
|
|
|
|
padding:var(--space-4);
|
|
|
|
|
background-color:#593a9f;
|
|
|
|
|
background-color:var(--primary);
|
|
|
|
|
color:#fff;
|
|
|
|
|
color:var(--primary-txt);
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
display:flex;
|
|
|
|
|
-webkit-box-orient:vertical;
|
|
|
|
|
-webkit-box-direction:normal;
|
|
|
|
|
flex-direction:column;
|
|
|
|
|
-webkit-box-pack:center;
|
|
|
|
|
justify-content:center;
|
|
|
|
|
-webkit-box-align:center;
|
|
|
|
|
align-items:center;
|
|
|
|
|
text-align:center
|
|
|
|
|
}
|
|
|
|
|
@supports (grid-template-columns:repeat(5,1fr)){
|
|
|
|
|
.album{
|
|
|
|
|
padding:.25rem;
|
|
|
|
|
padding:var(--space-2);
|
|
|
|
|
display:-ms-grid;
|
|
|
|
|
display:grid;
|
|
|
|
|
grid-gap:.25rem;
|
|
|
|
|
grid-gap:var(--space-2);
|
|
|
|
|
-ms-grid-columns:(1fr)[5];
|
|
|
|
|
grid-template-columns:repeat(5,1fr);
|
|
|
|
|
-ms-grid-rows:(30vh)[3];
|
|
|
|
|
grid-template-rows:repeat(3,30vh);
|
|
|
|
|
grid-auto-flow:dense
|
|
|
|
|
}
|
|
|
|
|
.album .img{
|
|
|
|
|
background-size:cover;
|
|
|
|
|
background-position:50%
|
|
|
|
|
}
|
|
|
|
|
.album .img:first-child,.album .img:nth-child(2),.album .img:nth-child(6),.album .img:nth-child(8),.album .inner{
|
|
|
|
|
-ms-grid-column-span:2;
|
|
|
|
|
grid-column:span 2
|
|
|
|
|
}
|
|
|
|
|
.album .img:nth-child(3){
|
|
|
|
|
-ms-grid-column:5;
|
|
|
|
|
grid-column:5;
|
|
|
|
|
-ms-grid-row:1;
|
|
|
|
|
-ms-grid-row-span:2;
|
|
|
|
|
grid-row:1/3
|
|
|
|
|
}
|
|
|
|
|
.album .inner{
|
|
|
|
|
-ms-grid-column:3;
|
|
|
|
|
-ms-grid-column-span:2;
|
|
|
|
|
grid-column:3/5;
|
|
|
|
|
-ms-grid-row:2;
|
|
|
|
|
grid-row:2
|
|
|
|
|
}
|
|
|
|
|
@media (max-width:59.99em){
|
|
|
|
|
.album{
|
|
|
|
|
-ms-grid-columns:(1fr)[3];
|
|
|
|
|
grid-template-columns:repeat(3,1fr);
|
|
|
|
|
-ms-grid-rows:(20vh)[5];
|
|
|
|
|
grid-template-rows:repeat(5,20vh)
|
|
|
|
|
}
|
|
|
|
|
.album .img:first-child,.album .img:nth-child(7),.album .img:nth-child(8){
|
|
|
|
|
-ms-grid-column-span:1;
|
|
|
|
|
grid-column:span 1
|
|
|
|
|
}
|
|
|
|
|
.album .img:nth-child(2),.album .img:nth-child(4),.album .img:nth-child(6),.album .inner{
|
|
|
|
|
-ms-grid-column-span:2;
|
|
|
|
|
grid-column:span 2
|
|
|
|
|
}
|
|
|
|
|
.album .img:nth-child(3){
|
|
|
|
|
-ms-grid-column:3;
|
|
|
|
|
grid-column:3;
|
|
|
|
|
-ms-grid-row:2;
|
|
|
|
|
-ms-grid-row-span:2;
|
|
|
|
|
grid-row:2/4
|
|
|
|
|
}
|
|
|
|
|
.album .inner{
|
|
|
|
|
-ms-grid-column-span:3;
|
|
|
|
|
grid-column:span 3;
|
|
|
|
|
-ms-grid-row-span:5;
|
|
|
|
|
grid-row:span 5
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.home main>section{
|
|
|
|
|
margin:0;
|
|
|
|
|
padding:4rem
|
|
|
|
|
}
|
|
|
|
|
.home main>section h2{
|
|
|
|
|
margin-bottom:1.5rem;
|
|
|
|
|
padding:0;
|
|
|
|
|
font-size:2rem;
|
|
|
|
|
line-height:1.875rem;
|
|
|
|
|
font-weight:300
|
|
|
|
|
}
|
|
|
|
|
.home main .info{
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
display:flex;
|
|
|
|
|
flex-wrap:wrap
|
|
|
|
|
}
|
|
|
|
|
.home main .info .wrapper{
|
|
|
|
|
max-width:1100px;
|
|
|
|
|
max-width:var(--theJdrSize);
|
|
|
|
|
margin:0 auto;
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
display:flex
|
|
|
|
|
}
|
|
|
|
|
@media (max-width:44.99em){
|
|
|
|
|
.home main .info{
|
|
|
|
|
text-align:center
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.home main .info .inner{
|
|
|
|
|
-webkit-box-flex:1;
|
|
|
|
|
flex:1 1 auto;
|
|
|
|
|
max-width:33vw;
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
display:flex;
|
|
|
|
|
-webkit-box-orient:vertical;
|
|
|
|
|
-webkit-box-direction:normal;
|
|
|
|
|
flex-direction:column;
|
|
|
|
|
-webkit-box-pack:center;
|
|
|
|
|
justify-content:center
|
|
|
|
|
}
|
|
|
|
|
@media (max-width:71.24em){
|
|
|
|
|
.home main .info .inner{
|
|
|
|
|
max-width:100%
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.home main .info .numbers{
|
|
|
|
|
-webkit-box-flex:1;
|
|
|
|
|
flex:1 0 33vw;
|
|
|
|
|
margin:0 2rem;
|
|
|
|
|
min-width:33vw;
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
display:flex;
|
|
|
|
|
-webkit-box-pack:justify;
|
|
|
|
|
justify-content:space-between;
|
|
|
|
|
width:100%
|
|
|
|
|
}
|
|
|
|
|
@media (max-width:44.99em){
|
|
|
|
|
.home main .info .numbers{
|
|
|
|
|
margin:0
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.home main .info .number strong{
|
|
|
|
|
font-size:3.5rem;
|
|
|
|
|
font-weight:100
|
|
|
|
|
}
|
|
|
|
|
.home main .info .number strong:after{
|
|
|
|
|
content:"";
|
|
|
|
|
display:block;
|
|
|
|
|
height:.125rem;
|
|
|
|
|
width:2rem;
|
|
|
|
|
background-color:#593a9f;
|
|
|
|
|
background-color:var(--primary)
|
|
|
|
|
}
|
|
|
|
|
.home main .info .number div{
|
|
|
|
|
margin:.125rem 0;
|
|
|
|
|
margin:var(--space-1) 0
|
|
|
|
|
}
|
|
|
|
|
.home main .speakers .inner,.home main .speakers ul{
|
|
|
|
|
max-width:1100px;
|
|
|
|
|
max-width:var(--theJdrSize);
|
|
|
|
|
margin:0 auto
|
|
|
|
|
}
|
|
|
|
|
.home main .speakers ul{
|
|
|
|
|
padding-left:0;
|
|
|
|
|
list-style:none;
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
display:flex;
|
|
|
|
|
justify-content:space-around;
|
|
|
|
|
-webkit-box-align:start;
|
|
|
|
|
align-items:flex-start;
|
|
|
|
|
flex-wrap:wrap
|
|
|
|
|
}
|
|
|
|
|
.home main .speakers ul li{
|
|
|
|
|
margin:1rem;
|
|
|
|
|
margin:var(--space-4)
|
|
|
|
|
}
|
|
|
|
|
.home main .speakers ul li:nth-child(n+32){
|
|
|
|
|
display:none
|
|
|
|
|
}
|
|
|
|
|
.home main .subscribe{
|
|
|
|
|
text-align:center;
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
display:flex;
|
|
|
|
|
-webkit-box-orient:vertical;
|
|
|
|
|
-webkit-box-direction:normal;
|
|
|
|
|
flex-direction:column;
|
|
|
|
|
-webkit-box-align:center;
|
|
|
|
|
align-items:center;
|
|
|
|
|
-webkit-box-pack:center;
|
|
|
|
|
justify-content:center
|
|
|
|
|
}
|
|
|
|
|
.home main .youtube-section{
|
|
|
|
|
text-align:center
|
|
|
|
|
}
|
|
|
|
|
.home main .youtube-section .inner{
|
|
|
|
|
max-width:1100px;
|
|
|
|
|
max-width:var(--theJdrSize);
|
|
|
|
|
margin:0 auto;
|
|
|
|
|
padding:1rem;
|
|
|
|
|
padding:var(--space-4);
|
|
|
|
|
border-radius:.5rem;
|
|
|
|
|
border-radius:var(--space-3);
|
|
|
|
|
position:relative;
|
|
|
|
|
overflow:hidden;
|
|
|
|
|
text-shadow:0 1px 1px rgba(0,0,0,.5);
|
|
|
|
|
text-shadow:0 1px 1px var(--darken-3);
|
|
|
|
|
text-align:center
|
|
|
|
|
}
|
|
|
|
|
.home main .youtube-section .inner .youtube-player{
|
|
|
|
|
border:4px solid #fff;
|
|
|
|
|
background-color:#000
|
|
|
|
|
}
|
|
|
|
|
@media (max-width:59.99em){
|
|
|
|
|
.home main .youtube-section .inner{
|
|
|
|
|
padding:0;
|
|
|
|
|
max-width:80vw
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.home main .tickets{
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
display:flex;
|
|
|
|
|
-webkit-box-orient:vertical;
|
|
|
|
|
-webkit-box-direction:normal;
|
|
|
|
|
flex-direction:column;
|
|
|
|
|
-webkit-box-align:center;
|
|
|
|
|
align-items:center
|
|
|
|
|
}
|
|
|
|
|
.home main .tickets p{
|
|
|
|
|
font-size:80%
|
|
|
|
|
}
|
|
|
|
|
.home main .location{
|
|
|
|
|
padding:0;
|
|
|
|
|
position:relative;
|
|
|
|
|
background:rgba(0,0,0,.125);
|
|
|
|
|
background:var(--darken-1);
|
|
|
|
|
font-weight:300
|
|
|
|
|
}
|
|
|
|
|
.home main .location .map{
|
|
|
|
|
display:block;
|
|
|
|
|
height:664px;
|
|
|
|
|
background-position:50%;
|
|
|
|
|
background-size:cover
|
|
|
|
|
}
|
|
|
|
|
.home main .location .description{
|
|
|
|
|
display:inline-block;
|
|
|
|
|
padding:1rem;
|
|
|
|
|
padding:var(--space-4);
|
|
|
|
|
width:400px;
|
|
|
|
|
position:absolute;
|
|
|
|
|
bottom:2rem;
|
|
|
|
|
right:2rem;
|
|
|
|
|
background-color:#593a9f;
|
|
|
|
|
background-color:var(--primary);
|
|
|
|
|
color:#fff;
|
|
|
|
|
color:var(--primary-txt)
|
|
|
|
|
}
|
|
|
|
|
.home main .location .description .direction{
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
display:flex;
|
|
|
|
|
-webkit-box-align:center;
|
|
|
|
|
align-items:center
|
|
|
|
|
}
|
|
|
|
|
.home main .partners .inner h2{
|
|
|
|
|
text-align:center
|
|
|
|
|
}
|
|
|
|
|
@supports (grid-template-columns:repeat(auto-fit,minmax(25vmin,1fr))){
|
|
|
|
|
.home main .info .numbers{
|
|
|
|
|
-webkit-box-pack:center;
|
|
|
|
|
justify-content:center;
|
|
|
|
|
display:grid;
|
|
|
|
|
grid-template-columns:repeat(2,1fr)
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@media (max-width:59.99em){
|
|
|
|
|
.home main>section{
|
|
|
|
|
padding:2rem
|
|
|
|
|
}
|
|
|
|
|
.home main .location .description{
|
|
|
|
|
position:relative;
|
|
|
|
|
top:unset;
|
|
|
|
|
bottom:unset;
|
|
|
|
|
left:0;
|
|
|
|
|
right:unset;
|
|
|
|
|
width:100%
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.section.sessions ul.talks,.taxonomy.tags ul.talks{
|
|
|
|
|
list-style:none;
|
|
|
|
|
padding:0;
|
|
|
|
|
margin:0;
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
display:flex;
|
|
|
|
|
flex-wrap:wrap
|
|
|
|
|
}
|
|
|
|
|
.section.sessions ul.talks li.talk,.taxonomy.tags ul.talks li.talk{
|
|
|
|
|
margin:1rem;
|
|
|
|
|
-webkit-box-flex:1;
|
|
|
|
|
flex:1 0 320px
|
|
|
|
|
}
|
|
|
|
|
.section.sessions ul.talks a,.taxonomy.tags ul.talks a{
|
|
|
|
|
border:thin solid rgba(0,0,0,.125);
|
|
|
|
|
border:thin solid var(--darken-1);
|
|
|
|
|
box-shadow:.125rem .125rem .25rem rgba(0,0,0,.25);
|
|
|
|
|
box-shadow:var(--space-1) var(--space-1) var(--space-2) var(--darken-2);
|
|
|
|
|
-webkit-transition:box-shadow .3s cubic-bezier(.4,0,.2,1);
|
|
|
|
|
transition:box-shadow .3s cubic-bezier(.4,0,.2,1);
|
|
|
|
|
-webkit-transition:box-shadow var(--animation);
|
|
|
|
|
transition:box-shadow var(--animation);
|
|
|
|
|
border-radius:.25rem;
|
|
|
|
|
border-radius:var(--space-2);
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
display:flex;
|
|
|
|
|
-webkit-box-orient:vertical;
|
|
|
|
|
-webkit-box-direction:normal;
|
|
|
|
|
flex-direction:column;
|
|
|
|
|
text-decoration:none;
|
|
|
|
|
color:inherit;
|
|
|
|
|
height:100%
|
|
|
|
|
}
|
|
|
|
|
.section.sessions ul.talks a:focus,.section.sessions ul.talks a:hover,.taxonomy.tags ul.talks a:focus,.taxonomy.tags ul.talks a:hover{
|
|
|
|
|
box-shadow:.25rem .25rem .25rem rgba(0,0,0,.5);
|
|
|
|
|
box-shadow:var(--space-2) var(--space-2) var(--space-2) var(--darken-3)
|
|
|
|
|
}
|
|
|
|
|
.section.sessions ul.talks a .info,.section.sessions ul.talks a h2,.taxonomy.tags ul.talks a .info,.taxonomy.tags ul.talks a h2{
|
|
|
|
|
padding:1rem;
|
|
|
|
|
padding:var(--space-4)
|
|
|
|
|
}
|
|
|
|
|
.section.sessions ul.talks a h2,.taxonomy.tags ul.talks a h2{
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
display:flex;
|
|
|
|
|
-webkit-box-pack:justify;
|
|
|
|
|
justify-content:space-between;
|
|
|
|
|
-webkit-box-align:center;
|
|
|
|
|
align-items:center
|
|
|
|
|
}
|
|
|
|
|
.section.sessions ul.talks a hr,.taxonomy.tags ul.talks a hr{
|
|
|
|
|
width:calc(100% - .5rem);
|
|
|
|
|
width:calc(100% - var(--space-3));
|
|
|
|
|
margin:0 auto
|
|
|
|
|
}
|
|
|
|
|
.section.sessions ul.talks a .info,.taxonomy.tags ul.talks a .info{
|
|
|
|
|
-webkit-box-flex:1;
|
|
|
|
|
flex-grow:1
|
|
|
|
|
}
|
|
|
|
|
.section.sessions ul.talks a .info .tags,.taxonomy.tags ul.talks a .info .tags{
|
|
|
|
|
float:right
|
|
|
|
|
}
|
|
|
|
|
.section.sessions ul.talks a .info .presentation svg,.section.sessions ul.talks a .info .video svg,.taxonomy.tags ul.talks a .info .presentation svg,.taxonomy.tags ul.talks a .info .video svg{
|
|
|
|
|
min-height:1.25em;
|
|
|
|
|
max-width:3ch
|
|
|
|
|
}
|
|
|
|
|
.section.sessions ul.talks a .speakers,.taxonomy.tags ul.talks a .speakers{
|
|
|
|
|
border:thin solid transparent;
|
|
|
|
|
border-radius:.25rem;
|
|
|
|
|
border-radius:var(--space-2);
|
|
|
|
|
background:#fff;
|
|
|
|
|
background:var(--base);
|
|
|
|
|
padding-left:0
|
|
|
|
|
}
|
|
|
|
|
.section.sessions ul.talks a .speaker+.speaker,.taxonomy.tags ul.talks a .speaker+.speaker{
|
|
|
|
|
border-top:thin solid rgba(0,0,0,.125);
|
|
|
|
|
border-top:thin solid var(--darken-1)
|
|
|
|
|
}
|
|
|
|
|
@supports (grid-template-columns:repeat(auto-fit,minmax(320px,1fr))){
|
|
|
|
|
.section.sessions ul.talks,.taxonomy.tags ul.talks{
|
|
|
|
|
grid-template-columns:repeat(auto-fit,minmax(320px,1fr))
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.talk{
|
|
|
|
|
margin:2rem auto 0;
|
|
|
|
|
max-width:60rem;
|
|
|
|
|
max-width:var(--block-text-max-width)
|
|
|
|
|
}
|
|
|
|
|
.talk .complexity:before{
|
|
|
|
|
content:"Niveau : "
|
|
|
|
|
}
|
|
|
|
|
.talk .type:before{
|
|
|
|
|
content:"Type : "
|
|
|
|
|
}
|
|
|
|
|
.talk .type:after{
|
|
|
|
|
font-weight:100;
|
|
|
|
|
content:" (" "" " min.)";
|
|
|
|
|
content:" (" var(--duration,"") " min.)"
|
|
|
|
|
}
|
|
|
|
|
.talk .speakers .speaker{
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
display:flex;
|
|
|
|
|
-webkit-box-align:center;
|
|
|
|
|
align-items:center;
|
|
|
|
|
padding:.125rem .5rem;
|
|
|
|
|
padding:var(--space-1) var(--space-3);
|
|
|
|
|
background-color:#fff;
|
|
|
|
|
background-color:var(--base);
|
|
|
|
|
--img-size:2rem
|
|
|
|
|
}
|
|
|
|
|
.talk .speakers .speaker .speaker-img{
|
|
|
|
|
--img-size:3rem;
|
|
|
|
|
height:3rem;
|
|
|
|
|
height:var(--img-size,3rem);
|
|
|
|
|
min-width:3rem;
|
|
|
|
|
min-width:var(--img-size,3rem);
|
|
|
|
|
border-radius:100%;
|
|
|
|
|
background-size:cover;
|
|
|
|
|
margin-right:1rem;
|
|
|
|
|
margin-right:var(--space-4)
|
|
|
|
|
}
|
|
|
|
|
.talk .speakers .speaker .info{
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
display:flex;
|
|
|
|
|
-webkit-box-orient:vertical;
|
|
|
|
|
-webkit-box-direction:normal;
|
|
|
|
|
flex-direction:column
|
|
|
|
|
}
|
|
|
|
|
.talk .speakers .speaker .speaker-company{
|
|
|
|
|
-webkit-box-flex:1;
|
|
|
|
|
flex-grow:1;
|
|
|
|
|
text-align:right;
|
|
|
|
|
margin-left:.5rem;
|
|
|
|
|
margin-left:var(--space-3)
|
|
|
|
|
}
|
|
|
|
|
.talk .speakers .speaker p{
|
|
|
|
|
max-width:320px
|
|
|
|
|
}
|
|
|
|
|
.page.sessions .talk header{
|
|
|
|
|
border-radius:.25rem;
|
|
|
|
|
border-radius:var(--space-2);
|
|
|
|
|
padding:.25rem;
|
|
|
|
|
padding:var(--space-2);
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
display:flex;
|
|
|
|
|
-webkit-box-align:center;
|
|
|
|
|
align-items:center
|
|
|
|
|
}
|
|
|
|
|
.page.sessions .talk header h1{
|
|
|
|
|
-webkit-box-flex:1;
|
|
|
|
|
flex-grow:1
|
|
|
|
|
}
|
|
|
|
|
.page.sessions .talk header .tags{
|
|
|
|
|
margin-right:1ch;
|
|
|
|
|
white-space:nowrap
|
|
|
|
|
}
|
|
|
|
|
.page.sessions .talk .detail{
|
|
|
|
|
margin:.25rem 0;
|
|
|
|
|
margin:var(--space-2) 0;
|
|
|
|
|
padding:.25rem 0;
|
|
|
|
|
padding:var(--space-2) 0;
|
|
|
|
|
border-top:thin solid rgba(0,0,0,.125);
|
|
|
|
|
border-top:thin solid var(--darken-1);
|
|
|
|
|
border-bottom:thin solid rgba(0,0,0,.125);
|
|
|
|
|
border-bottom:thin solid var(--darken-1)
|
|
|
|
|
}
|
|
|
|
|
.page.sessions .talk .content{
|
|
|
|
|
margin:1rem 0;
|
|
|
|
|
margin:var(--space-4) 0;
|
|
|
|
|
-webkit-box-flex:1;
|
|
|
|
|
flex:1 1 auto
|
|
|
|
|
}
|
|
|
|
|
.page.sessions .talk .content p{
|
|
|
|
|
line-height:1.5;
|
|
|
|
|
font-size:110%
|
|
|
|
|
}
|
|
|
|
|
.page.sessions .talk .content blockquote.twitter-tweet{
|
|
|
|
|
border:thin solid rgba(0,0,0,.25);
|
|
|
|
|
border:thin solid var(--darken-2);
|
|
|
|
|
border-radius:.5em;
|
|
|
|
|
padding:.75em
|
|
|
|
|
}
|
|
|
|
|
.page.sessions .talk .content blockquote.twitter-tweet p{
|
|
|
|
|
margin:0
|
|
|
|
|
}
|
|
|
|
|
.page.sessions .talk .speakers .speaker{
|
|
|
|
|
display:-ms-grid;
|
|
|
|
|
display:grid;
|
|
|
|
|
-ms-grid-columns:auto 1fr;
|
|
|
|
|
grid-template-columns:auto 1fr;
|
|
|
|
|
-ms-grid-rows:1fr auto auto;
|
|
|
|
|
grid-template-rows:1fr auto auto
|
|
|
|
|
}
|
|
|
|
|
.page.sessions .talk .speakers .speaker .speaker-img{
|
|
|
|
|
grid-row:1/-1;
|
|
|
|
|
-ms-grid-row-align:center;
|
|
|
|
|
align-self:center;
|
|
|
|
|
--img-size:6rem;
|
|
|
|
|
height:3rem;
|
|
|
|
|
height:var(--img-size,3rem);
|
|
|
|
|
min-width:3rem;
|
|
|
|
|
min-width:var(--img-size,3rem);
|
|
|
|
|
border-radius:100%;
|
|
|
|
|
background-size:cover;
|
|
|
|
|
margin-right:1rem;
|
|
|
|
|
margin-right:var(--space-4)
|
|
|
|
|
}
|
|
|
|
|
.page.sessions .talk .speakers .speaker .speaker-company{
|
|
|
|
|
text-align:left;
|
|
|
|
|
margin-left:0
|
|
|
|
|
}
|
|
|
|
|
.page.sessions .talk .speakers{
|
|
|
|
|
float:right;
|
|
|
|
|
margin:.125rem .5rem;
|
|
|
|
|
margin:var(--space-1) var(--space-3);
|
|
|
|
|
list-style:none;
|
|
|
|
|
padding:0;
|
|
|
|
|
-ms-grid-row-align:start;
|
|
|
|
|
align-self:start;
|
|
|
|
|
border-radius:.25rem;
|
|
|
|
|
border-radius:var(--space-2)
|
|
|
|
|
}
|
|
|
|
|
.page.sessions .talk .speakers .speaker{
|
|
|
|
|
padding:.5rem;
|
|
|
|
|
padding:var(--space-3);
|
|
|
|
|
margin:1rem 0;
|
|
|
|
|
margin:var(--space-4) 0;
|
|
|
|
|
border:thin solid rgba(0,0,0,.125);
|
|
|
|
|
border:thin solid var(--darken-1);
|
|
|
|
|
box-shadow:.125rem .125rem .25rem rgba(0,0,0,.25);
|
|
|
|
|
box-shadow:var(--space-1) var(--space-1) var(--space-2) var(--darken-2);
|
|
|
|
|
-webkit-transition:box-shadow .3s cubic-bezier(.4,0,.2,1);
|
|
|
|
|
transition:box-shadow .3s cubic-bezier(.4,0,.2,1);
|
|
|
|
|
-webkit-transition:box-shadow var(--animation);
|
|
|
|
|
transition:box-shadow var(--animation);
|
|
|
|
|
border-radius:.25rem;
|
|
|
|
|
border-radius:var(--space-2);
|
|
|
|
|
text-decoration:none;
|
|
|
|
|
color:inherit
|
|
|
|
|
}
|
|
|
|
|
.page.sessions .talk .speakers .speaker:focus,.page.sessions .talk .speakers .speaker:hover{
|
|
|
|
|
box-shadow:.25rem .25rem .25rem rgba(0,0,0,.5);
|
|
|
|
|
box-shadow:var(--space-2) var(--space-2) var(--space-2) var(--darken-3)
|
|
|
|
|
}
|
|
|
|
|
.page.sessions .talk .media{
|
|
|
|
|
grid-column:1/-1
|
|
|
|
|
}
|
|
|
|
|
.page.sessions .talk .media a{
|
|
|
|
|
padding:.5rem 0;
|
|
|
|
|
padding:var(--space-3) 0;
|
|
|
|
|
font-size:1rem
|
|
|
|
|
}
|
|
|
|
|
.page.sessions .talk .media .social-slides{
|
|
|
|
|
width:auto;
|
|
|
|
|
margin-top:1em;
|
|
|
|
|
background:#593a9f;
|
|
|
|
|
background:var(--primary);
|
|
|
|
|
color:#fff;
|
|
|
|
|
color:var(--primary-txt);
|
|
|
|
|
font-size:1.25em;
|
|
|
|
|
padding:.125em .75em;
|
|
|
|
|
border-radius:1em
|
|
|
|
|
}
|
|
|
|
|
.page.sessions .talk .media .social-slides:active,.page.sessions .talk .media .social-slides:focus,.page.sessions .talk .media .social-slides:hover{
|
|
|
|
|
box-shadow:.0625em .0625em .125em rgba(0,0,0,.5);
|
|
|
|
|
box-shadow:.0625em .0625em .125em var(--darken-3)
|
|
|
|
|
}
|
|
|
|
|
.page.sessions .talk .media .social-slides svg{
|
|
|
|
|
max-width:2ch
|
|
|
|
|
}
|
|
|
|
|
@media (max-width:59.99em){
|
|
|
|
|
.page.talks .talk{
|
|
|
|
|
-ms-grid-columns:1fr;
|
|
|
|
|
grid-template-columns:1fr
|
|
|
|
|
}
|
|
|
|
|
.page.sessions .talk .speakers{
|
|
|
|
|
float:unset
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.page.partners .content img{
|
|
|
|
|
width:50vw
|
|
|
|
|
}
|
|
|
|
|
.page.partners .header{
|
|
|
|
|
display:-ms-grid;
|
|
|
|
|
display:grid;
|
|
|
|
|
-ms-grid-columns:auto 1fr;
|
|
|
|
|
grid-template-columns:auto 1fr;
|
|
|
|
|
grid-template-areas:"logo title" "logo website";
|
|
|
|
|
-webkit-box-align:center;
|
|
|
|
|
align-items:center
|
|
|
|
|
}
|
|
|
|
|
.page.partners .header .card{
|
|
|
|
|
-ms-grid-row:1;
|
|
|
|
|
-ms-grid-row-span:2;
|
|
|
|
|
-ms-grid-column:1;
|
|
|
|
|
grid-area:logo;
|
|
|
|
|
height:8em;
|
|
|
|
|
width:12em;
|
|
|
|
|
display:inline-block;
|
|
|
|
|
background-size:contain;
|
|
|
|
|
background-repeat:no-repeat;
|
|
|
|
|
background-position:50%;
|
|
|
|
|
background-origin:content-box;
|
|
|
|
|
padding:.25em;
|
|
|
|
|
margin-right:1em;
|
|
|
|
|
box-shadow:.125em .125em .25em rgba(0,0,0,.5)
|
|
|
|
|
}
|
|
|
|
|
.page.partners .header h1{
|
|
|
|
|
-ms-grid-row:1;
|
|
|
|
|
-ms-grid-column:2;
|
|
|
|
|
grid-area:title;
|
|
|
|
|
-ms-grid-row-align:end;
|
|
|
|
|
align-self:end;
|
|
|
|
|
font-size:2.5em
|
|
|
|
|
}
|
|
|
|
|
.page.partners .header a{
|
|
|
|
|
-ms-grid-row:2;
|
|
|
|
|
-ms-grid-column:2;
|
|
|
|
|
grid-area:website;
|
|
|
|
|
-ms-grid-row-align:start;
|
|
|
|
|
align-self:start
|
|
|
|
|
}
|
|
|
|
|
.page.partners .socials ul{
|
|
|
|
|
margin:0;
|
|
|
|
|
list-style:none;
|
|
|
|
|
padding-left:0;
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
display:flex;
|
|
|
|
|
-webkit-box-align:center;
|
|
|
|
|
align-items:center;
|
|
|
|
|
font-size:2em
|
|
|
|
|
}
|
|
|
|
|
.page.partners .socials ul li{
|
|
|
|
|
margin:.25em
|
|
|
|
|
}
|
|
|
|
|
.page.partners .jobs ul{
|
|
|
|
|
margin:0;
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
display:flex;
|
|
|
|
|
flex-wrap:wrap;
|
|
|
|
|
-webkit-box-align:center;
|
|
|
|
|
align-items:center;
|
|
|
|
|
list-style:none;
|
|
|
|
|
padding-left:0
|
|
|
|
|
}
|
|
|
|
|
.page.partners .jobs ul .job{
|
|
|
|
|
padding:.5em;
|
|
|
|
|
margin:.5em;
|
|
|
|
|
box-shadow:.125em .125em .25em rgba(0,0,0,.5);
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
display:flex;
|
|
|
|
|
-webkit-box-orient:vertical;
|
|
|
|
|
-webkit-box-direction:normal;
|
|
|
|
|
flex-direction:column
|
|
|
|
|
}
|
|
|
|
|
.page.partners .jobs ul .job header{
|
|
|
|
|
font-size:1.1em;
|
|
|
|
|
font-weight:700;
|
|
|
|
|
font-style:italic;
|
|
|
|
|
margin:.5em 0
|
|
|
|
|
}
|
|
|
|
|
.page.partners .jobs ul .job .city,.page.partners .jobs ul .job .contact{
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
display:flex;
|
|
|
|
|
-webkit-box-pack:start;
|
|
|
|
|
justify-content:flex-start;
|
|
|
|
|
-webkit-box-align:center;
|
|
|
|
|
align-items:center;
|
|
|
|
|
color:#666;
|
|
|
|
|
margin:.25em 0
|
|
|
|
|
}
|
|
|
|
|
.page.partners .jobs ul .job .city .icon,.page.partners .jobs ul .job .contact .icon{
|
|
|
|
|
width:2ch
|
|
|
|
|
}
|
|
|
|
|
.section.schedule .hero .description{
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
display:flex
|
|
|
|
|
}
|
|
|
|
|
.section.schedule .hero .description p+p{
|
|
|
|
|
margin-left:1em
|
|
|
|
|
}
|
|
|
|
|
.section.schedule nav.day-tabs{
|
|
|
|
|
font-size:2em;
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
display:flex;
|
|
|
|
|
flex-wrap:wrap;
|
|
|
|
|
-webkit-box-pack:justify;
|
|
|
|
|
justify-content:space-between;
|
|
|
|
|
align-self:center;
|
|
|
|
|
padding:.5rem 10vw;
|
|
|
|
|
padding:var(--space-3) var(--container-margin)
|
|
|
|
|
}
|
|
|
|
|
.section.schedule nav.day-tabs a{
|
|
|
|
|
-webkit-box-flex:1;
|
|
|
|
|
flex-grow:1;
|
|
|
|
|
margin:.25rem 1rem;
|
|
|
|
|
margin:var(--space-2) var(--space-4);
|
|
|
|
|
border-radius:.5rem;
|
|
|
|
|
border-radius:var(--space-3);
|
|
|
|
|
text-align:center;
|
|
|
|
|
color:#593a9f;
|
|
|
|
|
color:var(--primary);
|
|
|
|
|
background-color:#fff;
|
|
|
|
|
background-color:var(--primary-txt)
|
|
|
|
|
}
|
|
|
|
|
.section.schedule nav.day-tabs a.active{
|
|
|
|
|
background-color:#593a9f;
|
|
|
|
|
background-color:var(--primary);
|
|
|
|
|
color:#fff;
|
|
|
|
|
color:var(--primary-txt)
|
|
|
|
|
}
|
|
|
|
|
.section.schedule main>section.schedule{
|
|
|
|
|
margin:1rem 2rem 2rem;
|
|
|
|
|
padding:.5rem 10vw;
|
|
|
|
|
padding:var(--space-3) var(--container-margin)
|
|
|
|
|
}
|
|
|
|
|
.section.schedule main>section.schedule .day{
|
|
|
|
|
display:none
|
|
|
|
|
}
|
|
|
|
|
.section.schedule main>section.schedule .day:target{
|
|
|
|
|
display:block
|
|
|
|
|
}
|
|
|
|
|
.section.schedule h2{
|
|
|
|
|
display:none
|
|
|
|
|
}
|
|
|
|
|
.section.schedule .room{
|
|
|
|
|
-webkit-box-align:start;
|
|
|
|
|
align-items:flex-start;
|
|
|
|
|
color:#593a9f;
|
|
|
|
|
color:var(--primary);
|
|
|
|
|
margin:.125em
|
|
|
|
|
}
|
|
|
|
|
.section.schedule .room,.section.schedule .room h3{
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
display:flex;
|
|
|
|
|
-webkit-box-pack:center;
|
|
|
|
|
justify-content:center;
|
|
|
|
|
background-color:#fff;
|
|
|
|
|
background-color:var(--primary-txt)
|
|
|
|
|
}
|
|
|
|
|
.section.schedule .room h3{
|
|
|
|
|
border:solid;
|
|
|
|
|
border-radius:.5rem;
|
|
|
|
|
border-radius:var(--space-3);
|
|
|
|
|
font-size:1.25em;
|
|
|
|
|
-webkit-box-orient:vertical;
|
|
|
|
|
-webkit-box-direction:normal;
|
|
|
|
|
flex-direction:column;
|
|
|
|
|
-webkit-box-align:center;
|
|
|
|
|
align-items:center;
|
|
|
|
|
width:100%;
|
|
|
|
|
padding:.5rem;
|
|
|
|
|
padding:var(--space-3);
|
|
|
|
|
height:3em;
|
|
|
|
|
font-weight:700
|
|
|
|
|
}
|
|
|
|
|
.section.schedule .room h3 small{
|
|
|
|
|
font-size:.75em;
|
|
|
|
|
font-weight:400
|
|
|
|
|
}
|
|
|
|
|
.section.schedule .slot,.section.schedule .start{
|
|
|
|
|
font-size:2em;
|
|
|
|
|
color:#636363;
|
|
|
|
|
color:var(--base-secondary-text)
|
|
|
|
|
}
|
|
|
|
|
.section.schedule .slot .mm,.section.schedule .start .mm{
|
|
|
|
|
font-size:50%
|
|
|
|
|
}
|
|
|
|
|
.section.schedule .start{
|
|
|
|
|
position:absolute;
|
|
|
|
|
top:0;
|
|
|
|
|
left:-3.5ch
|
|
|
|
|
}
|
|
|
|
|
.section.schedule .slot{
|
|
|
|
|
display:none
|
|
|
|
|
}
|
|
|
|
|
.section.schedule .session{
|
|
|
|
|
position:relative;
|
|
|
|
|
margin:1rem 1rem 1rem 5ch;
|
|
|
|
|
border-radius:.25rem;
|
|
|
|
|
border-radius:var(--space-2)
|
|
|
|
|
}
|
|
|
|
|
.section.schedule .session.tag-lunch,.section.schedule .session.tag-open,.section.schedule .session.tag-party,.section.schedule .session.tag-pause{
|
|
|
|
|
background-position:50%;
|
|
|
|
|
background-size:cover;
|
|
|
|
|
pointer-events:none
|
|
|
|
|
}
|
|
|
|
|
.section.schedule .session.tag-lunch>a,.section.schedule .session.tag-open>a,.section.schedule .session.tag-party>a,.section.schedule .session.tag-pause>a{
|
|
|
|
|
box-shadow:none
|
|
|
|
|
}
|
|
|
|
|
.section.schedule .session.tag-lunch h4,.section.schedule .session.tag-open h4,.section.schedule .session.tag-party h4,.section.schedule .session.tag-pause h4{
|
|
|
|
|
color:#fff;
|
|
|
|
|
text-shadow:2px 1px 1px #000
|
|
|
|
|
}
|
|
|
|
|
.section.schedule .session .slot,.section.schedule .session.tag-lunch .tags,.section.schedule .session.tag-office-hours .tags,.section.schedule .session.tag-open .tags,.section.schedule .session.tag-party .tags,.section.schedule .session.tag-pause .tags{
|
|
|
|
|
display:none
|
|
|
|
|
}
|
|
|
|
|
.section.schedule .session>a{
|
|
|
|
|
border:thin solid rgba(0,0,0,.125);
|
|
|
|
|
border:thin solid var(--darken-1);
|
|
|
|
|
box-shadow:.125rem .125rem .25rem rgba(0,0,0,.25);
|
|
|
|
|
box-shadow:var(--space-1) var(--space-1) var(--space-2) var(--darken-2);
|
|
|
|
|
-webkit-transition:box-shadow .3s cubic-bezier(.4,0,.2,1);
|
|
|
|
|
transition:box-shadow .3s cubic-bezier(.4,0,.2,1);
|
|
|
|
|
-webkit-transition:box-shadow var(--animation);
|
|
|
|
|
transition:box-shadow var(--animation);
|
|
|
|
|
border-radius:.25rem;
|
|
|
|
|
border-radius:var(--space-2);
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
display:flex;
|
|
|
|
|
-webkit-box-orient:vertical;
|
|
|
|
|
-webkit-box-direction:normal;
|
|
|
|
|
flex-direction:column;
|
|
|
|
|
text-decoration:none;
|
|
|
|
|
color:inherit;
|
|
|
|
|
height:100%
|
|
|
|
|
}
|
|
|
|
|
.section.schedule .session>a:focus,.section.schedule .session>a:hover{
|
|
|
|
|
box-shadow:.25rem .25rem .25rem rgba(0,0,0,.5);
|
|
|
|
|
box-shadow:var(--space-2) var(--space-2) var(--space-2) var(--darken-3)
|
|
|
|
|
}
|
|
|
|
|
.section.schedule .session>a .info,.section.schedule .session>a h4{
|
|
|
|
|
padding:.25rem;
|
|
|
|
|
padding:var(--space-2)
|
|
|
|
|
}
|
|
|
|
|
.section.schedule .session>a h4{
|
|
|
|
|
text-shadow:2px 1px 1px #fff;
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
display:flex;
|
|
|
|
|
-webkit-box-pack:justify;
|
|
|
|
|
justify-content:space-between;
|
|
|
|
|
-webkit-box-align:center;
|
|
|
|
|
align-items:center
|
|
|
|
|
}
|
|
|
|
|
.section.schedule .session>a hr{
|
|
|
|
|
width:calc(100% - .5rem);
|
|
|
|
|
width:calc(100% - var(--space-3));
|
|
|
|
|
margin:0 auto
|
|
|
|
|
}
|
|
|
|
|
.section.schedule .session>a .info{
|
|
|
|
|
-webkit-box-flex:1;
|
|
|
|
|
flex-grow:1
|
|
|
|
|
}
|
|
|
|
|
.section.schedule .session>a .info .complexity,.section.schedule .session>a .info .presentation,.section.schedule .session>a .info .video{
|
|
|
|
|
float:left;
|
|
|
|
|
clear:left;
|
|
|
|
|
display:inline;
|
|
|
|
|
max-height:1.5em
|
|
|
|
|
}
|
|
|
|
|
.section.schedule .session>a .info .complexity svg,.section.schedule .session>a .info .presentation svg,.section.schedule .session>a .info .video svg{
|
|
|
|
|
height:1.5em;
|
|
|
|
|
max-width:1.5em
|
|
|
|
|
}
|
|
|
|
|
.section.schedule .session>a .info .tags{
|
|
|
|
|
float:right
|
|
|
|
|
}
|
|
|
|
|
.section.schedule .session>a .speakers{
|
|
|
|
|
border:thin solid transparent;
|
|
|
|
|
border-top-color:rgba(0,0,0,.125);
|
|
|
|
|
border-top:thin solid var(--darken-1);
|
|
|
|
|
border-radius:.25rem;
|
|
|
|
|
border-radius:var(--space-2);
|
|
|
|
|
background:#fff;
|
|
|
|
|
background:var(--base);
|
|
|
|
|
padding:0;
|
|
|
|
|
margin:0;
|
|
|
|
|
list-style:none
|
|
|
|
|
}
|
|
|
|
|
.section.schedule .session>a .speaker{
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
display:flex;
|
|
|
|
|
-webkit-box-align:center;
|
|
|
|
|
align-items:center;
|
|
|
|
|
padding:.125rem .5rem;
|
|
|
|
|
padding:var(--space-1) var(--space-3)
|
|
|
|
|
}
|
|
|
|
|
.section.schedule .session>a .speaker .speaker-img{
|
|
|
|
|
--img-size:2rem;
|
|
|
|
|
height:3rem;
|
|
|
|
|
height:var(--img-size,3rem);
|
|
|
|
|
min-width:3rem;
|
|
|
|
|
min-width:var(--img-size,3rem);
|
|
|
|
|
border-radius:100%;
|
|
|
|
|
background-size:cover;
|
|
|
|
|
margin-right:1rem;
|
|
|
|
|
margin-right:var(--space-4)
|
|
|
|
|
}
|
|
|
|
|
.section.schedule .session>a .speaker .info{
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
display:flex;
|
|
|
|
|
-webkit-box-orient:vertical;
|
|
|
|
|
-webkit-box-direction:normal;
|
|
|
|
|
flex-direction:column
|
|
|
|
|
}
|
|
|
|
|
.section.schedule .session>a .speaker .speaker-company{
|
|
|
|
|
-webkit-box-flex:1;
|
|
|
|
|
flex-grow:1;
|
|
|
|
|
text-align:right;
|
|
|
|
|
margin-left:.5rem;
|
|
|
|
|
margin-left:var(--space-3)
|
|
|
|
|
}
|
|
|
|
|
.section.schedule .session>a .speaker p{
|
|
|
|
|
max-width:320px
|
|
|
|
|
}
|
|
|
|
|
@supports (grid-template-columns:repeat(calc(var(--rooms) + 1),1fr)){
|
|
|
|
|
.section.schedule main>section.schedule .day{
|
|
|
|
|
-ms-grid-columns:auto (1fr)[var(--rooms)];
|
|
|
|
|
grid-template-columns:auto repeat(var(--rooms),1fr);
|
|
|
|
|
--dayStart:60 * var(--dayStartH) + var(--dayStartM);
|
|
|
|
|
--dayEnd:60 * var(--dayEndH) + var(--dayEndM);
|
|
|
|
|
-ms-grid-rows:4em (4.5em)[calc(var(--end) - 1)];
|
|
|
|
|
grid-template-rows:4em repeat(calc(var(--end) - 1),4.5em);
|
|
|
|
|
-ms-grid-rows:4em (var(--base-grid-height,6em))[calc(var(--end) - 1)];
|
|
|
|
|
grid-template-rows:4em repeat(calc(var(--end) - 1),var(--base-grid-height,6em));
|
|
|
|
|
grid-gap:.125em .25em
|
|
|
|
|
}
|
|
|
|
|
.section.schedule main>section.schedule .day:target{
|
|
|
|
|
display:-ms-grid;
|
|
|
|
|
display:grid
|
|
|
|
|
}
|
|
|
|
|
.section.schedule main>section.schedule .day .slot{
|
|
|
|
|
display:block;
|
|
|
|
|
-ms-grid-column:1;
|
|
|
|
|
-ms-grid-column-span:1;
|
|
|
|
|
grid-column:1/2;
|
|
|
|
|
--start:calc(1 + var(--row-start));
|
|
|
|
|
--end:calc(1 + var(--row-end));
|
|
|
|
|
grid-row:var(--start)/var(--end);
|
|
|
|
|
background-color:#f8f8ff;
|
|
|
|
|
background-color:var(--color-hero)
|
|
|
|
|
}
|
|
|
|
|
.section.schedule main>section.schedule .day .room{
|
|
|
|
|
grid-column:calc(var(--room) + 2);
|
|
|
|
|
grid-row:1/-1
|
|
|
|
|
}
|
|
|
|
|
.section.schedule main>section.schedule .day .room.even{
|
|
|
|
|
background-color:#f8f8ff;
|
|
|
|
|
background-color:var(--color-hero)
|
|
|
|
|
}
|
|
|
|
|
.section.schedule main>section.schedule .day .session{
|
|
|
|
|
margin:.125em;
|
|
|
|
|
z-index:2;
|
|
|
|
|
--start:calc(1 + var(--row-start));
|
|
|
|
|
--end:calc(1 + var(--row-end));
|
|
|
|
|
grid-column:calc(var(--room) + 2);
|
|
|
|
|
grid-row:var(--start)/var(--end)
|
|
|
|
|
}
|
|
|
|
|
.section.schedule main>section.schedule .day .session.tag-pause{
|
|
|
|
|
z-index:0;
|
|
|
|
|
grid-column:2/-1
|
|
|
|
|
}
|
|
|
|
|
.section.schedule main>section.schedule .day .session.tag-lunch h4,.section.schedule main>section.schedule .day .session.tag-open h4,.section.schedule main>section.schedule .day .session.tag-party h4{
|
|
|
|
|
font-size:2em
|
|
|
|
|
}
|
|
|
|
|
.section.schedule main>section.schedule .day .session.tag-lunch,.section.schedule main>section.schedule .day .session.tag-open,.section.schedule main>section.schedule .day .session.tag-party{
|
|
|
|
|
grid-column:2/-1;
|
|
|
|
|
z-index:1
|
|
|
|
|
}
|
|
|
|
|
.section.schedule main>section.schedule .day .session.tag-office-hours{
|
|
|
|
|
margin:.5rem;
|
|
|
|
|
margin:var(--space-3)
|
|
|
|
|
}
|
|
|
|
|
.section.schedule main>section.schedule .day .session.tag-office-hours .speakers.multi{
|
|
|
|
|
padding-top:.125em;
|
|
|
|
|
flex-wrap:wrap
|
|
|
|
|
}
|
|
|
|
|
.section.schedule main>section.schedule .day .session .start{
|
|
|
|
|
display:none
|
|
|
|
|
}
|
|
|
|
|
.section.schedule main>section.schedule .day .session .speakers.multi{
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
display:flex;
|
|
|
|
|
-webkit-box-pack:space-evenly;
|
|
|
|
|
justify-content:space-evenly
|
|
|
|
|
}
|
|
|
|
|
.section.schedule main>section.schedule .day .session .speakers.multi .speaker{
|
|
|
|
|
position:relative;
|
|
|
|
|
border-top:none
|
|
|
|
|
}
|
|
|
|
|
.section.schedule main>section.schedule .day .session .speakers.multi .speaker .speaker-img{
|
|
|
|
|
margin-right:.125rem;
|
|
|
|
|
margin-right:var(--space-1)
|
|
|
|
|
}
|
|
|
|
|
.section.schedule main>section.schedule .day .session .speakers.multi .speaker .speaker-name{
|
|
|
|
|
background:#fff;
|
|
|
|
|
background:var(--base);
|
|
|
|
|
z-index:100;
|
|
|
|
|
border-radius:.25rem;
|
|
|
|
|
border-radius:var(--space-2);
|
|
|
|
|
border:thin solid rgba(0,0,0,.125);
|
|
|
|
|
border:thin solid var(--darken-1);
|
|
|
|
|
box-shadow:1px 1px .125rem rgba(0,0,0,.125);
|
|
|
|
|
box-shadow:1px 1px var(--space-1) var(--darken-1);
|
|
|
|
|
padding:.125rem;
|
|
|
|
|
padding:var(--space-1);
|
|
|
|
|
position:absolute;
|
|
|
|
|
top:0;
|
|
|
|
|
right:0;
|
|
|
|
|
-webkit-transform:translateX(50%) translateY(-75%);
|
|
|
|
|
transform:translateX(50%) translateY(-75%);
|
|
|
|
|
display:none
|
|
|
|
|
}
|
|
|
|
|
.section.schedule main>section.schedule .day .session .speakers.multi .speaker:focus .speaker-name,.section.schedule main>section.schedule .day .session .speakers.multi .speaker:hover .speaker-name{
|
|
|
|
|
display:block
|
|
|
|
|
}
|
|
|
|
|
.section.schedule main>section.schedule.horizontal .day{
|
|
|
|
|
overflow:auto;
|
|
|
|
|
-ms-grid-rows:auto (1fr)[var(--rooms)];
|
|
|
|
|
grid-template-rows:auto repeat(var(--rooms),1fr);
|
|
|
|
|
--dayStart:60 * var(--dayStartH) + var(--dayStartM);
|
|
|
|
|
--dayEnd:60 * var(--dayEndH) + var(--dayEndM);
|
|
|
|
|
-ms-grid-columns:7em (4.5em)[calc(var(--end) - 1)];
|
|
|
|
|
grid-template-columns:7em repeat(calc(var(--end) - 1),4.5em);
|
|
|
|
|
-ms-grid-columns:7em (var(--base-grid-height,6em))[calc(var(--end) - 1)];
|
|
|
|
|
grid-template-columns:7em repeat(calc(var(--end) - 1),var(--base-grid-height,6em));
|
|
|
|
|
grid-auto-flow:dense
|
|
|
|
|
}
|
|
|
|
|
.section.schedule main>section.schedule.horizontal .day .slot{
|
|
|
|
|
display:block;
|
|
|
|
|
-ms-grid-row:1;
|
|
|
|
|
-ms-grid-row-span:1;
|
|
|
|
|
grid-row:1/2;
|
|
|
|
|
--start:calc(1 + var(--row-start));
|
|
|
|
|
--end:calc(1 + var(--row-end));
|
|
|
|
|
grid-column:var(--start)/var(--end);
|
|
|
|
|
background-color:#f8f8ff;
|
|
|
|
|
background-color:var(--color-hero)
|
|
|
|
|
}
|
|
|
|
|
.section.schedule main>section.schedule.horizontal .day .room{
|
|
|
|
|
grid-row:calc(var(--room) + 2);
|
|
|
|
|
grid-column:1/-1;
|
|
|
|
|
-webkit-box-pack:start;
|
|
|
|
|
justify-content:flex-start
|
|
|
|
|
}
|
|
|
|
|
.section.schedule main>section.schedule.horizontal .day .room h3{
|
|
|
|
|
padding:.25em;
|
|
|
|
|
height:100%;
|
|
|
|
|
width:5.5em;
|
|
|
|
|
max-width:5.5em;
|
|
|
|
|
text-align:center;
|
|
|
|
|
-webkit-text-orientation:upright;
|
|
|
|
|
text-orientation:upright
|
|
|
|
|
}
|
|
|
|
|
.section.schedule main>section.schedule.horizontal .day .session{
|
|
|
|
|
--start:calc(1 + var(--row-start));
|
|
|
|
|
--end:calc(1 + var(--row-end));
|
|
|
|
|
grid-row:calc(var(--room) + 2);
|
|
|
|
|
grid-column:var(--start)/var(--end)
|
|
|
|
|
}
|
|
|
|
|
.section.schedule main>section.schedule.horizontal .day .session.tag-lunch,.section.schedule main>section.schedule.horizontal .day .session.tag-open,.section.schedule main>section.schedule.horizontal .day .session.tag-party,.section.schedule main>section.schedule.horizontal .day .session.tag-pause{
|
|
|
|
|
grid-row:2/-1
|
|
|
|
|
}
|
|
|
|
|
.section.schedule main>section.schedule.horizontal .day .session h4{
|
|
|
|
|
overflow:hidden
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@media (max-width:79.99em){
|
|
|
|
|
.section.schedule main>section.schedule{
|
|
|
|
|
--container-margin:0em
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@media (max-width:59.99em){
|
|
|
|
|
.section.schedule main>section.schedule .day .session{
|
|
|
|
|
--container-margin:0em;
|
|
|
|
|
margin:1rem .5rem 2rem 2.25em
|
|
|
|
|
}
|
|
|
|
|
.section.schedule main>section.schedule .day .session .start{
|
|
|
|
|
display:block
|
|
|
|
|
}
|
|
|
|
|
@supports (grid-template-columns:repeat(calc(var(--rooms) + 1),1fr)){
|
|
|
|
|
.section.schedule main>section.schedule .day:target{
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
display:flex;
|
|
|
|
|
-webkit-box-orient:vertical;
|
|
|
|
|
-webkit-box-direction:normal;
|
|
|
|
|
flex-direction:column
|
|
|
|
|
}
|
|
|
|
|
.section.schedule main>section.schedule .day .slot{
|
|
|
|
|
display:none
|
|
|
|
|
}
|
|
|
|
|
.section.schedule main>section.schedule .day .room{
|
|
|
|
|
-webkit-box-align:start;
|
|
|
|
|
align-items:flex-start;
|
|
|
|
|
margin-top:1em
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@media print{
|
|
|
|
|
.section.schedule main section.schedule .session{
|
|
|
|
|
font-size:24px
|
|
|
|
|
}
|
|
|
|
|
.section.schedule main section.schedule .session.format-quickie{
|
|
|
|
|
font-size:18px
|
|
|
|
|
}
|
|
|
|
|
.section.schedule main section.schedule .session a,.section.schedule main section.schedule .session h4{
|
|
|
|
|
background:inherit;
|
|
|
|
|
text-shadow:none;
|
|
|
|
|
box-shadow:none
|
|
|
|
|
}
|
|
|
|
|
.section.schedule main>section.schedule .day .session .speakers.multi{
|
|
|
|
|
display:block
|
|
|
|
|
}
|
|
|
|
|
.section.schedule main>section.schedule .day .session .speakers.multi .speaker .speaker-name{
|
|
|
|
|
position:relative;
|
|
|
|
|
-webkit-transform:none;
|
|
|
|
|
transform:none;
|
|
|
|
|
border:none;
|
|
|
|
|
display:block;
|
|
|
|
|
box-shadow:none
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.section.speakers .hero h1{
|
|
|
|
|
padding:2rem 10vw;
|
|
|
|
|
padding:2rem var(--container-margin)
|
|
|
|
|
}
|
|
|
|
|
.section.speakers ul.speakers{
|
|
|
|
|
list-style:none;
|
|
|
|
|
padding:0;
|
|
|
|
|
margin:0;
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
display:flex;
|
|
|
|
|
flex-wrap:wrap
|
|
|
|
|
}
|
|
|
|
|
.section.speakers ul.speakers>li{
|
|
|
|
|
margin:1rem;
|
|
|
|
|
-webkit-box-flex:1;
|
|
|
|
|
flex:1 0 300px;
|
|
|
|
|
max-width:450px
|
|
|
|
|
}
|
|
|
|
|
.section.speakers a.speaker{
|
|
|
|
|
padding:1rem;
|
|
|
|
|
padding:var(--space-4);
|
|
|
|
|
border:thin solid rgba(0,0,0,.125);
|
|
|
|
|
border:thin solid var(--darken-1);
|
|
|
|
|
box-shadow:.125rem .125rem .25rem rgba(0,0,0,.25);
|
|
|
|
|
box-shadow:var(--space-1) var(--space-1) var(--space-2) var(--darken-2);
|
|
|
|
|
-webkit-transition:box-shadow .3s cubic-bezier(.4,0,.2,1);
|
|
|
|
|
transition:box-shadow .3s cubic-bezier(.4,0,.2,1);
|
|
|
|
|
-webkit-transition:box-shadow var(--animation);
|
|
|
|
|
transition:box-shadow var(--animation);
|
|
|
|
|
border-radius:.25rem;
|
|
|
|
|
border-radius:var(--space-2);
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
display:flex;
|
|
|
|
|
-webkit-box-orient:horizontal;
|
|
|
|
|
-webkit-box-direction:normal;
|
|
|
|
|
flex-direction:row;
|
|
|
|
|
height:100%
|
|
|
|
|
}
|
|
|
|
|
.section.speakers a.speaker .speaker-img{
|
|
|
|
|
margin-right:1rem;
|
|
|
|
|
margin-right:var(--space-4)
|
|
|
|
|
}
|
|
|
|
|
.section.speakers a.speaker .speaker-company{
|
|
|
|
|
margin-top:.5rem;
|
|
|
|
|
margin-top:var(--space-3);
|
|
|
|
|
text-align:center
|
|
|
|
|
}
|
|
|
|
|
.section.speakers a.speaker .speaker-company img{
|
|
|
|
|
max-width:100%
|
|
|
|
|
}
|
|
|
|
|
.section.speakers a.speaker .speaker-company figcaption{
|
|
|
|
|
display:block;
|
|
|
|
|
max-width:200px
|
|
|
|
|
}
|
|
|
|
|
.section.speakers a.speaker:focus,.section.speakers a.speaker:hover{
|
|
|
|
|
box-shadow:.25rem .25rem .25rem rgba(0,0,0,.5);
|
|
|
|
|
box-shadow:var(--space-2) var(--space-2) var(--space-2) var(--darken-3)
|
|
|
|
|
}
|
|
|
|
|
.page.speakers .hero,.page.speakers main{
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
display:flex;
|
|
|
|
|
-webkit-box-orient:vertical;
|
|
|
|
|
-webkit-box-direction:normal;
|
|
|
|
|
flex-direction:column
|
|
|
|
|
}
|
|
|
|
|
.page.speakers .hero .description,.page.speakers .hero header{
|
|
|
|
|
padding:1rem 10vw;
|
|
|
|
|
padding:var(--space-4) var(--container-margin)
|
|
|
|
|
}
|
|
|
|
|
.page.speakers .hero header{
|
|
|
|
|
align-self:center;
|
|
|
|
|
padding-left:0;
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
display:flex;
|
|
|
|
|
-webkit-box-align:center;
|
|
|
|
|
align-items:center
|
|
|
|
|
}
|
|
|
|
|
.page.speakers .hero header .speaker-img{
|
|
|
|
|
--size:6rem;
|
|
|
|
|
height:6rem;
|
|
|
|
|
height:var(--size,6rem);
|
|
|
|
|
min-width:6rem;
|
|
|
|
|
min-width:var(--size,6rem);
|
|
|
|
|
border-radius:100%;
|
|
|
|
|
background-size:cover;
|
|
|
|
|
box-shadow:0 0 .5rem rgba(0,0,0,.5);
|
|
|
|
|
box-shadow:0 0 var(--space-3) var(--darken-3);
|
|
|
|
|
margin-right:1rem;
|
|
|
|
|
margin-right:var(--space-4)
|
|
|
|
|
}
|
|
|
|
|
.page.speakers .hero header h1{
|
|
|
|
|
margin:0;
|
|
|
|
|
padding:0
|
|
|
|
|
}
|
|
|
|
|
.page.speakers .hero header ul.socials{
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
display:flex;
|
|
|
|
|
flex-wrap:wrap;
|
|
|
|
|
list-style:none;
|
|
|
|
|
padding:0;
|
|
|
|
|
margin:0;
|
|
|
|
|
font-size:1.25em;
|
|
|
|
|
-webkit-box-pack:start;
|
|
|
|
|
justify-content:flex-start
|
|
|
|
|
}
|
|
|
|
|
.page.speakers .hero header ul.socials li{
|
|
|
|
|
-webkit-box-flex:0;
|
|
|
|
|
flex:0 1 auto;
|
|
|
|
|
padding-right:1rem;
|
|
|
|
|
padding-right:var(--space-4)
|
|
|
|
|
}
|
|
|
|
|
.page.speakers .hero header ul.socials li a.social{
|
|
|
|
|
width:auto;
|
|
|
|
|
color:inherit
|
|
|
|
|
}
|
|
|
|
|
.page.speakers .hero header ul.socials li a.social .icon{
|
|
|
|
|
width:1em
|
|
|
|
|
}
|
|
|
|
|
.page.speakers .hero .description .talks{
|
|
|
|
|
margin:1rem auto;
|
|
|
|
|
max-width:60rem;
|
|
|
|
|
max-width:var(--block-text-max-width);
|
|
|
|
|
padding-left:0;
|
|
|
|
|
list-style:none
|
|
|
|
|
}
|
|
|
|
|
.page.speakers .hero .description .talks .talk{
|
|
|
|
|
margin-top:1rem;
|
|
|
|
|
border:thin solid rgba(0,0,0,.125);
|
|
|
|
|
border:thin solid var(--darken-1);
|
|
|
|
|
display:-webkit-inline-box;
|
|
|
|
|
display:inline-flex;
|
|
|
|
|
padding:.25rem;
|
|
|
|
|
padding:var(--space-2);
|
|
|
|
|
border-radius:.125rem;
|
|
|
|
|
border-radius:var(--space-1)
|
|
|
|
|
}
|
|
|
|
|
.page.speakers .hero .description .talks .talk .language,.page.speakers .hero .description .talks .talk .tags{
|
|
|
|
|
margin-right:1ch
|
|
|
|
|
}
|
|
|
|
|
.page.speakers .hero .description .talks .talk .tags{
|
|
|
|
|
white-space:nowrap;
|
|
|
|
|
-ms-grid-row-align:center;
|
|
|
|
|
align-self:center
|
|
|
|
|
}
|
|
|
|
|
.page.speakers .hero .description .talks .talk.tag-{
|
|
|
|
|
display:none
|
|
|
|
|
}
|
|
|
|
|
.page.speakers section.speaker{
|
|
|
|
|
-ms-grid-row-align:center;
|
|
|
|
|
align-self:center;
|
|
|
|
|
margin:1rem auto;
|
|
|
|
|
max-width:60rem;
|
|
|
|
|
max-width:var(--block-text-max-width)
|
|
|
|
|
}
|
|
|
|
|
.page.speakers section.speaker header{
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
display:flex;
|
|
|
|
|
-webkit-box-align:center;
|
|
|
|
|
align-items:center;
|
|
|
|
|
-webkit-box-pack:justify;
|
|
|
|
|
justify-content:space-between
|
|
|
|
|
}
|
|
|
|
|
.page.speakers section.speaker .speaker-company{
|
|
|
|
|
margin:.5rem 0;
|
|
|
|
|
margin:var(--space-3) 0;
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
display:flex;
|
|
|
|
|
-webkit-box-align:center;
|
|
|
|
|
align-items:center
|
|
|
|
|
}
|
|
|
|
|
.page.speakers section.speaker p{
|
|
|
|
|
line-height:1.5;
|
|
|
|
|
font-size:110%
|
|
|
|
|
}
|
|
|
|
|
@media (max-width:var(--breakpoint-lg)){
|
|
|
|
|
.section.blog main>section{
|
|
|
|
|
margin:2rem 3vw;
|
|
|
|
|
margin:2rem var(--container-margin-mobile)
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.section.blog main .blogs,.section.blog main h1{
|
|
|
|
|
max-width:1100px;
|
|
|
|
|
max-width:var(--theJdrSize);
|
|
|
|
|
margin:0 auto
|
|
|
|
|
}
|
|
|
|
|
.section.blog .blogs a.blog-links{
|
|
|
|
|
position:absolute!important;
|
|
|
|
|
height:1px;
|
|
|
|
|
width:1px;
|
|
|
|
|
overflow:hidden;
|
|
|
|
|
clip:rect(1px 1px 1px 1px);
|
|
|
|
|
clip:rect(1px,1px,1px,1px)
|
|
|
|
|
}
|
|
|
|
|
.section.blog .blogs a.blog{
|
|
|
|
|
text-decoration:none;
|
|
|
|
|
padding:1rem;
|
|
|
|
|
padding:var(--space-4);
|
|
|
|
|
border-radius:.5rem;
|
|
|
|
|
border-radius:var(--space-3);
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
display:flex;
|
|
|
|
|
color:inherit;
|
|
|
|
|
border-bottom:thin solid rgba(0,0,0,.125);
|
|
|
|
|
border-bottom:thin solid var(--darken-1)
|
|
|
|
|
}
|
|
|
|
|
@media (max-width:44.99em){
|
|
|
|
|
.section.blog .blogs a.blog{
|
|
|
|
|
padding:.25rem;
|
|
|
|
|
padding:var(--space-2)
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.section.blog .blogs a.blog .img{
|
|
|
|
|
display:inline-block;
|
|
|
|
|
background-position:50%;
|
|
|
|
|
background-size:cover;
|
|
|
|
|
--size:16rem;
|
|
|
|
|
-webkit-box-flex:0;
|
|
|
|
|
flex:0 0 16rem;
|
|
|
|
|
flex:0 0 var(--size,16rem);
|
|
|
|
|
height:16rem;
|
|
|
|
|
height:var(--size,16rem);
|
|
|
|
|
width:16rem;
|
|
|
|
|
width:var(--size,16rem);
|
|
|
|
|
border-radius:.25rem;
|
|
|
|
|
border-radius:var(--space-2)
|
|
|
|
|
}
|
|
|
|
|
.section.blog .blogs a.blog .info{
|
|
|
|
|
-webkit-box-flex:1;
|
|
|
|
|
flex:1 1 auto;
|
|
|
|
|
margin-left:1rem;
|
|
|
|
|
margin-left:var(--space-4);
|
|
|
|
|
-webkit-box-pack:center;
|
|
|
|
|
justify-content:center
|
|
|
|
|
}
|
|
|
|
|
.section.blog .blogs a.blog .info h2{
|
|
|
|
|
margin:.5rem 0;
|
|
|
|
|
margin:var(--space-3) 0
|
|
|
|
|
}
|
|
|
|
|
.section.blog .blogs a.blog .info .reading{
|
|
|
|
|
align-self:flex-end
|
|
|
|
|
}
|
|
|
|
|
.section.blog .blogs a.blog .info .reading:after{
|
|
|
|
|
content:" min."
|
|
|
|
|
}
|
|
|
|
|
.section.blog .blogs a.blog .info .date{
|
|
|
|
|
align-self:flex-start;
|
|
|
|
|
color:#636363;
|
|
|
|
|
color:var(--base-secondary-text)
|
|
|
|
|
}
|
|
|
|
|
.section.blog .blogs a.blog .info p{
|
|
|
|
|
line-height:1.75
|
|
|
|
|
}
|
|
|
|
|
@media (max-width:59.99em){
|
|
|
|
|
.section.blog .blogs a{
|
|
|
|
|
-ms-grid-rows:auto 1fr;
|
|
|
|
|
grid-template-rows:auto 1fr;
|
|
|
|
|
-ms-grid-columns:auto;
|
|
|
|
|
grid-template-columns:auto
|
|
|
|
|
}
|
|
|
|
|
.section.blog .blogs a .img{
|
|
|
|
|
width:100%
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@media (max-width:33.74em){
|
|
|
|
|
.section.blog .blogs a.blog{
|
|
|
|
|
display:block
|
|
|
|
|
}
|
|
|
|
|
.section.blog .blogs a.blog .img{
|
|
|
|
|
display:none
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@media (max-width:59.99em){
|
|
|
|
|
.section.blog .blogs a.blog{
|
|
|
|
|
display:block
|
|
|
|
|
}
|
|
|
|
|
.section.blog .blogs a.blog .img{
|
|
|
|
|
--size:8rem;
|
|
|
|
|
float:left;
|
|
|
|
|
margin-right:.5em
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.page.blog .hero .img{
|
|
|
|
|
padding:10vw;
|
|
|
|
|
padding:var(--container-margin);
|
|
|
|
|
background-repeat:no-repeat;
|
|
|
|
|
background-size:cover;
|
|
|
|
|
background-position:50%;
|
|
|
|
|
text-shadow:1px 0 0 rgba(255,255,255,.5);
|
|
|
|
|
text-shadow:1px 0 0 var(--lighten-3);
|
|
|
|
|
min-height:45vmin
|
|
|
|
|
}
|
|
|
|
|
.page.blog .hero h1{
|
|
|
|
|
color:#593a9f;
|
|
|
|
|
color:var(--primary);
|
|
|
|
|
padding-left:0;
|
|
|
|
|
padding-right:0
|
|
|
|
|
}
|
|
|
|
|
.page.blog .hero h1 small{
|
|
|
|
|
display:block
|
|
|
|
|
}
|
|
|
|
|
.page.blog main .content,.page.blog main h1{
|
|
|
|
|
max-width:1100px;
|
|
|
|
|
max-width:var(--theJdrSize);
|
|
|
|
|
margin:0 auto
|
|
|
|
|
}
|
|
|
|
|
.page.blog .content{
|
|
|
|
|
padding-left:0;
|
|
|
|
|
padding-right:0;
|
|
|
|
|
margin:2rem 10vw;
|
|
|
|
|
margin:2rem var(--container-margin)
|
|
|
|
|
}
|
|
|
|
|
@media (max-width:44.99em){
|
|
|
|
|
.page.blog .content{
|
|
|
|
|
margin:1rem
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.page.blog .content img{
|
|
|
|
|
max-width:100%
|
|
|
|
|
}
|
|
|
|
|
.page.blog .content .centered-img{
|
|
|
|
|
text-align:center;
|
|
|
|
|
margin:.5rem 0;
|
|
|
|
|
margin:var(--space-3) 0
|
|
|
|
|
}
|
|
|
|
|
.page.blog .content h1,.page.blog .content h2,.page.blog .content h3,.page.blog .content h4,.page.blog .content h5,.page.blog .content h6{
|
|
|
|
|
color:#593a9f;
|
|
|
|
|
color:var(--primary);
|
|
|
|
|
font-style:normal;
|
|
|
|
|
font-weight:400
|
|
|
|
|
}
|
|
|
|
|
.page.blog .content h1,.page.blog .content h2,.page.blog .content h3{
|
|
|
|
|
margin-top:1.25rem;
|
|
|
|
|
margin-bottom:.625rem
|
|
|
|
|
}
|
|
|
|
|
.page.blog .content h4,.page.blog .content h5,.page.blog .content h6{
|
|
|
|
|
margin-top:.625rem;
|
|
|
|
|
margin-bottom:.625rem
|
|
|
|
|
}
|
|
|
|
|
.page.blog .content p{
|
|
|
|
|
text-align:justify;
|
|
|
|
|
margin-bottom:1.5rem;
|
|
|
|
|
line-height:1.7rem
|
|
|
|
|
}
|
|
|
|
|
.page.blog .content ul{
|
|
|
|
|
margin-left:1rem
|
|
|
|
|
}
|
|
|
|
|
.page.blog .content ul li{
|
|
|
|
|
line-height:1.7rem
|
|
|
|
|
}
|
|
|
|
|
main>.kids .hero{
|
|
|
|
|
position:relative
|
|
|
|
|
}
|
|
|
|
|
main>.kids .hero .img{
|
|
|
|
|
background-repeat:no-repeat;
|
|
|
|
|
background-size:cover;
|
|
|
|
|
background-position:50%;
|
|
|
|
|
text-shadow:1px 0 0 rgba(255,255,255,.5);
|
|
|
|
|
text-shadow:1px 0 0 var(--lighten-3);
|
|
|
|
|
min-height:45vmin
|
|
|
|
|
}
|
|
|
|
|
main>.kids .hero h1{
|
|
|
|
|
position:absolute;
|
|
|
|
|
bottom:0;
|
|
|
|
|
max-width:1100px;
|
|
|
|
|
max-width:var(--theJdrSize);
|
|
|
|
|
color:#fff;
|
|
|
|
|
color:var(--primary-txt);
|
|
|
|
|
padding-left:0;
|
|
|
|
|
padding-right:0;
|
|
|
|
|
margin:0;
|
|
|
|
|
font-size:3rem
|
|
|
|
|
}
|
|
|
|
|
main>.kids .hero h1 small{
|
|
|
|
|
display:block;
|
|
|
|
|
font-size:.6em
|
|
|
|
|
}
|
|
|
|
|
@media (max-width:44.99em){
|
|
|
|
|
main>.kids .hero h1{
|
|
|
|
|
font-size:2rem
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@media (max-width:33.74em){
|
|
|
|
|
main>.kids .hero h1{
|
|
|
|
|
font-size:1.5rem
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
main>.kids .img-container{
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
display:flex;
|
|
|
|
|
-webkit-box-orient:horizontal;
|
|
|
|
|
-webkit-box-direction:normal;
|
|
|
|
|
flex-direction:row
|
|
|
|
|
}
|
|
|
|
|
@media (max-width:44.99em){
|
|
|
|
|
main>.kids .img-container{
|
|
|
|
|
-webkit-box-orient:vertical;
|
|
|
|
|
-webkit-box-direction:normal;
|
|
|
|
|
flex-direction:column;
|
|
|
|
|
-webkit-box-align:center;
|
|
|
|
|
align-items:center
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
main>.kids .img-container img{
|
|
|
|
|
margin:10px
|
|
|
|
|
}
|
|
|
|
|
main>.kids .content,main>.kids h1{
|
|
|
|
|
max-width:1100px;
|
|
|
|
|
max-width:var(--theJdrSize);
|
|
|
|
|
margin:0 auto
|
|
|
|
|
}
|
|
|
|
|
main>.kids .content{
|
|
|
|
|
padding-left:0;
|
|
|
|
|
padding-right:0
|
|
|
|
|
}
|
|
|
|
|
@media (max-width:44.99em){
|
|
|
|
|
main>.kids .content{
|
|
|
|
|
margin:1rem
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
main>.kids .content img{
|
|
|
|
|
max-width:100%
|
|
|
|
|
}
|
|
|
|
|
main>.kids .content .centered-img{
|
|
|
|
|
text-align:center;
|
|
|
|
|
margin:.5rem 0;
|
|
|
|
|
margin:var(--space-3) 0
|
|
|
|
|
}
|
|
|
|
|
main>.kids .content h2,main>.kids .content h3,main>.kids .content h4,main>.kids .content h5,main>.kids .content h6{
|
|
|
|
|
color:#593a9f;
|
|
|
|
|
color:var(--primary);
|
|
|
|
|
font-style:normal;
|
|
|
|
|
font-weight:400
|
|
|
|
|
}
|
|
|
|
|
main>.kids .content h2,main>.kids .content h3{
|
|
|
|
|
margin-top:1.25rem;
|
|
|
|
|
margin-bottom:.625rem
|
|
|
|
|
}
|
|
|
|
|
main>.kids .content h4,main>.kids .content h5,main>.kids .content h6{
|
|
|
|
|
margin-top:.625rem;
|
|
|
|
|
margin-bottom:.625rem
|
|
|
|
|
}
|
|
|
|
|
main>.kids .content p{
|
|
|
|
|
text-align:justify;
|
|
|
|
|
margin-bottom:1.5rem;
|
|
|
|
|
line-height:1.7rem
|
|
|
|
|
}
|
|
|
|
|
main>.kids .content ul{
|
|
|
|
|
margin-left:1rem
|
|
|
|
|
}
|
|
|
|
|
main>.kids .content ul li{
|
|
|
|
|
line-height:1.7rem
|
|
|
|
|
}
|
|
|
|
|
.section.team h2{
|
|
|
|
|
margin:1rem 0;
|
|
|
|
|
margin:var(--space-4) 0
|
|
|
|
|
}
|
|
|
|
|
.section.team ul.members{
|
|
|
|
|
padding:0;
|
|
|
|
|
margin:0;
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
display:flex;
|
|
|
|
|
flex-wrap:wrap
|
|
|
|
|
}
|
|
|
|
|
.section.team ul.members>li{
|
|
|
|
|
-webkit-box-flex:1;
|
|
|
|
|
flex:1 1 300px;
|
|
|
|
|
margin:2rem;
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
display:flex
|
|
|
|
|
}
|
|
|
|
|
.section.team ul.members>li .photo{
|
|
|
|
|
--size:6rem;
|
|
|
|
|
box-shadow:0 0 0 .25rem rgba(0,0,0,.25);
|
|
|
|
|
box-shadow:0 0 0 var(--space-2) var(--darken-2);
|
|
|
|
|
min-width:6rem;
|
|
|
|
|
min-width:var(--size,6rem);
|
|
|
|
|
height:6rem;
|
|
|
|
|
height:var(--size,6rem);
|
|
|
|
|
border-radius:100%;
|
|
|
|
|
background-size:cover;
|
|
|
|
|
margin:.25rem;
|
|
|
|
|
margin:var(--space-2)
|
|
|
|
|
}
|
|
|
|
|
.section.team ul.members>li .label{
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
display:flex;
|
|
|
|
|
margin-left:.5rem;
|
|
|
|
|
margin-left:var(--space-3);
|
|
|
|
|
-webkit-box-orient:vertical;
|
|
|
|
|
-webkit-box-direction:normal;
|
|
|
|
|
flex-direction:column;
|
|
|
|
|
-webkit-box-pack:center;
|
|
|
|
|
justify-content:center
|
|
|
|
|
}
|
|
|
|
|
.section.team ul.members>li ul.socials{
|
|
|
|
|
list-style:none;
|
|
|
|
|
margin:0;
|
|
|
|
|
padding:0;
|
|
|
|
|
font-size:1.5em
|
|
|
|
|
}
|
|
|
|
|
.section.team ul.members>li ul.socials li{
|
|
|
|
|
display:inline-block;
|
|
|
|
|
opacity:.5;
|
|
|
|
|
-webkit-filter:grayscale(1);
|
|
|
|
|
filter:grayscale(1);
|
|
|
|
|
-webkit-transition:-webkit-filter .3s cubic-bezier(.4,0,.2,1);
|
|
|
|
|
transition:-webkit-filter .3s cubic-bezier(.4,0,.2,1);
|
|
|
|
|
transition:filter .3s cubic-bezier(.4,0,.2,1);
|
|
|
|
|
transition:filter .3s cubic-bezier(.4,0,.2,1),-webkit-filter .3s cubic-bezier(.4,0,.2,1);
|
|
|
|
|
-webkit-transition:-webkit-filter var(--animation);
|
|
|
|
|
transition:-webkit-filter var(--animation);
|
|
|
|
|
transition:filter var(--animation);
|
|
|
|
|
transition:filter var(--animation),-webkit-filter var(--animation)
|
|
|
|
|
}
|
|
|
|
|
.section.team ul.members>li ul.socials li:focus,.section.team ul.members>li ul.socials li:hover{
|
|
|
|
|
opacity:1;
|
|
|
|
|
-webkit-filter:grayscale(0);
|
|
|
|
|
filter:grayscale(0)
|
|
|
|
|
}
|
|
|
|
|
.section.team .partners-group ul li{
|
|
|
|
|
flex-basis:260px;
|
|
|
|
|
margin:.5rem;
|
|
|
|
|
margin:var(--space-3);
|
|
|
|
|
height:120px;
|
|
|
|
|
height:var(--partner-sponsors-height)
|
|
|
|
|
}
|
|
|
|
|
@media (max-width:44.99em){
|
|
|
|
|
.page.faq .hero .description,.page.fr-faq .hero .description{
|
|
|
|
|
padding:0
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.page.faq #TableOfContents,.page.faq main .content,.page.faq main h1,.page.fr-faq #TableOfContents,.page.fr-faq main .content,.page.fr-faq main h1{
|
|
|
|
|
max-width:1100px;
|
|
|
|
|
max-width:var(--theJdrSize);
|
|
|
|
|
margin:0 auto
|
|
|
|
|
}
|
|
|
|
|
.page.faq .content h1,.page.faq .content h2,.page.faq .content h3,.page.faq .content h4,.page.faq .content h5,.page.faq .content h6,.page.fr-faq .content h1,.page.fr-faq .content h2,.page.fr-faq .content h3,.page.fr-faq .content h4,.page.fr-faq .content h5,.page.fr-faq .content h6{
|
|
|
|
|
color:#593a9f;
|
|
|
|
|
color:var(--primary)
|
|
|
|
|
}
|
|
|
|
|
.page.faq .content>ol,.page.faq .content>p,.page.faq .content>ul,.page.faq .content h3,.page.faq .content h4,.page.faq .content h5,.page.faq .content h6,.page.fr-faq .content>ol,.page.fr-faq .content>p,.page.fr-faq .content>ul,.page.fr-faq .content h3,.page.fr-faq .content h4,.page.fr-faq .content h5,.page.fr-faq .content h6{
|
|
|
|
|
margin-left:calc(10vw - 2rem);
|
|
|
|
|
margin-left:calc(var(--container-margin) - 2rem)
|
|
|
|
|
}
|
|
|
|
|
.page.faq .content li,.page.fr-faq .content li{
|
|
|
|
|
line-height:1.5
|
|
|
|
|
}
|
|
|
|
|
@media (max-width:44.99em){
|
|
|
|
|
.page.faq .content ul,.page.fr-faq .content ul{
|
|
|
|
|
padding-left:2ch
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.page.faq .content mark,.page.fr-faq .content mark{
|
|
|
|
|
font-weight:700;
|
|
|
|
|
border-radius:.25em;
|
|
|
|
|
padding:.125em
|
|
|
|
|
}
|
|
|
|
|
.page.faq .content mark.a,.page.fr-faq .content mark.a{
|
|
|
|
|
color:#fff;
|
|
|
|
|
color:var(--fg-mark-a);
|
|
|
|
|
background-color:#fb2c17;
|
|
|
|
|
background-color:var(--bg-mark-a)
|
|
|
|
|
}
|
|
|
|
|
.page.faq .content mark.b,.page.fr-faq .content mark.b{
|
|
|
|
|
color:#000;
|
|
|
|
|
color:var(--fg-mark-b);
|
|
|
|
|
background-color:#fc0;
|
|
|
|
|
background-color:var(--bg-mark-b)
|
|
|
|
|
}
|
|
|
|
|
.page.faq .content mark.t2,.page.fr-faq .content mark.t2{
|
|
|
|
|
color:#fff;
|
|
|
|
|
color:var(--fg-mark-t2);
|
|
|
|
|
background-color:#11a7e0;
|
|
|
|
|
background-color:var(--bg-mark-t2)
|
|
|
|
|
}
|
|
|
|
|
@media (max-width:71.24em){
|
|
|
|
|
.page.faq .content,.page.fr-faq .content{
|
|
|
|
|
padding:0 .5em
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.page.code-of-conduct #TableOfContents,.page.code-of-conduct main .content,.page.code-of-conduct main h1{
|
|
|
|
|
max-width:1100px;
|
|
|
|
|
max-width:var(--theJdrSize);
|
|
|
|
|
margin:0 auto
|
|
|
|
|
}
|
|
|
|
|
.page.code-of-conduct .content p{
|
|
|
|
|
text-align:justify
|
|
|
|
|
}
|
|
|
|
|
.page.code-of-conduct .content p,.page.code-of-conduct .content p:first-letter{
|
|
|
|
|
margin-left:1rem;
|
|
|
|
|
margin-left:var(--space-4)
|
|
|
|
|
}
|
|
|
|
|
.page.code-of-conduct .content ul{
|
|
|
|
|
margin-left:2rem
|
|
|
|
|
}
|
|
|
|
|
.page.code-of-conduct .content ul li{
|
|
|
|
|
line-height:1.25
|
|
|
|
|
}
|
|
|
|
|
@media (max-width:71.24em){
|
|
|
|
|
.page.code-of-conduct .content{
|
|
|
|
|
padding:0 .5em
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.live-section {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
align-items: center;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.live-tab-switcher {
|
|
|
|
|
font-size:2em;
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
display:flex;
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
flex-wrap:wrap;
|
|
|
|
|
-webkit-box-pack:justify;
|
|
|
|
|
justify-content:center;
|
|
|
|
|
align-self:center;
|
|
|
|
|
padding:.5rem 10vw;
|
|
|
|
|
padding:var(--space-3) var(--container-margin);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.live-tab-link {
|
|
|
|
|
-webkit-box-flex:1;
|
|
|
|
|
flex-grow:1;
|
|
|
|
|
border-radius:.5rem;
|
|
|
|
|
border-radius:var(--space-3);
|
|
|
|
|
text-align:center;
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
color: var(--primary);
|
|
|
|
|
margin-right: 1rem;
|
|
|
|
|
}
|
|
|
|
|
.live-tab-link.active {
|
|
|
|
|
background-color: var(--primary);
|
|
|
|
|
color: #fff;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.live-tab-d-none {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.live-chat {
|
|
|
|
|
width: 30vw;
|
|
|
|
|
height: 60vh;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.live-player-wrapper {
|
|
|
|
|
width: 70vw;
|
|
|
|
|
height: 60vh;
|
|
|
|
|
margin-right: 10px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.vjs-tech {
|
|
|
|
|
object-fit: cover;
|
|
|
|
|
}
|
|
|
|
|
|
