Line 11: | 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> |
Revision as of 04:42, 5 August 2016
The Team
Attribution