Team:AHUT China/Humanpractice

From 2013.igem.org

(Difference between revisions)
Line 111: Line 111:
top: 412px;
top: 412px;
}
}
 +
@charset "UTF-8";
 +
 +
/* SpryAccordion.css - version 0.5 - Spry Pre-Release 1.6.1 */
 +
 +
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
 +
 +
/* This is the selector for the main Accordion container. For our default style,
 +
* we draw borders on the left, right, and bottom. The top border of the Accordion
 +
* will be rendered by the first AccordionPanelTab which never moves.
 +
*
 +
* If you want to constrain the width of the Accordion widget, set a width on
 +
* the Accordion container. By default, our accordion expands horizontally to fill
 +
* up available space.
 +
*
 +
* The name of the class ("Accordion") used in this selector is not necessary
 +
* to make the widget function. You can use any class name you want to style the
 +
* Accordion container.
 +
*/
 +
.Accordion {
 +
border-left: solid 1px gray;
 +
border-right: solid 1px black;
 +
border-bottom: solid 1px gray;
 +
overflow: hidden;
 +
}
 +
 +
/* This is the selector for the AccordionPanel container which houses the
 +
* panel tab and a panel content area. It doesn't render visually, but we
 +
* make sure that it has zero margin and padding.
 +
*
 +
* The name of the class ("AccordionPanel") used in this selector is not necessary
 +
* to make the widget function. You can use any class name you want to style an
 +
* accordion panel container.
 +
*/
 +
.AccordionPanel {
 +
margin: 0px;
 +
padding: 0px;
 +
}
 +
 +
/* This is the selector for the AccordionPanelTab. This container houses
 +
* the title for the panel. This is also the container that the user clicks
 +
* on to open a specific panel.
 +
*
 +
* The name of the class ("AccordionPanelTab") used in this selector is not necessary
 +
* to make the widget function. You can use any class name you want to style an
 +
* accordion panel tab container.
 +
*
 +
* NOTE:
 +
* This rule uses -moz-user-select and -khtml-user-select properties to prevent the
 +
* user from selecting the text in the AccordionPanelTab. These are proprietary browser
 +
* properties that only work in Mozilla based browsers (like FireFox) and KHTML based
 +
* browsers (like Safari), so they will not pass W3C validation. If you want your documents to
 +
* validate, and don't care if the user can select the text within an AccordionPanelTab,
 +
* you can safely remove those properties without affecting the functionality of the widget.
 +
*/
 +
.AccordionPanelTab {
 +
background-color: #CCCCCC;
 +
border-top: solid 1px black;
 +
border-bottom: solid 1px gray;
 +
margin: 0px;
 +
padding: 2px;
 +
cursor: pointer;
 +
-moz-user-select: none;
 +
-khtml-user-select: none;
 +
}
 +
 +
/* This is the selector for a Panel's Content area. It's important to note that
 +
* you should never put any padding on the panel's content area if you plan to
 +
* use the Accordions panel animations. Placing a non-zero padding on the content
 +
* area can cause the accordion to abruptly grow in height while the panels animate.
 +
*
 +
* Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
 +
* Content container.
 +
*
 +
* The name of the class ("AccordionPanelContent") used in this selector is not necessary
 +
* to make the widget function. You can use any class name you want to style an
 +
* accordion panel content container.
 +
*/
 +
.AccordionPanelContent {
 +
overflow: auto;
 +
margin: 0px;
 +
padding: 0px;
 +
height: 200px;
 +
}
 +
 +
/* This is an example of how to change the appearance of the panel tab that is
 +
* currently open. The class "AccordionPanelOpen" is programatically added and removed
 +
* from panels as the user clicks on the tabs within the Accordion.
 +
*/
 +
.AccordionPanelOpen .AccordionPanelTab {
 +
background-color: #EEEEEE;
 +
}
 +
 +
/* This is an example of how to change the appearance of the panel tab as the
 +
* mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
 +
* and removed from panel tab containers as the mouse enters and exits the tab container.
 +
*/
 +
.AccordionPanelTabHover {
 +
color: #555555;
 +
}
 +
.AccordionPanelOpen .AccordionPanelTabHover {
 +
color: #555555;
 +
}
 +
 +
/* This is an example of how to change the appearance of all the panel tabs when the
 +
* Accordion has focus. The "AccordionFocused" class is programatically added and removed
 +
* whenever the Accordion gains or loses keyboard focus.
 +
*/
 +
.AccordionFocused .AccordionPanelTab {
 +
background-color: #CCCCCC;
 +
}
 +
 +
