historia-de-zainab/css/home.less

101 lines
1.6 KiB
Text
Raw Normal View History

2017-09-25 14:03:53 +02:00
// out: css/home.css, sourcemap: true, compress: true
2017-09-27 13:39:45 +02:00
p {
2017-09-25 14:03:53 +02:00
font-size: 12px;
}
.cd-horizontal-timeline .events-content {
2017-09-27 13:39:45 +02:00
position: relative;
2017-09-25 14:03:53 +02:00
}
2017-09-27 13:39:45 +02:00
2017-09-25 14:03:53 +02:00
.cd-horizontal-timeline .events-content li {
2017-09-27 13:39:45 +02:00
position: absolute;
z-index: 1;
width: 100%;
left: 0;
top: 0;
transform: translateX(-100%);
opacity: 0;
animation-duration: 0.4s;
animation-timing-function: ease-in-out;
2017-09-25 14:03:53 +02:00
}
2017-09-27 13:39:45 +02:00
2017-09-25 14:03:53 +02:00
.cd-horizontal-timeline .events-content li.selected {
2017-09-27 13:39:45 +02:00
/* visible event content */
position: relative;
z-index: 2;
opacity: 1;
transform: translateX(0);
2017-09-25 14:03:53 +02:00
}
2017-09-27 13:39:45 +02:00
div.section-container {
2017-09-25 14:03:53 +02:00
background-color: white;
}
2017-09-27 13:39:45 +02:00
.cd-timeline-navigation{
padding:0px;
margin:0px;
text-align: left;
align:left;
}
#timeline {
2017-09-25 14:03:53 +02:00
z-index: 10;
position: absolute;
2017-09-27 13:39:45 +02:00
bottom: 0;
left: 0;
2017-09-26 11:21:16 +02:00
height: 100px;
2017-09-27 13:39:45 +02:00
width: 100%;
text-align: left;
li {
display: inline-block;
width: 13.9%;
margin: 0px;
padding: 0px;
text-align: left;
line-height: auto;
2017-09-25 14:03:53 +02:00
}
2017-09-27 13:39:45 +02:00
a {
2017-09-25 14:03:53 +02:00
background-color: white;
2017-09-27 13:39:45 +02:00
text-align: left;
line-height: auto;
2017-09-25 14:03:53 +02:00
}
2017-09-27 13:39:45 +02:00
/*a.active{
2017-09-25 14:03:53 +02:00
background-color:orange;
2017-09-27 13:39:45 +02:00
}*/
img {
width:103%;
2017-09-27 13:10:46 +02:00
opacity: 0.2;
transition: all 1s;
}
2017-09-27 13:39:45 +02:00
a.active img.img-menu {
2017-09-27 13:10:46 +02:00
opacity: 1;
}
2017-09-25 14:03:53 +02:00
}
2017-09-27 13:39:45 +02:00
div.menu-content {
2017-09-25 14:03:53 +02:00
height: 100vh;
background-color: white;
}
2017-09-27 13:39:45 +02:00
div.extra-btn-container {
2017-09-25 14:03:53 +02:00
position: absolute;
left: 700px;
bottom: 200px;
}
2017-09-27 13:39:45 +02:00
a.btn-circle {
2017-09-25 14:03:53 +02:00
border-radius: 40px;
}
2017-09-25 15:15:33 +02:00
2017-09-27 13:39:45 +02:00
.map-popover {
2017-09-25 15:15:33 +02:00
display: none;
}
2017-09-26 14:01:06 +02:00
2017-09-27 13:39:45 +02:00
div.section-inner-content {
div.story-content {}
2017-09-26 14:01:06 +02:00
2017-09-27 13:39:45 +02:00
div.data-content {}
2017-09-26 14:01:06 +02:00
}