Template:SUSTC A5
From 2012.igem.org
(Difference between revisions)
(10 intermediate revisions not shown) | |||
Line 11: | Line 11: | ||
trytop | trytop | ||
{ | { | ||
- | position:fixed; | + | position:fixed; bottom:0px; right:0px; |
- | background:url("https://static.igem.org/mediawiki/2012/ | + | background:url("https://static.igem.org/mediawiki/2012/a/a8/SustcTop.png") no-repeat; |
background-position: 0px 0px; | background-position: 0px 0px; | ||
display: inline; | display: inline; | ||
float: left; | float: left; | ||
- | height: | + | height: 60px; |
- | width: | + | width:60px; |
margin-bottom: 0; | margin-bottom: 0; | ||
} | } | ||
+ | |||
+ | sitemap | ||
+ | { | ||
+ | position:fixed; bottom:0px; left:0px; | ||
+ | background:url("https://static.igem.org/mediawiki/2012/e/e7/SUSTCSitemap.png") no-repeat; | ||
+ | background-position: 0px 0px; | ||
+ | display: inline; | ||
+ | float: left; | ||
+ | height: 60px; | ||
+ | width:60px; | ||
+ | |||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | |||
<!--我们需要先把igem原网站的一些东西删掉--> | <!--我们需要先把igem原网站的一些东西删掉--> | ||
Line 235: | Line 249: | ||
margin-right: 70px | margin-right: 70px | ||
} | } | ||
- | |||
#templatemo_menu ul { | #templatemo_menu ul { | ||
margin: 0; | margin: 0; | ||
Line 270: | Line 283: | ||
background:url(https://static.igem.org/mediawiki/2012/8/82/SUSTC_SHENZHEN_A_temp_menu_button_hover.png); | background:url(https://static.igem.org/mediawiki/2012/8/82/SUSTC_SHENZHEN_A_temp_menu_button_hover.png); | ||
} | } | ||
+ | |||
+ | |||
+ | |||
+ | #sustc_menu | ||
+ | { | ||
+ | height:35px; | ||
+ | // width:920px; | ||
+ | // margin-left:20px; | ||
+ | color:blue; | ||
+ | display:block; | ||
+ | <!-- background-color:yellow;--> | ||
+ | border-radius: 7px; | ||
+ | // background-color:#CCFFCC; | ||
+ | |||
+ | } | ||
+ | |||
+ | #sustc_menu li | ||
+ | { | ||
+ | list-style:none; | ||
+ | float:left; | ||
+ | display:block; | ||
+ | margin-left:3px; | ||
+ | <!-- background-color:green;--> | ||
+ | height:35px; | ||
+ | width:100px; | ||
+ | border-radius:3px; | ||
+ | text-align:left; | ||
+ | |||
+ | } | ||
+ | |||
+ | #sustc_menu li.long | ||
+ | { | ||
+ | list-style:none; | ||
+ | float:left; | ||
+ | display:block; | ||
+ | margin-left:3px; | ||
+ | <!-- background-color:green;--> | ||
+ | height:35px; | ||
+ | width:150px; | ||
+ | border-radius:3px; | ||
+ | text-align:left; | ||
+ | |||
+ | } | ||
+ | #sustc_menu li.center | ||
+ | { | ||
+ | list-style:none; | ||
+ | float:left; | ||
+ | display:block; | ||
+ | margin-left:3px; | ||
+ | <!-- background-color:green;--> | ||
+ | height:35px; | ||
+ | width:100px; | ||
+ | border-radius:3px; | ||
+ | text-align:center; | ||
+ | |||
+ | } | ||
+ | #sustc_menu li.right | ||
+ | { | ||
+ | list-style:none; | ||
+ | float:left; | ||
+ | display:block; | ||
+ | margin-left:3px; | ||
+ | <!-- background-color:green;--> | ||
+ | height:35px; | ||
+ | width:100px; | ||
+ | border-radius:3px; | ||
+ | text-align:right; | ||
+ | |||
+ | } | ||
+ | |||
+ | #sustc_menu a | ||
+ | { | ||
+ | padding-top:3px; | ||
+ | padding-left:3px; | ||
+ | } | ||
+ | #sustc_menu li:hover | ||
+ | { | ||
+ | <!-- background-color:red--> | ||
+ | border-radius: 3px; | ||
+ | text-decoration; | ||
+ | background-color:#00868B; | ||
+ | } | ||
+ | |||
+ | |||
+ | #sustc_menu a | ||
+ | { | ||
+ | margin:0; | ||
+ | padding-bottom:3px; | ||
+ | display:block; | ||
+ | } | ||
+ | #sust_menu a:hover | ||
+ | { | ||
+ | background-color:#C1CDCD | ||
+ | } | ||
+ | |||
+ | #sustc_menu li li | ||
+ | { | ||
+ | margin-left:0px; | ||
+ | float:none; | ||
+ | text-align:left; | ||
+ | padding-left:1px; | ||
+ | padding-top:5px; | ||
+ | width:100px; | ||
+ | <!-- background-color:black;--> | ||
+ | background-color:#C1CDCD; | ||
+ | } | ||
+ | #sustc_menu li ul { /* second-level lists */ | ||
+ | position: absolute; | ||
+ | width: 100px; | ||
+ | margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ | ||
+ | margin-top:2.2em; | ||
+ | border-width:1px; | ||
+ | border-color:#F0FFF0 ; | ||
+ | border-style:solid; | ||
+ | border-radius: 7px; | ||
+ | background-color:#F0FFF0; | ||
+ | z-index:2; | ||
+ | } | ||
+ | #sustc_menu li:hover ul | ||
+ | { | ||
+ | margin-left: 0px; | ||
+ | margin-top:0; | ||
+ | } | ||
+ | #sustc_menu li li:hover | ||
+ | { | ||
+ | background-color:#98F5FF ; | ||
+ | } | ||
+ | |||
+ | |||
/* end of menu */ | /* end of menu */ | ||
Line 487: | Line 629: | ||
/* end of footer */ | /* end of footer */ | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</style> | </style> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</head> | </head> | ||
Line 511: | Line 636: | ||
<a name="top"></a> | <a name="top"></a> | ||
<a href="#top"><trytop></trytop></a> | <a href="#top"><trytop></trytop></a> | ||
+ | <a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/SiteMap"><sitemap></sitemap></a> | ||
<div id="templatemo_wrapper"> | <div id="templatemo_wrapper"> | ||
<div id="temmplatmeo_header"> | <div id="temmplatmeo_header"> | ||
Line 526: | Line 652: | ||
<li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/Project">Project</a></li> | <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/Project">Project</a></li> | ||
<li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/Notebook">Notebook</a></li> | <li><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/Notebook">Notebook</a></li> | ||
- | <li ><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/ | + | <li ><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/Human_practice" class="current">Human Practice</a></li> |
</ul> | </ul> | ||
Line 541: | Line 667: | ||
<p> Human practice is a part of iGem competition. The goal of this part is to spread the main idea and basic knowledge of synthetic biology, to provide a correct definition of it and to stimulate civil interest towards it.</p> | <p> Human practice is a part of iGem competition. The goal of this part is to spread the main idea and basic knowledge of synthetic biology, to provide a correct definition of it and to stimulate civil interest towards it.</p> | ||
<p> </p> | <p> </p> | ||
- | < | + | <div id="sustc_menu"> |
- | + | <ul><li class="long"><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/Human_practice">Overview</a> </li></ul> | |
- | + | </div> | |
- | + | <div id="sustc_menu"> | |
- | + | <ul><li class="long"><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/iphone_biology">iPhone and Biology </a> </li></ul> | |
- | + | <ul><li class="long"><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/Human_practice/High_School_Visits">High School Lectures</a> </li></ul> | |
- | + | </div> | |
- | + | <div id="sustc_menu"> | |
- | + | <ul><li class="long"><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/Human_practice/SynBio_Intro">SynBio Intro</a></li></ul> | |
- | + | <ul><li class="long"><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/Safety">Safety</a></li></ul> | |
- | + | </div> | |
- | + | ||
</div> | </div> | ||
<div id="banner_right1"> | <div id="banner_right1"> | ||
Line 560: | Line 685: | ||
<P> | <P> | ||
- | <embed src="http://player.youku.com/player.php/sid/ | + | <embed src="http://player.youku.com/player.php/sid/XNDU1MTIyMjc2/v.swf" play="true" quality="high" width="360" height="300" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed> |
</P> | </P> | ||
</td> | </td> |
Latest revision as of 22:10, 26 September 2012