Team:Macquarie Australia/trial
From 2012.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
{{:Team:Macquarie_Australia/Template/MQ12}} | {{:Team:Macquarie_Australia/Template/MQ12}} | ||
<html> | <html> | ||
- | <p> This is | + | |
- | < | + | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"> </script> |
- | < | + | <script type="text/javascript"> |
- | </ | + | WebFontConfig = { |
+ | google: { families: [ 'Open+Sans:600italic,400,800:latin' ]|[ 'Qwigley::latin' ]} | ||
+ | }; | ||
+ | (function() { | ||
+ | var wf = document.createElement('script'); | ||
+ | wf.src = ('https:' == document.location.protocol ? 'https' : 'http') + | ||
+ | '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js'; | ||
+ | wf.type = 'text/javascript'; | ||
+ | wf.async = 'true'; | ||
+ | var s = document.getElementsByTagName('script')[0]; | ||
+ | s.parentNode.insertBefore(wf, s); | ||
+ | })(); | ||
+ | </script> | ||
+ | <style> | ||
+ | #arc_wrapper { | ||
+ | width: 690px; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | } | ||
+ | .accordionButton { | ||
+ | width: 690px; | ||
+ | height:40px; | ||
+ | background-color:transparent; | ||
+ | background-image:url('https://static.igem.org/mediawiki/2012/6/65/Trial_4.png'); | ||
+ | background-repeat:no-repeat; | ||
+ | border-bottom: 1px solid #FFFFFF; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | .accordionButton #protocol { | ||
+ | font-family: 'arial', sans-serif; | ||
+ | color:#7e7e7e; | ||
+ | font-size: 15pt; | ||
+ | line-height:100%; | ||
+ | padding-left:20px; | ||
+ | padding-top:8px; | ||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | .accordionContent #top-part{ | ||
+ | width:690px; | ||
+ | background-color:transparent; | ||
+ | } | ||
+ | |||
+ | .accordionContent #bot-part{ | ||
+ | width:690px; | ||
+ | background-color:transparent; | ||
+ | } | ||
+ | |||
+ | .accordionContent { | ||
+ | width: 690px; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | |||
+ | .accordionContent #protocolcontent{ | ||
+ | background-image:url('https://static.igem.org/mediawiki/2012/7/77/KAIST_Protocol_content.png'); | ||
+ | background-repeat:repeat-y; | ||
+ | background-color:transparent; | ||
+ | background-position:center; | ||
+ | left:3px; | ||
+ | font-family: 'Open Sans', sans-serif; | ||
+ | font-size:10pt; | ||
+ | line-height:120%; | ||
+ | text-align:justify; | ||
+ | padding: 20px 30px 20px 25px; | ||
+ | } | ||
+ | |||
+ | .accordionContent #content #starter | ||
+ | { | ||
+ | font-family: 'Arial', sans-serif; | ||
+ | font-size:14pt; | ||
+ | color: #08185d; | ||
+ | padding:0px 0px 0px 10px; | ||
+ | } | ||
+ | </style> | ||
+ | <body> | ||
+ | |||
+ | <div id="arc_wrapper"> | ||
+ | |||
+ | |||
+ | <div class="accordionButton"><div id="protocol">Week 1</div></div> | ||
+ | <div class="accordionContent"> | ||
+ | <img style="margin:0 auto;float:none;"src="https://static.igem.org/mediawiki/2012/7/77/KAIST_Protocol_content_top.png" id="top-part"></img> | ||
+ | <div id="protocolcontent"> | ||
+ | <p> This is a trial. I do not know if this is going to work or not!</p> | ||
+ | </div> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/8/85/Protocol_content_bottom.png" id="bot-part"></img> | ||
+ | </div> | ||
+ | <!> | ||
+ | <div class="accordionButton"><div id="protocol">2</div></div> | ||
+ | <div class="accordionContent"> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/7/77/KAIST_Protocol_content_top.png" id="top-part"/> | ||
+ | <div id="protocolcontent"> | ||
+ | </div> | ||
+ | <!> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/8/85/Protocol_content_bottom.png" id="bot-part"/> | ||
+ | </div> | ||
+ | <div class="accordionButton"><div id="protocol">3</div></div> | ||
+ | <div class="accordionContent"> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/7/77/KAIST_Protocol_content_top.png" id="top-part"/> | ||
+ | <div id="protocolcontent"> | ||
+ | </div> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/8/85/Protocol_content_bottom.png" id="bot-part"/> | ||
+ | </div> | ||
+ | |||
+ | <!> | ||
+ | <div class="accordionButton"><div id="protocol">4</div></div> | ||
+ | <div class="accordionContent"> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/7/77/KAIST_Protocol_content_top.png" id="top-part"/> | ||
+ | <div id="protocolcontent"> | ||
+ | </div> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/8/85/Protocol_content_bottom.png" id="bot-part"/> | ||
+ | </div> | ||
+ | |||
+ | <!> | ||
+ | <div class="accordionButton"><div id="protocol">5</div></div> | ||
+ | <div class="accordionContent"> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/7/77/KAIST_Protocol_content_top.png" id="top-part"/> | ||
+ | <div id="protocolcontent"> | ||
+ | </div> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/8/85/Protocol_content_bottom.png" id="bot-part"/> | ||
+ | </div> | ||
+ | |||
+ | <!> | ||
+ | <div class="accordionButton"><div id="protocol">6</div></div> | ||
+ | <div class="accordionContent"> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/7/77/KAIST_Protocol_content_top.png" id="top-part"/> | ||
+ | <div id="protocolcontent"> | ||
+ | </div> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/8/85/Protocol_content_bottom.png" id="bot-part"/> | ||
+ | </div> | ||
+ | |||
+ | <!> | ||
+ | <div class="accordionButton"><div id="protocol">7</div></div> | ||
+ | <div class="accordionContent"> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/7/77/KAIST_Protocol_content_top.png" id="top-part"/> | ||
+ | <div id="protocolcontent"> | ||
+ | </div> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/8/85/Protocol_content_bottom.png" id="bot-part"/> | ||
+ | </div> | ||
+ | |||
+ | <!> | ||
+ | <div class="accordionButton"><div id="protocol">8 <a href=#8</div></div> | ||
+ | <div class="accordionContent"> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/7/77/KAIST_Protocol_content_top.png" id="top-part"/> | ||
+ | <div id="protocolcontent"> | ||
+ | </div> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/8/85/Protocol_content_bottom.png" id="bot-part"/> | ||
+ | </div> | ||
+ | <script> | ||
+ | $(document).ready(function() { | ||
+ | $('.accordionButton').click(function() { | ||
+ | $('.accordionButton').removeClass('on'); | ||
+ | $('.accordionContent').slideUp('normal'); | ||
+ | if($(this).next().is(':hidden') == true) { | ||
+ | $(this).addClass('on'); | ||
+ | $(this).next().slideDown('normal'); | ||
+ | } | ||
+ | |||
+ | }); | ||
+ | |||
+ | $('.accordionContent').hide(); | ||
+ | |||
+ | }); | ||
+ | </script> |
Revision as of 04:14, 14 September 2012