/* This is an example of how to change the appearance of the panel tab that is
 +
* currently open when the Accordion has focus.
 +
*/
 +
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
 +
background-color: #999999;
 +
}
 +
/* Rules for Printing */
 +
 +
@media print {
 +
 +
  .Accordion {
 +
  overflow: visible !important;
 +
  }
 +
 
 +
  .AccordionPanelContent {
 +
  display: block !important;
 +
  overflow: visible !important;
 +
  height: auto !important;
 +
  }
 +
}
 +
</style>
</style>
<script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
<script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
Line 135: Line 267:
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
}
-
</script>
 
-
</head>
 
-
 
-
<body background="https://static.igem.org/mediawiki/2013/7/79/Pattern_018.gif" onload="MM_preloadImages('https://static.igem.org/mediawiki/2013/5/51/Aa.png','https://static.igem.org/mediawiki/2013/0/0f/Bb.png','https://static.igem.org/mediawiki/2013/1/15/Cc.png','https://static.igem.org/mediawiki/2013/2/22/Dd.png','https://static.igem.org/mediawiki/2013/5/5e/Ee.png','https://static.igem.org/mediawiki/2013/f/f1/Ff.png')">
 
-
<div id="apDiv10"><img src="https://static.igem.org/mediawiki/2013/f/fc/Human_p.png" width="927" height="71" /></div>
 
-
<div id="apDiv1"><img src="https://static.igem.org/mediawiki/2013/a/ad/%E6%A0%87%E9%A2%98%E8%83%8C%E6%99%AF.png" width="1373" height="300" /></div>
 
-
<div id="apDiv2"><a href="#https://2013.igem.org/Team:AHUT_China" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image2','','https://static.igem.org/mediawiki/2013/5/51/Aa.png',1)"><img src="https://static.igem.org/mediawiki/2013/7/70/A.png" width="152" height="282" id="Image2" /></a></div>
 
-
<div id="apDiv3"><a href="https://2013.igem.org/Team:AHUT_China/Team" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image3','','https://static.igem.org/mediawiki/2013/0/0f/Bb.png',1)"><img src="https://static.igem.org/mediawiki/2013/5/57/B.png" width="152" height="282" id="Image3" /></a></div>
 
-
<div id="apDiv4"><a href="https://2013.igem.org/Team:AHUT_China/Parts" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image4','','https://static.igem.org/mediawiki/2013/1/15/Cc.png',1)"><img src="https://static.igem.org/mediawiki/2013/e/ee/C.png" width="156" height="282" id="Image4" /></a></div>
 
-
<div id="apDiv5"><a href="https://2013.igem.org/Team:AHUT_China/Modeling" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image5','','https://static.igem.org/mediawiki/2013/2/22/Dd.png',1)"><img src="https://static.igem.org/mediawiki/2013/5/54/D.png" width="161" height="282" id="Image5" /></a></div>
 
-
<div id="apDiv6"><a href="https://2013.igem.org/Team:AHUT_China/Humanpractice" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image6','','https://static.igem.org/mediawiki/2013/5/5e/Ee.png',1)"><img src="https://static.igem.org/mediawiki/2013/f/fa/E.png" width="159" height="282" id="Image6" /></a></div>
 
-
<div id="apDiv7"><a href="https://2013.igem.org/Team:AHUT_China/Safety" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image7','','https://static.igem.org/mediawiki/2013/f/f1/Ff.png',1)"><img src="https://static.igem.org/mediawiki/2013/archive/3/3d/20130925104816%21F.png" width="154" height="282" id="Image7" /></a></div>
 
-
<div id="apDiv8"><img src="https://static.igem.org/mediawiki/2013/2/28/Logo_1.png" width="227" height="282" /></div>
 
-
<div id="apDiv9">
 
-
  <div id="Accordion1" class="Accordion" tabindex="0">
 
-
    <div class="AccordionPanel">
 
-
      <div class="AccordionPanelTab"><img src="https://static.igem.org/mediawiki/2013/b/b0/Human_p%E5%AD%97%E5%A4%B4%E7%AC%AC%E4%B8%80%E5%BC%A0.png" width="921" height="75" /></div>
 
-
      <div class="AccordionPanelContent"><img src="https://static.igem.org/mediawiki/2013/6/6d/Human_p%E7%AC%AC%E4%B8%80%E5%BC%A0.png" width="923" height="2287" /></div>
 
-
    </div>
 
-
    <div class="AccordionPanel">
 
