historia-de-zainab/css/home.less

119 lines
1.9 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;
}
2017-09-29 11:53:26 +02:00
#portada{
width: 100%;
height:100%;
}
2017-09-25 14:03:53 +02:00
.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-28 15:21:25 +02:00
background: white;
2017-09-25 14:03:53 +02:00
}
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;
2017-09-27 14:08:54 +02:00
background-color: white;
2017-09-29 11:53:26 +02:00
display: none;
2017-09-27 13:39:45 +02:00
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-27 14:08:54 +02:00
background-color: transparent;
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-29 12:21:38 +02:00
/*padding-left: 50px;
padding-right: 70px;*/
2017-09-25 14:03:53 +02:00
}
2017-09-27 13:39:45 +02:00
div.extra-btn-container {
2017-09-25 14:03:53 +02:00
position: absolute;
2017-09-28 15:21:25 +02:00
left: -50px;
top: 20px;
width: 100px;
height: 100px;
2017-09-25 14:03:53 +02:00
}
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-28 13:44:31 +02:00
div.section-left{
2017-09-28 15:21:25 +02:00
background-color: #ededed;
2017-09-28 13:44:31 +02:00
}
2017-09-26 14:01:06 +02:00
2017-09-28 13:44:31 +02:00
a.switchMode{
display: block;
2017-09-28 15:21:25 +02:00
max-height: 150px;
2017-09-28 13:44:31 +02:00
}
2017-09-27 13:39:45 +02:00
div.section-inner-content {
2017-09-28 13:44:31 +02:00
text-align:right;
2017-09-27 13:39:45 +02:00
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
}