Difference between revisions of "Template:Nankai"

 
(109 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 .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: 10%;
+
margin-right: 12%;
 
}
 
}
−
@media (min-width: 900px) {.hidemenu {display:none;} }
+
@media (min-width: 901px) {.hidemenu {display:none;} }
 
@media (max-width: 900px) {.visible-lg {display:none;} }
 
@media (max-width: 900px) {.visible-lg {display:none;} }
 
.hidemenu{
 
.hidemenu{
Line 156: Line 174:
 
   text-size:10px;
 
   text-size:10px;
 
   display: none;
 
   display: none;
−
   position: relative;
+
   position: absolute;
 
   z-index: 9999;
 
   z-index: 9999;
 +
 +
 
}
 
}
 
.responsive_menu a{
 
.responsive_menu a{
 
   color:#FFF;
 
   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">
Line 186: Line 219:
 
               <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>
 
               <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/iShare">iShare</a></li>
+
               <li><a href="https://2015.igem.org/Team:Nankai/Practices/iShare" target="_blank">iShare</a></li>
−
              <li id="sideli"><a href="#">Other</a>
+
−
                <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>
+
 
         </ul> <!-- /.main_menu -->
 
         </ul> <!-- /.main_menu -->
 
     </div> <!-- /.responsive_menu -->
 
     </div> <!-- /.responsive_menu -->
Line 203: Line 227:
 
   <div>
 
   <div>
 
     <div>
 
     <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/2/25/Nankai_logo.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 246: Line 261:
 
         <!-- /.main-navigation -->
 
         <!-- /.main-navigation -->
 
       </div>
 
       </div>
−
      <!-- /.col-md-12 -->
+
 
 
     </div>
 
     </div>
 
    
 
    
Line 253: Line 268:
 
</header>
 
</header>
  
−
<footer class="site-footer">
+
<!-- Scripts -->
−
  <div>
+
<script src="https://2015.igem.org/Template:Nankai/pluginsmin?action=raw&ctype=text/javascript"></script>
−
   
+
<script src="https://2015.igem.org/Template:Nankai/medigocustommin?action=raw&ctype=text/javascript"></script>
−
   
+
−
    <div>
+
−
      <div class="col-md-12">
+
−
        <p class="copyright-text">Copyright &copy; Nankai University
+
−
          </br> Nankai IGEM Team 2015</p>
+
−
      </div>
+
−
      <!-- /.col-md-12 -->
+
−
    </div>
+
  
−
  </div>
 
−
 
−
</footer>
 
−
<!-- /.site-footer -->
 
−
<!-- 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/medigo-custom.minJS?action=raw&ctype=text/javascript"></script>
 
−
</body>
 
 
</html>
 
</html>

Latest revision as of 22:07, 18 September 2015

Medigo Blue, free responsive template