Team:Central Calgary/css/header-footer.css

• {

margin:0; padding:0 0 0 0; }

1. header {

position:fixed; top:20px; left:0; right:0; height:100px; margin-bottom:100px; width:100%; z-index:100; }

1. logo {

position:absolute; width:75px; width:4vw; height:75px; height:4vw; z-index:100; }

1. homeText {

z-index:100; position:absolute; left:100px; left:5.2vw; font-family:Ubuntu; font-size:64px; font-size:3.33vw; color:rgba(0,0,0,1.00); /*-webkit-transform: skew(-30deg, 0deg);

   transform: skew(-30deg, 0deg);*/

}

1. headerLeft {

position:fixed; top:20px; left:-40px; right:0; z-index:0; height:100px; height:5vw; width:608px; width:63vw; background-color:rgba(255, 255, 255,1.00);

 	-webkit-transform: skew(-30deg, 0deg); 
   transform: skew(-30deg, 0deg);

box-shadow: -1px 5px 5px #000000; border-right: 2px solid #000000;

}

1. footer {

z-index:100; position:fixed; bottom:0; left:0; right:0; height:100px; height:6vw; width:100%; background-color:rgba(255,255,255,1.0); box-shadow: -1px -5px 5px #000000;

}

1. headerMenu {

overflow:visible; list-style-type:none; margin:0; padding:0; padding-right:4vw; z-index:1001;

}

.headerMenuItem { overflow:visible; display:inline; top:0px; float:right;

}

a.menuItem {

overflow:visible; display:block; width:5vw; color: #000000; text-decoration:none; padding-top:20px; padding-top:1vw; padding-bottom:4px; padding-right:10px; padding-right:.52vw; padding-left:10px; padding-left:.52vw;

border-left-width:2px; border-left-color:#000000; border-left-style:solid; border-bottom:1px; border-bottom-style:solid; border-right-style:solid; border-right-color:#000000; border-right-width:1px;

font-family:Ubuntu; font-size:14px; font-size:0.8vw; box-shadow: -1px 5px 5px #000000; background-color:rgba(255, 255, 255,1.0);

-webkit-transform: skew(-30deg, 0deg);

   transform: skew(-30deg, 0deg);

-webkit-backface-visibility: hidden;

-webkit-transition: all 0.3s ease-out;

   -moz-transition: all 0.3s ease-out;  
   -o-transition: all 0.3s ease-out;  
   transition: all 0.3s ease-out;  

}

a.menuItem:hover { /*background-color:rgba(0,184,251,1.00);*/

background-color:rgba(97,252,41,1.00); padding-top:30px; padding-top:1.5vw;

}

a.currentLink { overflow:visible; display:block; width:5vw; color: #000000; text-decoration:none; padding-top:20px; padding-top:1vw; padding-bottom:4px; padding-right:10px; padding-right:.52vw; padding-left:10px; padding-left:.52vw;

border-left-width:2px; border-left-color:#000000; border-left-style:solid; border-bottom:1px; border-bottom-style:solid; border-right-style:solid; border-right-color:#000000; border-right-width:1px;

font-family:Ubuntu; font-size:14px; font-size:0.8vw; box-shadow: -1px 5px 5px #000000; background-color:rgba(97,252,41,1.0);

-webkit-transform: skew(-30deg, 0deg);

   transform: skew(-30deg, 0deg);

-webkit-backface-visibility: hidden;

-webkit-transition: all 0.3s ease-out;

   -moz-transition: all 0.3s ease-out;  
   -o-transition: all 0.3s ease-out;  
   transition: all 0.3s ease-out;  

}

a.currentLink:hover { padding-top:30px; padding-top:1.5vw;

}