Team:Hong Kong-CUHK/home.html
From 2014.igem.org
(Difference between revisions)
m |
|||
Line 44: | Line 44: | ||
background-image: url('https://static.igem.org/mediawiki/2014/thumb/b/b8/Rail-line.png/800px-Rail-line.png'); | background-image: url('https://static.igem.org/mediawiki/2014/thumb/b/b8/Rail-line.png/800px-Rail-line.png'); | ||
background-repeat: repeat-x; | background-repeat: repeat-x; | ||
- | background-size: | + | background-size: auto 100%; |
} | } | ||
#train { | #train { | ||
Line 65: | Line 65: | ||
background-image: url('https://static.igem.org/mediawiki/2014/e/ea/Cuhk-bg.png'); | background-image: url('https://static.igem.org/mediawiki/2014/e/ea/Cuhk-bg.png'); | ||
} | } | ||
+ | #widthWrapper { | ||
+ | min-width: 1200px; | ||
+ | } | ||
+ | .container-fluid, | ||
.container { | .container { | ||
+ | padding: 0; | ||
+ | } | ||
+ | .row { | ||
+ | margin: 0; | ||
+ | } | ||
+ | .navbar-header { | ||
+ | margin-left: 0 !important; | ||
+ | margin-right: 0 !important; | ||
+ | float: left !important; | ||
+ | } | ||
+ | .navbar-brand { | ||
+ | margin-left: 0px !important; | ||
+ | } | ||
+ | .navbar { | ||
+ | min-width: 1200px; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | .navbar .container { | ||
margin-left: 20px; | margin-left: 20px; | ||
+ | min-width: 1170px; | ||
+ | } | ||
+ | .content-wrapper { | ||
+ | top: 0px; | ||
+ | left: 0px; | ||
+ | position: relative; | ||
+ | width: 100%; | ||
} | } | ||
#footer-box { | #footer-box { | ||
Line 313: | Line 342: | ||
} | } | ||
return null; | return null; | ||
+ | } | ||
+ | |||
+ | function getWindowWidth() { | ||
+ | var windowWidth = 0; | ||
+ | if (document.documentElement && document.documentElement.clientWidth) { | ||
+ | windowWidth = document.documentElement.clientWidth; | ||
+ | } else { | ||
+ | if (document.body && document.body.clientWidth) { | ||
+ | windowWidth = document.body.clientWidth; | ||
+ | } | ||
+ | } | ||
+ | return windowWidth; | ||
} | } | ||
Line 342: | Line 383: | ||
$("#traffic-light").hide(); | $("#traffic-light").hide(); | ||
} | } | ||
+ | |||
+ | $('.content-wrapper').css({ | ||
+ | 'left': Math.min($(this).scrollLeft(), $('.navbar').width() - getWindowWidth()) | ||
+ | }); | ||
+ | e.preventDefault(); | ||
}); | }); | ||
}); | }); | ||
Line 347: | Line 393: | ||
<body> | <body> | ||
- | <div class="navbar" style="background-image: url('https://static.igem.org/mediawiki/2014/f/f0/Menu-bg.jpg') "> | + | <div id="widthWrapper"> |
- | + | <div class="container-fluid"> | |
- | + | <div class="navbar" style="background-image: url('https://static.igem.org/mediawiki/2014/f/f0/Menu-bg.jpg') "> | |
- | + | <div class="container"> | |
- | + | <div class="navbar-header"> | |
- | + | <a class="navbar-brand" herf="https://2014.igem.org/"> | |
- | + | <img src="https://static.igem.org/mediawiki/2014/3/30/Igemlogocuhk.png" height="50px" align="right"> | |
- | + | </a> | |
+ | <br> | ||
+ | <a class="navbar-brand" href="https://2014.igem.org/Team:Hong_Kong-CUHK"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/thumb/4/49/CUHKwikiLogo.png/600px-CUHKwikiLogo.png" height="130"> | ||
+ | </a> | ||
- | + | </div> | |
- | < | + | <div class="col-xs-10"> |
- | + | <div class="row"> | |
- | + | <div id="train"> | |
- | + | <div id="train-link"></div> | |
- | + | <div id="train-sublink"></div> | |
- | + | </div> | |
- | + | </div> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</div> | </div> | ||
</div> | </div> | ||
+ | <div id="navbar-separator" style="background-color: #ffffff;"></div> | ||
</div> | </div> | ||
</div> | </div> | ||
- | |||
</div> | </div> | ||
<div id="traffic-light"> | <div id="traffic-light"> | ||
<a href="#"> </a> | <a href="#"> </a> | ||
</div> | </div> | ||
- | <div class=" | + | <div class="container-fluid content-wrapper"> |
- | + | <div class="row"> | |
- | <div | + | <div id="wiki-content"></div> |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</div> | </div> | ||
- | |||
</div> | </div> | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 16:41, 17 October 2014