|
|
| Line 59: |
Line 59: |
| | } | | } |
| | .navLinks a{ | | .navLinks a{ |
| − | color:#c40000; | + | color:#cb0606; |
| | font-size:20pt; | | font-size:20pt; |
| | font-family: Avenir, Catriel, Sans-Serif; | | font-family: Avenir, Catriel, Sans-Serif; |
| Line 65: |
Line 65: |
| | } | | } |
| | .navLinks a:visited{ | | .navLinks a:visited{ |
| − | color:#c40000; | + | color:#cb0606; |
| | font-size: 20pt; | | font-size: 20pt; |
| | font-family: Avenir, Catriel, Sans-Serif; | | font-family: Avenir, Catriel, Sans-Serif; |
| Line 77: |
Line 77: |
| | background-color: #e3e3e3; | | background-color: #e3e3e3; |
| | font-family: Arial, Calibri, sans-serif; | | 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, #BackgroundBox:hover, #ProjectBox:hover, #LabBox:hover, #ModelingBox:hover, #HumanPraticesBox:hover, #PeopleBox: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;}
| |
| − | }
| |
| − | @-moz-keyframes navHover {
| |
| − | from {background: #D1CAB0;}
| |
| − | to {background: #B3B3D7;}
| |
| − | }
| |
| − | @keyframes navHover {
| |
| − | from {background: #D1CAB0;}
| |
| − | to {background: #B3B3D7;}
| |
| | } | | } |
| | | | |
