Difference between revisions of "Template:CSU CHINA"

(Blanked the page)
Line 1: Line 1:
 +
<html>
  
 +
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 +
<!--- THIS IS WHERE THE HTML BEGINS --->
 +
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 +
 +
<head>
 +
    <meta charset="utf-8">
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
<!-- bootstrap -->
 +
<link rel="stylesheet" href="https://2019.igem.org/Template:CSU_CHINA/CSS/Bootstrap?action=raw&ctype=text/css" type="text/css">
 +
<!-- Font-Awesome-Icons-CSS -->
 +
<link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/5.10.2/css/all.css" type="text/css">
 +
    <!-- jquery.min.js -->
 +
    <script src="https://2019.igem.org/Template:CSU_CHINA/JS/jquery?action=raw&amp;ctype=text/javascript"></script>
 +
    <!-- Bootstrap.min.js -->
 +
    <script src="https://2019.igem.org/Template:CSU_CHINA/JS/bootstrapminjs?action=raw&amp;ctype=text/javascript"></script>
 +
    <!-- Bootstrap.bundle.js -->
 +
    <script src="https://2019.igem.org/Template:CSU_CHINA/JS/bootstrapbundleminjs?action=raw&amp;ctype=text/javascript"></script>
 +
</head>
 +
 +
<style>
 +
body{
 +
padding:0;
 +
margin:0;
 +
}
 +
body a{
 +
    transition:0.5s all;
 +
-webkit-transition:0.5s all;
 +
-moz-transition:0.5s all;
 +
-o-transition:0.5s all;
 +
-ms-transition:0.5s all;
 +
}
 +
a:hover{
 +
text-decoration:none;
 +
}
 +
h1,h2,h3,h4,h5,h6{
 +
margin:0;
 +
}
 +
p{
 +
margin:0;
 +
}
 +
ul{
 +
margin:0;
 +
padding:0;
 +
}
 +
div#top_title{
 +
    display:none;
 +
}
 +
/*--/navbar--*/
 +
.navbar {
 +
height: 110px;
 +
margin-top: 16px;
 +
padding-top: 0px;
 +
padding-bottom: 0px;
 +
    font-size:17px;
 +
}
 +
#navbarSupportedContent{
 +
height: 100px;
 +
}
 +
nav.navbar{
 +
    width: 100%;
 +
    background-color: rgba(17, 17, 17, 0.70) !important;
 +
    transition: all 0.3s ease;
 +
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
 +
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
 +
}
 +
nav.shrink{
 +
width: 100%;
 +
    background-color: rgba(17, 17, 17, 0.80) !important;
 +
    transition: all 0.3s ease;
 +
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
 +
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
 +
}
 +
a.navbar-brand {
 +
    font-size: 1em;
 +
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.37);
 +
    color: #fff;
 +
}
 +
 +
.navlink{
 +
padding: 0px;
 +
}
 +
 +
.navbar-light .navbar-brand {
 +
margin-right: 0px;
 +
    color: #fff;
 +
    font-weight: 100;
 +
}
 +
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
 +
    color: #fff;
 +
}
 +
li.nav-item {
 +
    margin: 10px;
 +
}
 +
 +
