Difference between revisions of "Template:Nankai"

 
(320 intermediate revisions by 4 users not shown)
Line 1: Line 1:
 
<html lang="en-US">
 
<html lang="en-US">
<head>
+
 
 
<meta charset="UTF-8">
 
<meta charset="UTF-8">
 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
Line 9: Line 9:
 
      
 
      
 
<!-- Stylesheets -->
 
<!-- Stylesheets -->
 +
 +
<script src="https://2015.igem.org/Template:Nankai/jquerymigrate121min?action=raw&ctype=text/javascript"></script>
 
 
+
 
 
<!-- JavaScripts -->
 
<!-- JavaScripts -->
<script src="https://2015.igem.org/Template:Nankai/jquery-1.10.2.minJS?action=raw&ctype=text/javascript"></script>
+
 
<script src="https://2015.igem.org/Template:Nankai/jquery-migrate-1.2.1.minJS?action=raw&ctype=text/javascript"></script>
+
  
 
<style type="text/css">
 
<style type="text/css">
               
+
/*-- Remove borders, float content left and remove padding/margin */
 +
#globalWrapper, #content{
 +
background-color: transparent;
 +
border: 0px;
 +
float: left;
 +
margin:0px;
 +
padding: 0px;
 +
}
 +
 
 +
/*left align Black Menu Bar */
 +
#top_menu_inside {
 +
margin-left: 20px;
 +
}
 +
 
 +
#globalWrapper {
 +
background-color:#E6F4F7;
 +
}
 +
 
 +
#content {
 +
background-image: url(https://static.igem.org/mediawiki/2015/f/fb/Nankai_background3.jpg);
 +
}
 +
#globalWrapper, #content ,#bodyContent,body{
 +
width: 100%;
 +
background-size: 50% auto;
 +
background-repeat: repeat-xy;
 +
background-position: 0px 0px;
 +
padding:0px;
 +
border:0px;
 +
}
 +
 
 +
 
 +
a, a:visited {
 +
  text-decoration: none !important;
 +
}
 +
 
 +
.main-nav ul{
 +
padding: 0;
 +
margin: 0;
 +
}
 +
 
 +
.site-header .main-navigation .main-nav.visible-md.visible-lg .sf-menu a {
 +
font-size: 15px;
 +
}
 +
 
 +
.site-header {
 +
  position: fixed;
 +
  top: 18px;
 +
  left: 0;
 +
  width: 100%;
 +
  background-color: #FFF;
 +
  z-index: 1;
 +
  padding-top:10px;
 +
  padding-bottom:10px;
 +
  overflow: visible;
 +
  transition: padding 0.3s ease-in-out;
 +
  -moz-transition: padding 0.3s ease-in-out;
 +
  -webkit-transition: padding 0.3s ease-in-out;
 +
  filter: alpha(Opacity=80);
 +
  -moz-opacity: 0.8;
 +
  opacity: 0.8;
 +
 
 +
}
 +
.main-nav ul li {
 +
        float:right;
 +
display: block;
 +
position: relative;
 +
margin-top: 20px;
 +
 
 +
}
 +
 
 +
.main-nav ul li a {
 +
color: #31373a;
 +
font-size: 10px;
 +
font-weight: 700;
 +
text-transform: uppercase;
 +
font-family: "Raleway", sans-serif;
 +
padding-top: 5px;
 +
padding-right: 20px;
 +
padding-left: 20px;
 +
padding-bottom: 5px;
 +
display: block;
 +
-webkit-border-radius: 3px;
 +
-moz-border-radius: 3px;
 +
-ms-border-radius: 3px;
 +
-o-border-radius: 3px;
 +
border-radius: 3px;
 +
}
 +
.main-nav ul li a:hover {
 +
  color: #00a8d6;
 +
}
 +
.main-nav ul li a i {
 +
  margin-left: 7px;
 +
}
 +
 
 +
