Team:UT Dallas/Projects

From 2012.igem.org

(Difference between revisions)
Line 8: Line 8:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.min.js"></script>
 +
<script type="text/javascript" src="https://2012.igem.org/Team:UT_Dallas/haccordion.js?action=raw&ctype=text/javascript"></script>
<script type='text/javascript' src='https://2012.igem.org/Team:UT_Dallas/script.js?action=raw&ctype=text/javascript'></script>
<script type='text/javascript' src='https://2012.igem.org/Team:UT_Dallas/script.js?action=raw&ctype=text/javascript'></script>
-
<link href="https://2012.igem.org/Team:UT_Dallas/test/page.css?action=raw&ctype=text/css&purtryjryjytu=eryw" rel="stylesheet">
+
<link href="https://2012.igem.org/Team:UT_Dallas/test/page.css?action=raw&ctype=text/css&pusthu=hyyiw" rel="stylesheet">
-
<script language="javascript">
+
</script>
 +
 
 +
<style type="text/css">
 +
 
 +
.haccordion{
 +
padding: 0;
 +
}
 +
 
 +
.haccordion ul{
 +
margin: 0;
 +
padding: 0;
 +
list-style: none;
 +
overflow: hidden; /*leave as is*/
 +
}
 +
 
 +
 
 +
.haccordion li{
 +
margin: 0;
 +
padding: 0;
 +
display: block; /*leave as is*/
 +
width: 100%; /*For users with JS disabled: Width of each content*/
 +
height: 200px; /*For users with JS disabled: Height of each content*/
 +
overflow: hidden; /*leave as is*/
 +
float: left; /*leave as is*/
 +
}
 +
 
 +
.haccordion li .hpanel{
 +
width: 100%; /*For users with JS disabled: Width of each content*/
 +
height: 200px;  /*For users with JS disabled: Height of each content*/
 +
}
 +
 
 +
#hc2{
 +
float:right;
 +
position:absolute;z-index:999;
 +
}
 +
#hc2 li{
 +
margin:0 0 0 0; /*Spacing between each LI container*/
 +
border: 0px;
 +
}
 +
 
 +
#hc2 li .hpanel{
 +
padding-left: 55px;
 +
padding-right: 2px;
 +
padding-top: 2px;
 +
padding-bottom: 2px;
 +
cursor: hand;
 +
cursor: pointer;
 +
}
 +
 
 +
</style>
 +
 
 +
<script type="text/javascript">
 +
haccordion.setup({
 +
accordionid: 'hc2', //main accordion div id
 +
paneldimensions: {peekw:'40px', fullw:'821px', h:'198px'},
 +
selectedli: [-1, true], //[selectedli_index, persiststate_bool]
 +
collapsecurrent: true //<- No comma following very last setting!
 +
})
$(document).ready(function(){  colorize_menu('project');});
$(document).ready(function(){  colorize_menu('project');});
</script>
</script>
Line 17: Line 75:
{{:Team:UT_Dallas/Template:menu}}<html>
{{:Team:UT_Dallas/Template:menu}}<html>
</div>
</div>
-
<div id='middle_box'>
+
<div id='middle_box' style="padding:0px;height: 198px;">
-
<div id='st_1'><h2 class='title'>Projects</h2>
+
<!-- style="background: url('https://static.igem.org/mediawiki/2012/e/e0/Hac_bg.png') repeat-y scroll 0 0 transparent;">-->
-
I'm a paragraph. Click here to add your own text and edit me. It’s easy. Just click “Edit Text” or double click me and you can start adding your own content and make changes to the font. Feel free to drag and drop me anywhere you like on your page. I’m a great place for you to tell a story and let your users know a little more about your services. Tip: You could title this section “Our Services” or 'Our Team' and introduce who you are or what you do
+
<div id="hc2" class="haccordion" style="float:left;position:relative">
 +
<ul>
 +
 
 +
<li style="background:url('https://static.igem.org/mediawiki/2012/d/dc/Toggle_switch.png') no-repeat scroll 0 0 #EEEEEE;border-right-width:0">
 +
<div class="hpanel">
 +
Toggle switch
 +
</div>
 +
</li>
 +
 
 +
<li style="background:url('https://static.igem.org/mediawiki/2012/b/b7/Oscillator.png') no-repeat scroll 0 0 #EEEEEE;border-right-width:0">
 +
<div class="hpanel">
 +
oscillator
 +
</div>
 +
</li>
 +
 
 +
<li style="background:url('https://static.igem.org/mediawiki/2012/d/de/And_gate.png') no-repeat scroll 0 0 #EEEEEE;border-right-width:0">
 +
<div class="hpanel">
 +
AND gate
 +
</div>
 +
</li>
 +
 
 +
<li style="background:url('https://static.igem.org/mediawiki/2012/4/44/Infographics.png') no-repeat scroll 0 0 #EEEEEE;border-right:1px solid #007c5a">
 +
<div class="hpanel">
 +
Infographics
 +
</div>
 +
</li>
 +
 
 +
</ul>
 +
</div>
 +
 
 +
<div style="float: right;left: 170px;padding: 10px;position: absolute;top: 132px;width: 825px;" id='overview'>
 +
<h2 class='title'>Projects</h2>
 +
Write some overview of the projects
</div>
</div>
</div>
</div>
</html>
</html>

Revision as of 03:06, 29 September 2012

  • Toggle switch
  • oscillator
  • AND gate
  • Infographics

Projects

Write some overview of the projects
Retrieved from "http://2012.igem.org/Team:UT_Dallas/Projects"