-
      <div class="AccordionPanelTab"><img src="https://static.igem.org/mediawiki/2013/d/d7/Human_p%E5%AD%97%E5%A4%B4%E7%AC%AC%E4%BA%8C%E5%BC%A0.png" width="925" height="72" /></div>
 
-
      <div class="AccordionPanelContent"><img src="https://static.igem.org/mediawiki/2013/a/a8/Human_p%E7%AC%AC%E4%BA%8C%E5%BC%A0.png" width="925" height="1995" /></div>
 
-
    </div>
 
-
    <div class="AccordionPanel">
 
-
      <div class="AccordionPanelTab"><img src="https://static.igem.org/mediawiki/2013/0/03/Human_p%E5%AD%97%E5%A4%B4%E7%AC%AC%E4%B8%89%E5%BC%A0.png" width="925" height="75" /></div>
 
-
      <div class="AccordionPanelContent"><img src="https://static.igem.org/mediawiki/2013/7/70/Human_p%E7%AC%AC%E4%B8%89%E5%BC%A0.png" width="925" height="1740" /></div>
 
-
    </div>
 
-
    <div class="AccordionPanel">
 
-
      <div class="AccordionPanelTab"><img src="https://static.igem.org/mediawiki/2013/3/3a/Human_p%E5%AD%97%E5%A4%B4%E7%AC%AC%E5%9B%9B%E5%BC%A0.png" width="925" height="75" /></div>
 
-
      <div class="AccordionPanelContent"><img src="https://static.igem.org/mediawiki/2013/d/db/Human_p%E7%AC%AC%E5%9B%9B%E5%BC%A0.png" width="920" height="2249" /></div>
 
-
    </div>
 
-
    <div class="AccordionPanel">
 
-
      <div class="AccordionPanelTab"><img src="https://static.igem.org/mediawiki/2013/c/c0/Human_p%E5%AD%97%E5%A4%B4%E7%AC%AC%E4%BA%94%E5%BC%A0.png" width="925" height="75" /></div>
 
-
      <div class="AccordionPanelContent"><img src="https://static.igem.org/mediawiki/2013/2/2c/Human_p%E7%AC%AC%E4%BA%94%E5%BC%A0.png" width="925" height="2969" /></div>
 
-
    </div>
 
-
  </div>
 
-
</div>
 
-
<script type="text/javascript">
 
// SpryAccordion.js - version 0.17 - Spry Pre-Release 1.6.1
// SpryAccordion.js - version 0.17 - Spry Pre-Release 1.6.1
//
//
Line 734: Line 828:
})(); // EndSpryComponent
})(); // EndSpryComponent
 +
 +
</script>
 +
</head>
 +
 +
<body background="https://static.igem.org/mediawiki/2013/7/79/Pattern_018.gif" onload="MM_preloadImages('https://static.igem.org/mediawiki/2013/5/51/Aa.png','https://static.igem.org/mediawiki/2013/0/0f/Bb.png','https://static.igem.org/mediawiki/2013/1/15/Cc.png','https://static.igem.org/mediawiki/2013/2/22/Dd.png','https://static.igem.org/mediawiki/2013/5/5e/Ee.png','https://static.igem.org/mediawiki/2013/f/f1/Ff.png')">
 +
<div id="apDiv10"><img src="https://static.igem.org/mediawiki/2013/f/fc/Human_p.png" width="927" height="71" /></div>
 +
<div id="apDiv1"><img src="https://static.igem.org/mediawiki/2013/a/ad/%E6%A0%87%E9%A2%98%E8%83%8C%E6%99%AF.png" width="1373" height="300" /></div>
 +
<div id="apDiv2"><a href="#https://2013.igem.org/Team:AHUT_China" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image2','','https://static.igem.org/mediawiki/2013/5/51/Aa.png',1)"><img src="https://static.igem.org/mediawiki/2013/7/70/A.png" width="152" height="282" id="Image2" /></a></div>
 +
<div id="apDiv3"><a href="https://2013.igem.org/Team:AHUT_China/Team" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image3','','https://static.igem.org/mediawiki/2013/0/0f/Bb.png',1)"><img src="https://static.igem.org/mediawiki/2013/5/57/B.png" width="152" height="282" id="Image3" /></a></div>
 +
<div id="apDiv4"><a href="https://2013.igem.org/Team:AHUT_China/Parts" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image4','','https://static.igem.org/mediawiki/2013/1/15/Cc.png',1)"><img src="https://static.igem.org/mediawiki/2013/e/ee/C.png" width="156" height="282" id="Image4" /></a></div>
 +