.main-nav ul li ul {
 +
  display: none;
 +
  top: 100%;
 +
  left: 0;
 +
  margin-top: 5px;
 +
  position: absolute;
 +
  width: 220px;
 +
  background-color: white;
 +
  border: 2px solid #f1f4f5;
 +
}
 +
 
 +
.main-nav ul li ul li {
 +
  margin-left: 0;
 +
  width: 100%;
 +
  border-bottom: 1px solid #dce4e6;
 +
}
 +
 
 +
.main-nav ul li ul li a {
 +
  background-color: transparent !important;
 +
  color: #777777 !important;
 +
  text-transform: capitalize;
 +
  font-weight: 600;
 +
}
 +
.main-nav ul li ul li a:hover {
 +
  color: #00a8d6 !important;
 +
}
 +
       
 +
        div.printfooter {
 +
        display:none;
 +
}
 +
     
 
#logo1 {
 
#logo1 {
 
float: left;
 
float: left;
 
height: 80px;
 
height: 80px;
 
width: 80px;
 
width: 80px;
 +
        margin-left: 20px;
 
}
 
}
#logo2 {
+
     
float: right;
+
  .firstHeading{
height: 80px;
+
    display:none;
width: 80px;
+
  }
 +
.parallax-overlay p{
 +
        text-align: left;
 +
        margin-left:2%;
 +
        position:absolute;
 +
        margin-top:2%;
 +
}
 +
#sideli {
 +
margin-right: 12%;
 +
}
 +
@media (min-width: 901px) {.hidemenu {display:none;} }
 +
@media (max-width: 900px) {.visible-lg {display:none;} }
 +
.hidemenu{
 +
text-align:center;
 +
font-size:30px;
 +
font-weight:900px;
 +
}
 +
 
 +
.responsive_menu {
 +
  padding: 20px;
 +
  background-color: rgba(49, 55, 58, 0.98);
 +
  text-size:10px;
 +
  display: none;
 +
  position: absolute;
 +
  z-index: 9999;
 +
 
 +
 
 +
}
 +
.responsive_menu a{
 +
  color:#FFF;
 +
}
 +
 
 +
.parallax.first-widget .parallax-overlay p{
 +
        font-size: 20px;
 +
        font-weight: normal;
 +
        font-family: "PT Serif", Georgia, serif;
 +
}
 +
.parallax.first-widget .parallax-overlay p a:hover{
 +
color:#C800FF;
 +
}
 +
 
 +
.responsive_menu.main_menu li a {
 +
        font-family: "PT Serif", Georgia, serif;
 
}
 
}
 
     </style>
 
     </style>
</head>
+
 
<body>
+
 
 +
 
 
<div class="responsive_menu">
 
<div class="responsive_menu">
  <ul class="main_menu">
+
        <ul class="main_menu">
    <li><a href="index.html">Home</a></li>
+
              <li><a href="https://2015.igem.org/Team:Nankai">Home</a></li>
  <li><a href="#">Team</a></li>
+
               <li><a href="#">Research & Lab</a>
               <li><a href="#">Project</a>
+
 
                 <ul>
 
                 <ul>
                   <li><a href="blog.html">Description</a></li>
+
                   <li><a href="https://2015.igem.org/Team:Nankai/Description">Project</a></li>
                   <li><a href="blog-single.html">Experiments & Protocols</a></li>
+
                   <li><a href="https://2015.igem.org/Team:Nankai/Safety">Safety</a></li>
                   <li><a href="#">Results</a></li>
+
                   <li><a href="https://2015.igem.org/Team:Nankai/Measurement">Measurements</a></li>
                   <li><a href="#">Design</a></li>
+
                   <li><a href="https://2015.igem.org/Team:Nankai/Parts">Parts</a></li>
 
                 </ul>
 
                 </ul>
 
               </li>
 
               </li>
               <li><a href="#">Parts</a>
+
               <li><a href="#">Member</a>
 
                 <ul>
 
                 <ul>
                   <li><a href="blog.html">Team Parts</a></li>
