"
Team:Heidelberg/testing/Project
From 2014.igem.org
(Difference between revisions)
| (21 intermediate revisions not shown) | |||
| Line 90: | Line 90: | ||
height: auto; | height: auto; | ||
} | } | ||
| + | |||
| + | .block{ | ||
| + | display:block; | ||
| + | text-decoration:none; | ||
| + | color: white; | ||
| + | } | ||
| + | |||
| + | .block:hover{ | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | |||
| + | .box { | ||
| + | background-color: rgba(81,81,81,0.7); | ||
| + | padding: 15px; | ||
| + | position:relative; | ||
| + | } | ||
| + | |||
| + | .box:hover { | ||
| + | border:solid 2px #DE4230; | ||
| + | padding: 13px; | ||
| + | } | ||
| + | |||
.descr-box { | .descr-box { | ||
| Line 138: | Line 160: | ||
} | } | ||
| + | #abstract-content { | ||
| + | display:none; | ||
| + | } | ||
</style> | </style> | ||
<div id="myContainer" class="container"> | <div id="myContainer" class="container"> | ||
| Line 154: | Line 179: | ||
<div id="abstract-dropdown" class="row abstract-special dark-grey"> | <div id="abstract-dropdown" class="row abstract-special dark-grey"> | ||
<div class="col-lg-offset-1 col-lg-2"> | <div class="col-lg-offset-1 col-lg-2"> | ||
| - | <h4><img src="/wiki/images/7/70/Heidelberg_Abstract-dropdown.png"/> Abstract</h4> | + | <h4><img id="dropdownImg" src="/wiki/images/7/70/Heidelberg_Abstract-dropdown.png"/> Abstract</h4> |
</div> | </div> | ||
<div class="col-lg-9"> | <div class="col-lg-9"> | ||
<span>Click to read full abstract</span> | <span>Click to read full abstract</span> | ||
| + | </div> | ||
| + | <div id="abstract-content" class="col-lg-12" > | ||
| + | Placeholder | ||
</div> | </div> | ||
</div> | </div> | ||
| Line 187: | Line 215: | ||
<br /><br /> | <br /><br /> | ||
</span> | </span> | ||
| - | < | + | <a href="#" class="block box"> |
| - | <img style="position:absolute; | + | <img style="position:absolute;height:330px; right: 15px;top: -35px;" src="/wiki/images/a/a6/Heidelberg_Project_Dnmt1.png" /> |
| - | < | + | <span style="width:40%;" class="block"> |
<span style="font-size:1.5em;"> | <span style="font-size:1.5em;"> | ||
| - | <span class="red-text">Heat-stable</span> circular DNMT I | + | <span class="red-text">Heat-stable</span> circular <span style="font-weight:bold;">DNMT I</span> |
</span><br /> | </span><br /> | ||
<span style="font-size:2.5em; text-align:right;"> | <span style="font-size:2.5em; text-align:right;"> | ||
| Line 197: | Line 225: | ||
2.0 | 2.0 | ||
</span> | </span> | ||
| - | </ | + | </span> |
| - | </ | + | </a> |
</div> | </div> | ||
</div> | </div> | ||
| - | <div class="row" style="margin-top: | + | <div class="row" style="margin-top:60px;"> |
| - | < | + | <a href="#" class="col-lg-4 block grey-text" style="font-size:2em; text-align:right; position:relative; top: -50px;"> |
| - | <img style="position:absolute;height: | + | taking it to<br /> |
| - | < | + | the next level:<br /> |
| - | <span style="font-size:1.5em;"> | + | Inducable <br /> |
| - | <span class="red-text">Heat-stable</span> circular | + | via <span class="red-text">light induction</span> |
| - | + | </a> | |
| - | <span style="font-size:2.5em; text-align:right;"> | + | <a href="#" class="col-lg-7 col-lg-offset-1 block box"> |
| + | <img style="position:absolute;height: 165px; left: 15px;top: -50px;" src="/wiki/images/8/82/Heidelberg_Project_Xylanase.png" /> | ||
| + | <span class="col-lg-8 col-lg-offset-4 block"> | ||
| + | <span class="col-lg-6" style="font-size:1.5em; display:block;"> | ||
| + | <span class="red-text">Heat-stable</span> circular <br /><span style="font-weight:bold;">Xylanase</span> | ||
| + | </span> | ||
| + | <span class="col-lg-6 block" style="font-size:2.5em; text-align:right;"> | ||
<span class="red-text">PCR</span><br /> | <span class="red-text">PCR</span><br /> | ||
2.0 | 2.0 | ||
</span> | </span> | ||
| - | </ | + | </span> |
| - | < | + | <span class="clearfix block"></span> |
| - | </ | + | </a> |
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
| + | <script type="text/javascript"> | ||
| + | $(document).ready(function(){ | ||
| + | if(window.location.hash) { | ||
| + | var hash = window.location.hash.substring(1); //Puts hash in variable, and removes the # character | ||
| + | if(hash == "Abstract") | ||
| + | $('#abstract-content').slideDown(400, function() {$('#dropdownImg').attr("src", "/wiki/images/f/f2/Heidelberg-Abstract-dropup.png");}); | ||
| + | } | ||
| + | $('#abstract-dropdown').click(function() { | ||
| + | if($('#abstract-content').css("display") == 'none'){ | ||
| + | $('#abstract-content').slideDown(400, function() {$('#dropdownImg').attr("src", "/wiki/images/f/f2/Heidelberg-Abstract-dropup.png");}); | ||
| + | } | ||
| + | else{ | ||
| + | $('#abstract-content').slideUp(400, function() {$('#dropdownImg').attr("src", "/wiki/images/7/70/Heidelberg_Abstract-dropdown.png");}); | ||
| + | } | ||
| + | }); | ||
| + | |||
| + | }); | ||
| + | </script> | ||
</html> | </html> | ||
Latest revision as of 21:12, 9 October 2014
Abstract
Click to read full abstract
Placeholder
OLIGOMERIZATION
FUSION
ON/OFF
PURIFICATION
Modify your protein
post-translationally
easy and standardized
WITH THE POWER
of INTEIN SPLICING
Heat-stable circular DNMT I
PCR
2.0
post-translationally
easy and standardized
WITH THE POWER
of INTEIN SPLICING
Heat-stable circular DNMT I
PCR
2.0