.navbar-light .navbar-nav .nav-link{
 +
background: -webkit-linear-gradient(left bottom, #cccccc, #ffffff); /* Safari 5.1 - 6.0 */
 +
background: -o-linear-gradient(top right, #cccccc, #ffffff); /* Opera 11.1 - 12.0 */
 +
background: -moz-linear-gradient(top right, #cccccc, #ffffff); /* Firefox 3.6 - 15 */
 +
background: linear-gradient(to top right, #cccccc, #ffffff); /* Standard */
 +
-webkit-background-clip: text; /* Safari 5.1 - 6.0 */
 +
-o-background-clip: text; /* Opera 11.1 - 12.0 */
 +
-moz-background-clip: text; /* Firefox 3.6 - 15 */
 +
background-clip: text; /* Standard */
 +
color: transparent;
 +
}
 +
 +
.dropdown-toggle::after{
 +
    color: #bfbfbf;
 +
}
 +
 +
.nav-item:hover .dropdown-toggle::after{
 +
color: rgba(0, 0, 0, 0);
 +
transition: color 0.15s;
 +
    -webkit-transition: color 0.15s; /* Safari */
 +
}
 +
 +
.navbar-light .navbar-nav .show > .nav-link,
 +
.navbar-light .navbar-nav .active > .nav-link,
 +
.navbar-light .navbar-nav .nav-link:hover,
 +
.navbar-light .navbar-nav .nav-link:focus {
 +
    color: white;
 +
}
 +
 +
.nav-item:hover .nav-link{
 +
color: white;
 +
}
 +
 +
.dropdown-item {
 +
    padding: 0.5em 1.5rem;
 +
    margin: 0;
 +
}
 +
 +
.dropdown-menu {
 +
    margin: -1px;
 +
    padding: 0;
 +
}
 +
 +
li.nav-item.active,li.nav-item:hover {
 +
    border-bottom: 2px solid #7070db;
 +
    display: inline-block;
 +
}
 +
 +
.dropdown-item:hover .navbar-nav .nav-link,
 +
.dropdown-item:focus .navbar-nav .nav-link{
 +
color: #ffffff;
 +
}
 +
 +
.dropdown-item:hover,
 +
.dropdown-item:focus {
 +
    color: #4c6ef5;
 +
    text-decoration: none;
 +
    background-color: #f0f0f1;
 +
}
 +
 +
#content{
 +
    width: 100%;
 +
    padding: 0;
 +
    border: 0;
 +
    margin: 0;
 +
}
 +
#bodyContent a[href ^="https://"], .link-https{
 +
padding: 0px;
 +
}
 +
 +
/*-- //header --*/
 +
</style>
 +
 +
<body>
 +
    <nav class="navbar navbar-expand-lg navbar-light fixed-top">
 +
        <a class="navbar-brand" href="index.html">
 +
            <img src="https://static.igem.org/mediawiki/2019/c/ca/T--CSU_CHINA--LOGOWITHWORDS.png" alt="logo" style="height: 75px">
 +
        </a>
 +
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent">
 +
                <span class="navbar-toggler-icon"></span>
 +
        </button>
 +
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
 +
            <ul class="navbar-nav ml-lg-auto text-center">
 +
                <li class="nav-item active">
 +
                    <a class="nav-link" href="https://2019.igem.org/Team:CSU_CHINA">HOME</a>
 +
                </li>
 +
                <li class="nav-item dropdown">
 +
                    <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">TEAM</a>
 +
                    <div class="dropdown-menu" aria-labelledby="navbarDropdown">
 +
                    <a class="dropdown-item" href="#" title="">TEAM1</a>
 +
                    <a class="dropdown-item" href="#" title="">TEAM2</a>
 +
                    </div>
 +
                </li>
 +
                <li class="nav-item">
 +
                    <a class="nav-link" href="features.html">MODEL</a>
 +
                </li>
 +
                <li class="nav-item dropdown">
 +
                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown1" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">HP</a>
 +
                    <div class="dropdown-menu" aria-labelledby="navbarDropdown">
 +
                        <a class="dropdown-item" href="#">INTERGRATED</a>
 +
                        <a class="dropdown-item" href="#">EDUCATION</a>
 +
                        <a class="dropdown-item" href="#">GOVERMENT</a>
 +
                        <a class="dropdown-item" href="#">PHILOSOPHY</a>
 +
                    </div>
 +
                </li>
 +
                <li class="nav-item">
 +
                        <a class="nav-link" href="contact.html">LAB</a>
 +
                </li>
 +
                <li class="nav-item dropdown">
 +
                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown1" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">PARTS</a>
 +
                    <div class="dropdown-menu" aria-labelledby="navbarDropdown">
 +
                        <a class="dropdown-item" href="#">PART1</a>
 +
                        <a class="dropdown-item" href="#">PART2</a>
 +
                        <a class="dropdown-item" href="#">PART3</a>
 +
                    </div>
 +
                </li>
 +
                <li class="nav-item">
 +
                    <a class="nav-link" href="contact.html">SAFETY</a>
 +
                </li>
 +
                <li class="nav-item dropdown">
 +
                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown1" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">PROJECT</a>
 +
                    <div class="dropdown-menu" aria-labelledby="navbarDropdown">
 +
                        <a class="dropdown-item" href="#">DESCRIPTION</a>
 +
                        <a class="dropdown-item" href="#">DESIGN</a>
 +
                        <a class="dropdown-item" href="#">RESULTS</a>
 +
                    </div>
 +
                </li>
 +
                <li class="nav-item">
 +
                    <a class="nav-link" href="#">JUDGING</a>
 +
                </li>
 +
            </ul>
 +
        </div>
 +
    </nav>
 +
<script>
 +
        $(document).ready(function() {
 +
            $(".dropdown").hover(
 +
                function() {
 +
                    $('.dropdown-menu', this).stop(true, true).slideDown("fast");
 +
                    $(this).toggleClass('open');
 +
                },
 +
                function() {
 +
                    $('.dropdown-menu', this).stop(true, true).slideUp("fast");
 +
                    $(this).toggleClass('open');
 +
                }
 +
            );
 +
        });
 +
</script>
 +
        <!-- //dropdown nav -->
 +
    <!-- fixed nav -->
 +
    <script>
 +
        $(window).scroll(function () {
 +
            if ($(document).scrollTop() > 50) {
 +
                $('nav').addClass('shrink');
 +
            } else {
 +
                $('nav').removeClass('shrink');
 +
            }
 +
        });
 +
    </script>
 +
<!-- //fixed nav -->
 +
<script type="text/javascript">
 +
    $(document).ready(function () {
 +
        $('#horizontalTab').easyResponsiveTabs({
 +
            type: 'default', //Types: default, vertical, accordion         
 +
            width: 'auto', //auto or any width like 600px
 +
            fit: true  // 100% fit in a container
 +
        });
 +
    });
 +
</script>
 +
</body>
 +
</html>

Revision as of 08:23, 23 September 2019