+
                   <li><a href="https://2015.igem.org/Team:Nankai/Team">Team</a></li>
                   <li><a href="blog-single.html">Basic Parts</a></li>
+
                   <li><a href="https://2015.igem.org/Team:Nankai/Attributions">Attributions</a></li>
                  <li><a href="#">Composite Parts</a></li>
+
                   <li><a href="https://2015.igem.org/Team:Nankai/Collaborations">Collaborations</a></li>
                   <li><a href="#">Part Collection</a></li>
+
 
                 </ul>
 
                 </ul>
               <li><a href="#">Notebook</a>
+
               </li>
               <li><a href="contact.html">Attributions</a></li>
+
               <li><a href="https://2015.igem.org/Team:Nankai/Practices">Human Practices</a></li>
              <li><a href="contact.html">Collaborations</a></li>
+
               <li><a href="https://2015.igem.org/Team:Nankai/Modeling">Modeling</a></li>
              <li><a href="contact.html">Human Practices</a></li>
+
               <li><a href="https://2015.igem.org/Team:Nankai/Practices/iShare" target="_blank">iShare</a></li>
               <li><a href="contact.html">Safety</a></li>
+
        </ul> <!-- /.main_menu -->
               <li><a href="contact.html">Modeling</a></li>
+
    </div> <!-- /.responsive_menu -->
              <li><a href="contact.html">Measurements</a></li>
+
 
  </ul>
+
 
  <!-- /.main_menu -->
+
<header class="site-header">
</div>
+
   <div>
<!-- /.responsive_menu -->
+
     <div>
<header class="site-header clearfix">
+
       <div>
   <div class="container">
+
         <div class="main-navigation">
     <div class="row">
+
       <div class="col-md-12">
+
         <div class="main-navigation pull-right">
+
 
           <nav class="main-nav visible-md visible-lg">
 
           <nav class="main-nav visible-md visible-lg">
             <ul class="sf-menu"><div id="logo1"><img src="https://static.igem.org/mediawiki/2015/9/9f/Nankai_logo1.png" width="80" height="80" alt=""/></div>
+
             <ul class="sf-menu"><div id="logo1"><img src="https://static.igem.org/mediawiki/2015/2/25/Nankai_logo.png" width="80" height="80" alt=""/></div>
            <div id="logo2"><img src="https://static.igem.org/mediawiki/2015/a/a5/Nankai_logo2.png" width="80" height="80" alt=""/></div>
+
              <li id="sideli"><a href="https://2015.igem.org/Team:Nankai/Practices/iShare" target="_blank">iShare</a></li>
               <li class="active" id="first"><a href="index.html">Home</a></li>
+
               <li><a href="https://2015.igem.org/Team:Nankai/Modeling">Modeling</a></li>
               <li><a href="#">Team</a></li>
+
               <li><a href="https://2015.igem.org/Team:Nankai/Practices">Human Practices</a></li>
               <li><a href="#">Project</a>
+
               <li><a href="#">Member</a>
 
                 <ul>
 
                 <ul>
                   <li><a href="blog.html">Description</a></li>
+
                   <li><a href="https://2015.igem.org/Team:Nankai/Team">Team</a></li>
                   <li><a href="blog-single.html">Experiments & Protocols</a></li>
+
                   <li><a href="https://2015.igem.org/Team:Nankai/Attributions">Attributions</a></li>
                   <li><a href="#">Results</a></li>
+
                   <li><a href="https://2015.igem.org/Team:Nankai/Collaborations">Collaborations</a></li>
                  <li><a href="#">Design</a></li>
+
 
                 </ul>
 
                 </ul>
 
               </li>
 
               </li>
               <li><a href="#">Parts</a>
+
               <li><a href="#">Research & Lab</a>
 
                 <ul>
 
                 <ul>
                   <li><a href="blog.html">Team Parts</a></li>
+
                   <li><a href="https://2015.igem.org/Team:Nankai/Description">Project</a></li>
                   <li><a href="blog-single.html">Basic Parts</a></li>
