Team:Oxford/layouttest

From 2014.igem.org

(Difference between revisions)
Line 141: Line 141:
     display: block;
     display: block;
   }
   }
 +
 +
.left {margin-top:20px; height:100px; margin-left:10%; float:left;}
 +
.test { background: #BEBEBE; margin-top:2%; width:10%; height:100px; float:left; padding: 10px 40px; border-radius: 10px;}
 +
.right {margin-top:20px; height:100px;float:left;}
Line 232: Line 236:
   }
   }
-
 
+
$(".left, .right").click(function () {
 +
    $(".test").animate({width: 'toggle'});;
 +
});
   </script>
   </script>
Line 271: Line 277:
     <div class="inner">
     <div class="inner">
       <img src="https://static.igem.org/mediawiki/2014/e/e3/OxigemSupercoiltop.png" class="supercoil">
       <img src="https://static.igem.org/mediawiki/2014/e/e3/OxigemSupercoiltop.png" class="supercoil">
 +
 +
 +
<img class="left" src="https://static.igem.org/mediawiki/2014/7/7b/OxigemLeft.png">
 +
<div class="test">TEST</div>
 +
<img class="right" src="https://static.igem.org/mediawiki/2014/7/7b/OxigemRight.png">
 +
 +
 +
       <img src="https://static.igem.org/mediawiki/2014/d/dd/OxigemSupercoilbottom.png" class="supercoil" style="margin-top:-4.035%; margin-right:17.52%; width:65.15%;">
       <img src="https://static.igem.org/mediawiki/2014/d/dd/OxigemSupercoilbottom.png" class="supercoil" style="margin-top:-4.035%; margin-right:17.52%; width:65.15%;">

Revision as of 11:32, 31 August 2014

TEST