|
|
| Line 2: |
Line 2: |
| | <head> | | <head> |
| | <title>Team: HKUST</title> | | <title>Team: HKUST</title> |
| | + | <link rel="stylesheet" href="coverPageStyles.css"> |
| | <script src="jquery.js"></script> | | <script src="jquery.js"></script> |
| | <script src="jquery_lettering.js"></script> | | <script src="jquery_lettering.js"></script> |
| Line 10: |
Line 11: |
| | <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> | | <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> |
| | <![endif]--> | | <![endif]--> |
| − | <style>
| |
| − | div#circleContainer {
| |
| − | border: 1px soli black;
| |
| − | border-radius: 50%;
| |
| − | width: 450px;
| |
| − | height: 450px;
| |
| − | position: absolute;
| |
| − | top: 50%;
| |
| − | left: 50%;
| |
| − | transform: translate(-50%, -50%);
| |
| − | }
| |
| − | div#coverHomeTab {
| |
| − | position: absolute;
| |
| − | width: 592px;
| |
| − | height: 306px;
| |
| − | background: url(singleStrand.png) 0 0;
| |
| − | left: -71px;
| |
| − | top: -138px;
| |
| − | transform: scale(0.29);
| |
| − | }
| |
| − | div#coverAbout{
| |
| − | border: 1px soli black;
| |
| − | position: absolute;
| |
| − | left: 272px;
| |
| − | top:-2px;
| |
| − | }
| |
| − | div#coverAboutTab {
| |
| − | border: 1px soli black;
| |
| − | position: absolute;
| |
| − | width: 592px;
| |
| − | height: 306px;
| |
| − | background: url(singleStrand.png) 0 0;
| |
| − | left: -200px;
| |
| − | top: -78px;
| |
| − | transform: scale(0.29) rotate(44.4deg);
| |
| − | transition: background 0.5s;
| |
| − | }
| |
| − | div#coverProjectTab {
| |
| − | position: absolute;
| |
| − | width: 592px;
| |
| − | height: 306px;
| |
| − | background: url(singleStrand.png) 0 0;
| |
| − | left: 138px;
| |
| − | top: 67px;
| |
| − | transform: scale(0.29) rotate(88.5deg);
| |
| − | }
| |
| − | div#coverHPTab {
| |
| − | position: absolute;
| |
| − | width: 592px;
| |
| − | height: 306px;
| |
| − | background: url(singleStrand.png) 0 0;
| |
| − | left: 83px;
| |
| − | top: 215px;
| |
| − | transform: scale(0.29) rotate(-49deg);
| |
| − | }
| |
| − | div#coverAchievementsTab {
| |
| − | position: absolute;
| |
| − | width: 592px;
| |
| − | height: 306px;
| |
| − | background: url(singleStrand.png) 0 0;
| |
| − | left: -62px;
| |
| − | top: 282px;
| |
| − | transform: scale(0.29);
| |
| − | }
| |
| − | div#coverLabTab {
| |
| − | position: absolute;
| |
| − | width: 592px;
| |
| − | height: 306px;
| |
| − | background: url(singleStrand.png) 0 0;
| |
| − | left: -212px;
| |
| − | top: 226px;
| |
| − | transform: scale(0.29) rotate(42.4deg);
| |
| − | }
| |
| − | div#coverInterLabTab {
| |
| − | position: absolute;
| |
| − | width: 592px;
| |
| − | height: 306px;
| |
| − | background: url(singleStrand.png) 0 0;
| |
| − | left: -280px;
| |
| − | top: 85px;
| |
| − | transform: scale(0.29) rotate(-93deg);
| |
| − | }
| |
| − | div#coverCollaTab {
| |
| − | position: absolute;
| |
| − | width: 592px;
| |
| − | height: 306px;
| |
| − | background: url(singleStrand.png) 0 0;
| |
| − | left: -228px;
| |
| − | top: -68px;
| |
| − | transform: scale(0.29) rotate(-49deg);
| |
| − | }
| |
| − | div#coverAboutTeam {
| |
| − | border: 1px soli black;
| |
| − | position: absolute;
| |
| − | left: 190px;
| |
| − | top: -10px;
| |
| − | width: 150px;
| |
| − | }
| |
| − | div#coverAboutAttribution {
| |
| − | border: 1px soli black;
| |
| − | position: absolute;
| |
| − | left: 215px;
| |
| − | top: 18px;
| |
| − | }
| |
| − | div#svgAboutWrapper1 {
| |
| − | position: absolute;
| |
| − | border: 1px soli black;
| |
| − | top: -10px;
| |
| − | left: 100px;
| |
| − | height: 30px;
| |
| − | }
| |
| − | div#svgAboutWrapper2 {
| |
| − | position: absolute;
| |
| − | border: 1px soli black;
| |
| − | top: 20px;
| |
| − | left: 130px;
| |
| − | height: 30px;
| |
| − | }
| |
| − | </style>
| |
| | </head> | | </head> |
| | <body> | | <body> |
