Difference between revisions of "Team:Hong Kong HKU/ex"
Line 295: | Line 295: | ||
.annItem li {list-style: none; margin: 5px} | .annItem li {list-style: none; margin: 5px} | ||
− | + | #main_menu | |
{ | { | ||
width: 100%; | width: 100%; | ||
Line 304: | Line 304: | ||
z-index:100; | z-index:100; | ||
position:fixed; | position:fixed; | ||
− | } | + | } |
− | # | + | |
+ | #main_menu nav | ||
{ | { | ||
− | + | margin-top: 20px; | |
} | } | ||
#main_menu ul | #main_menu ul | ||
{ | { | ||
− | + | padding:0px; | |
− | + | ||
− | + | ||
} | } | ||
− | #main_menu li{ | + | #main_menu li ul |
− | + | { | |
+ | display:none; | ||
+ | height:auto; | ||
+ | padding-top: 50px; | ||
+ | padding-right:10px; | ||
+ | border:0px; | ||
+ | position:fixed; | ||
+ | width:auto; | ||
+ | z-index:100; | ||
+ | text-align: left; | ||
+ | margin-top:-25px; | ||
+ | } | ||
+ | #main_menu li ul a | ||
+ | { | ||
+ | font-family: 'Avant Garde', Avantgarde, 'Century Gothic', CenturyGothic, AppleGothic, sans-serif; | ||
+ | color: #00eeff; | ||
+ | font-size: 150%; | ||
+ | border: 0px; | ||
+ | font-weight:500; | ||
+ | margin-top: 10px; | ||
+ | text-decoration:none; | ||
} | } | ||
− | #main_menu li ul | + | #main_menu li ul a:hover |
− | + | { | |
− | + | color: #FFA500; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
Line 337: | Line 349: | ||
display:block; | display:block; | ||
} | } | ||
− | + | ||
#main_menu a | #main_menu a | ||
{ | { | ||
color: #0E1A40; | color: #0E1A40; | ||
− | font-size: | + | font-size: 150%; |
border: 0px; | border: 0px; | ||
text-align: center; | text-align: center; | ||
font-weight:500; | font-weight:500; | ||
+ | font-family: 'Avant Garde', Avantgarde, 'Century Gothic', CenturyGothic, AppleGothic, sans-serif; | ||
+ | font-weight: 500; <!--字體粗細,400為正常大小,700為bold--> | ||
+ | |||
} | } | ||
#main_menu a:hover | #main_menu a:hover | ||
{ | { | ||
− | color: # | + | color: #FFA500; |
+ | text-decoration:none; | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
#main_img | #main_img | ||
Line 363: | Line 374: | ||
text-align:center; | text-align:center; | ||
margin-top:-16px; | margin-top:-16px; | ||
+ | } | ||
+ | |||
+ | .category_sub | ||
+ | { | ||
+ | display:none; | ||
+ | height:auto; | ||
+ | padding-top: 50px; | ||
+ | padding-right:10px; | ||
+ | border:0px; | ||
+ | position:fixed; | ||
+ | width:auto; | ||
+ | z-index:100; | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | .category_sub:hover | ||
+ | { | ||
+ | display: block; | ||
} | } | ||
Line 370: | Line 399: | ||
text-align: center; <!--置中--> | text-align: center; <!--置中--> | ||
font-size: 500%; <!--字體大小--> | font-size: 500%; <!--字體大小--> | ||
− | font-family: Georgia,sans-serif; <!--字體字型--> | + | font-family: 'Georgia','sans-serif'; <!--字體字型--> |
font-weight: 900; <!--字體粗細,400為正常大小,700為bold--> | font-weight: 900; <!--字體粗細,400為正常大小,700為bold--> | ||
} | } | ||
Line 379: | Line 408: | ||
text-align: left; | text-align: left; | ||
} | } | ||
− | + | ||
+ | .image | ||
+ | { | ||
+ | box-shadow: 9px 9px 7px #A7A7A7; | ||
+ | opacity:1.0; | ||
+ | filter:alpha(opacity=100); | ||
+ | } | ||
+ | |||
+ | .image:hover | ||
+ | { | ||
+ | box-shadow: 9px 9px 7px #A7A7A7; | ||
+ | opacity:0.4; | ||
+ | filter:alpha(opacity=40); | ||
+ | } | ||
+ | |||
+ | |||
+ | #line | ||
+ | { | ||
+ | display:inline; | ||
+ | margin-top: 5px; | ||
+ | } | ||
+ | |||
</style> | </style> | ||
− | + | ||
<header id = "main_menu"> | <header id = "main_menu"> | ||
− | <nav | + | <nav> |
− | + | <ul> | |
− | + | <li id="line"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU">HOME</a></li> | |
− | + | <li id="line"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Team">TEAM</a></li> | |
− | + | <li id="line"><a href = "#">PROJECT</a> | |
− | + | <ul style="margin-left: 28%;"> | |
− | + | <li style = "margin-top: 3px"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Description">Description</a></li> | |
− | + | <li style = "margin-top: 3px"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Experiments">Experiments</a></li> | |
− | + | <li style = "margin-top: 3px"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Results">Results</a></li> | |
− | + | <li style = "margin-top: 3px"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Design">Design</a></li> | |
− | < | + | </ul> |
− | + | </li> | |
− | < | + | <li id="line"><a href = "#">PARTS</a> |
− | + | <ul style="margin-left:36%;"> | |
− | + | <li style = "margin-top: 3px"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Parts">Team Parts</a></li> | |
− | + | <li style = "margin-top: 3px"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Basic_Part">Basic Parts</a></li> | |
− | + | <li style = "margin-top: 3px"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Composite_Part">Composite Parts</a></li> | |
− | + | <li style = "margin-top: 3px"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Part_Collection">Part Collection</a></li> | |
− | + | </ul> | |
− | + | </li> | |
− | + | <li id="line"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Modeling">MODELING</a></li> | |
− | + | <li id="line"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Attributions">ATTRIBUTIONS</a></li> | |
− | + | <li id="line"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Practices">HUMANPRACTICES</a></li> | |
− | + | <li id="line"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Safety">SAFETY</a></li> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</ul> | </ul> | ||
</nav> | </nav> | ||
− | </header> | + | </header> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<body class="mediawiki ltr ns-0 ns-subject page-Team_Hong_Kong_HKU"> | <body class="mediawiki ltr ns-0 ns-subject page-Team_Hong_Kong_HKU"> | ||
Line 518: | Line 532: | ||
<table width="975px" cellspacing="0" height="500px"> | <table width="975px" cellspacing="0" height="500px"> | ||
<tr> | <tr> | ||
− | <td width="95%" rowspan="3" align=" | + | <td width="95%" rowspan="3" align="center"> |
<!-- Content goes here --> | <!-- Content goes here --> | ||
<h3 class = "title" align = "center">CATEGORY</h3> <!--藍綠色標題--> | <h3 class = "title" align = "center">CATEGORY</h3> <!--藍綠色標題--> | ||
− | < | + | <table width="975px" cellspacing="0" cellpadding = "10px"> |
− | + | <tr> | |
− | + | <td> | |
− | + | <table border="0" align = "left" cellpadding = "10px"> | |
− | + | <tr> | |
+ | <td colspan = "2"><a href = "#"><img class = "image" src = "https://static.igem.org/mediawiki/2015/e/ed/HKU_project.jpg" height = "50%"/></a></td> | ||
+ | <ul class = "category_sub" style="margin-left: 25%; margin-bottom: 20%"> | ||
+ | <li style = "margin-top: 3px"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Description">Description</a></li> | ||
+ | <li style = "margin-top: 3px"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Experiments">Experiments</a></li> | ||
+ | <li style = "margin-top: 3px"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Results">Results</a></li> | ||
+ | <li style = "margin-top: 3px"><a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Design">Design</a></li> | ||
+ | </ul> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td><a href = "#"><img class = "image" src = "https://static.igem.org/mediawiki/2015/3/37/HKU_human_practice.jpg" height = "50%"/></a></td> | ||
+ | <td><a href = "#"><img class = "image" src = "https://static.igem.org/mediawiki/2015/d/db/HKU_team.jpg" height = "50%"/></a></td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | </td> | ||
+ | |||
+ | <td> | ||
+ | <table border = "0" align = "right" cellpadding = "10px"> | ||
+ | <tr> | ||
+ | <td><a href = "#"><img class = "image" src = "https://static.igem.org/mediawiki/2015/8/89/HKU_modeling.jpg" height = "50%"/></a> | ||
+ | </td> | ||
+ | <td><a href = "#"><img class = "image" src = "https://static.igem.org/mediawiki/2015/9/91/HKU_safety.jpg" height = "50%"/></a> | ||
+ | </td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td colspan = "2"><a href = "#"><img class = "image" src = "https://static.igem.org/mediawiki/2015/1/17/HKU_parts.jpg" height = "50%"/></a> | ||
+ | </td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | </td> | ||
+ | </tr> | ||
+ | </table> | ||
</td> | </td> | ||
− | </tr> | + | </tr> |
− | + | ||
− | + | ||
− | + | ||
</table> | </table> | ||
</td> | </td> | ||
Line 552: | Line 594: | ||
<!-- Content goes here --> | <!-- Content goes here --> | ||
− | <h3 class= "title" align = "center"> | + | <h3 class= "title" align = "center">SPONSER</h3> <!--藍綠色標題--> |
− | <h4> | + | <h4></h4> <!--黑色粗體標題----> |
<p class = "description"></p> <!--第一段敘述--> | <p class = "description"></p> <!--第一段敘述--> | ||
Revision as of 00:37, 16 September 2015
|
|
|