Line 4: | Line 4: | ||
#sideMenu, #top_title {display:none;} | #sideMenu, #top_title {display:none;} | ||
div#circleContainer { | div#circleContainer { | ||
− | + | border: 1px soli black; | |
− | border: 1px | + | |
border-radius: 50%; | border-radius: 50%; | ||
width: 450px; | width: 450px; | ||
Line 12: | Line 11: | ||
top: 50%; | top: 50%; | ||
left: 50%; | left: 50%; | ||
− | transform: translate(); | + | 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; | ||
+ | } | ||
} | } | ||
div{border: 1px solid black;} | div{border: 1px solid black;} |
Revision as of 08:51, 8 August 2016
The Team
Attribution