Difference between revisions of "Template:Team:WLC-Milwaukee"

Line 10: Line 10:
 
}
 
}
 
/*-- the above hides any igem stylings from previous years; doesn't seem to be necessary this year? --*/
 
/*-- the above hides any igem stylings from previous years; doesn't seem to be necessary this year? --*/
−
body {
 
−
background-color: #e3e3e3;
 
−
        font-family: Arial, Calibri, sans-serif;
 
−
}
 
  
 +
/*-- The navLinks style applies to the navigation bar (which is a table) --*/
 
.navLinks td{
 
.navLinks td{
 
         opacity: 1;
 
         opacity: 1;
Line 43: Line 40:
 
}
 
}
  
 +
body {
 +
background-color: #e3e3e3;
 +
        font-family: Arial, Calibri, sans-serif;
 +
}
  
 +
/*-- the # before a name refers to the id (not class) affected; the :hover modifies it to only take effect when the mouse hovers
 +
This section uses CSS3 animations to resize the text in the links in a 1 second animation --*/
 +
#HomeBox:hover, #ProjectBox:hover, #PartsBox:hover, #NotebookBox:hover, #ModelingBox:hover, #safeBox:hover, #measureBox:hover, #practBox:hover, #teamBox:hover{
 +
/*--webkit is for chrome, opera, and safari--*/
 +
    -webkit-animation-name: navHover;
 +
    -webkit-animation-duration: 1s;
 +
    -webkit-animation-timing-function: ease-in;
 +
    -webkit-animation-delay: 0s;
 +
    -webkit-animation-iteration-count: 1;
 +
    -webkit-animation-direction: normal;
 +
    -webkit-animation-play-state: running;
 +
    -webkit-animation-fill-mode: forwards;
 +
/*--moz is for mozilla browsers--*/
 +
    -moz-animation-name: navHover;
 +
    -moz-animation-duration: 1s;
 +
    -moz-animation-timing-function: ease-in;
 +
    -moz-animation-delay: 0s;
 +
    -moz-animation-iteration-count: 1;
 +
    -moz-animation-direction: normal;
 +
    -moz-animation-play-state: running;
 +
    -moz-animation-fill-mode: forwards;
 +
/*--standard syntax for ie/others--*/
 +
    animation-name: navHover;
 +
    animation-duration: 1s;
 +
    animation-timing-function: ease-in;
 +
    animation-delay: 0s;
 +
    animation-iteration-count: 1;
 +
    animation-direction: normal;
 +
    animation-play-state: running;
 +
    animation-fill-mode: forwards;
 +
}
 +
@-webkit-keyframes navHover {
 +
    /*--from {background: #D1CAB0;}
 +
    to {background: #B3B3D7;}--*/
 +
    from {size: 20;}
 +
    to {size: 26;}
 +
}
 +
@-moz-keyframes navHover {
 +
    from {background: #D1CAB0;}
 +
    to {background: #B3B3D7;}
 +
}
 +
@keyframes navHover {
 +
    from {background: #D1CAB0;}
 +
    to {background: #B3B3D7;}
 +
}
 
</style>
 
</style>
 
</head>
 
</head>

Revision as of 03:49, 8 July 2015