Team:Peking
From 2014.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
- | + | <html> | |
- | <html> | + | |
<head> | <head> | ||
- | <meta charset="utf-8"> | + | <meta charset="utf-8"> |
- | <title>first try</title> | + | <title>first try</title> |
- | <style> | + | |
- | + | <style type="text/css"> | |
- | /* hiding the top section*/ | + | |
- | body{position:absolute; top:0px; width:100%; height:1300px;} | + | /* hiding the top section*/ |
- | #top-section{ | + | body{position:absolute; top:0px; width:100%; height:1300px;} |
- | + | #top-section{ | |
- | + | height:0px; | |
- | + | border:none; | |
- | + | width:980px; | |
- | + | margin:0 auto; | |
- | + | padding:0 0 0 0; | |
- | + | background-color:transparent; | |
- | + | overflow:hide; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | # | + | #p-logo{display:none;} |
- | background-color:transparent; | + | #search-controls{display:none;} |
- | border:none; | + | #top{display:none;} |
+ | .firstHeading{display:none;} | ||
+ | /* end of hiding the top section*/ | ||
+ | |||
+ | /* global setting*/ | ||
+ | #globalWrapper{position:absolute; top:0px;left:0px; width:100%; padding:0 0 0 0;margin:0 0 0 0;height:100%;font-family: calibri, Arial, Helvetica, sans-serif;} | ||
+ | #content{ | ||
+ | background-color:transparent; | ||
+ | border:none; | ||
+ | width:1200px; | ||
+ | height:700px; | ||
+ | marign:0 auto; | ||
+ | padding:0 0 0 0; | ||
+ | top:-40px; | ||
+ | } | ||
+ | #bodyContent{ | ||
+ | background-color:transparent; | ||
+ | border:none; | ||
+ | |||
+ | } | ||
+ | siteSub{ | ||
+ | display:none; | ||
+ | border:none; | ||
+ | } | ||
+ | contentSub{ | ||
+ | display:none; | ||
+ | } | ||
+ | /* end of global setting*/ | ||
+ | |||
+ | /*hiding the footer-box*/ | ||
+ | #footer-box{display:none;} | ||
+ | #catlinks{display:none;} | ||
+ | /*end of hiding the footer book*/ | ||
+ | /* menu (page, edit ...) */ | ||
+ | #menubar { | ||
+ | background-color:transparent; | ||
+ | position: relative; | ||
+ | float:left; | ||
+ | white-space: nowrap; | ||
+ | top:-6px; | ||
+ | width: 490px; | ||
+ | z-index: 5000; | ||
+ | font-family: sans-serif; | ||
+ | font-size: 95%; | ||
+ | line-height: 1em; | ||
+ | z-index:99; | ||
} | } | ||
- | + | ||
- | + | ||
- | + | .left-menu, .left-menu a { | |
+ | text-align: left; | ||
+ | color:#999999; | ||
+ | text-transform: lowercase; | ||
} | } | ||
- | + | ||
- | + | .left-menu:hover { | |
+ | color: #D00000; | ||
+ | background-color: transparent; | ||
} | } | ||
- | + | ||
- | + | .right-menu{width:400px; float:right} | |
- | + | .right-menu, .right-menu a { | |
- | + | right: 0px; | |
- | + | text-align: right; | |
- | + | color: #999999; | |
- | + | } | |
- | + | #menubar ul { | |
- | + | color: #999999; | |
- | + | list-style: none; | |
- | + | } | |
- | + | #menubar li { | |
- | + | display: inline; | |
- | + | position: relative; | |
- | + | cursor: pointer; | |
- | + | padding-left: 0px; | |
- | + | padding-right: 0px; | |
- | + | } | |
- | + | .left-menu li a { | |
- | + | padding: 0px 10px 0px 0px; | |
- | + | } | |
- | + | .left-menu .selected { | |
- | + | # color: #999999; | |
- | + | } | |
- | + | #.left-menu .selected:hover { | |
- | + | # color: #999999; | |
- | + | #} | |
- | + | ||
- | + | .left-menu:hover a { | |
- | + | color: #999999;; | |
- | + | } | |
- | + | ||
- | + | .left-menu li a:hover { | |
- | + | color: #D00000; | |
- | .right-menu{width:400px; float:right} | + | text-decoration: underline; |
- | .right-menu, .right-menu a { | + | } |
- | + | ||
- | + | ||
- | + | .right-menu li { | |
- | } | + | # background-color: transparent; |
- | #menubar ul { | + | } |
- | + | .right-menu li a { | |
- | + | padding: 0px 15px 0px 0px; | |
- | } | + | color: #999999;; |
- | #menubar li { | + | background-color: transparent; |
- | + | } | |
- | + | .right-menu li a:hover { | |
- | + | color: #D00000; | |
- | + | text-decoration: underline; | |
- | + | } | |
- | } | + | /* end menu (edit, page ...) */ |
- | .left-menu li a { | + | |
- | + | #navigationblock{ | |
- | } | + | background-color: #FFFFFF; |
- | .left-menu .selected { | + | |
- | # color: #999999; | + | |
- | } | + | |
- | #.left-menu .selected:hover { | + | |
- | # color: #999999; | + | |
- | #} | + | |
- | + | ||
- | .left-menu:hover a { | + | |
- | + | ||
- | } | + | |
- | + | ||
- | .left-menu li a:hover { | + | |
- | + | ||
- | + | ||
- | } | + | |
- | + | ||
- | + | ||
- | .right-menu li { | + | |
- | # background-color: transparent; | + | |
- | } | + | |
- | .right-menu li a { | + | |
- | + | ||
- | + | ||
- | + | ||
- | } | + | |
- | .right-menu li a:hover { | + | |
- | + | ||
- | + | ||
- | } | + | |
- | /* end menu (edit, page ...) */ | + | |
- | + | ||
- | #navigationblock{ | + | |
- | background-color: # | + | |
position: fixed; | position: fixed; | ||
top: 0px; | top: 0px; | ||
Line 148: | Line 148: | ||
margin-right: auto; | margin-right: auto; | ||
margin-top: auto; | margin-top: auto; | ||
- | } | + | } |
- | #navbarlogo{position:absolute; top:2px; left:0px; width:1084px} | + | #navbarlogo{position:absolute; top:2px; left:0px; width:1084px} |
- | + | ||
- | #navigationbar{position:absolute; left:460px; top:58px; font-size:20px; font-weight:100; color:black;} | + | #navigationbar{position:absolute; left:460px; top:58px; font-size:20px; font-weight:100; color:black;} |
- | #navigationbar > li {display:block; list-style-type:none; float:left; width:100px; height:30px; text-align:center; } | + | #navigationbar > li {display:block; list-style-type:none; float:left; width:100px; height:30px; text-align:center; } |
- | + | ||
- | .Navbar_Item{background-color:transparent;} | + | .Navbar_Item{background-color:transparent;} |
- | .Navbar_Item a {color:black; text-decoration:none;} | + | .Navbar_Item a {color:black; text-decoration:none;} |
- | .Navbar_Item > ul {display:none; width:900px; height:80px; text-align:center; color:black; z-index:1100; } | + | .Navbar_Item > ul {display:none; width:900px; height:80px; text-align:center; color:black; z-index:1100; } |
- | .Navbar_Item > ul > li {float:left; list-style:none; text-align:center; background-color:transparent; position:relative; top:10px; padding:0 10px;} | + | .Navbar_Item > ul > li {float:left; list-style:none; text-align:center; background-color:transparent; position:relative; top:10px; padding:0 10px;} |
- | .Navbar_Item:hover{ border-bottom:1px solid #D00000; color:#D00000; background-color:#fafaf8;} | + | .Navbar_Item:hover{ border-bottom:1px solid #D00000; color:#D00000; background-color:#fafaf8;} |
- | .Navbar_Item:hover > ul{zoom:1; display:block;} | + | .Navbar_Item:hover > ul{zoom:1; display:block;} |
- | .Navbar_Item:hover >a {color:#D00000; background-color:#fafaf8;} | + | .Navbar_Item:hover >a {color:#D00000; background-color:#fafaf8;} |
- | .Navbar_Item > ul > li:hover {border-bottom:1px solid #D00000; color:#D00000; background-color:#fafaf8;} | + | .Navbar_Item > ul > li:hover {border-bottom:1px solid #D00000; color:#D00000; background-color:#fafaf8;} |
- | .Navbar_Item > ul > li:hover >a {color:#D00000} | + | .Navbar_Item > ul > li:hover >a {color:#D00000} |
- | .BackgroundofSublist{position:absolute; left:-1000px; width:2000px; height:80px; background-color:#ffffff; opacity:0;} | + | .BackgroundofSublist{position:absolute; left:-1000px; width:2000px; height:80px; background-color:#ffffff; opacity:0;} |
- | + | ||
- | + | ||
- | #Home_Sublist{position:relative; top:0px; left:-50px;} | + | #Home_Sublist{position:relative; top:0px; left:-50px;} |
- | #Team_Sublist{position:relative; top:0px; left:-110px;} | + | #Team_Sublist{position:relative; top:0px; left:-110px;} |
- | #Project_Sublist{position:relative; top:0px; left:-180px;} | + | #Project_Sublist{position:relative; top:0px; left:-180px;} |
- | #Model_Sublist{position:relative; top:0px; left:-140px;} | + | #Model_Sublist{position:relative; top:0px; left:-140px;} |
- | #DataPage_Sublist{position:relative; top:0px; left:-60px;} | + | #DataPage_Sublist{position:relative; top:0px; left:-60px;} |
- | #Safety_Sublist{position:relative; top:0px; left:-180px;} | + | #Safety_Sublist{position:relative; top:0px; left:-180px;} |
- | #HumanPractice_Sublist{position:relative; top:0px; left:-470px;} | + | #HumanPractice_Sublist{position:relative; top:0px; left:-470px;} |
- | + | ||
- | #iGEM_logo{position:absolute; top:30px; left:1090px; height:80px;} | + | #iGEM_logo{position:absolute; top:30px; left:1090px; height:80px;} |
- | + | ||
- | #welcome{position:absolute; top:250px; left:0px; width:1084px} | + | #welcome{position:absolute; top:250px; left:0px; width:1084px} |
- | </style> | + | </style> |
- | </head> | + | </head> |
- | + | ||
- | <body> | + | <body> |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | <div id="navigationblock"> | + | <div id="navigationblock"> |
- | + | <img id="navbarlogo" src="https://static.igem.org/mediawiki/2014/e/ef/Cs_5.png"/> | |
- | + | ||
- | + | <ul id="navigationbar"> | |
- | + | <li id="PKU_navbar_Home" class="Navbar_Item"> | |
- | + | ||
- | + | <a href="https://2014.igem.org/Team:Peking">Home</a> | |
- | + | <ul id="Home_Sublist" > | |
- | + | </ul> | |
- | + | </li> | |
- | + | <li id="PKU_navbar_Team" class="Navbar_Item"> | |
- | + | <a href="">Team</a> | |
- | + | <ul id="Team_Sublist"> | |
- | + | <div class="BackgroundofSublist"></div> | |
- | + | <li><a href="https://2014.igem.org/Team:Peking">Members</a></li> | |
- | + | <li><a href="https://2014.igem.org/Team:Peking">Attributions</a></li> | |
- | + | </ul> | |
- | + | </li> | |
- | + | <li id="PKU_navbar_Project" class="Navbar_Item"> | |
- | + | <a href="https://2014.igem.org/Team:Peking/Project">Project</a> | |
- | + | <ul id="Project_Sublist"> | |
- | + | <div class="BackgroundofSublist"></div> | |
- | + | <li><a href="https://2014.igem.org/Team:Peking/Project">Experiments</a></li> | |
- | + | <li><a href="https://2014.igem.org/Team:Peking/Project">Modeling</a></li> | |
- | + | </ul> | |
- | + | </li> | |
- | + | ||
- | + | ||
- | + | <li id="PKU_navbar_Safety" class="Navbar_Item"> | |
- | + | <a href="https://2014.igem.org/Team:Peking/Safety">Safety</a> | |
- | + | <ul id="Safety_Sublist"> | |
- | + | </ul> | |
- | + | </li> | |
- | + | <li id="PKU_navbar_HumanPractice" class="Navbar_Item" style="width:150px"> | |
- | + | <a href="https://2014.igem.org/Team:Peking/HumanPractice">Human Practice</a> | |
- | + | <ul id="HumanPractice_Sublist"> | |
- | + | <div class="BackgroundofSublist"></div> | |
- | + | <li><a href="https://2014.igem.org/Team:Peking/HumanPractice/Questionnaire">Questionnaire Survey</a></li> | |
- | + | <li><a href="https://2014.igem.org/Team:Peking/HumanPractice/FactoryVisit">Visit and Interview</a></li> | |
- | + | <li><a href="https://2014.igem.org/Team:Peking/HumanPractice/ModeliGEM">Practical Analysis</a></li> | |
- | + | <li><a href="https://2014.igem.org/Team:Peking/HumanPractice/iGEMWorkshop">Team Communication</a></li> | |
- | + | ||
- | + | </ul> | |
- | + | </li> | |
- | + | ||
- | + | </ul> | |
- | + | <a href="https://2014.igem.org/Main_Page"><img id="iGEM_logo" src="https://static.igem.org/mediawiki/2014/0/04/Peking_igemlogo.png"/></a> | |
- | </div> | + | </div> |
- | + | ||
- | <div id="welcome"><!--welcome box --> | + | <div id="welcome"><!--welcome box --> |
- | <table width="80%" align="center"> | + | <table width="80%" align="center"> |
- | <tr> | + | <tr> |
- | <td style="border:1px solid black;" colspan="3" align="center" height="250px" bgColor=#009933> | + | <td style="border:1px solid black;" colspan="3" align="center" height="250px" bgColor=#009933> |
- | <h1 >iGEM Peking is coming! </h1> | + | <h1 >iGEM Peking is coming! </h1> |
- | <p>Our wiki will take shape initially in one week! </p> | + | <p>Our wiki will take shape initially in one week! </p> |
- | <br> | + | <br> |
- | </td> | + | </td> |
- | </tr> | + | </tr> |
- | + | ||
- | <tr> <td colspan="3" height="5px"> </td></tr> | + | <tr> <td colspan="3" height="5px"> </td></tr> |
- | <!-- end welcome box --></div> | + | <!-- end welcome box --></div> |
- | + | ||
- | </body> | + | </body> |
- | </html> | + | </html> |
Revision as of 16:01, 30 July 2014
first try
iGEM Peking is coming!
Our wiki will take shape initially in one week!