+
                   <li><a href="https://2015.igem.org/Team:Nankai/Safety">Safety</a></li>
                   <li><a href="#">Composite Parts</a></li>
+
                   <li><a href="https://2015.igem.org/Team:Nankai/Measurement">Measurements</a></li>
                   <li><a href="#">Part Collection</a></li>
+
                   <li><a href="https://2015.igem.org/Team:Nankai/Parts">Parts</a></li>
 
                 </ul>
 
                 </ul>
               <li><a href="#">Notebook</a>
+
               </li>
              <li><a href="contact.html">Attributions</a></li>
+
               <li><a href="https://2015.igem.org/Team:Nankai">Home</a></li>
               <li><a href="contact.html">Collaborations</a></li>
+
         
              <li><a href="contact.html">Human Practices</a></li>
+
 
              <li><a href="contact.html">Safety</a></li>
+
              <li><a href="contact.html">Modeling</a></li>
+
              <li><a href="contact.html">Measurements</a></li>
+
            </ul>
+
 
             <!-- /.sf-menu -->
 
             <!-- /.sf-menu -->
 
           </nav>
 
           </nav>
 
           <!-- /.main-nav -->
 
           <!-- /.main-nav -->
 
           <!-- This one in here is responsive menu for tablet and mobiles -->
 
           <!-- This one in here is responsive menu for tablet and mobiles -->
          <div class="responsive-navigation visible-sm visible-xs"> <a href="#nogo" class="menu-toggle-btn"> <i class="fa fa-bars"></i> </a> </div>
+
          <div class="hidemenu">
          <!-- /responsive_navigation -->
+
        <p><a href="#">menu</a></p>
        </div>
+
    </div>  
 
         <!-- /.main-navigation -->
 
         <!-- /.main-navigation -->
 
       </div>
 
       </div>
      <!-- /.col-md-12 -->
+
 
 
     </div>
 
     </div>
    <!-- /.row -->
+
 
 
   </div>
 
   </div>
  <!-- /.container -->
+
 
 
</header>
 
</header>
<!-- /.site-header -->
 
<!-- /#homeIntro --><!-- /.cta -->
 
<section class="light-content services">
 
  <div class="container">
 
    <div class="row"><!-- /.col-md-4 --><!-- /.col-md-4 --><!-- /.col-md-4 -->
 
    </div>
 
    <div class="row"><!-- /.col-md-4 --><!-- /.col-md-4 --><!-- /.col-md-4 -->
 
    </div>
 
    <!-- /.row -->
 
  </div>
 
  <!-- /.container -->
 
</section>
 
<!-- /.services --><!-- /.portfolio-holder --><!-- /.testimonials-widget --><!-- /.our-team -->
 
  
<!-- /#blogPosts -->
 
<footer class="site-footer">
 
  <div class="container">
 
   
 
    <!-- /.row -->
 
    <div class="row">
 
      <div class="col-md-12">
 
        <p class="copyright-text">Copyright &copy; Nankai University
 
          </br> Nankai IGEM Team 2015</p>
 
      </div>
 
      <!-- /.col-md-12 -->
 
    </div>
 
    <!-- /.row -->
 
  </div>
 
  <!-- /.container -->
 
</footer>
 
<!-- /.site-footer -->
 
 
<!-- Scripts -->
 
<!-- Scripts -->
<script src="https://2015.igem.org/Template:Nankai/pluginsJS?action=raw&ctype=text/javascript"></script>
+
<script src="https://2015.igem.org/Template:Nankai/pluginsmin?action=raw&ctype=text/javascript"></script>
<script src="https://2015.igem.org/Template:Nankai/medigo-custom.minJS?action=raw&ctype=text/javascript"></script>
+
<script src="https://2015.igem.org/Template:Nankai/medigocustommin?action=raw&ctype=text/javascript"></script>
</body>
+
 
 
</html>
 
</html>

Latest revision as of 22:07, 18 September 2015

Medigo Blue, free responsive template