|
|
(9 intermediate revisions by the same user not shown) |
Line 63: |
Line 63: |
| .teamPage table{ | | .teamPage table{ |
| background-color: transparent; | | background-color: transparent; |
− | padding-left:10%;
| |
− | padding-right:10%;
| |
| width:100%; | | width:100%; |
| } | | } |
Line 102: |
Line 100: |
| } | | } |
| | | |
− | body { | + | <!--body { |
| background-color: #f5f5f5; | | background-color: #f5f5f5; |
| font-family: Arial, Calibri, sans-serif; | | font-family: Arial, Calibri, sans-serif; |
− | } | + | }--> |
| + | body { |
| + | font-family: Geneva, Verdana, sans-serif; |
| | | |
− | #HomeBox:hover{
| |
− | /*--webkit is for chrome, opera, and safari--*/
| |
− | -webkit-animation-name: navHover;
| |
− | -webkit-animation-duration: 5s;
| |
− | -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: 5s;
| |
− | -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: 5s;
| |
− | animation-delay: 0s;
| |
− | animation-iteration-count: 1;
| |
− | animation-direction: normal;
| |
− | animation-play-state: running;
| |
− | animation-fill-mode: forwards;
| |
| } | | } |
− | @-webkit-keyframes navHover {
| |
− | 0% {font-size: 20pt;}
| |
− | 50% {font-size: 20pt;}
| |
− | 75% {font-size: 24pt;}
| |
− | 100% {font-size: 20pt;}
| |
− | }
| |
− | @-moz-keyframes navHover {
| |
− | 0% {font-size: 20pt;}
| |
− | 50% {font-size: 20pt;}
| |
− | 75% {font-size: 24pt;}
| |
− | 100% {font-size: 20pt;}
| |
− | }
| |
− | @keyframes navHover {
| |
− | 0% {font-size: 20pt;}
| |
− | 50% {font-size: 20pt;}
| |
− | 75% {font-size: 24pt;}
| |
− | 100% {font-size: 20pt;}
| |
− | }
| |
− | /*-- End of Fade on hover Code --*/
| |
− |
| |
− |
| |
| </style> | | </style> |
| </head> | | </head> |