Line 1: | Line 1: | ||
<html> | <html> | ||
+ | <head> | ||
+ | <meta charset="utf-8"> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"> | ||
+ | <title>Modeling</title> | ||
+ | <!--<link rel="stylesheet" type="text/css" class="ui" href="semantic.min.css">--> | ||
+ | <link rel="stylesheet" type="text/c<html> | ||
<head> | <head> | ||
<meta charset="utf-8"> | <meta charset="utf-8"> | ||
Line 6: | Line 12: | ||
<!--<link rel="stylesheet" type="text/css" class="ui" href="semantic.min.css">--> | <!--<link rel="stylesheet" type="text/css" class="ui" href="semantic.min.css">--> | ||
<link rel="stylesheet" type="text/css" href="https://2016.igem.org/Template:USTC/semantics?action=raw&ctype=text/css"> | <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Template:USTC/semantics?action=raw&ctype=text/css"> | ||
+ | <style> | ||
+ | /********************Dealing with default Mediawiki setting*******************/ | ||
+ | #top_title { | ||
+ | display:none; | ||
+ | position:absolute; | ||
+ | } | ||
+ | #content { | ||
+ | padding:0px; width:auto; margin-top:-11px; margin-left:0px; | ||
+ | } | ||
+ | #globalWrapper{ | ||
+ | } | ||
+ | body { | ||
+ | } | ||
+ | #bodyContent { | ||
+ | } | ||
+ | div#top_menu_14{ | ||
+ | height:21px; | ||
+ | border-bottom-color:#383838; | ||
+ | } | ||
+ | div#top_menu_under{ | ||
+ | |||
+ | } | ||
+ | div#globalWrapper{ | ||
+ | padding-bottom: 0; | ||
+ | } | ||
+ | #top_menu_under{ | ||
+ | height:0; | ||
+ | } | ||
+ | #sideMenu{ | ||
+ | display:none; | ||
+ | position:fixed; | ||
+ | left:220px; | ||
+ | } | ||
+ | /******************************************************************************/ | ||
+ | </style> | ||
+ | <style> | ||
+ | div.ui.inverted.vertical.sticky.basic.menu a.item{ | ||
+ | -webkit-transition: background-color 0.6s , color 0.6s; | ||
+ | } | ||
+ | div.ui.inverted.vertical.sticky.basic.menu a.item:hover{ | ||
+ | background-color: #FFFA99; | ||
+ | color:#6E47B2; | ||
+ | } | ||
+ | p{ | ||
+ | font-family: 'Lato'!important; | ||
+ | font-size:16px !important; | ||
+ | line-height: 150%; | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | <!--For multiple devices--> | ||
+ | <style> | ||
+ | @media only screen | ||
+ | and (min-width: 1025px){ | ||
+ | div#menuForTablet{ | ||
+ | display:none; | ||
+ | } | ||
+ | div#main_page_content{ | ||
+ | margin-top:-13px; | ||
+ | left:210px; | ||
+ | max-width: 1070px; | ||
+ | } | ||
+ | #ui_article{ | ||
+ | width:64%; | ||
+ | } | ||
+ | } | ||
+ | @media only screen | ||
+ | and (max-width : 1024px) | ||
+ | and (orientation : landscape) { | ||
+ | div#main_page_content{ | ||
+ | margin-top:40px; | ||
+ | } | ||
+ | div#menuForComputer{ | ||
+ | display:none; | ||
+ | width:0; | ||
+ | height:0; | ||
+ | } | ||
+ | #ui_article{ | ||
+ | width:63%; | ||
+ | } | ||
+ | } | ||
+ | @media only screen | ||
+ | and (max-width : 1024px) | ||
+ | and (orientation : portrait) { | ||
+ | div#main_page_content{ | ||
+ | margin-top:40px; | ||
+ | } | ||
+ | div#menuForComputer{ | ||
+ | display:none; | ||
+ | width:0; | ||
+ | height:0; | ||
+ | } | ||
+ | #ui_article{ | ||
+ | width:63%; | ||
+ | } | ||
+ | } | ||
+ | </style> | ||
+ | </head> | ||
+ | |||
+ | |||
+ | <body> | ||
+ | |||
+ | <div class="ui inverted vertical sidebar basic menu" style="border-radius:0; background-color: #44a17d; padding-top:9px;font-size:medium;"> | ||
+ | <div class="item"> | ||
+ | <img class="ui image" src="https://static.igem.org/mediawiki/2016/3/36/T--USTC--a_prion%27s_life.png"> | ||
+ | </div> | ||
+ | <a class="item" href="https://2016.igem.org/Team:USTC">Home </a> | ||
+ | <div class="item"> | ||
+ | <div class="header">Project</div> | ||
+ | <div class="menu"> | ||
+ | <a class="item" id="Description" href="https://2016.igem.org/Team:USTC/Description"> Description </a> | ||
+ | <a class="item" href="https://2016.igem.org/Team:USTC/Design"> Design </a> | ||
+ | <a class="item" href="https://2016.igem.org/Team:USTC/Proof"> Proof of Concept </a> | ||
+ | <a class="item" href="https://2016.igem.org/Team:USTC/Demonstrate"> Demonstrate </a> | ||
+ | <a class="item" href="https://2016.igem.org/Team:USTC/Results"> Results </a> | ||
+ | <a class="item" href="https://2016.igem.org/Team:USTC/Notebook"> Notebook </a> | ||
+ | <a class="item" href="https://2016.igem.org/Team:USTC/Spin_off"> Spin-off </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="item"> | ||
+ | <div class="header">Parts</div> | ||
+ | <div class="menu"> | ||
+ | <a class="item" href="https://2016.igem.org/Team:USTC/Basic_Part"> Basic Parts </a> | ||
+ | <a class="item" href="https://2016.igem.org/Team:USTC/Composite_Part"> Composite Parts </a> | ||
+ | <a class="item" href="https://2016.igem.org/Team:USTC/Part_Collection"> Part Collection </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <a class="item" href="https://2016.igem.org/Team:USTC/Safety">Safety </a> | ||
+ | <a class="item" href="https://2016.igem.org/Team:USTC/Attributions">Attributions </a> | ||
+ | <div class="item"> | ||
+ | <div class="header">Human Practices</div> | ||
+ | <div class="menu"> | ||
+ | <a class="item" href="https://2016.igem.org/Team:USTC/HP/Silver">Silver </a> | ||
+ | <a class="item" href="https://2016.igem.org/Team:USTC/HP/Gold">Gold </a> | ||
+ | <a class="item" href="https://2016.igem.org/Team:USTC/Integrated_Practices"> Integrated Practices </a> | ||
+ | <a class="item" href="https://2016.igem.org/Team:USTC/Engagement">Engagement </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="item"> | ||
+ | <div class="header">Awards</div> | ||
+ | <div class="menu"> | ||
+ | <a class="item" href="https://2016.igem.org/Team:USTC/Model"> Model </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="item"> | ||
+ | <div class="header">Team</div> | ||
+ | <div class="menu"> | ||
+ | <a class="item" href="https://2016.igem.org/Team:USTC/Team"> Members </a> | ||
+ | <a class="item" href="https://2016.igem.org/Team:USTC/Team/Sponsor"> Sponsor </a> | ||
+ | <a class="item" href="https://2016.igem.org/Team:USTC/Team/AboutUSTC"> About USTC </a> | ||
+ | <a class="item" href="https://2016.igem.org/Team:USTC/Team/Acknowledgements"> Acknowledgements </a> | ||
+ | <a class="item" href="https://2016.igem.org/Team:USTC/Team/Gallery"> Gallery </a> | ||
+ | <a class="item" href="https://2016.igem.org/Team:USTC/Collaborations"> Collaborations </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="pusher"> | ||
+ | <div class="ui menu top fixed" id="menuForTablet" style="background-color: #FBBD08; top:21px;"> | ||
+ | <div class="ui fluid container"> | ||
+ | <a class="item" id="sidebarMenuTrigger">Navigation<i class="right arrow icon"></i></a> | ||
+ | <div class="right item">A Prion's Life</div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="ui basic segment" id="main_page_content" style="margin-bottom:0;padding:0 0 20px 0;"> | ||
+ | <div class="ui left attached rail" id="menuForComputer" style=" width:210px;"> | ||
+ | <div class="ui inverted vertical sticky basic menu" style="border-radius:0; background-color: #44a17d; padding-top:9px;font-size:medium;"> | ||
+ | <div class="item"> | ||
+ | <img class="ui image" src="https://static.igem.org/mediawiki/2016/3/36/T--USTC--a_prion%27s_life.png"> | ||
+ | </div> | ||
+ | <a class="item" href="https://2016.igem.org/Team:USTC">Home </a> | ||
+ | <div class="item"> | ||
+ | <div class="header">Project</div> | ||
+ | <div class="menu"> | ||
+ | <a class="item" id="Description" href="https://2016.igem.org/Team:USTC/Description"> Description </a> | ||
+ | <a class="item" href="https://2016.igem.org/Team:USTC/Design"> Design </a> | ||
+ | <a class="item" href="https://2016.igem.org/Team:USTC/Proof"> Proof of Concept </a> | ||
+ | <a class="item" href="https://2016.igem.org/Team:USTC/Demonstrate"> Demonstrate </a> | ||
+ | <a class="item" href="https://2016.igem.org/Team:USTC/Results"> Results </a> | ||
+ | <a class="item" href="https://2016.igem.org/Team:USTC/Notebook"> Notebook </a> | ||
+ | <a class="item" href="https://2016.igem.org/Team:USTC/Spin_off"> Spin-off </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="item"> | ||
+ | <div class="header">Parts</div> | ||
+ | <div class="menu"> | ||
+ | <a class="item" href="https://2016.igem.org/Team:USTC/Basic_Part"> Basic Parts </a> | ||
+ | <a class="item" href="https://2016.igem.org/Team:USTC/Composite_Part"> Composite Parts </a> | ||
+ | <a class="item" href="https://2016.igem.org/Team:USTC/Part_Collection"> Part Collection </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <a class="item" href="https://2016.igem.org/Team:USTC/Safety">Safety </a> | ||
+ | <a class="item" href="https://2016.igem.org/Team:USTC/Attributions">Attributions </a> | ||
+ | <div class="item"> | ||
+ | <div class="header">Human Practices</div> | ||
+ | <div class="menu"> | ||
+ | <a class="item" href="https://2016.igem.org/Team:USTC/HP/Silver">Silver </a> | ||
+ | <a class="item" href="https://2016.igem.org/Team:USTC/HP/Gold">Gold </a> | ||
+ | <a class="item" href="https://2016.igem.org/Team:USTC/Integrated_Practices"> Integrated Practices </a> | ||
+ | <a class="item" href="https://2016.igem.org/Team:USTC/Engagement">Engagement </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="item"> | ||
+ | <div class="header">Awards</div> | ||
+ | <div class="menu"> | ||
+ | <a class="item" href="https://2016.igem.org/Team:USTC/Model"> Model </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="item"> | ||
+ | <div class="header">Team</div> | ||
+ | <div class="menu"> | ||
+ | <a class="item" href="https://2016.igem.org/Team:USTC/Team"> Members </a> | ||
+ | <a class="item" href="https://2016.igem.org/Team:USTC/Team/Sponsor"> Sponsor </a> | ||
+ | <a class="item" href="https://2016.igem.org/Team:USTC/Team/AboutUSTC"> About USTC </a> | ||
+ | <a class="item" href="https://2016.igem.org/Team:USTC/Team/Acknowledgements"> Acknowledgements </a> | ||
+ | <a class="item" href="https://2016.igem.org/Team:USTC/Team/Gallery"> Gallery </a> | ||
+ | <a class="item" href="https://2016.igem.org/Team:USTC/Collaborations"> Collaborations </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <!--Page content starts here--> | ||
+ | <div class="ui basic segment"> | ||
+ | <div class="ui basic segment" style="padding-top: 20px; font-size:xx-large;"> | ||
+ | <h1 class="ui center aligned icon header"> | ||
+ | <i class="circular calendar icon"></i> | ||
+ | <div class="content">Notebook | ||
+ | <div class="sub header">Together we stand</div> | ||
+ | </div> | ||
+ | </h1> | ||
+ | </div> | ||
+ | <div class="ui basic segment"> | ||
+ | <h3 class="ui center aligned header">Performers</h3> | ||
+ | <div class="ui grid"> | ||
+ | <div class="ui two wide column"></div> | ||
+ | <div class="ui twelve wide column"> | ||
+ | <div class="ui fluid card"> | ||
+ | <div class="image"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/b/b3/T--USTC--TeamPhoto.jpeg"> | ||
+ | </div> | ||
+ | <div class="content"> | ||
+ | <div class="description"><div class="center aligned container">Everybody!!!</div></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="ui two wide column"></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="ui segment" id="ui_article" style="margin-left: 35px;margin-top:30px;"> | ||
+ | |||
+ | |||
+ | <div class="ui blue ribbon label header"> May</div> | ||
+ | <p></p> | ||
+ | <div class="ui fluid selection dropdown"> | ||
+ | <i class="dropdown icon"></i> | ||
+ | <div class="default text">Select time </div> | ||
+ | <div class="menu"> | ||
+ | <a class="item" href="https://2016.igem.org/Team:USTC/Notebook/5_1"> May 1st-16th </a> | ||
+ | <a class="item" href="https://2016.igem.org/Team:USTC/Notebook/5_17"> May 17th-31st </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <p></p> | ||
+ | <div class="ui teal ribbon label header"> June</div> | ||
+ | <p></p> | ||
+ | <div class="ui fluid selection dropdown"> | ||
+ | <i class="dropdown icon"></i> | ||
+ | <div class="default text">Select time </div> | ||
+ | <div class="menu"> | ||
+ | <a class="item" href="https://2016.igem.org/Team:USTC/Notebook/6_6"> June 1st-15th </a> | ||
+ | <a class="item" href="https://2016.igem.org/Team:USTC/Notebook/6_16"> June 16th-30th </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <p></p> | ||
+ | <div class="ui violet ribbon label header"> July</div> | ||
+ | <p></p> | ||
+ | <div class="ui fluid selection dropdown"> | ||
+ | <i class="dropdown icon"></i> | ||
+ | <div class="default text">Select time </div> | ||
+ | <div class="menu"> | ||
+ | <a class="item" href="https://2016.igem.org/Team:USTC/Notebook/7_7"> July 1st-14th </a> | ||
+ | <a class="item" href="https://2016.igem.org/Team:USTC/Notebook/7_15"> July 15th-22nd </a> | ||
+ | <a class="item" href="https://2016.igem.org/Team:USTC/Notebook/7_23"> July 23rd-31st </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <p></p> | ||
+ | <div class="ui orange ribbon label header"> August</div> | ||
+ | <p></p> | ||
+ | <div class="ui fluid selection dropdown"> | ||
+ | <i class="dropdown icon"></i> | ||
+ | <div class="default text">Select time </div> | ||
+ | <div class="menu"> | ||
+ | <a class="item" href="https://2016.igem.org/Team:USTC/Notebook/8_1"> August 1st-4th </a> | ||
+ | <a class="item" href="https://2016.igem.org/Team:USTC/Notebook/8_5"> August 5th-8th</a> | ||
+ | <a class="item" href="https://2016.igem.org/Team:USTC/Notebook/8_9"> August 9th-11th</a> | ||
+ | <a class="item" href="https://2016.igem.org/Team:USTC/Notebook/8_12"> August 12th-13th</a> | ||
+ | <a class="item" href="https://2016.igem.org/Team:USTC/Notebook/8_14"> August 14th-15th</a> | ||
+ | <a class="item" href="https://2016.igem.org/Team:USTC/Notebook/8_16"> August 16th-19th</a> | ||
+ | <a class="item" href="https://2016.igem.org/Team:USTC/Notebook/8_20"> August 20th-23rd</a> | ||
+ | <a class="item" href="https://2016.igem.org/Team:USTC/Notebook/8_24"> August 24th-27th</a> | ||
+ | <a class="item" href="https://2016.igem.org/Team:USTC/Notebook/8_28"> August 28th-31st</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <p></p> | ||
+ | <div class="ui brown ribbon label header"> September</div> | ||
+ | <p></p> | ||
+ | <div class="ui fluid selection dropdown"> | ||
+ | <i class="dropdown icon"></i> | ||
+ | <div class="default text">Select time </div> | ||
+ | <div class="menu"> | ||
+ | <a class="item" href="https://2016.igem.org/Team:USTC/Notebook/9_1"> September 1st-23rd </a> | ||
+ | <a class="item" href="https://2016.igem.org/Team:USTC/Notebook/9_24"> September 24th-30th </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <p></p> | ||
+ | <div class="ui red ribbon label header"> October</div> | ||
+ | <p></p> | ||
+ | <div class="ui fluid selection dropdown"> | ||
+ | <i class="dropdown icon"></i> | ||
+ | <div class="default text">Select time </div> | ||
+ | <div class="menu"> | ||
+ | <a class="item" href="https://2016.igem.org/Team:USTC/Notebook/10_1">October 1st-31st </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <p></p> | ||
+ | </div> | ||
+ | </div><!--End of ui basic segment id="main_page_content"--> | ||
+ | |||
+ | <div style="background-color:#44a17d; color:rgba(255, 255, 255, 0.9);"> | ||
+ | <div class="ui grid"> | ||
+ | |||
+ | <div class="ui three wide column"> | ||
+ | </div> | ||
+ | <div class="ui five wide column"> | ||
+ | <h3 class="ui header" style="color:rgba(255, 255, 255, 0.9);">Contact us</h3> | ||
+ | <div class="ui massive link list" style="color:rgba(255, 255, 255, 0.9);"> | ||
+ | <a class="item" href="mailto:yukae@mail.ustc.edu.cn"> | ||
+ | <i class="mail icon" style="color:rgba(255, 255, 255, 0.9);"></i> | ||
+ | <div class="content" style="color:rgba(255, 255, 255, 0.9);">e-mail</div> | ||
+ | </a> | ||
+ | <a class="item" href="https://www.facebook.com/ustcigem"> | ||
+ | <i class="facebook icon" style="color:rgba(255, 255, 255, 0.9);"></i> | ||
+ | <div class="content" style="color:rgba(255, 255, 255, 0.9);">Facebook</div> | ||
+ | </a> | ||
+ | <a class="item" href="http://weibo.com/3929719655/fans?topnav=1&wvr=6&mod=message&need_filter=1"> | ||
+ | <i class="weibo icon" style="color:rgba(255, 255, 255, 0.9);"></i> | ||
+ | <div class="content" style="color:rgba(255, 255, 255, 0.9);">Weibo</div> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="ui two wide column"> | ||
+ | </div> | ||
+ | <div class="ui five wide column"> | ||
+ | <h3 class="ui header" style="color:rgba(255, 255, 255, 0.9);">Sponsors</h3> | ||
+ | <img class="ui small image" src="https://static.igem.org/mediawiki/2016/c/cc/T--USTC--DeutscheBank.png"> | ||
+ | <img class="ui small image" src="https://static.igem.org/mediawiki/2016/1/18/T--USTC--USTCXiaohui.png"> | ||
+ | <img class="ui small image" src="https://static.igem.org/mediawiki/2016/4/45/T--USTC--USTCJiaowuchu.png"> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | <div class="ui divider"></div> | ||
+ | <div class="center aligned container"> | ||
+ | <img class="ui centered tiny image" src="https://static.igem.org/mediawiki/2016/6/6b/T--USTC--MascotLogo.png"> | ||
+ | <div class="ui list"> | ||
+ | <div class="item">Designed by 2016 iGEM Team:USTC<br>Under CC License<br>Based on Semantic-UI</div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </div><!--end of pusher--> | ||
+ | <script src="https://2015.igem.org/common/MathJax-2.5-latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script> | ||
+ | <script type="text/javascript" src="https://2016.igem.org/Template:USTC/semanticsjs?action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript" src="https://2016.igem.org/Template:USTC/Notebook_right_menu_js?action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript"> | ||
+ | </script> | ||
+ | <script> | ||
+ | $(document).ready(function(){ | ||
+ | $('.ui.sticky.basic.menu').sticky({ | ||
+ | context: '#main_page_content' | ||
+ | }); | ||
+ | $('.ui.dropdown') | ||
+ | .dropdown() | ||
+ | ; | ||
+ | $("a.item#Description").mouseenter(function(){ | ||
+ | $(".sticky.note.outline.icon").transition({ | ||
+ | animation : 'fly right', | ||
+ | duration : '0.5s' | ||
+ | }); | ||
+ | }); | ||
+ | $("a.item#Description").mouseleave(function(){ | ||
+ | $(".sticky.note.outline.icon").transition({ | ||
+ | animation : 'fly right', | ||
+ | duration : '0.5s' | ||
+ | }); | ||
+ | //$(this).css({"background-color":"inherit","color":"inherit"}); | ||
+ | }); | ||
+ | $container.find('img').css('max-width','100%'); | ||
+ | createMenu(); | ||
+ | });//End of $(document).ready(function()) | ||
+ | |||
+ | $(window).load(function(){ | ||
+ | createWayPoints(); | ||
+ | $("div.pusher").prependTo("body"); | ||
+ | $("div.sidebar").prependTo("body"); | ||
+ | $("div#sideMenu").prependTo("div.pusher"); | ||
+ | $("#ui_article").find("span").css("border-style","none"); | ||
+ | }); | ||
+ | $("#sidebarMenuTrigger").click(function(){ | ||
+ | $(".ui.sidebar.menu") | ||
+ | .sidebar('setting', 'transition', 'overlay') | ||
+ | .sidebar('setting', 'mobileTransition', 'overlay') | ||
+ | .sidebar('toggle'); | ||
+ | }); | ||
+ | </script> | ||
+ | </body> | ||
+ | </html> | ||
+ | ss" href="https://2016.igem.org/Template:USTC/semantics?action=raw&ctype=text/css"> | ||
<style> | <style> | ||
/********************Dealing with default Mediawiki setting*******************/ | /********************Dealing with default Mediawiki setting*******************/ |
Revision as of 17:31, 19 October 2016
Notebook
Together we stand
Together we stand
Performers
Everybody!!!
May
Select time
June
Select time
July
Select time
August
Select time
September
Select time
October
Select time
<style> /********************Dealing with default Mediawiki setting*******************/ #top_title { display:none; position:absolute; } #content { padding:0px; width:auto; margin-top:-11px; margin-left:0px; } #globalWrapper{ } body { } #bodyContent { } div#top_menu_14{ height:21px; border-bottom-color:#383838; } div#top_menu_under{ } div#globalWrapper{ padding-bottom: 0; } #top_menu_under{ height:0; } #sideMenu{ display:none; position:fixed; left:220px; } /******************************************************************************/ </style> <style> div.ui.inverted.vertical.sticky.basic.menu a.item{ -webkit-transition: background-color 0.6s , color 0.6s; } div.ui.inverted.vertical.sticky.basic.menu a.item:hover{ background-color: #FFFA99; color:#6E47B2; } p{ font-family: 'Lato'!important; font-size:16px !important; line-height: 150%; } </style> <style> @media only screen and (min-width: 1025px){ div#menuForTablet{ display:none; } div#main_page_content{ margin-top:-13px; left:210px; max-width: 1070px; } #ui_article{ width:64%; } } @media only screen and (max-width : 1024px) and (orientation : landscape) { div#main_page_content{ margin-top:40px; } div#menuForComputer{ display:none; width:0; height:0; } #ui_article{ width:63%; } } @media only screen and (max-width : 1024px) and (orientation : portrait) { div#main_page_content{ margin-top:40px; } div#menuForComputer{ display:none; width:0; height:0; } #ui_article{ width:63%; } } </style> </head> <body>
Notebook
Together we stand
Together we stand
Performers
<img src="">
Everybody!!!
May
Select time
June
Select time
July
Select time
August
Select time
September
Select time
October
Select time
Contact us
<a class="item" href="mailto:yukae@mail.ustc.edu.cn">
e-mail
</a> <a class="item" href="https://www.facebook.com/ustcigem">
Facebook
</a> <a class="item" href="http://weibo.com/3929719655/fans?topnav=1&wvr=6&mod=message&need_filter=1">
Weibo
</a>
Sponsors
<img class="ui small image" src=""> <img class="ui small image" src=""> <img class="ui small image" src="">
<img class="ui centered tiny image" src="">
Designed by 2016 iGEM Team:USTC
Under CC License
Based on Semantic-UI
Under CC License
Based on Semantic-UI
<script src="https://2015.igem.org/common/MathJax-2.5-latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script> <script type="text/javascript" src="https://2016.igem.org/Template:USTC/semanticsjs?action=raw&ctype=text/javascript"></script> <script type="text/javascript" src="https://2016.igem.org/Template:USTC/Notebook_right_menu_js?action=raw&ctype=text/javascript"></script> <script type="text/javascript"> </script> <script> $(document).ready(function(){ $('.ui.sticky.basic.menu').sticky({ context: '#main_page_content' }); $('.ui.dropdown') .dropdown() ; $("a.item#Description").mouseenter(function(){ $(".sticky.note.outline.icon").transition({ animation : 'fly right', duration : '0.5s' }); }); $("a.item#Description").mouseleave(function(){ $(".sticky.note.outline.icon").transition({ animation : 'fly right', duration : '0.5s' }); //$(this).css({"background-color":"inherit","color":"inherit"}); }); $container.find('img').css('max-width','100%'); createMenu(); });//End of $(document).ready(function()) $(window).load(function(){ createWayPoints(); $("div.pusher").prependTo("body"); $("div.sidebar").prependTo("body"); $("div#sideMenu").prependTo("div.pusher"); $("#ui_article").find("span").css("border-style","none"); }); $("#sidebarMenuTrigger").click(function(){ $(".ui.sidebar.menu") .sidebar('setting', 'transition', 'overlay') .sidebar('setting', 'mobileTransition', 'overlay') .sidebar('toggle'); }); </script> </body> </html>