Difference between revisions of "Team:Central Calgary/header-footer.css"

Line 13: Line 13:
 
 
 
position:fixed;
 
position:fixed;
−
top:10px;
+
top:15px;
 
left:0px;
 
left:0px;
 
height:100px;
 
height:100px;

Revision as of 02:56, 3 September 2015

@charset "utf-8";

  • {

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

h10 { }

  1. header {

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

  1. logo {

position:absolute; 

       top:0px;

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

  1. homeText {

z-index:100; position:absolute; 

       top:18px;

left:100px; left:5.2vw; font-family:Ubuntu; font-size:64px; font-size:3.33vw; color:rgba(0,0,0,1.00); 

       border-bottom: 0px;

}


  1. headerLeft {

position:fixed; top:18px; 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;


}