Code Snippets

  •  
Skip nav


add to top of page template


<a href="#Nav" class="skipNav">Skip to Content</a>


add above main content area

<a name="Nav" id="Nav" class="">Main Content</a>

add to layout css

/* === SKIP NAV */  
  .skipNav{position:absolute;left:-10000px; height:1px;overflow:hidden;top:auto;width:1px;z-index:9999}
  .skipNav:focus,.skipNav:active{ left:50%;height:auto;overflow:hidden;top:1%;width:auto;padding:6px 8px; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);}

add to styles css

/* === SKIP NAV */
  a.skipNav:focus{border-radius:1px;outline:0;font-weight:600;font-size:1.4rem;background:#466ea5;color:#fff;}

Icons for Share Tools
/* PAGE TOOLS ICONS */
  /* ==== PAGE TOOLS */
  #pageTools {overflow:hidden;}
  .email,.print{font-size: 1.4rem;}
  .print a::before{
      content: " \f02f ";
      font-family: "FontAwesome";
      margin-right:3px;
  }
  .email a::before{
      content: " \f003 ";
      font-family: "FontAwesome";
      margin-right:3px;
  }
  .email a:hover,.print a:hover{text-decoration:none!important;}
© 2017 Northwoods - all rights reserved.
top