Line 118: | Line 118: | ||
transition:all 0.3s; | transition:all 0.3s; | ||
transform: scale(1.15); | transform: scale(1.15); | ||
+ | } | ||
+ | |||
+ | .left li:before { | ||
+ | content: ''; | ||
+ | height: 100%; | ||
+ | left: 0; | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | -webkit-transition: width 0.2s ease-in; | ||
+ | transition: width 0.2s ease-in; | ||
+ | width: 3px; | ||
+ | z-index: -1; | ||
+ | } | ||
+ | |||
+ | .left li:hover:before { | ||
+ | -webkit-transition: width 0.2s ease-in; | ||
+ | transition: width 0.2s ease-in; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | .left li.open:hover before { | ||
+ | -webkit-transition: width 0.2s ease-in; | ||
+ | transition: width 0.2s ease-in; | ||
+ | width: 100%; | ||
} | } | ||
Line 151: | Line 175: | ||
float: left; | float: left; | ||
top:110%; | top:110%; | ||
− | left: | + | left:20%; |
width:71%; | width:71%; | ||
font-size: 18px; | font-size: 18px; | ||
Line 197: | Line 221: | ||
</style> | </style> | ||
+ | |||
+ | <link rel="stylesheet" href="https://2018.igem.org/wiki/index.php?title=Template:Tongji-Software/test/css/style.css&action=raw&ctype=text/css"> | ||
Line 224: | Line 250: | ||
− | <div class="left"> | + | <div id = "wrapper"> |
+ | <div class="left" id = "sidebar-wrapper"> | ||
<ul> | <ul> | ||
<li><a href="#Bronze">Bronze</a></li> | <li><a href="#Bronze">Bronze</a></li> | ||
Line 243: | Line 270: | ||
</div> | </div> | ||
− | <div class="content" > | + | <div class="content" id="con"> |
<span class="top" id="Bronze">Bronze</span> | <span class="top" id="Bronze">Bronze</span> | ||
Line 287: | Line 314: | ||
<span class="detail"> Check it in <a href="https://2018.igem.org/Team:Tongji-Software/Demonstrate">Demonstration</a>.</span></br> | <span class="detail"> Check it in <a href="https://2018.igem.org/Team:Tongji-Software/Demonstrate">Demonstration</a>.</span></br> | ||
+ | </div> | ||
+ | <script src="https://2018.igem.org/wiki/index.php?title=Template:Tongji-Software/test/js/jquery-1.8.3.min.js&action=raw&ctype=text/javascript"></script> | ||
+ | <script src="https://2018.igem.org/wiki/index.php?title=Template:Tongji-Software/test/js/bootstrap.min.js&action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function () { | ||
+ | var trigger = $('.icon'), | ||
+ | slide = $('.left'), | ||
+ | isClosed = true; | ||
+ | |||
+ | trigger.mouseover(function () { | ||
+ | cross_out(); | ||
+ | }); | ||
+ | slide.mouseleave(function () { | ||
+ | cross_in(); | ||
+ | }); | ||
+ | |||
+ | function cross_out() { | ||
+ | if (isClosed == true) { | ||
+ | trigger.removeClass('is-open'); | ||
+ | trigger.addClass('is-closed'); | ||
+ | |||
+ | $('#wrapper').toggleClass('toggled'); | ||
+ | isClosed = false; | ||
+ | } | ||
+ | } | ||
+ | function cross_in() { | ||
+ | if (isClosed == false) { | ||
+ | trigger.removeClass('is-closed'); | ||
+ | trigger.addClass('is-open'); | ||
+ | |||
+ | $('#wrapper').toggleClass('toggled'); | ||
+ | isClosed = true; | ||
+ | } | ||
+ | } | ||
+ | }); | ||
+ | </script> | ||
Revision as of 11:28, 13 October 2018
MEDAL
Bronze
✔Register for iGEM, have a great iGEM season, and attend the Giant Jamboree.
We have successfully registered for iGEM, work hard and have fun in this iGEM season. More importantly, we plan our trip to Boston and attend the Giant Jamboree.
✔completed all the following Competition Deliverables:
- #1 Wiki: we made an understandable wiki with marvelous design.
- #2 Poster : we made our poster and check it on the Giant Jamboree.
- #3 Presentation : we are going to do presentation on the Giant Jamboree.
- #4 Judging Form: here is our judging form.