Difference between revisions of "Template:Nankai"

 
(173 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
<html lang="en-US">
 
<html lang="en-US">
        <script>
+
 
        document.styleSheets[0].disabled = true
+
        </script>
+
 
<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 11: Line 9:
 
      
 
      
 
<!-- Stylesheets -->
 
<!-- Stylesheets -->
<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/jquerymigrate121min?action=raw&ctype=text/javascript"></script>
 
 
  
Line 19: 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{
 +
width: 100%;
 +
background-size: 50% auto;
 +
background-repeat: repeat-xy;
 +
background-position: 0px 0px;
 +
padding:0px;
 +
border:0px;
 +
}
 +
  
 
a, a:visited {
 
a, a:visited {
Line 29: Line 57:
 
}
 
}
  
.site-header.clearfix .container .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 55: 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 62: Line 84:
 
position: relative;
 
position: relative;
 
margin-top: 20px;
 
margin-top: 20px;
 +
 
}
 
}
  
Line 71: 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 111: Line 134:
 
   font-weight: 600;
 
   font-weight: 600;
 
}
 
}
 
+
.main-nav ul li ul li a:hover {
        body {
+
  color: #00a8d6 !important;
        background-image:url("https://static.igem.org/mediawiki/2015/3/3a/Nankai_background.jpg");
+
background-repeat: repeat;
+
        background-size: 100% 100%;
+
 
}
 
}
 +
       
 
         div.printfooter {
 
         div.printfooter {
 
         display:none;
 
         display:none;
Line 138: 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>
+
 
 +
 
 +
 
 
<div class="responsive_menu">
 
<div class="responsive_menu">
  <ul class="main_menu">
+
        <ul class="main_menu">
    <li><a href="https://2015.igem.org/Team:Nankai">Home</a></li>
+
              <li><a href="https://2015.igem.org/Team:Nankai">Home</a></li>
  <li><a href="https://2015.igem.org/Team:Nankai/Team">Team</a></li>
+
               <li><a href="#">Research & Lab</a>
               <li><a href="https://2015.igem.org/Team:Nankai/Project">Project</a>
+
 
                 <ul>
 
                 <ul>
                   <li><a href="https://2015.igem.org/Team:Nankai/Description">Description</a></li>
+
                   <li><a href="https://2015.igem.org/Team:Nankai/Description">Project</a></li>
                   <li><a href="https://2015.igem.org/Team:Nankai/Experiments">Experiments & Protocols</a></li>
+
                   <li><a href="https://2015.igem.org/Team:Nankai/Safety">Safety</a></li>
                   <li><a href="https://2015.igem.org/Team:Nankai/Results">Results</a></li>
+
                   <li><a href="https://2015.igem.org/Team:Nankai/Measurement">Measurements</a></li>
                   <li><a href="https://2015.igem.org/Team:Nankai/Design">Design</a></li>
+
                   <li><a href="https://2015.igem.org/Team:Nankai/Parts">Parts</a></li>
 
                 </ul>
 
                 </ul>
 
               </li>
 
               </li>
               <li><a href="https://2015.igem.org/Team:Nankai/Parts">Parts</a>
+
               <li><a href="#">Member</a>
 
                 <ul>
 
                 <ul>
                   <li><a href="https://2015.igem.org/Team:Nankai/Parts">Team Parts</a></li>
+
                   <li><a href="https://2015.igem.org/Team:Nankai/Team">Team</a></li>
                  <li><a href="https://2015.igem.org/Team:Nankai/Basic_Part">Basic Parts</a></li>
+
                   <li><a href="https://2015.igem.org/Team:Nankai/Attributions">Attributions</a></li>
                   <li><a href="https://2015.igem.org/Team:Nankai/Composite_Part">Composite Parts</a></li>
+
                   <li><a href="https://2015.igem.org/Team:Nankai/Collaborations">Collaborations</a></li>
                   <li><a href="https://2015.igem.org/Team:Nankai/Part_Collection">Part Collection</a></li>
+
 
                 </ul>
 
                 </ul>
               <li><a href="https://2015.igem.org/Team:Nankai/Notebook">Notebook</a>
+
               </li>
              <li><a href="https://2015.igem.org/Team:Nankai/Attributions">Attribution</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/Collaborations">Collaboration</a></li>
+
               <li><a href="https://2015.igem.org/Team:Nankai/Practices">Human Practice</a></li>
+
              <li><a href="https://2015.igem.org/Team:Nankai/Safety">Safety</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/Measurement">Measurements</a></li>
+
               <li><a href="https://2015.igem.org/Team:Nankai/Practices/iShare" target="_blank">iShare</a></li>
  </ul>
+
        </ul> <!-- /.main_menu -->
  <!-- /.main_menu -->
+
    </div> <!-- /.responsive_menu -->
</div>
+
 
<!-- /.responsive_menu -->
+
 
<header class="site-header clearfix">
+
<header class="site-header">
   <div class="container">
+
   <div>
     <div class="row">
+
     <div>
       <div class="col-md-12">
+
       <div>
         <div class="main-navigation pull-right">
+
         <div class="main-navigation">
 
           <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>
               <li id="sideli"><a href="#">Other</a>
+
               <li id="sideli"><a href="https://2015.igem.org/Team:Nankai/Practices/iShare" target="_blank">iShare</a></li>
                <ul>
+
                  <li><a href="https://2015.igem.org/Team:Nankai/Notebook">Notebook</a></li>
+
                  <li><a href="https://2015.igem.org/Template:Nankai">Template</a></li>
+
                  <li><a href="https://2015.igem.org/Team:Nankai/test1">test1</a></li>
+
                  <li><a href="https://2015.igem.org/Team:Nankai/test2">test2</a></li>
+
                  <li><a href="https://2015.igem.org/Team:Nankai/test3">test3</a></li>
+
                </ul>
+
              </li>
+
              <li><a href="https://2015.igem.org/Team:Nankai/Practices/iShare">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 201: Line 243:
 
               <li><a href="#">Research & Lab</a>
 
               <li><a href="#">Research & Lab</a>
 
                 <ul>
 
                 <ul>
                   <li><a href="https://2015.igem.org/Team:Nankai/Project">Project</a></li>
+
                   <li><a href="https://2015.igem.org/Team:Nankai/Description">Project</a></li>
 
                   <li><a href="https://2015.igem.org/Team:Nankai/Safety">Safety</a></li>
 
                   <li><a href="https://2015.igem.org/Team:Nankai/Safety">Safety</a></li>
 
                   <li><a href="https://2015.igem.org/Team:Nankai/Measurement">Measurements</a></li>
 
                   <li><a href="https://2015.igem.org/Team:Nankai/Measurement">Measurements</a></li>
Line 208: 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