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: contain;
+
     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">
+
        <div class="container-fluid">
-
            <div class="navbar-header">
+
            <div class="navbar" style="background-image: url('https://static.igem.org/mediawiki/2014/f/f0/Menu-bg.jpg') ">
-
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".nav-collapse">
+
                <div class="container">
-
                    <span class="icon-bar"></span>
+
                    <div class="navbar-header">
-
                    <span class="icon-bar"></span>
+
                        <a class="navbar-brand" herf="https://2014.igem.org/">
-
                    <span class="icon-bar"></span>
+
                            <img src="https://static.igem.org/mediawiki/2014/3/30/Igemlogocuhk.png" height="50px" align="right">
-
                </button>
+
                        </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>
-
                <a class="navbar-brand" herf="https://2014.igem.org/">
+
                     </div>
-
                     <img src="https://static.igem.org/mediawiki/2014/3/30/Igemlogocuhk.png" height="50px" align="right">
+
                     <div class="col-xs-10">
-
                </a>
+
                        <div class="row">
-
                <br>
+
                            <div id="train">
-
                <a class="navbar-brand" href="https://2014.igem.org/Team:Hong_Kong-CUHK">
+
                                <div id="train-link"></div>
-
                     <img src="https://static.igem.org/mediawiki/2014/thumb/4/49/CUHKwikiLogo.png/600px-CUHKwikiLogo.png" height="130">
+
                                <div id="train-sublink"></div>
-
                </a>
+
                            </div>
-
 
+
                        </div>
-
            </div>
+
-
            <div class="col-md-10">
+
-
                <div class="row">
+
-
                    <div id="train">
+
-
                        <div id="train-link"></div>
+
-
                        <div id="train-sublink"></div>
+
                     </div>
                     </div>
                 </div>
                 </div>
 +
                <div id="navbar-separator" style="background-color: #ffffff;"></div>
             </div>
             </div>
         </div>
         </div>
-
        <div id="navbar-separator" style="background-color: #ffffff;"></div>
 
     </div>
     </div>
     <div id="traffic-light">
     <div id="traffic-light">
         <a href="#">&nbsp;</a>
         <a href="#">&nbsp;</a>
     </div>
     </div>
-
     <div class="row">
+
     <div class="container-fluid content-wrapper">
-
 
+
         <div class="row">
-
         <div id="wrapper" class="center-block">
+
             <div id="wiki-content"></div>
-
 
+
-
             <div id="content-wrapper" class="col-xs-10 col-xs-offset-1">
+
-
                <div id="wiki-content"></div>
+
-
            </div>
+
         </div>
         </div>
-
        <div id="top-bar"></div>
 
     </div>
     </div>
</body>
</body>
</html>
</html>

Revision as of 16:41, 17 October 2014