css-team: arrow-page layout

git-svn-id: svn+ssh://atelier.inf.usi.ch/home/bevilj/group-1@50 a672b425-5310-4d7a-af5c-997e18724b81
This commit is contained in:
britea 2018-11-07 12:31:14 +00:00
parent 7eeb8443a5
commit 9cec456ce4
3 changed files with 46 additions and 0 deletions

View File

@ -12,3 +12,7 @@ layout: main
</div>
</article>
<div class="box-arrows">
<a id="back" href="{{ site.baseurl }}/{{ page.previous-page }}" style="position:fixed;left: 0;"><img><span>Back</span></a>
<a id="next" href="{{ site.baseurl }}/{{ page.next-page }}" style="position:fixed;right: 0;"><span>Next</span><img></a>
</div>

View File

@ -94,3 +94,45 @@ video{
height: 300px;
margin: 0 25px;
}
/* ------- PAGE LAYOUT --------*/
.box-arrows {
position: fixed;
bottom: 275px;
a{
text-decoration:none;
cursor:pointer;
color:#fff;
}
#back img{
content:url("assets/style/l-arrow-black.png");
}
#next img{
content:url("assets/style/r-arrow-black.png");
}
#back:hover{
color:#6a6;
img{
content:url("assets/style/l-arrow-green.png");
}
}
#next:hover{
color:#6a6;
img{
content:url("assets/style/r-arrow-green.png");
}
}
img{
vertical-align:middle;
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 626 B