flow/historia-de-zainab
1
0
Fork 0
Code Issues 2 Pull requests Projects Releases Wiki Activity

menu inferior

Browse source
This commit is contained in:
Sergio 2017-09-27 13:10:46 +02:00
parent 2b50849caa
commit 06f167d231
11 changed files with 19 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
css/css/home.css
View file

@ -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}

2
css/css/home.css.map
View file

@ -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"}

10
css/home.less
View file

@ -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{

BIN
images/c1_menu.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 7.3 KiB

BIN
images/c2_menu.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 8.8 KiB

BIN
images/c3_menu.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3.6 KiB

BIN
images/c4_menu.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 7.7 KiB

BIN
images/c5_menu.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 4.5 KiB

BIN
images/c6_menu.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 7.3 KiB

BIN
images/c7_menu.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 7.1 KiB

14
index.html
View file

@ -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 -->