Anchor Tag Offset Fix

Fixes issue when anchor tags are clicked, the navbar causes the offset
to fall short. This fixes that behavior.

1 files changed, 12 insertions, 2 deletions

diff --git a/pelican-bootstrap3/static/css/style.css b/pelican-bootstrap3/static/css/style.css
index f9e65fa..4f23c18 100644
--- a/pelican-bootstrap3/static/css/style.css
+++ b/pelican-bootstrap3/static/css/style.css
@@ -12,7 +12,7 @@ body {
 }
 
 /* for list-group-items nested within a list-group-item, reset the bottom
-   padding of the last item, b/c the containing item has paddimg already 
+   padding of the last item, b/c the containing item has paddimg already
  */
 .list-group-item .list-group-item:last-child {
     padding-bottom: 0px;
@@ -175,7 +175,7 @@ figure.floatcenter, .align-center {
     background-repeat: no-repeat;
     background-position: top center;
     background-attachment: scroll;
-    background-size: cover; 
+    background-size: cover;
     background-color: #C4C4C4;
     margin: 0 0 20px;
     padding: 70px 0; /*controls padding around inner text*/
@@ -221,3 +221,13 @@ figure.floatcenter, .align-center {
         font-size: 16px;
     }
 }
+
+:target:before {
+  content:"";
+  display:block;
+  height:50px;
+  /* fixed header height*/
+
+  margin:-50px 0 0;
+  /* negative fixed header height */
+}