Difference between revisions of "Template:BIT-China"

Line 2: Line 2:
 
<style>
 
<style>
  
 +
        body {
 +
            height: 100%;
 +
            width: 100%;
 +
            background-color: rgba(242,215,188,0.4);
 +
        }
 
         #content{
 
         #content{
 
             width: 100%;
 
             width: 100%;
−
            margin: 0;
 
 
             padding: 0;
 
             padding: 0;
 
         }
 
         }
Line 12: Line 16:
 
         #sideMenu{
 
         #sideMenu{
 
             display: none;
 
             display: none;
 +
        }
 +
 +
        .nav_bar{
 +
            width: 100%;
 +
            height: 70px;
 +
            background: url("https://static.igem.org/mediawiki/2017/3/38/Bit-china-2017logo.svg")  no-repeat left top;
 +
            background-size: cover;
 +
            position: relative;
 +
            z-index: 1;
 +
        }
 +
 +
        .nav_bar ul{
 +
            list-style: none;
 +
            margin: 0;
 +
            padding: 0;
 +
        }
 +
        .nav_bar>ul{
 +
            position: absolute;
 +
            right: 100px;
 +
            text-align: center;
 +
        }
 +
        .nav_bar ul li{
 +
            margin: 0;
 +
            padding:0;
 +
            width: 120px;
 +
            height: 30px;
 +
            background: #002e3b;
 +
        }
 +
        .nav_bar>ul>li{
 +
            float: left;
 +
            height: 70px;
 +
            background: transparent;
 +
        }
 +
        .nav_bar ul li a{
 +
            padding: 0 10px;
 +
            font-weight: bold;
 +
            font-family: 'Quicksand', sans-serif;
 +
            text-decoration: none;
 +
            color: #ffffff;
 +
            /*禁止选中*/
 +
            -webkit-user-select: none;
 +
            -moz-user-select: none;
 +
            -ms-user-select: none;
 +
            user-select: none;
 +
        }
 +
        .nav_bar>ul>li>a{
 +
            /*垂直居中*/
 +
            line-height: 70px;
 +
        }
 +
        .sub_menu{
 +
            display: none;
 +
            text-align: center;
 +
        }
 +
        .sub_menu li a{
 +
            font-size: 0.9em;
 +
            line-height: 30px;
 +
        }
 +
 +
        .sub_menu>li:hover,
 +
        .sub_menu>li:focus{
 +
            background: #003e51;
 +
            text-decoration: underline;
 +
            cursor: pointer;
 +
        }
 +
        .nav_bar>ul>li:hover,
 +
        .nav_bar>ul>li:focus{
 +
            background: rgba(0, 46, 59, 0.3);
 +
        }
 +
 +
        .nav_bar>ul>li:hover .sub_menu,
 +
        .nav_bar>ul>li:focus .sub_menu{
 +
            display: block;
 
         }
 
         }
 
</style>
 
</style>
 
<body>
 
<body>
 +
 +
<nav class="nav_bar">
 +
    <ul>
 +
        <li>
 +
            <a href="https://2017.igem.org/Team:BIT-China/Project">Project</a>
 +
            <ul class="sub_menu">
 +
                <li><a href="https://2017.igem.org/Team:BIT-China/Description">
 +
                    Description</a>
 +
                </li>
 +
                <li><a href="https://2017.igem.org/Team:BIT-China/Sense">
 +
                    Sense</a>
 +
                </li>
 +
                <li><a href="https://2017.igem.org/Team:BIT-China/Transduction">
 +
                    Transduction</a>
 +
                </li>
 +
                <li><a href="https://2017.igem.org/Team:BIT-China/Detection">
 +
                    Detection</a>
 +
                </li>
 +
                <li><a href="https://2017.igem.org/Team:BIT-China/Result">
 +
                    Result</a>
 +
                </li>
 +
            </ul>
 +
        </li>
 +
 +
        <li>
 +
            <a href="https://2017.igem.org/Team:BIT-China/Modeling"
 +
              >Modeling</a>
 +
            <ul class="sub_menu">
 +
                <li><a href="https://2017.igem.org/Team:BIT-China/Overview">
 +
                    Overview</a>
 +
                </li>
 +
                <li><a href="https://2017.igem.org/Team:BIT-China/Docking">
 +
                    Docking</a>
 +
                </li>
 +
                <li><a href="https://2017.igem.org/Team:BIT-China/GPCRpathway">
 +
                    GPCR pathway</a>
 +
                </li>
 +
            </ul>
 +
        </li>
 +
 +
 +
        <li>
 +
            <a href="https://2017.igem.org/Team:BIT-China/Achievement">Achievement</a>
 +
            <ul class="sub_menu">
 +
                <li><a href="https://2017.igem.org/Team:BIT-China/Parts">
 +
                    Parts</a>
 +
                </li>
 +
                <li><a href="https://2017.igem.org/Team:BIT-China/Medal">
 +
                    Medal</a>
 +
                </li>
 +
            </ul>
 +
        </li>
 +
 +
        <li>
 +
            <a href="https://2017.igem.org/Team:BIT-China/HP">HP</a>
 +
            <ul class="sub_menu">
 +
                <li><a href="https://2017.igem.org/Team:BIT-China/Material">
 +
                    Material</a>
 +
                </li>
 +
                <li><a href="https://2017.igem.org/Team:BIT-China/Notebook">
 +
                    Notebook</a>
 +
                </li>
 +
                <li><a href="https://2017.igem.org/Team:BIT-China/Protocol">
 +
                    Protocol</a>
 +
                </li>
 +
                <li><a href="https://2017.igem.org/Team:BIT-China/Equipment">
 +
                    Equipment</a>
 +
                </li>
 +
            </ul>
 +
        </li>
 +
 +
 +
        <li>
 +
            <a href="https://2017.igem.org/Team:BIT-China/Laboratory"
 +
              >Laboratory</a>
 +
            <ul class="sub_menu">
 +
                <li><a href="https://2017.igem.org/Team:BIT-China/HPhome">
 +
                    Hp home</a>
 +
                </li>
 +
                <li><a href="https://2017.igem.org/Team:BIT-China/Education">
 +
                    Education</a>
 +
                </li>
 +
                <li><a href="https://2017.igem.org/Team:BIT-China/Integration">
 +
                    Integration</a>
 +
                </li>
 +
                <li><a href="https://2017.igem.org/Team:BIT-China/Collaboration">
 +
                    Collaboration</a>
 +
                </li>
 +
            </ul>
 +
        </li>
 +
 +
 +
        <li>
 +
            <a href="https://2017.igem.org/Team:BIT-China/Team">Team</a>
 +
            <ul class="sub_menu">
 +
                <li><a href="https://2017.igem.org/Team:BIT-China/Member">
 +
                    Member</a>
 +
                </li>
 +
                <li><a href="https://2017.igem.org/Team:BIT-China/Gallery">
 +
                    Gallery</a>
 +
                </li>
 +
            </ul>
 +
        </li>
 +
 +
    </ul>
 +
</nav>
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 07:36, 3 October 2017