menu inferior
This commit is contained in:
Sergio
parent
2b50849caa
commit
06f167d231
11 changed files with 19 additions and 11 deletions
|
|
@ -1 +1 @@
|
||||||
p{font-size:12px}.cd-horizontal-timeline .events-content{position:relative}.cd-horizontal-timeline .events-content li{position:absolute;z-index:1;width:100%;left:0;top:0;transform:translateX(-100%);opacity:0;animation-duration:.4s;animation-timing-function:ease-in-out}.cd-horizontal-timeline .events-content li.selected{position:relative;z-index:2;opacity:1;transform:translateX(0)}div.section-container{background-color:white}#timeline{z-index:10;position:absolute;bottom:0;left:0;height:100px;width:100%}#timeline li{display:inline-block}#timeline a{background-color:white}#timeline a.active{background-color:orange}div.menu-content{height:100vh;background-color:white}div.extra-btn-container{position:absolute;left:700px;bottom:200px}a.btn-circle{border-radius:40px}.map-popover{display:none}
|
p{font-size:12px}.cd-horizontal-timeline .events-content{position:relative}.cd-horizontal-timeline .events-content li{position:absolute;z-index:1;width:100%;left:0;top:0;transform:translateX(-100%);opacity:0;animation-duration:.4s;animation-timing-function:ease-in-out}.cd-horizontal-timeline .events-content li.selected{position:relative;z-index:2;opacity:1;transform:translateX(0)}div.section-container{background-color:white}#timeline{z-index:10;position:absolute;bottom:0;left:0;height:100px;width:100%}#timeline li{display:inline}#timeline a{background-color:white}#timeline a.active{background-color:orange}#timeline img{width:14%;opacity:.2;transition:all 1s}#timeline a.active img.img-menu{opacity:1}div.menu-content{height:100vh;background-color:white}div.extra-btn-container{position:absolute;left:700px;bottom:200px}a.btn-circle{border-radius:40px}.map-popover{display:none}
|
||||||
|
|
@ -1 +1 @@
|
||||||
{"version":3,"sources":["home.less"],"names":[],"mappings":"AAAA,EACI,eAIJ,uBAAwB,iBACtB,kBAEF,uBAAwB,gBAAgB,IACtC,iBAAA,CACA,SAAA,CACA,UAAA,CACA,MAAA,CACA,KAAA,CACA,UAAW,iBAAX,CACA,SAAA,CACA,sBAAA,CACA,sCAEF,uBAAwB,gBAAgB,GAAE,UAExC,iBAAA,CACA,SAAA,CACA,SAAA,CACA,UAAW,cAEb,GAAG,mBAEC,uBAGJ,UACI,UAAA,CACA,iBAAA,CACA,QAAA,CACA,MAAA,CACA,YAAA,CACA,WANJ,SAOI,IACI,qBARR,SAUI,GACI,uBAXR,SAaI,EAAC,QACG,wBAIR,GAAG,cACC,YAAA,CACA,uBAGJ,GAAG,qBACC,iBAAA,CACA,UAAA,CACA,aAGJ,CAAC,YACG,mBAGJ,aACI"}
|
{"version":3,"sources":["home.less"],"names":[],"mappings":"AAAA,EACI,eAIJ,uBAAwB,iBACtB,kBAEF,uBAAwB,gBAAgB,IACtC,iBAAA,CACA,SAAA,CACA,UAAA,CACA,MAAA,CACA,KAAA,CACA,UAAW,iBAAX,CACA,SAAA,CACA,sBAAA,CACA,sCAEF,uBAAwB,gBAAgB,GAAE,UAExC,iBAAA,CACA,SAAA,CACA,SAAA,CACA,UAAW,cAEb,GAAG,mBAEC,uBAGJ,UACI,UAAA,CACA,iBAAA,CACA,QAAA,CACA,MAAA,CACA,YAAA,CACA,WANJ,SAOI,IACI,eARR,SAUI,GACI,uBAXR,SAaI,EAAC,QACG,wBAdR,SAgBI,KACI,SAAA,CACA,UAAA,CACA,kBAnBR,SAqBI,EAAC,OAAQ,IAAG,UACR,UAIR,GAAG,cACC,YAAA,CACA,uBAGJ,GAAG,qBACC,iBAAA,CACA,UAAA,CACA,aAGJ,CAAC,YACG,mBAGJ,aACI"}
|
||||||
|
|
@ -38,7 +38,7 @@ div.section-container{
|
||||||
height: 100px;
|
height: 100px;
|
||||||
width:100%;
|
width:100%;
|
||||||
li{
|
li{
|
||||||
display: inline-block;
|
display: inline;
|
||||||
}
|
}
|
||||||
a{
|
a{
|
||||||
background-color: white;
|
background-color: white;
|
||||||
|
|
@ -46,6 +46,14 @@ div.section-container{
|
||||||
a.active{
|
a.active{
|
||||||
background-color:orange;
|
background-color:orange;
|
||||||
}
|
}
|
||||||
|
img{
|
||||||
|
width:14%;
|
||||||
|
opacity: 0.2;
|
||||||
|
transition: all 1s;
|
||||||
|
}
|
||||||
|
a.active img.img-menu{
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
div.menu-content{
|
div.menu-content{
|
||||||
|
|
@ -72,7 +80,7 @@ div.section-inner-content{
|
||||||
|
|
||||||
}
|
}
|
||||||
div.data-content{
|
div.data-content{
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
BIN
images/c1_menu.jpg
Normal file
BIN
images/c1_menu.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.3 KiB |
BIN
images/c2_menu.jpg
Normal file
BIN
images/c2_menu.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.8 KiB |
BIN
images/c3_menu.jpg
Normal file
BIN
images/c3_menu.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.6 KiB |
BIN
images/c4_menu.jpg
Normal file
BIN
images/c4_menu.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.7 KiB |
BIN
images/c5_menu.jpg
Normal file
BIN
images/c5_menu.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.5 KiB |
BIN
images/c6_menu.jpg
Normal file
BIN
images/c6_menu.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.3 KiB |
BIN
images/c7_menu.jpg
Normal file
BIN
images/c7_menu.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.1 KiB |
14
index.html
14
index.html
|
|
@ -82,13 +82,13 @@
|
||||||
<!-- aquí van los links a las secciones -->
|
<!-- aquí van los links a las secciones -->
|
||||||
<div id="timeline">
|
<div id="timeline">
|
||||||
<ul class="cd-timeline-navigation">
|
<ul class="cd-timeline-navigation">
|
||||||
<li id="nav-btn-page1"><a href="#page1" class="btn-navigation active">page 1</a></li>
|
<li id="nav-btn-page1"><a href="#page1" class="btn-navigation active"><img src="images/c1_menu.jpg" class="img-menu"></a></li>
|
||||||
<li id="nav-btn-page2"><a href="#page2" class="btn-navigation">page 2</a></li>
|
<li id="nav-btn-page2"><a href="#page2" class="btn-navigation"><img src="images/c2_menu.jpg" class="img-menu"></a></li>
|
||||||
<li id="nav-btn-page3"><a href="#page3" class="btn-navigation">page 3</a></li>
|
<li id="nav-btn-page3"><a href="#page3" class="btn-navigation"><img src="images/c3_menu.jpg" class="img-menu"></a></li>
|
||||||
<li id="nav-btn-page4"><a href="#page4" class="btn-navigation">page 4</a></li>
|
<li id="nav-btn-page4"><a href="#page4" class="btn-navigation"><img src="images/c4_menu.jpg" class="img-menu"></a></li>
|
||||||
<li id="nav-btn-page5"><a href="#page5" class="btn-navigation">page 5</a></li>
|
<li id="nav-btn-page5"><a href="#page5" class="btn-navigation"><img src="images/c5_menu.jpg" class="img-menu"></a></li>
|
||||||
<li id="nav-btn-page6"><a href="#page6" class="btn-navigation">page 6</a></li>
|
<li id="nav-btn-page6"><a href="#page6" class="btn-navigation"><img src="images/c6_menu.jpg" class="img-menu"></a></li>
|
||||||
<li id="nav-btn-page7"><a href="#page7" class="btn-navigation">page 7</a></li>
|
<li id="nav-btn-page7"><a href="#page7" class="btn-navigation"><img src="images/c7_menu.jpg" class="img-menu"></a></li>
|
||||||
</ul> <!-- .cd-timeline-navigation -->
|
</ul> <!-- .cd-timeline-navigation -->
|
||||||
</div> <!-- .timeline -->
|
</div> <!-- .timeline -->
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue