(9 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
+ | |||
<html> | <html> | ||
− | < | + | <body><p>dummy</p></body> |
− | <meta http-equiv=" | + | <script type="text/javascript" src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js" class="script"></script> |
− | </ | + | <script type="text/javascript" class="script"> |
− | <div class=" | + | |
+ | |||
+ | //$('html').html(''); | ||
+ | $('body').children().remove('script, link'); | ||
+ | $('.script').insertBefore($('#globalWrapper')); | ||
+ | $('body').children().remove('#globalWrapper'); | ||
+ | |||
+ | |||
+ | $('head').html("<meta name=\"viewport\"content=\"width=device-width, initial-scale=1\"><meta http-equiv=\"content-type\"content=\"text/html; charset=UTF-8\"><meta http-equiv=\"X-UA-Compatible\"content=\"IE=edge\">"); | ||
+ | |||
+ | var content = "<div class=\"content\"><div><h4>INTRODUCTION</h4><div class=\"hr-black\"></div></div><div class=\"team-list intro-content\"><img src=\"https://static.igem.org/mediawiki/2016/8/8a/T--SCU-China--IMG_0630.jpg\"><p>To encourage the communication and cooperation between iGEMers and accelerate the development of iGEM competition and synthetic biology in southwest China,iGEM teams from University of Electronic Science and Technology of China(UESTC-China and UESTC-software)founded China iGEM Southwest Union(iSWU)in 2015 and organized a meetup in Qingshuihe Campus of UESTC,Chengdu,Sichuan in summer.</p><p>The iSWU provide a communication platform and collaboration opportunities for iGEMers in Southwest union,which is good for improving the iGEM project and giving a new sight.At the same time,the union is propitious to the development of iGEM in southwest China.</p><p>In 2016,the China iGEM Southwest Union meetup is hosted by SCU-China in Wangjiang Campus of Sichuan University,Chengdu,Sichuan.Now,the union is composed of iGEMers from Sichuan Agricultural University,Sichuan University(SCU-China),University of Electronic Science and Technology of China(UESTC-China and UESTC-software),Third Military Medical University(TMMU_China).</p><p>We are looking forward to the coming of more new friends.</p></div><!--team-list--></div><!--content-->"; | ||
+ | |||
+ | $('body').append("<style type=\"text/css\">#top_menu_14, #sideMenu, #top_title{display: none;}#content{margin: 0;padding: 0;}@charset \"UTF-8\";@font-face { font-family: Roboto; src: url(https://static.igem.org/mediawiki/2016/0/05/T--SCU-China--Roboto-Light.ttf); }* { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; font-weight: 100; }img { border: none; }body { min-width: 1200px; background-image: url(https://static.igem.org/mediawiki/2016/6/61/T--SCU-China--bkgrnd.jpg); background-position: 0% 0%; background-attachment: fixed; background-size: 51%; margin: 0; font-family: 微软雅黑, Microsoft YaHei; }nav { min-width: 1200px; background-color: white; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.19); opacity: 0.85; filter: alpha(opacity=85); -moz-opacity: 0.85; position: fixed; top: 0; width: 100%; }.nav-buttons li { float: left; list-style: none; margin: 0; padding: 9px; font-size: 14px; }.nav-buttons li.logo { padding: 5px; } .nav-buttons li.logo a { vertical-align: sub; }.nav-buttons ul { margin: 0; }.nav-buttons a:link { color: #5A5A5A; text-decoration: none; }.nav-buttons a:visited { color: #5A5A5A; text-decoration: none; }.nav-buttons a:hover { color: #171717; text-decoration: none; }.nav-buttons a:active { color: #171717; text-decoration: none; }.nav-buttons .red-button a:link { color: #cc3b36; text-decoration: none; }.nav-buttons .red-button a:visited { color: #cc3b36; text-decoration: none; }.nav-buttons .red-button a:hover { color: red; text-decoration: none; }.nav-buttons .red-button a:active { color: red; text-decoration: none; }.bordered-button .button-border { border: 1px solid grey; border-radius: 8px; -moz-border-radius: 8px; margin: 0; padding: 1px 4px; }.bordered-button .button-pic { height: 0; vertical-align: bottom; }.nav-left { float: left; padding: 0 0 0 40px; }.nav-right { float: right; padding: 0 40px 0 0; }.logo img { height: 0; }.container { display: flex; display: -webkit-flex; flex-direction: row; -webkit-flex-direction: row; justify-content: center; -webkit-justify-content: center; align-items: stretch; -webkit-align-items: stretch; margin: 0; padding: 0; }.sidebar { min-width: 308px; display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; justify-content: space-between; -webkit-justify-content: space-between; align-items: flex-start; -webkit-align-items: flex-start; width: 28%; background-color: transparent; margin: 0; padding: 110px 0 0 0; color: white; position: fixed; left: 0px; top: 0px; background-color: transparent; }.headline { background-color: rgba(0, 0, 0, 0.58); margin: 0 40px 0 0; padding: 5px 0 5px 40px; } .headline h1 { margin-bottom: 0; margin-top: 0; font-size: 26px; font-weight: normal; line-height: 1.1; } .headline h2 { margin: 0; font-size: 20px; font-family: Roboto, 微软雅黑, Microsoft YaHei; font-weight: normal; }.mask { background-image: url(https://static.igem.org/mediawiki/2016/archive/f/f4/20160829144255%21T--SCU-China--mask.png); background-size: 100%; width: 100%; min-height: 242px; padding: 110px 30px 0 30px; display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; justify-content: flex-start; -webkit-justify-content: flex-start; align-items: flex-end; -webkit-align-items: flex-end; } .mask a:link { color: white; text-decoration: none; } .mask a:visited { color: white; text-decoration: none; } .mask a:hover { color: #B3B3B3; text-decoration: none; } .mask a:active { color: #B3B3B3; text-decoration: none; } .mask h3 { margin: 0px 0 0 auto; font-size: 16px; font-family: Roboto, 微软雅黑, Microsoft YaHei; font-weight: normal; }.hr-white { height: 1px; background-color: white; width: 100%; margin: 0 0 5px 0; }.hr-black { height: 1px; background-color: #B5B5B5; width: 62%; }.content { width: 72%; background-color: white; margin: 0 auto; padding: 80px 100px; color: #5A5A5A; } .content h4 { margin-bottom: 0; font-size: 18px; }.team-list { padding-top: 20px; }.intro-content { font-family: Roboto, 微软雅黑, Microsoft YaHei; } .intro-content img { width: 100%; }.attrib-content { font-family: Roboto, 微软雅黑, Microsoft YaHei; } .attrib-content > p { margin: 0 0 50px 0; } .attrib-content > a { display: inline-block; margin: 0 16px; } .attrib-content > a > p { margin: 5px 0; } .attrib-content > a > img { min-width: 80px; max-width: 80px; min-height: 80px; max-height: 80px; margin: 0 auto; display: block; } .attrib-content a { vertical-align: sub; } .attrib-content a:link { color: #5A5A5A; text-decoration: none; } .attrib-content a:visited { color: #5A5A5A; text-decoration: none; } .attrib-content a:hover { color: #171717; text-decoration: none; } .attrib-content a:active { color: #171717; text-decoration: none; }.arrangement-content { text-align: center; padding-top: 50px !important; } .arrangement-content table { border-top: 1px solid #B5B5B5; border-bottom: 1px solid #B5B5B5; font-family: Roboto, 微软雅黑, Microsoft YaHei; border-collapse: collapse; width: 100%; table-layout: fixed; } .arrangement-content table > thead > tr > th { border-top: 1px solid #B5B5B5; border-bottom: 1px solid #B5B5B5; } .arrangement-content table th, .arrangement-content table td { vertical-align: center; padding: 10px 0; }.gallery-content { font-family: Roboto, 微软雅黑, Microsoft YaHei; } .gallery-content img { max-width: 100%; } .gallery-content p { margin-top: 5px; margin-bottom: 40px; }.team { margin: 20px 0; display: flex; display: -webkit-flex; flex-direction: row; -webkit-flex-direction: row; justify-content: flex-start; -webkit-justify-content: flex-start; align-items: center; -webkit-align-items: center; } .team img { min-width: 80px; max-width: 80px; min-height: 80px; max-height: 80px; margin: 0 20px auto 20px; } .team h5 { font-size: 16px; margin: 0 0 4px 0; } .team p { font-size: 14px; margin: 4px 0 0 0; font-family: Roboto, 微软雅黑, Microsoft YaHei; font-weight: Normal; }.logos { min-width: 226px; position: fixed; top: 190px; right: 20px; font-size: 12px; } .logos a { vertical-align: sub; } .logos a:link { color: #5A5A5A; text-decoration: none; } .logos a:visited { color: #5A5A5A; text-decoration: none; } .logos a:hover { color: #171717; text-decoration: none; } .logos a:active { color: #171717; text-decoration: none; } .logos > * { display: block; margin: 10px auto; font-weight: Normal; font-family: Roboto, 微软雅黑, Microsoft YaHei; }#large-logo1 { height: 52px; }#large-logo2 { height: 90px; }</style><nav><div class=\"nav-buttons\"><ul class=\"nav-left\"><li class=\"logo\"><a href=\"javascript:void(0)\"><img src=\"https://static.igem.org/mediawiki/2016/9/97/T--SCU-China--teamLogo.png\"alt=\"team logo\"></a></li><li class=\"logo\"><a href=\"javascript:void(0)\"><img src=\"https://static.igem.org/mediawiki/2016/e/e1/T--SCU-China--subjectLogo.png\"alt=\"subject logo\"></a></li></ul><ul class=\"nav-right\"><li><a href=\"/Community/Meetups/SouthWestChina/introduction.html\">Home Page</a></li><li><a href=\"/Community/Meetups/SouthWestChina/team.html\">Team</a></li><li><a href=\"/Community/Meetups/SouthWestChina/project.html\">Project</a></li><li><a href=\"/Community/Meetups/SouthWestChina/parts.html\">Parts</a></li><li><a href=\"/Community/Meetups/SouthWestChina/safety.html\">Safety</a></li><li><a href=\"/Community/Meetups/SouthWestChina/attributions.html\">Attributions</a></li><li><a href=\"/Community/Meetups/SouthWestChina/awards.html\">Awards</a></li><li class=\"red-button\"><a href=\"/Community/Meetups/SouthWestChina/hp.html\">Human Practices</a></li><li class=\"bordered-button\"><a href=\"/Community/Meetups/SouthWestChina/contact.html\"><div class=\"button-border\"><img src=\"https://static.igem.org/mediawiki/2016/6/6f/T--SCU-China--fish.png\"class=\"button-pic\"><span>Contact Us</span></div></a></li></ul></div></nav><div class=\"container\"><div class=\"sidebar\"><div class=\"headline\"><h1>iGEM SouthWest Union Meetup</h1><h2>2016 In SCU</h2></div><div class=\"mask\"><div class=\"hr-white\"></div><a href=\"/Community/Meetups/SouthWestChina/introduction.html\"><h3>Introduction</h3></a><a href=\"/Community/Meetups/SouthWestChina/team.html\"><h3>Team</h3></a><a href=\"/Community/Meetups/SouthWestChina/project.html\"><h3>Project</h3></a><a href=\"/Community/Meetups/SouthWestChina/arrangement.html\"><h3>Arrangement</h3></a><a href=\"/Community/Meetups/SouthWestChina/attributions.html\"><h3>Attributions</h3></a><a href=\"/Community/Meetups/SouthWestChina/gallery.html\"><h3>Gallery</h3></a></div></div>" + content + "<div class=\"logos\"><img class=\"large-logo\"id=\"large-logo1\"src=\"https://static.igem.org/mediawiki/2016/1/1d/T--SCU-China--iswuLogo.png\"><div><div><a href=\"https://2016.igem.org/Team:SCU-China\"><img src=\"https://static.igem.org/mediawiki/2016/2/2d/T--SCU-China--globe.png\"><span>https://2016.igem.org/Team:SCU-China</a></div><div><a href=\"javascript:void(0)\"><img src=\"https://static.igem.org/mediawiki/2016/5/5c/T--SCU-China--location.png\"><span>Sichuan University,China</span></a></div></div><img class=\"large-logo\"id=\"large-logo2\"src=\"https://static.igem.org/mediawiki/2016/7/74/T--SCU-China--logoGroup.png\"></div></div><!--container-->"); | ||
+ | |||
+ | $("a[href='/Community/Meetups/SouthWestChina/contact.html']").html('') | ||
+ | $("a[href='/Community/Meetups/SouthWestChina/contact.html']").append("<div class=\"button-border\"></div>") | ||
+ | $(".button-border").append("<img src=\"https://static.igem.org/mediawiki/2016/6/6f/T--SCU-China--fish.png\"class=\"button-pic\"><span>Contact Us</span>") | ||
− | |||
− | + | var additionalContentPadding = 20; | |
+ | $('.logo img').css('height', ($('.nav-right').height()-10-4).toString()+'px'); | ||
+ | $('.button-pic').css('height', $('.button-border span').height().toString()+'px'); | ||
+ | function spanTheWindow() | ||
+ | { | ||
+ | $('.container').removeAttr('style'); | ||
+ | $('.sidebar').css('height', $(window).innerHeight()); | ||
+ | $('.mask').css('height', $('.sidebar').innerHeight() * 0.4); | ||
+ | $('.content').css('margin-left', $('.sidebar').innerWidth()); | ||
+ | $('.content').css('padding-right', $('.logos').innerWidth() + parseInt($('.logos').css('right').match(/[0-9]+/)) + additionalContentPadding); | ||
+ | height = $('.content').innerHeight() > $(window).innerHeight() ? $('.content').innerHeight() : $(window).innerHeight(); | ||
+ | $('.container').css('height', height.toString() + 'px'); | ||
− | + | if(isIE) | |
+ | { | ||
+ | $('.headline h1').css('width', $('.sidebar').innerWidth() - 40*2); | ||
+ | if($('.team img').length != 0) | ||
+ | $('.team img').css('min-width', 'auto'); | ||
+ | if($('.attrib-content a img').length != 0) | ||
+ | $('.attrib-content a img').css('min-width', 'auto'); | ||
+ | } | ||
+ | } | ||
+ | window.onload = spanTheWindow; | ||
+ | window.onresize = spanTheWindow; | ||
+ | var isIE = false; | ||
+ | function getInternetExplorerVersion() | ||
+ | { | ||
+ | var rv = -1; | ||
+ | if (navigator.appName == 'Microsoft Internet Explorer' || navigator.appName == "Netscape") | ||
+ | { | ||
+ | var ua = navigator.userAgent; | ||
+ | var re = new RegExp("rv:([0-9]{1,}\.[0-9]{1,})"); | ||
+ | if (re.exec(ua) != null) | ||
+ | rv = parseFloat( RegExp.$1 ); | ||
+ | if (!(!(rv > 8.9) || !(rv < 12))) | ||
+ | return rv; | ||
+ | else | ||
+ | return -1; | ||
+ | } | ||
+ | return rv; | ||
+ | } | ||
+ | if(!!window.ActiveXObject || "ActiveXObject" in window) | ||
+ | { | ||
+ | var ver = getInternetExplorerVersion(); | ||
+ | if ( ver > -1 ) | ||
+ | { | ||
+ | isIE = true; | ||
+ | spanTheWindow(); | ||
+ | } | ||
+ | } | ||
+ | spanTheWindow(); | ||
+ | </script> | ||
+ | </body> | ||
</html> | </html> |
Latest revision as of 01:54, 26 November 2016
dummy