<div id="apDiv5"><a href="https://2013.igem.org/Team:AHUT_China/Modeling" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image5','','https://static.igem.org/mediawiki/2013/2/22/Dd.png',1)"><img src="https://static.igem.org/mediawiki/2013/5/54/D.png" width="161" height="282" id="Image5" /></a></div>
 +
<div id="apDiv6"><a href="https://2013.igem.org/Team:AHUT_China/Humanpractice" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image6','','https://static.igem.org/mediawiki/2013/5/5e/Ee.png',1)"><img src="https://static.igem.org/mediawiki/2013/f/fa/E.png" width="159" height="282" id="Image6" /></a></div>
 +
<div id="apDiv7"><a href="https://2013.igem.org/Team:AHUT_China/Safety" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image7','','https://static.igem.org/mediawiki/2013/f/f1/Ff.png',1)"><img src="https://static.igem.org/mediawiki/2013/archive/3/3d/20130925104816%21F.png" width="154" height="282" id="Image7" /></a></div>
 +
<div id="apDiv8"><img src="https://static.igem.org/mediawiki/2013/2/28/Logo_1.png" width="227" height="282" /></div>
 +
<div id="apDiv9">
 +
  <div id="Accordion1" class="Accordion" tabindex="0">
 +
    <div class="AccordionPanel">
 +
      <div class="AccordionPanelTab"><img src="https://static.igem.org/mediawiki/2013/b/b0/Human_p%E5%AD%97%E5%A4%B4%E7%AC%AC%E4%B8%80%E5%BC%A0.png" width="921" height="75" /></div>
 +
      <div class="AccordionPanelContent"><img src="https://static.igem.org/mediawiki/2013/6/6d/Human_p%E7%AC%AC%E4%B8%80%E5%BC%A0.png" width="923" height="2287" /></div>
 +
    </div>
 +
    <div class="AccordionPanel">
 +
      <div class="AccordionPanelTab"><img src="https://static.igem.org/mediawiki/2013/d/d7/Human_p%E5%AD%97%E5%A4%B4%E7%AC%AC%E4%BA%8C%E5%BC%A0.png" width="925" height="72" /></div>
 +
      <div class="AccordionPanelContent"><img src="https://static.igem.org/mediawiki/2013/a/a8/Human_p%E7%AC%AC%E4%BA%8C%E5%BC%A0.png" width="925" height="1995" /></div>
 +
    </div>
 +
    <div class="AccordionPanel">
 +
      <div class="AccordionPanelTab"><img src="https://static.igem.org/mediawiki/2013/0/03/Human_p%E5%AD%97%E5%A4%B4%E7%AC%AC%E4%B8%89%E5%BC%A0.png" width="925" height="75" /></div>
 +
      <div class="AccordionPanelContent"><img src="https://static.igem.org/mediawiki/2013/7/70/Human_p%E7%AC%AC%E4%B8%89%E5%BC%A0.png" width="925" height="1740" /></div>
 +
    </div>
 +
    <div class="AccordionPanel">
 +
      <div class="AccordionPanelTab"><img src="https://static.igem.org/mediawiki/2013/3/3a/Human_p%E5%AD%97%E5%A4%B4%E7%AC%AC%E5%9B%9B%E5%BC%A0.png" width="925" height="75" /></div>
 +
      <div class="AccordionPanelContent"><img src="https://static.igem.org/mediawiki/2013/d/db/Human_p%E7%AC%AC%E5%9B%9B%E5%BC%A0.png" width="920" height="2249" /></div>
 +
    </div>
 +
    <div class="AccordionPanel">
 +
      <div class="AccordionPanelTab"><img src="https://static.igem.org/mediawiki/2013/c/c0/Human_p%E5%AD%97%E5%A4%B4%E7%AC%AC%E4%BA%94%E5%BC%A0.png" width="925" height="75" /></div>
 +
      <div class="AccordionPanelContent"><img src="https://static.igem.org/mediawiki/2013/2/2c/Human_p%E7%AC%AC%E4%BA%94%E5%BC%A0.png" width="925" height="2969" /></div>
 +
    </div>
 +
  </div>
 +
</div>
 +
<script type="text/javascript">
 +
var Accordion1 = new Spry.Widget.Accordion("Accordion1");
</script>
</script>
</body>
</body>
</html>
</html>

Revision as of 12:56, 25 September 2013

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 无标题文档

Retrieved from "http://2013.igem.org/Team:AHUT_China/Humanpractice"