|
|
Line 1: |
Line 1: |
- | <html xmlns="http://www.w3.org/1999/xhtml">
| + | {{Template:UCSF/Header}} |
- | <head>
| + | {{Template:UCSF/Nav}} |
- | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
| + | {{Template:UCSF/SubNav}} |
- | <title>Untitled Document</title>
| + | ===Safety=== |
- | <style type="text/css">
| + | {{Template:UCSF/SideBar}} |
- | #apDiv1 {
| + | __NOTOC__ |
- | position:absolute;
| + | |
- | left:0px;
| + | |
- | top:0px;
| + | |
- | width:100%;
| + | |
- | z-index:0;
| + | |
- | }
| + | |
- | #apDiv2 {
| + | |
- | margin: 0 auto 0 auto;
| + | |
- | position:relative;
| + | |
- | top:50px;
| + | |
- | width:1000px;
| + | |
- | z-index:1;
| + | |
- | } | + | |
- | | + | |
- | #apDiv4 {
| + | |
- | position:relative;
| + | |
- | width:180px;
| + | |
- | float:left;
| + | |
- | height:auto;
| + | |
- | z-index:1;
| + | |
- | } | + | |
- | #apDiv3 {
| + | |
- | position:relative;
| + | |
- | height:auto;
| + | |
- | width:800px;
| + | |
- | z-index:2;
| + | |
- | float:right;
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | #basic-accordian{
| + | |
- | border:0px solid #EEE;
| + | |
- | padding:0px;
| + | |
- | width:180px;
| + | |
- | position:relative;
| + | |
- | left:0px;
| + | |
- | top:0px;
| + | |
- | z-index:2;
| + | |
- | } | + | |
- | | + | |
- | .accordion_headings{
| + | |
- | padding:5px;
| + | |
- | background:#99CC00;
| + | |
- | color:#FFFFFF;
| + | |
- | border:1px solid #FFF;
| + | |
- | cursor:pointer;
| + | |
- | font-size: 11px;
| + | |
- | font-weight:bold;
| + | |
- | } | + | |
- | | + | |
- | .accordion_headings:hover{
| + | |
- | background:#F90;
| + | |
- | font-size: 11px;
| + | |
- | | + | |
- | }
| + | |
- | | + | |
- | .accordion_child{
| + | |
- | padding:10px;
| + | |
- | font-size: 11px;
| + | |
- | background:white;
| + | |
- | background-color:#FAF8D1;
| + | |
- | }
| + | |
- | | + | |
- | .header_highlight{
| + | |
- | background:#F90;
| + | |
- | }
| + | |
- | | + | |
- | #apDiv5 {
| + | |
- | position:relative;
| + | |
- | width:800px;
| + | |
- | height:60px;
| + | |
- | z-index:3;
| + | |
- | background-image: url(https://static.igem.org/mediawiki/igem.org/2/27/UCSF_2010_Project_Back.png);
| + | |
- | } | + | |
- | #apDiv6 {
| + | |
- | position:absolute;
| + | |
- | left:15px;
| + | |
- | top:30px;
| + | |
- | font-size:24px;
| + | |
- | width:150px;
| + | |
- | height:29px;
| + | |
- | z-index:1;
| + | |
- | color: #FF6801;
| + | |
- | font-weight: bold;
| + | |
- | text-align: right;
| + | |
- | } | + | |
- | #apDiv7 {
| + | |
- | position:absolute;
| + | |
- | top:0px;
| + | |
- | left:400px;
| + | |
- | width:400px;
| + | |
- | height:100%;
| + | |
- | z-index:2;
| + | |
- | }
| + | |
- | #apDiv8 {
| + | |
- | position:relative;
| + | |
- | width:794px;
| + | |
- | height:500px;
| + | |
- | border:3px solid #EEE;
| + | |
- | z-index:4;
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | </style>
| + | |
- | | + | |
- | <script type="text/javascript" src="http://www.dezinerfolio.com/wp-content/uploads/accordemo/accordian.pack.js"></script>
| + | |
- | | + | |
- | | + | |
- | </head>
| + | |
- | | + | |
- | <body onLoad="new Accordian('basic-accordian',5,'header_highlight');">
| + | |
- | <div id="apDiv1">
| + | |
- | <div id="apDiv2">
| + | |
- | <div id="apDiv3">
| + | |
- | <div id="apDiv5">
| + | |
- | <div id="apDiv6">Home</div>
| + | |
- | <div id="apDiv7">
| + | |
- | <style type="text/css">
| + | |
- | @import url(http://www.google.com/cse/api/branding.css);
| + | |
- | </style>
| + | |
- | <div class="cse-branding-right" style="background-color:#FFFFFF;color:#000000">
| + | |
- | <div class="cse-branding-form">
| + | |
- | <form action="https://2010.igem.org/Team:UCSF/Search" id="cse-search-box">
| + | |
- | <div>
| + | |
- | <input type="hidden" name="cx" value="003596668401458118461:zap8jgrah-m" />
| + | |
- | <input type="hidden" name="cof" value="FORID:9" />
| + | |
- | <input type="hidden" name="ie" value="UTF-8" />
| + | |
- | <input type="text" name="q" size="31" />
| + | |
- | <input type="submit" name="sa" value="Search" />
| + | |
- | </div>
| + | |
- | </form>
| + | |
- | </div>
| + | |
- | <div class="cse-branding-logo">
| + | |
- | <img src="http://www.google.com/images/poweredby_transparent/poweredby_FFFFFF.gif" alt="Google" />
| + | |
- | </div>
| + | |
- | <div class="cse-branding-text">
| + | |
- | Custom Search
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <div id="apDiv8"></div>
| + | |
- | </div>
| + | |
- | <div id="apDiv4"><div style="position:relative;top:0px;left:0px"><img src="https://static.igem.org/mediawiki/2008/0/0e/UCSF2008logo2.jpg" width="180" height="180" /></div><div id="basic-accordian"><!--Parent of the Accordion-->
| + | |
- | | + | |
- | <!--Start of each accordion item-->
| + | |
- | <div id="test-header" class="accordion_headings">Home</div><!--Heading of the accordion ( clicked to show n hide ) -->
| + | |
- |
| + | |
- | <!--Prefix of heading (the DIV above this) and content (the DIV below this) to be same... eg. foo-header & foo-content-->
| + | |
- |
| + | |
- | <div style="display: none; height: auto; opacity: 0;" id="test-content"><!--DIV which show/hide on click of header-->
| + | |
- |
| + | |
- | <!--This DIV is for inline styling like padding...-->
| + | |
- | <div class="accordion_child">
| + | |
- | Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc
| + | |
- | ligula nisl, egestas non, pharetra vel, scelerisque accumsan, lacus.
| + | |
- | Proin nibh. Aenean dapibus. Quisque facilisis, ligula ut blandit
| + | |
- | hendrerit, purus neque rhoncus ipsum, sit amet ultrices mauris augue non
| + | |
- | arcu. Donec et sem nec libero viverra accumsan.<br><br> Quisque
| + | |
- | facilisis, ligula ut blandit hendrerit, purus neque rhoncus ipsum, sit
| + | |
- | amet ultrices mauris augue non arcu. Donec et sem nec libero viverra
| + | |
- | accumsan.
| + | |
- | </div>
| + | |
- |
| + | |
- | </div>
| + | |
- | <!--End of each accordion item-->
| + | |
- | | + | |
- | | + | |
- | <!--Start of each accordion item-->
| + | |
- | <div id="test1-header" class="accordion_headings header_highlight">About Us</div><!--Heading of the accordion ( clicked to show n hide ) -->
| + | |
- |
| + | |
- | <!--Prefix of heading (the DIV above this) and content (the DIV below this) to be same... eg. foo-header & foo-content-->
| + | |
- |
| + | |
- | <div style="display: block;height: auto; opacity: 1;" id="test1-content"><!--DIV which show/hide on click of header-->
| + | |
- |
| + | |
- | <!--This DIV is for inline styling like padding...-->
| + | |
- | <div class="accordion_child">
| + | |
- | Quisque facilisis, ligula ut blandit hendrerit, purus neque rhoncus
| + | |
- | ipsum, sit amet ultrices mauris augue non arcu. Donec et sem nec libero
| + | |
- | viverra accumsan.
| + | |
- | </div>
| + | |
- |
| + | |
- | </div>
| + | |
- | <!--End of each accordion item-->
| + | |
- | | + | |
- | | + | |
- | | + | |
- | <!--Start of each accordion item-->
| + | |
- | <div id="test2-header" class="accordion_headings">Downloads</div><!--Heading of the accordion ( clicked to show n hide ) -->
| + | |
- | <!--Prefix of heading (the DIV above this) and content (the DIV below this) to be same... eg. foo-header & foo-content-->
| + | |
- | <div style="display: none;height:auto;" id="test2-content"><!--DIV which show/hide on click of header-->
| + | |
- | <!--This DIV is for inline styling like padding...-->
| + | |
- | <div class="accordion_child">
| + | |
- | Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc
| + | |
- | ligula nisl, egestas non, pharetra vel, scelerisque accumsan, lacus.
| + | |
- | Proin nibh. Aenean dapibus. Quisque facilisis, ligula ut blandit
| + | |
- | hendrerit, purus neque rhoncus ipsum, sit amet ultrices mauris augue non
| + | |
- | arcu. Donec et sem nec libero viverra accumsan.<br>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <!--End of each accordion item-->
| + | |
- | </div><!--End of accordion parent-->
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </body>
| + | |
- | <script>
| + | |
- | var con = document.getElementById('content');
| + | |
- | var bodycon = document.getElementById('bodyContent');
| + | |
- | var glo = document.getElementById('globalWrapper');
| + | |
- | document.body.removeChild(glo);
| + | |
- | document.body.appendChild(bodycon);
| + | |
- | </script>
| + | |
- | </html>
| + | |
- | | + | |
- | {{Template:UCSF/Jixedbar}} | + | |