css-team: arrow-page layout

git-svn-id: svn+ssh://atelier.inf.usi.ch/home/bevilj/group-1@50 a672b425-5310-4d7a-af5c-997e18724b81

site/_layouts/page.html

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

site/_sass/_global.scss

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