Difference between revisions of "Template:Nankai"

 
(94 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
<html lang="en-US">
 
<html lang="en-US">
−
     
+
 
 
<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 10: Line 10:
 
<!-- Stylesheets -->
 
<!-- Stylesheets -->
  
−
<script src="https://2015.igem.org/Template:Nankai/jquery-migrate-1.2.1.minJS?action=raw&ctype=text/javascript"></script>
+
<script src="https://2015.igem.org/Template:Nankai/jquerymigrate121min?action=raw&ctype=text/javascript"></script>
 
 
  
Line 17: Line 17:
  
 
<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{
 
#globalWrapper, #content ,#bodyContent,body{
−
width: 100%;
+
width: 100%;
−
background-color:#C7FDFF;
+
background-size: 50% auto;
 +
background-repeat: repeat-xy;
 +
background-position: 0px 0px;
 
padding:0px;
 
padding:0px;
 
border:0px;
 
border:0px;
 
}
 
}
 +
  
 
a, a:visited {
 
a, a:visited {
Line 34: Line 57:
 
}
 
}
  
−
.site-header.clearfix .container0 .row .col-md-12 .main-navigation.pull-right .main-nav.visible-md.visible-lg .sf-menu a {
+
.site-header .main-navigation .main-nav.visible-md.visible-lg .sf-menu a {  
 
font-size: 15px;
 
font-size: 15px;
 
}
 
}
−
.responsive_menu {
+
 
−
  padding: 20px;
+
−
  background-color: rgba(49, 55, 58, 0.8);
+
−
  display: none;
+
−
  position: relative;
+
−
  z-index: 9999;
+
−
}
+
 
.site-header {
 
.site-header {
 
   position: fixed;
 
   position: fixed;
−
   top: 19px;
+
   top: 18px;
 
   left: 0;
 
   left: 0;
 
   width: 100%;
 
   width: 100%;
Line 60: Line 77:
 
   -moz-opacity: 0.8;
 
   -moz-opacity: 0.8;
 
   opacity: 0.8;
 
   opacity: 0.8;
−
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+
 
 
}
 
}
 
.main-nav ul li {
 
.main-nav ul li {
Line 67: Line 84:
 
position: relative;
 
position: relative;
 
margin-top: 20px;
 
margin-top: 20px;
 +
 
}
 
}
  
Line 76: Line 94:
 
font-family: "Raleway", sans-serif;
 
font-family: "Raleway", sans-serif;
 
padding-top: 5px;
 
padding-top: 5px;
−
padding-right: 12px;
+
padding-right: 20px;
−
padding-left: 12px;
+
padding-left: 20px;
 
padding-bottom: 5px;
 
padding-bottom: 5px;
 
display: block;
 
display: block;
Line 141: Line 159:
 
}
 
}
 
#sideli {
 
#sideli {
−
margin-right: 200px;
+
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>
−
<body>
+
 
−
<header class="site-header clearfix">
+
 
−
  <div class="container0">
+
 
−
    <div class="row">
+
<div class="responsive_menu">
−
      <div class="col-md-12">
+
         <ul class="main_menu">
−
         <div class="main-navigation pull-right">
+
              <li><a href="https://2015.igem.org/Team:Nankai">Home</a></li>
−
          <nav class="main-nav visible-md visible-lg">
+
               <li><a href="#">Research & Lab</a>
−
            <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>
+
−
               <li id="sideli"><a href="#">Other</a>
+
 
                 <ul>
 
                 <ul>
−
                   <li><a href="https://2015.igem.org/Team:Nankai/Notebook">Notebook</a></li>
+
                   <li><a href="https://2015.igem.org/Team:Nankai/Description">Project</a></li>
−
                  <li><a href="https://2015.igem.org/Template:Nankai">Template</a></li>
+
                   <li><a href="https://2015.igem.org/Team:Nankai/Safety">Safety</a></li>
−
                   <li><a href="https://2015.igem.org/Team:Nankai/test1">test1</a></li>
+
                   <li><a href="https://2015.igem.org/Team:Nankai/Measurement">Measurements</a></li>
−
                   <li><a href="https://2015.igem.org/Team:Nankai/test2">test2</a></li>
+
                   <li><a href="https://2015.igem.org/Team:Nankai/Parts">Parts</a></li>
−
                   <li><a href="https://2015.igem.org/Team:Nankai/test3">test3</a></li>
+
 
                 </ul>
 
                 </ul>
 
               </li>
 
               </li>
−
               <li><a href="https://2015.igem.org/Team:Nankai/Practices/iShare">iShare</a></li>
+
               <li><a href="#">Member</a>
 +
                <ul>
 +
                  <li><a href="https://2015.igem.org/Team:Nankai/Team">Team</a></li>
 +
                  <li><a href="https://2015.igem.org/Team:Nankai/Attributions">Attributions</a></li>
 +
                  <li><a href="https://2015.igem.org/Team:Nankai/Collaborations">Collaborations</a></li>
 +
                </ul>
 +
              </li>
 +
              <li><a href="https://2015.igem.org/Team:Nankai/Practices">Human Practices</a></li>
 +
              <li><a href="https://2015.igem.org/Team:Nankai/Modeling">Modeling</a></li>
 +
              <li><a href="https://2015.igem.org/Team:Nankai/Practices/iShare" target="_blank">iShare</a></li>
 +
        </ul> <!-- /.main_menu -->
 +
    </div> <!-- /.responsive_menu -->
 +
 
 +
 
 +
<header class="site-header">
 +
  <div>
 +
    <div>
 +
      <div>
 +
        <div class="main-navigation">
 +
          <nav class="main-nav visible-md visible-lg">
 +
            <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>
 +
              <li id="sideli"><a href="https://2015.igem.org/Team:Nankai/Practices/iShare" target="_blank">iShare</a></li>
 
               <li><a href="https://2015.igem.org/Team:Nankai/Modeling">Modeling</a></li>
 
               <li><a href="https://2015.igem.org/Team:Nankai/Modeling">Modeling</a></li>
 
               <li><a href="https://2015.igem.org/Team:Nankai/Practices">Human Practices</a></li>
 
               <li><a href="https://2015.igem.org/Team:Nankai/Practices">Human Practices</a></li>
Line 180: Line 250:
 
               </li>
 
               </li>
 
               <li><a href="https://2015.igem.org/Team:Nankai">Home</a></li>
 
               <li><a href="https://2015.igem.org/Team:Nankai">Home</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/plugins.minJS?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