Template:SUSTC A5

From 2012.igem.org

(Difference between revisions)
 
(18 intermediate revisions not shown)
Line 9: Line 9:
<style type="text/css">
<style type="text/css">
 +
trytop
 +
{
 +
position:fixed; bottom:0px; right:0px;
 +
background:url("https://static.igem.org/mediawiki/2012/a/a8/SustcTop.png") no-repeat;
 +
background-position: 0px 0px;
 +
display: inline;
 +
float: left;
 +
height: 60px;
 +
        width:60px;
 +
 +
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;
 +
}
Line 157: Line 182:
font-size: 10px;
font-size: 10px;
color: #6f6f6f;
color: #6f6f6f;
-
     background: #2ac5c0 url(https://static.igem.org/mediawiki/igem.org/2/24/Templatemo_body_top.jpg) repeat-x;
+
     background: #2ac5c0 url(https://static.igem.org/mediawiki/2012/e/e8/Templatemo_body_top2.jpg) repeat-x;
}
}
Line 224: Line 249:
margin-right: 70px
margin-right: 70px
}
}
-
 
#templatemo_menu ul {
#templatemo_menu ul {
margin: 0;
margin: 0;
Line 259: 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 299: Line 452:
#banner_right {
#banner_right {
position: relative;
position: relative;
-
width: 600px;
+
width: 517px;
-
height: 800px;
+
height: 215px;
padding: 9px;
padding: 9px;
margin-right: 30px;
margin-right: 30px;
-
overflow: hidden;
+
overflow: display;
}
}
#banner_right span {
#banner_right span {
position: absolute;
position: absolute;
-
width: 618px;
+
width: 535px;
-
height: 818px;
+
height: 233px;
top: 0;
top: 0;
left: 0;
left: 0;
Line 476: Line 629:
/* end of footer */
/* end of footer */
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
</style>
</style>
-
 
-
 
-
 
-
 
-
 
-
 
</head>
</head>
<body>
<body>
-
 
+
<a name="top"></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">
   <div id="site_title">
   <div id="site_title">
-
           <a href="#" target="_parent">
+
           <a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A" target="_parent">
-
             <img src="https://static.igem.org/mediawiki/2012/8/89/Sustclogo-1.png" width="270" height="74" alt="Scene Template" />
+
             <img src="https://static.igem.org/mediawiki/2012/8/89/Sustclogo-1.png" width="270" height="74" alt="Logo" />
             </a>
             </a>
         </div>
         </div>
Line 514: 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/Safety"  class="current">Human Practice</a></li>
+
                 <li ><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/Human_practice"  class="current">Human Practice</a></li>
             </ul>   
             </ul>   
          
          
Line 525: Line 663:
   <div id="banner_left">
   <div id="banner_left">
<p>&nbsp;</p>
<p>&nbsp;</p>
 +
        <h2>Human Practice and Safety</h2>
<p>&nbsp;</p>
<p>&nbsp;</p>
-
        <h2>Human Practice and Safety</h2>
+
             <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>    This is the navigation page of our wiki which introduces iGEM project of SUSTC. Our wiki includes these parts:Team introduction; project introduction and safety as well as human practice. The informations are currently updating, please check our page oftentimes to get the latest development. Have a nice time!</p>
+
             <p>&nbsp;</p>
             <p>&nbsp;</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 536: Line 685:
<P>
<P>
-
<embed src="http://player.youku.com/player.php/sid/XNDUxNzMxMzY4/v.swf" play="true"  quality="high" width="360" height="300" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed>
+
<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>
Line 553: Line 702:
$(function() {
$(function() {
$('#one').ContentSlider({
$('#one').ContentSlider({
-
width : '618px',
+
width : '535px',
-
height : '818px',
+
height : '233px',
speed : 800,
speed : 800,
easing : 'easeInOutQuart'
easing : 'easeInOutQuart'

Latest revision as of 22:10, 26 September 2012

播放视频