Difference between revisions of "Team:XMU-China"

(Replaced content with "{{XMU-China}} <html> <head> </head> <body> </body> </html>")
Line 3: Line 3:
  
 
<head>
 
<head>
 +
<meta charset="utf-8">
 +
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1">
 +
<title>Bootstrap 101 Template</title>
  
 +
<script type="text/javascript" src="https://2016.igem.org/Template:XMU-China/css/jQueryJs?action=raw&amp;ctype=text/javascript"></script>
 +
<link rel="stylesheet" type="text/css" href="https://2016.igem.org/Template:XMU-China/css/BootstrapCss?action=raw&amp;ctype=text/css" />
 +
 
 +
      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 +
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 +
     
 +
<script src="https://2016.igem.org/Template:XMU-China/css/BootstrapJs?action=raw&amp;ctype=text/javascript"></script>
 +
 +
<link rel="stylesheet" href="https://2016.igem.org/Template:XMU-China/css/clearCss?action=raw&amp;ctype=text/css" type="text/css">
 +
<style type="text/css">
 +
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear{display:none;} /*-- hides default wiki settings --*/
 +
 +
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
 +
 +
border: 0 none;
 +
height: 14px;
 +
z-index: 100;
 +
top: 0;
 +
position: fixed;
 +
width: 975px;
 +
left: 50%;
 +
margin-left: -487px;
 +
}
 +
 +
#globalWrapper, #content { /*-- changes default wiki settings--*/
 +
width: 100%;
 +
height: 100%;
 +
border: 0px;
 +
background-color: transparent;
 +
margin: 0px;
 +
padding: 0px;
 +
}
 +
 +
html, body, .wrapper { /*-- changes default wiki settings --*/
 +
width: 100%;
 +
height: 100%;
 +
background-color: transparent;
 +
}
 +
 +
</style>
 +
<style type="text/css">/*get rid of the annoying iGEM style*/
 +
      #content{padding:0;border:0;width:100%;}
 +
      .firstHeading{visibility:hidden;}
 +
      h2{border-bottom:none;padding-bottom:.5em;}   
 +
      .carousel-control.left, .carousel-control.right{background-image: none}
 +
    /* to style the sidebar*/
 +
        @media (min-width:1024px){
 +
      #sidebar1{position:relative;top:120px;max-width:200px;}
 +
      #sidebar2{display:none;}
 +
      #nav-top{height:88px;}
 +
    }
 +
      @media (max-width: 1023px){
 +
      #sidebar1{display:none;}
 +
      #sidebar2{display:block;}
 +
    }
 +
    .back-to-top{z-index:9999;}
 +
    ul.dropdown{margin-left: 0px; margin-top: 0px;}
 +
    .classic-title span {
 +
    position: absolute;
 +
    margin-top: -30px;
 +
    border-bottom-color: #00afd1;
 +
}
 +
.page-banner{
 +
  background-color:#e0e0e0;margin-top:1%;margin-bottom:20px;padding:20px;padding-top:40px;
 +
}
 +
        #top_menu_inside, #top_menu_inside:before, #top_menu_inside:after { -webkit-box-sizing: content-box; -moz-box-sizing: border-box; box-sizing: content-box;}
 +
        #top_menu_under{font-size: 12px;}
 +
        #top_menu_14{font-size: 12px; height:18px}
 +
        #top_menu_inside li{font-size: 12px;}
 +
        #user_item{font-size: 12px;}
 +
#mw-content-text,#bodyContent,#HQ_page{
 +
        height:100%;
 +
}
 +
</style>
 +
 +
<!--begin-->
 +
<style type="text/css">
 +
.carousel-inner{
 +
height:68%;
 +
background-color:#FFF;
 +
margin-bottom:10px;
 +
}
 +
.carousel-inner .item{
 +
height:68%;
 +
padding-bottom:10px;
 +
}
 +
.carousel-indicators{
 +
height:10px;
 +
left:70%;
 +
        bottom:50%;
 +
}
 +
.carousel img{
 +
    width: 100%;
 +
}
 +
 +
.row{
 +
background-color:#5E5E5E;
 +
padding-left:0;
 +
padding-right:30%;
 +
color:#FFF;
 +
height:197px;
 +
}
 +
 +
