|
|
| (4 intermediate revisions by the same user not shown) |
| Line 5: |
Line 5: |
| | <link rel="stylesheet" href="https://2016.igem.org/Team:BIT-China/css/template/reset?action=raw&ctype=text/css"> | | <link rel="stylesheet" href="https://2016.igem.org/Team:BIT-China/css/template/reset?action=raw&ctype=text/css"> |
| | <link rel="stylesheet" href="https://2016.igem.org/Team:BIT-China/css/template/navStyle?action=raw&ctype=text/css"> | | <link rel="stylesheet" href="https://2016.igem.org/Team:BIT-China/css/template/navStyle?action=raw&ctype=text/css"> |
| − | <style>
| |
| − | .main-container{
| |
| − | background:white;
| |
| − | position:fixed;
| |
| − | width:100%;
| |
| − | height:70px;
| |
| − | }
| |
| − |
| |
| − | .NCTU_Formosa{
| |
| − | position:relative;
| |
| − | width:50px;
| |
| − | height:50px;
| |
| − | overflow:visible;
| |
| − | top:10px;
| |
| − | left:120px;
| |
| − | }
| |
| − |
| |
| − | nav{
| |
| − | font-size:1em;
| |
| − | position:relative;
| |
| − | margin-top:20%
| |
| − | margin-right:5%;
| |
| − | height:auto;
| |
| − | flaot:right;
| |
| − | }
| |
| − | ul{
| |
| − | list-style-type: none;
| |
| − | margin:0;
| |
| − | padding:0;
| |
| − | overflow:hidden;
| |
| − | display:block;
| |
| − | }
| |
| − |
| |
| − | li{
| |
| − | float:left;
| |
| − | padding:3px;
| |
| − | }
| |
| − |
| |
| − | nav>ul>li>a{
| |
| − | color:black;
| |
| − | }
| |
| − |
| |
| − | li > a, .dropbtn {
| |
| − | display: inline-block;
| |
| − | text-align: center;
| |
| − | text-color:black !important;
| |
| − | padding: 14px 16px;
| |
| − | text-decoration:none;
| |
| − | }
| |
| − |
| |
| − | /*下拉式menu*/
| |
| − | li .dropdown{
| |
| − | display:inline-block;
| |
| − | }
| |
| − | li > a:hover, .dropdown:hover .dropbtn{
| |
| − | background:#D9D9D9;
| |
| − | color:#000080;
| |
| − | }
| |
| | | | |
| − | .dropdown-content{
| |
| − | display:none;
| |
| − | background:white;
| |
| − | position:absolute;
| |
| − | width:120px;
| |
| − | text-align:center;
| |
| − | }
| |
| − | .dropdown-content a{
| |
| − | color: black;
| |
| − | padding:10px;
| |
| − | text-decoration: none;
| |
| − | display: block;
| |
| − | text-align: center;
| |
| − | size:1.25em;
| |
| − | }
| |
| − |
| |
| − | .dropdown:hover .dropdown-content{
| |
| − | display: block;
| |
| − |
| |
| − | }
| |
| − |
| |
| − | .dropdown-content a:hover{
| |
| − | background-color:#D9D9D9;
| |
| − | }
| |
| − |
| |
| − | .dropdown-content a:active{
| |
| − | position:relative;
| |
| − | top:3px;
| |
| − | }
| |
| − |
| |
| − | </style>
| |
| | </head> | | </head> |
| | <body> | | <body> |
| − | <div class="main-container";>
| |
| − | <!--隊徽-->
| |
| − | <img src="NCTU.png" class="NCTU_Formosa"></img>
| |
| − | <!--下拉選單-->
| |
| − | <nav style="float:right;">
| |
| − | <ul>
| |
| − | <li>
| |
| − | <a href="https://2016.igem.org/Team:NCTU_Formosa">HOME</a>
| |
| − | </li>
| |
| − |
| |
| − | <li class="dropdown">
| |
| − | <a href="#####" class="dropbtn">PROJECT</a>
| |
| − | <div class="dropdown-content">
| |
| − | <a href="https://2016.igem.org/Team:NCTU_Formosa/Description">DESCRIPTION</a>
| |
| − | <a href="https://2016.igem.org/Team:NCTU_Formosa/Design">DESIGN</a>
| |
| − | <a href="https://2016.igem.org/Team:NCTU_Formosa/Results">RESULT</a>
| |
| − | <a href="https://2016.igem.org/Team:NCTU_Formosa/Model">MODELING</a>
| |
| − | <a href="https://2016.igem.org/Team:NCTU_Formosa/Safety">SAFETY</a>
| |
| − | </div>
| |
| − | </li>
| |
| − |
| |
| − | <li class="dropdown">
| |
| − | <a href="https://2016.igem.org/Team:NCTU_Formosa/Parts" class="dropbtn">PARTS</a>
| |
| − | <div class="dropdown-content">
| |
| − | <a href="https://2016.igem.org/Team:NCTU_Formosa/Basic_Part">BASIC PARTS</a>
| |
| − | <a href="https://2016.igem.org/Team:NCTU_Formosa/Composite_Part">COMPOSITE PARTS</a>
| |
| − | <a href="https://2016.igem.org/Team:NCTU_Formosa/Part_Collection">PART COLLECTION</a>
| |
| − | </div>
| |
| − | </li>
| |
| − |
| |
| − | <li class="dropdown">
| |
| − | <a href="https://2016.igem.org/Team:NCTU_Formosa/Notebook" class="dropbtn">Notebook</a>
| |
| − | <div class="dropdown-content">
| |
| − | <a href="#">Lab Safety</a>
| |
| − | <a href="#">Lab Note</a>
| |
| − | <a href="#">Protocol</a>
| |
| − | </div>
| |
| − | </li>
| |
| − |
| |
| − | <li class="dropdown">
| |
| − | <a href="https://2016.igem.org/Team:NCTU_Formosa/Human_Practices" class="dropbtn">Human Practice</a>
| |
| − | <div class="dropdown-content">
| |
| − | <a href="https://2016.igem.org/Team:NCTU_Formosa/Collaborations">Collaborations</a>
| |
| − | <a href="#">2</a>
| |
| − | <a href="#">3</a>
| |
| − | </div>
| |
| − | </li>
| |
| − |
| |
| − | <li>
| |
| − | <a href="https://2016.igem.org/Team:NCTU_Formosa/Attributions">Attributions</a>
| |
| − | </li>
| |
| − |
| |
| − | <li>
| |
| − | <a href="https://2016.igem.org/Team:NCTU_Formosa/Team">Team</a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </nav>
| |
| − | </div>
| |
| − | </div>
| |
| | </body> | | </body> |
| | </html> | | </html> |
