Line 1: | Line 1: | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | #sideMenu, #top_title {display:none;} | |
− | + | #globalWrapper, #content { | |
− | + | width: 100%; | |
− | + | height: 100%; | |
− | + | border: 0px; | |
− | + | margin: 0px; | |
− | + | padding: 0px; | |
− | + | font-size: 100%; | |
− | + | } | |
− | + | #globalWrapper{border:1px soli orange;} | |
− | + | #content { padding:0px; width:100%; height:100%; margin-top:-7px; margin-left:0px; border: 1px dotte blue; background: transparent;} | |
− | + | body {background-color:white;} | |
− | + | #HQ_page {height:100%;} | |
− | + | #bodyContent {border: 1px soli red; height:100%;} | |
− | + | #mw-content-text {height:100%;} | |
− | + | #content_wrapper {width:100%;} | |
− | + | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } | |
− | + | div#circleContainer { | |
− | + | border: 1px soli black; | |
− | + | border-radius: 50%; | |
− | + | width: 450px; | |
− | + | height: 450px; | |
− | + | position: absolute; | |
− | + | top: 50%; | |
− | + | left: 50%; | |
− | + | transform: translate(-50%, -50%); | |
− | + | opacity: 0; | |
− | + | } | |
− | + | div#coverHomeTab { | |
− | + | border: 1px soli black; | |
− | + | position: absolute; | |
− | + | width: 695px; | |
− | + | height: 360px; | |
− | + | background: url(https://static.igem.org/mediawiki/2016/3/36/T--Hong_Kong_HKUST--DNAStrandSprite.png) 0 0; | |
− | + | left: -124px; | |
− | + | top: -171px; | |
− | + | transform: scale(0.20); | |
− | + | cursor: pointer; | |
− | + | } | |
− | + | div#coverAbout{ | |
− | + | border: 1px soli black; | |
− | + | position: absolute; | |
− | + | left: 272px; | |
− | + | top:-2px; | |
− | + | } | |
− | + | div#coverAboutTab { | |
− | + | border: 1px soli black; | |
− | + | position: absolute; | |
− | + | width: 695px; | |
− | + | height: 359px; | |
− | + | background: url(https://static.igem.org/mediawiki/2016/3/36/T--Hong_Kong_HKUST--DNAStrandSprite.png) 0 -365px; | |
− | + | left: -272px; | |
− | + | top: -129px; | |
− | + | transform: scale(0.20) rotate(36deg); | |
− | + | transition: background 0.5s; | |
− | + | cursor: pointer; | |
− | + | } | |
− | + | div#coverAboutTeam { | |
− | + | border: 1px soli black; | |
− | + | position: absolute; | |
− | + | left: 197px; | |
− | + | top: 4px; | |
− | + | width: 150px; | |
− | + | } | |
− | + | div#coverAboutAttribution { | |
− | + | border: 1px soli black; | |
− | + | position: absolute; | |
− | + | left: 207px; | |
− | + | top: 45px; | |
− | + | } | |
− | + | div#svgAboutWrapper { | |
− | + | position: absolute; | |
− | + | border: px solid black; | |
− | + | top: 0px; | |
− | + | left: -98px; | |
− | + | height: 30px; | |
− | + | transform: scale(0.2); | |
− | + | } | |
− | + | div#coverProjectTab { | |
− | + | border: 1px soli black; | |
− | + | position: absolute; | |
− | + | width: 697px; | |
− | + | height: 360px; | |
− | + | background: url(https://static.igem.org/mediawiki/2016/3/36/T--Hong_Kong_HKUST--DNAStrandSprite.png) 0 -729px; | |
− | + | left: 78px; | |
− | + | top: -25px; | |
− | + | transform: scale(0.20) rotate(72deg); | |
− | + | cursor: pointer; | |
− | + | } | |
− | + | div#svgProjectWrapper { | |
− | + | position: absolute; | |
− | + | border: 1x solid black; | |
− | + | top:113px; | |
− | + | left: 271px; | |
− | + | height: 30px; | |
− | + | transform: scale(0.2); | |
− | + | } | |
− | + | div#coverProjectOverview { | |
− | + | border: 1px soli black; | |
− | + | position: absolute; | |
− | + | left: 552px; | |
− | + | top: 115px; | |
− | + | width: 150px; | |
− | + | } | |
− | + | div#coverProjectIdea { | |
− | + | border: 1px soli black; | |
− | + | position: absolute; | |
− | + | left: 552px; | |
− | + | top: 155px; | |
− | + | width: 200px; | |
− | + | } | |
− | + | div#coverProjectResults { | |
− | + | border: 1px soli black; | |
− | + | position: absolute; | |
+ | left: 548px; | ||
+ | top: 180px; | ||
+ | width: 200px; | ||
+ | } | ||
+ | div#coverModelingTab { | ||
+ | border: 1px soli black; | ||
+ | position: absolute; | ||
+ | width: 697px; | ||
+ | height: 361px; | ||
+ | background: url(https://static.igem.org/mediawiki/2016/3/36/T--Hong_Kong_HKUST--DNAStrandSprite.png) 0 -1093px; | ||
+ | left: 80px; | ||
+ | top: 108px; | ||
+ | transform: scale(0.20) rotate(-72deg); | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | div#svgModelingWrapper { | ||
+ | position: absolute; | ||
+ | border: 1p solid black; | ||
+ | top: 275px; | ||
+ | left: 250px; | ||
+ | height: 30px; | ||
+ | transform: scale(0.2); | ||
+ | } | ||
+ | div#coverModelingModel { | ||
+ | border: 1px soli black; | ||
+ | position: absolute; | ||
+ | left: 559px; | ||
+ | top: 294px; | ||
+ | width: 200px; | ||
+ | } | ||
+ | div#coverModelingStability { | ||
+ | border: 1px soli black; | ||
+ | position: absolute; | ||
+ | left: 533px; | ||
+ | top: 323px; | ||
+ | width: 200px; | ||
+ | } | ||
+ | div#coverHPTab { | ||
+ | border: 1px soli black; | ||
+ | position: absolute; | ||
+ | width: 695px; | ||
+ | height: 337px; | ||
+ | background: url(https://static.igem.org/mediawiki/2016/3/36/T--Hong_Kong_HKUST--DNAStrandSprite.png) 0 -1457px; | ||
+ | left: 4px; | ||
+ | top: 228px; | ||
+ | transform: scale(0.20) rotate(-36deg); | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | div#svgHPWrapper { | ||
+ | position: absolute; | ||
+ | border: 1p solid black; | ||
+ | top: 375px; | ||
+ | left: 112px; | ||
+ | height: 30px; | ||
+ | transform: scale(0.2); | ||
+ | } | ||
+ | div#coverHPIntroduction { | ||
+ | border: 1px soli black; | ||
+ | position: absolute; | ||
+ | left: 462px; | ||
+ | top: 377px; | ||
+ | width: 200px; | ||
+ | } | ||
+ | div#coverHPProduct { | ||
+ | border: 1px soli black; | ||
+ | position: absolute; | ||
+ | left: 417px; | ||
+ | top: 404px; | ||
+ | width: 200px; | ||
+ | } | ||
+ | div#coverHPInfo { | ||
+ | border: 1px soli black; | ||
+ | position: absolute; | ||
+ | left: 410px; | ||
+ | top: 420px; | ||
+ | width: 200px; | ||
+ | } | ||
+ | div#coverHPLearning { | ||
+ | border: 1px soli black; | ||
+ | position: absolute; | ||
+ | left: 410px; | ||
+ | top: 449px; | ||
+ | width: 200px; | ||
+ | } | ||
+ | div#coverFutureTab { | ||
+ | border: 1px soli black; | ||
+ | position: absolute; | ||
+ | width: 696px; | ||
+ | height: 363px; | ||
+ | background: url(https://static.igem.org/mediawiki/2016/3/36/T--Hong_Kong_HKUST--DNAStrandSprite.png) -695px 0; | ||
+ | left: -124px; | ||
+ | top: 257px; | ||
+ | transform: scale(0.20); | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | div#coverAchievementsTab { | ||
+ | border: 1px soli black; | ||
+ | position: absolute; | ||
+ | width: 695px; | ||
+ | height: 361px; | ||
+ | background: url(https://static.igem.org/mediawiki/2016/3/36/T--Hong_Kong_HKUST--DNAStrandSprite.png) -700px -366px; | ||
+ | left: -251px; | ||
+ | top: 217px; | ||
+ | transform: scale(0.20) rotate(36deg); | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | div#svgAchievementsWrapper { | ||
+ | position: absolute; | ||
+ | border: 1p solid black; | ||
+ | top: 400px; | ||
+ | left: -143px; | ||
+ | height: 30px; | ||
+ | transform: scale(0.2); | ||
+ | } | ||
+ | div#coverAchievementsParts { | ||
+ | border: 1px soli black; | ||
+ | position: absolute; | ||
+ | left: -87px; | ||
+ | top: 405px; | ||
+ | width: 200px; | ||
+ | } | ||
+ | div#coverAchievementsMedal { | ||
+ | border: 1px soli black; | ||
+ | position: absolute; | ||
+ | left: -104px; | ||
+ | top: 446px; | ||
+ | width: 200px; | ||
+ | } | ||
+ | div#coverLabTab { | ||
+ | border: 1px soli black; | ||
+ | position: absolute; | ||
+ | width: 698px; | ||
+ | height: 362px; | ||
+ | background: url(https://static.igem.org/mediawiki/2016/3/36/T--Hong_Kong_HKUST--DNAStrandSprite.png) -697px -729px; | ||
+ | left: -329px; | ||
+ | top: 108px; | ||
+ | transform: scale(0.20) rotate(72deg); | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | div#svgLabWrapper { | ||
+ | position: absolute; | ||
+ | border: 1p solid black; | ||
+ | top: 276px; | ||
+ | left: -318px; | ||
+ | height: 30px; | ||
+ | transform: scale(0.2); | ||
+ | } | ||
+ | div#coverLabProtocol { | ||
+ | border: 1px soli black; | ||
+ | position: absolute; | ||
+ | left: -254px; | ||
+ | top: 299px; | ||
+ | width: 200px; | ||
+ | } | ||
+ | div#coverLabSafety { | ||
+ | border: 1px soli black; | ||
+ | position: absolute; | ||
+ | left: -121px; | ||
+ | top: 318px; | ||
+ | width: 200px; | ||
+ | } | ||
+ | div#coverCollaTab { | ||
+ | border: 1px soli black; | ||
+ | position: absolute; | ||
+ | width: 695px; | ||
+ | height: 360px; | ||
+ | background: url(https://static.igem.org/mediawiki/2016/3/36/T--Hong_Kong_HKUST--DNAStrandSprite.png) -695px -1092px; | ||
+ | left: -327px; | ||
+ | top: -23px; | ||
+ | transform: scale(0.20) rotate(-72deg); | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | div#coverInterLabTab { | ||
+ | border: 1px soli black; | ||
+ | position: absolute; | ||
+ | width: 695px; | ||
+ | height: 360px; | ||
+ | background: url(https://static.igem.org/mediawiki/2016/3/36/T--Hong_Kong_HKUST--DNAStrandSprite.png) -698px -1454px; | ||
+ | left: -249px; | ||
+ | top: -130px; | ||
+ | transform: scale(0.20) rotate(-36deg); | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | div#circleContainer span{position: relative;} | ||
+ | #tram{ | ||
+ | transform: scale(0.33); | ||
+ | position: absolute; | ||
+ | top:-279px; | ||
+ | left:-280px; | ||
+ | } | ||
+ | #rail{ | ||
+ | transform: scale(0.15); | ||
+ | position: absolute; | ||
+ | top: -671px; | ||
+ | left: -275px; | ||
+ | } | ||
− | + | div{border: 0px solid black;} | |
− | + | #scrollButton { | |
− | + | display: inline; | |
− | + | transform: translate(50px, 0); | |
− | + | } | |
− | + | img.button { | |
− | + | opacity: 1.0; | |
+ | filter: alpha(opacity=100); /* For IE8 and earlier */ | ||
+ | } | ||
− | + | img.button:hover { | |
− | + | opacity: 0.7; | |
− | + | filter: alpha(opacity=80); /* For IE8 and earlier */ | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + |
Revision as of 07:44, 19 September 2016
#sideMenu, #top_title {display:none;}
- globalWrapper, #content {
width: 100%; height: 100%; border: 0px; margin: 0px; padding: 0px; font-size: 100%;
}
#globalWrapper{border:1px soli orange;}
#content { padding:0px; width:100%; height:100%; margin-top:-7px; margin-left:0px; border: 1px dotte blue; background: transparent;} body {background-color:white;}
#HQ_page {height:100%;} #bodyContent {border: 1px soli red; height:100%;} #mw-content-text {height:100%;} #content_wrapper {width:100%;}
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } div#circleContainer {
border: 1px soli black; border-radius: 50%; width: 450px; height: 450px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0;
} div#coverHomeTab {
border: 1px soli black; position: absolute; width: 695px; height: 360px; background: url() 0 0; left: -124px; top: -171px; transform: scale(0.20); cursor: pointer;
} div#coverAbout{
border: 1px soli black; position: absolute; left: 272px; top:-2px;
} div#coverAboutTab { border: 1px soli black;
position: absolute; width: 695px; height: 359px; background: url() 0 -365px; left: -272px; top: -129px; transform: scale(0.20) rotate(36deg); transition: background 0.5s; cursor: pointer;
} div#coverAboutTeam {
border: 1px soli black; position: absolute; left: 197px; top: 4px; width: 150px;
} div#coverAboutAttribution {
border: 1px soli black; position: absolute; left: 207px; top: 45px;
} div#svgAboutWrapper {
position: absolute; border: px solid black; top: 0px; left: -98px; height: 30px; transform: scale(0.2);
} div#coverProjectTab {
border: 1px soli black; position: absolute; width: 697px; height: 360px; background: url() 0 -729px; left: 78px; top: -25px; transform: scale(0.20) rotate(72deg); cursor: pointer;
} div#svgProjectWrapper {
position: absolute; border: 1x solid black; top:113px; left: 271px; height: 30px; transform: scale(0.2);
} div#coverProjectOverview {
border: 1px soli black; position: absolute; left: 552px; top: 115px; width: 150px;
} div#coverProjectIdea {
border: 1px soli black; position: absolute; left: 552px; top: 155px; width: 200px;
} div#coverProjectResults {
border: 1px soli black; position: absolute; left: 548px; top: 180px; width: 200px;
} div#coverModelingTab {
border: 1px soli black; position: absolute; width: 697px; height: 361px; background: url() 0 -1093px; left: 80px; top: 108px; transform: scale(0.20) rotate(-72deg); cursor: pointer;
} div#svgModelingWrapper {
position: absolute; border: 1p solid black; top: 275px; left: 250px; height: 30px; transform: scale(0.2);
} div#coverModelingModel {
border: 1px soli black; position: absolute; left: 559px; top: 294px; width: 200px;
} div#coverModelingStability {
border: 1px soli black; position: absolute; left: 533px; top: 323px; width: 200px;
} div#coverHPTab {
border: 1px soli black; position: absolute; width: 695px; height: 337px; background: url() 0 -1457px; left: 4px; top: 228px; transform: scale(0.20) rotate(-36deg); cursor: pointer;
} div#svgHPWrapper {
position: absolute; border: 1p solid black; top: 375px; left: 112px; height: 30px; transform: scale(0.2);
} div#coverHPIntroduction {
border: 1px soli black; position: absolute; left: 462px; top: 377px; width: 200px;
} div#coverHPProduct {
border: 1px soli black; position: absolute; left: 417px; top: 404px; width: 200px;
} div#coverHPInfo {
border: 1px soli black; position: absolute; left: 410px; top: 420px; width: 200px;
} div#coverHPLearning {
border: 1px soli black; position: absolute; left: 410px; top: 449px; width: 200px;
} div#coverFutureTab {
border: 1px soli black; position: absolute; width: 696px; height: 363px; background: url() -695px 0; left: -124px; top: 257px; transform: scale(0.20); cursor: pointer;
} div#coverAchievementsTab {
border: 1px soli black; position: absolute; width: 695px; height: 361px; background: url() -700px -366px; left: -251px; top: 217px; transform: scale(0.20) rotate(36deg); cursor: pointer;
} div#svgAchievementsWrapper {
position: absolute; border: 1p solid black; top: 400px; left: -143px; height: 30px; transform: scale(0.2);
} div#coverAchievementsParts {
border: 1px soli black; position: absolute; left: -87px; top: 405px; width: 200px;
} div#coverAchievementsMedal {
border: 1px soli black; position: absolute; left: -104px; top: 446px; width: 200px;
} div#coverLabTab {
border: 1px soli black; position: absolute; width: 698px; height: 362px; background: url() -697px -729px; left: -329px; top: 108px; transform: scale(0.20) rotate(72deg); cursor: pointer;
} div#svgLabWrapper {
position: absolute; border: 1p solid black; top: 276px; left: -318px; height: 30px; transform: scale(0.2);
} div#coverLabProtocol {
border: 1px soli black; position: absolute; left: -254px; top: 299px; width: 200px;
} div#coverLabSafety {
border: 1px soli black; position: absolute; left: -121px; top: 318px; width: 200px;
} div#coverCollaTab {
border: 1px soli black; position: absolute; width: 695px; height: 360px; background: url() -695px -1092px; left: -327px; top: -23px; transform: scale(0.20) rotate(-72deg); cursor: pointer;
} div#coverInterLabTab {
border: 1px soli black; position: absolute; width: 695px; height: 360px; background: url() -698px -1454px; left: -249px; top: -130px; transform: scale(0.20) rotate(-36deg); cursor: pointer;
} div#circleContainer span{position: relative;}
- tram{
transform: scale(0.33); position: absolute; top:-279px; left:-280px;
}
- rail{
transform: scale(0.15); position: absolute; top: -671px; left: -275px;
}
div{border: 0px solid black;}
- scrollButton {
display: inline; transform: translate(50px, 0); }
img.button {
opacity: 1.0; filter: alpha(opacity=100); /* For IE8 and earlier */
}
img.button:hover {
opacity: 0.7; filter: alpha(opacity=80); /* For IE8 and earlier */
}