.col-md-2{
 +
    padding-right:50px;
 +
}
 +
#summary-container {
 +
padding:0;
 +
 +
}
 +
 +
hr.divider{
 +
margin:40px;
 +
}
 +
 +
.wrapone{
 +
background-color: rgba(7,17,27,.5);
 +
opacity: 0.502;
 +
position: absolute;
 +
left: 0px;
 +
top: 0px;
 +
width: 25%;
 +
height: 68%;
 +
z-index: 1;
 +
}
 +
 +
 +
.carousel-caption{
 +
text-align:right;
 +
 +
}
 +
h4{
 +
  padding-top:0;
 +
}
 +
body{
 +
  background:url(https://static.igem.org/mediawiki/2016/7/7b/T--XMU-China--background_and_.jpg);
 +
}
 +
@media screen and (min-width:900px){
 +
    .box{position:fixed;}
 +
}
 +
@media screen and (max-width:480px){
 +
.wrapone img {
 +
  display:none;
 +
  }
 +
.wrapone,.carousel-inner{
 +
  height:35%;
 +
}
 +
.carousel-caption{
 +
  bottom:0px;
 +
  padding-bottom:0px;
 +
}
 +
}
 +
</style>
 +
<link rel="stylesheet" href="https://2016.igem.org/Template:XMU-China/css/buttonCss?action=raw&amp;ctype=text/css" type="text/css">
 
</head>
 
</head>
  
 
<body>
 
<body>
 +
<div id="alert-info" class="alert alert-info" role="alert" style="text-align:center;font-size:20px;line-height:20px;margin-bottom:0;margin-top:8px;display:none;">For best viewing experience, please use modern browser, such as Google Chrome and Safari.<br/><br/><a id="alert-info-close" ><button class="btn btn-info  btn-xs" type="button"><h4 style="margin-top:2px;">Close</h4></button> </a></div>
 +
<div class="wrapone">
 +
<img src="https://static.igem.org/mediawiki/2016/2/2f/T--XMU-China--main-igem_and_.png"  style="margin-left:18%;padding-top:110%;" width="100"/>
 +
<img src="https://static.igem.org/mediawiki/2016/5/55/T--XMU-China--main-logo_and_.png" style="margin-left:10%;padding-top:102%;" width="82" />
 +
 +
</div>
 +
 +
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel" style="height:100%;">
 +
<div class="carousel-indicators">
 +
<div data-target="#carousel-example-generic" data-slide-to="0" class="active"></div>
 +
<div data-target="#carousel-example-generic" data-slide-to="1"></div>
 +
<div data-target="#carousel-example-generic" data-slide-to="2"></div>
 +
</div>
 +
 +
<div class="carousel-inner" role="listbox">
 +
<div class="item active">
 +
<img src="https://static.igem.org/mediawiki/2016/5/5b/T--XMU-China--pic1_and_.jpg" /><div class="carousel-caption"><h1 style="margin-bottom:0;padding-bottom:0;">Hello iGEM 2016!</h1></div>
 +
</div>
 +
 +
<div class="item">
 +
<img src="https://static.igem.org/mediawiki/2016/0/06/T--XMU-China--pic2_and_.jpg" /><div class="carousel-caption"><h1 style="margin-bottom:0;padding-bottom:0;">Welcome to XMU-China!</h1></div>
 +
</div>
 +
 +
<div class="item">
 +
<img src="https://static.igem.org/mediawiki/2016/f/f3/T--XMU-China--pic3_and_.jpg" /><div class="carousel-caption"><h1 style="margin-bottom:0;padding-bottom:0;">Let's begin</h1></div>
 +
</div>
 +
 +
<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev" style="margin-left:20%;">
 +
<span class="glyphicon glyphicon-chevron-left"></span>
 +
<span class="sr-only">Previous</span>
 +
</a>
 +
<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
 +
<span class="glyphicon glyphicon-chevron-right"></span>
 +
<span class="sr-only">Next</span>
 +
</a>
 +
</div>
 +
 +
<div class="container-fluid" id="summary-container" style="height:100%;padding-left:0;">
 +
<div class="row box ">
 +
<div class="col-md-2" >
 +
<div class="link link-project">
 +
        <span class="icon"></span>
 +
        <a href="https://2016.igem.org/Team:XMU-China/Project" class="buttonme">
 +
        <span class="line line-top"></span>
 +
        <span class="line line-right"></span>
 +
        <span class="line line-bottom"></span>
 +
        <span class="line line-left"></span>
 +
        Project</a>
 +
       
 +
    </div>
 +
</div>
 +
  <div class="col-md-2">
 +
  <div class="link link-interlab">
 +
        <span class="icon"></span>
 +
        <a href="https://2016.igem.org/Team:XMU-China/Interlab" class="buttonme">
 +
        <span class="line line-top"></span>
 +
        <span class="line line-right"></span>
 +
        <span class="line line-bottom"></span>
 +
        <span class="line line-left"></span>
 +
        Interlab</a>
 +
       
 +
    </div>
 +
</div>
 +
  <div class="col-md-2">
 +
<div class="link link-humanpractice">
 +
        <span class="icon"></span>
 +
        <a href="https://2016.igem.org/Team:XMU-China/HP" class="buttonme">
 +
        <span class="line line-top"></span>
 +
        <span class="line line-right"></span>
 +
        <span class="line line-bottom"></span>
 +
        <span class="line line-left"></span>
 +
      Practice</a>
 +
       
 +
    </div>
 +
</div>
 +
  <div class="col-md-2">
 +
  <div class="link link-judging">
 +
        <span class="icon"></span>
 +
        <a href="https://2016.igem.org/Team:XMU-China/Judging" class="buttonme">
 +
        <span class="line line-top"></span>
 +
        <span class="line line-right"></span>
 +
        <span class="line line-bottom"></span>
 +
        <span class="line line-left"></span>
 +
        Judging</a>
 +
       
 +
    </div>
 +
</div>
 +
<div class="col-md-2">
 +
  <div class="link link-notebooks">
 +
        <span class="icon"></span>
 +
        <a href="https://2016.igem.org/Team:XMU-China/Notebook" class="buttonme">
 +
        <span class="line line-top"></span>
 +
        <span class="line line-right"></span>
 +
        <span class="line line-bottom"></span>
 +
        <span class="line line-left"></span>
 +
        Notebook</a>
 +
       
 +
    </div>
 +
</div>
 +
  <div class="col-md-2">
 +
<div class="link link-team">
 +
        <span class="icon"></span>
 +
        <a href="https://2016.igem.org/Team:XMU-China/Team" class="buttonme">
 +
        <span class="line line-top"></span>
 +
        <span class="line line-right"></span>
 +
        <span class="line line-bottom"></span>
 +
        <span class="line line-left"></span>
 +
        Team</a>
 +
       
 +
    </div>
 +
</div>
 +
 +
 +
</div>
 +
    <script>
 +
function getOs() 
 +
{ 
 +
    var OsObject = ""; 
 +
   if(navigator.userAgent.indexOf("MSIE")>0) { 
 +
        return "MSIE"; 
 +
   } 
 +
   else if(isFirefox=navigator.userAgent.indexOf("Firefox")>0){ 
 +
        return "Firefox"; 
 +
   } 
 +
   else if(isMozilla=navigator.userAgent.indexOf("Opera")>0){ //这个也被判断为chrome
 +
        return "Opera"; 
 +
   } 
 +
   else if(isFirefox=navigator.userAgent.indexOf("Chrome")>0){ 
 +
        return "Chrome"; 
 +
   } 
 +
   else if(isSafari=navigator.userAgent.indexOf("Safari")>0) { 
 +
        return "Safari"; 
 +
   }  
 +
   else if(isCamino=navigator.userAgent.indexOf("Camino")>0){ 
 +
        return "Camino"; 
 +
   } 
 +
   else if(isMozilla=navigator.userAgent.indexOf("Gecko/")>0){ 
 +
        return "Gecko"; 
 +
   }
 +
   else{
 +
        return "MSIE"
 +
    }
 +
} 
 +
 +
var browser = getOs();
 +
if( browser == "MSIE" ){
 +
$("#alert-info").css("display","block");
 +
}
 +
$("#alert-info-close").click(function(){
 +
  $("#alert-info").fadeOut();
 +
});
 +
</script>
  
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 11:25, 7 September 2016

Bootstrap 101 Template