Difference between revisions of "Template:ShanghaitechChina"

(Undo revision 153052 by Shenyf (talk))
Line 1: Line 1:
 
<html lang="en">
 
<html lang="en">
−
<style>
+
<head>
−
/********************************* DEFAULT WIKI SETTINGS  ********************************/
+
    <title>igem2016:ShanghaiTech</title>
−
/*#globalWrapper {
+
    <meta charset="utf-8">
−
     margin-left: -16%;
+
    <meta name="viewport" content="width=device-width, initial-scale=1">
−
     margin-right: -16%;
+
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.css">
−
    padding: 0 0 10px;
+
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/common.css">
−
    position: relative;
+
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
−
    width: 137%;
+
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
−
}*/
+
 
−
.modal-backdrop {
+
    <!-- Custom CSS -->
−
    z-index=0;
+
     <link href="landing.css" rel="stylesheet">
−
    display:none;
+
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
 +
    <link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'>
 +
    <link href='http://fonts.googleapis.com/css?family=Architects+Daughter' rel='stylesheet' type='text/css'>
 +
    <style>
 +
html{
 +
height:100%;
 +
margin:0;
 +
padding:0;
 +
width:100%;
 +
background-color:#242424;
 +
font-family:arial;
 +
}
 +
body{
 +
height:100%;
 +
margin:0 auto;
 +
padding:0;
 +
width:980px;
 
}
 
}
  
−
    #content{width:132%;margin-left:-16%;margin-right:0;}
+
#content{width:132%;margin-left:-16%;margin-right:0;}
−
    #sideMenu{display:none;}
+
#sideMenu{display:none;}
−
    #top_title{display:none;}
+
#top_title{display:none;}
 
#side-menu {
 
#side-menu {
 
     background: rgba(150, 150, 126, 0.5) none repeat scroll 0 0;
 
     background: rgba(150, 150, 126, 0.5) none repeat scroll 0 0;
Line 100: Line 116:
  
 
</style>
 
</style>
−
<head>
 
−
    <title>igem2016:ShanghaiTech</title>
 
−
    <meta charset="utf-8">
 
−
    <meta name="viewport" content="width=device-width, initial-scale=1">
 
−
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.css">
 
−
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/common.css">
 
−
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
 
−
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
 
−
 
−
    <!-- Custom CSS -->
 
−
    <link href="landing.css" rel="stylesheet">
 
−
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
 
−
    <link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'>
 
−
    <link href='http://fonts.googleapis.com/css?family=Architects+Daughter' rel='stylesheet' type='text/css'>
 
−
  <style type="text/css">
 
−
 
−
/****************************Picture Style************************************/
 
−
html{
 
−
height:100%;
 
−
margin:0;
 
−
padding:0;
 
−
width:100%;
 
−
background-color:#242424;
 
−
font-family:arial;
 
−
}
 
−
body{
 
−
height:100%;
 
−
margin:0 auto;
 
−
padding:0;
 
−
width:980px;
 
−
}
 
−
 
−
/******************************************Big Picture CSS********************************/
 
−
 
−
body,
 
−
h1,
 
−
h2,
 
−
h3,
 
−
h4,
 
−
h5,
 
−
h6 {
 
−
    font-family: 'Droid Sans', sans-serif;
 
−
    font-weight: bold;
 
−
}
 
−
 
−
.topnav {
 
−
    font-size: 20px;
 
−
}
 
−
.container-full{
 
−
    width:100%;
 
−
}
 
−
 
−
 
−
 
−
.content-section-a {
 
−
    padding: 50px 0;
 
−
    background-color: #f2f2f2;
 
−
}
 
−
 
−
.content-section-b {
 
−
    padding: 50px 0;
 
−
    border-top: 1px solid #e3e3e3;
 
−
    border-bottom: 1px solid #e3e3e3;
 
−
}
 
−
 
−
/* hr */
 
−
.section-heading:hover{
 
−
  left:30px;
 
−
}
 
−
.section-heading-spacer {
 
−
    float: left;
 
−
    width: 200px;
 
−
    border-top: 3px solid #e3e3e3;
 
−
}
 
−
 
−
/* Little paragraph snippet sections */
 
−
.section-heading {
 
−
    margin-bottom: 30px;
 
−
}
 
−
 
−
 
−
    </style>
 
−
<div id="globalWrapper">
 
−
<div class="modal fade" id="popUpWindow">
 
−
        <div class="modal-dialog" style:"width:100%">
 
−
            <div class="modal-content">
 
−
 
−
                <!-- header -->
 
−
                <div class="modal-header">
 
−
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
 
−
                    <h3 class="modal-title">Quick Tour</h3>
 
−
                </div>
 
−
 
−
                <!-- body (form) -->
 
−
                <div class="modal-body">
 
−
                    <div id="myCarousel" class="carousel slide">
 
−
  <ol class="carousel-indicators">
 
−
      <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
 
−
      <li data-target="#myCarousel" data-slide-to="1"></li>
 
−
      <li data-target="#myCarousel" data-slide-to="2"></li>
 
−
  </ol> 
 
−
  <div class="carousel-inner" align="center">
 
−
      <div class="item active">
 
−
        <img src="http://img4.imgtn.bdimg.com/it/u=2390015243,748753325&fm=21&gp=0.jpg" width="80%" alt="First slide">
 
−
      </div>
 
−
      <div class="item">
 
−
        <img src="/wp-content/uploads/2014/07/slide2.png" alt="Second slide">
 
−
      </div>
 
−
      <div class="item">
 
−
        <img src="/wp-content/uploads/2014/07/slide3.png" alt="Third slide">
 
−
      </div>
 
−
  </div>
 
−
  <a class="carousel-control left" href="#myCarousel"
 
−
      data-slide="prev">&lsaquo;</a>
 
−
  <a class="carousel-control right" href="#myCarousel"
 
−
      data-slide="next">&rsaquo;</a>
 
−
</div>
 
−
                </div>
 
−
 
−
                <!-- button -->
 
−
                <div class="modal-footer">
 
−
                    <h4 align="center">Click Picture To See Details</h4>
 
−
                </div>
 
−
 
−
            </div>
 
−
        </div>
 
−
    </div>
 
−
</div>
 
 
</head>
 
</head>
 
<body>
 
<body>
−
    <div class="container-full">
 
 
     <nav class="navbar navbar-default navbar-fixed-top topnav">
 
     <nav class="navbar navbar-default navbar-fixed-top topnav">
  
Line 263: Line 150:
 
         </div>
 
         </div>
 
     </nav>
 
     </nav>
−
    </div>
+
</body>
−
    </div>
+
 
      
 
      
 
    
 
    
 
</html>
 
</html>

Revision as of 11:50, 1 October 2016

igem2016:ShanghaiTech