Vertical:AUC TURKEY

From 2014hs.igem.org

(Difference between revisions)
 
(22 intermediate revisions not shown)
Line 42: Line 42:
});
});
</script>
</script>
-
<script>
+
<style type="text/css">
-
$(document).ready(function(){
+
-
$('#verticalmenu > ul > li > a').click(function() {
+
#pageContent p
-
  $('#verticalmenu li').removeClass('active');
+
{
-
  $(this).closest('li').addClass('active');
+
padding-left: 60px;
-
  var checkElement = $(this).next();
+
-
  if((checkElement.is('ul')) ) {
+
-
if(checkElement.is(':visible')) {
+
-
   
+
-
    $(this).closest('li').removeClass('active');
+
-
    checkElement.slideUp('normal');
+
-
  }
+
}
}
-
  if((checkElement.is('ul'))) {
+
 
-
  if(!checkElement.is(':visible')) {
+
 
-
   
+
 
-
    $('#verticalmenu ul ul:visible').slideUp('normal');
+
 
-
    checkElement.slideDown('normal');
+
-
  }
+
-
}
+
-
  if($(this).closest('li').find('ul').children().length == 0) {
+
-
    return true;
+
-
  } else {
+
-
    return false;
+
-
  }
+
-
});
+
-
});
+
-
</script>
+
-
<style type="text/css">
+
@import url(http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700);
@import url(http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700);
Line 88: Line 68:
   text-decoration: none;
   text-decoration: none;
   line-height: 1;
   line-height: 1;
-
   font-family: 'Kalinga', sans-serif;
+
   font-family: 'Open Sans', sans-serif;
   font-size: 14px;
   font-size: 14px;
   position: relative;
   position: relative;
}
}
#verticalmenu {
#verticalmenu {
-
   width: 250px;
+
   width: 130px;
   border-bottom: 4px solid #656659;
   border-bottom: 4px solid #656659;
   -webkit-border-radius: 3px;
   -webkit-border-radius: 3px;
Line 138: Line 118:
}
}
#verticalmenu > ul > li {
#verticalmenu > ul > li {
-
   background: #e94f31;
+
   background: #70a667;
-
   background: -moz-linear-gradient(#e94f31 0%, #d13516 100%);
+
   background: -moz-linear-gradient(#70a667 0%, #598951 100%);
-
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e94f31), color-stop(100%, #d13516));
+
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #70a667), color-stop(100%, #598951));
-
   background: -webkit-linear-gradient(#e94f31 0%, #d13516 100%);
+
   background: -webkit-linear-gradient(#70a667 0%, #598951 100%);
-
   background: linear-gradient(#e94f31 0%, #d13516 100%);
+
   background: linear-gradient(#70a667 0%, #598951 100%);
}
}
#verticalmenu > ul > li:hover {
#verticalmenu > ul > li:hover {
-
   background: #e84323;
+
   background: #67a05e;
-
   background: -moz-linear-gradient(#e84323 0%, #c33115 100%);
+
   background: -moz-linear-gradient(#67a05e 0%, #52804b 100%);
-
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e84323), color-stop(100%, #c33115));
+
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #67a05e), color-stop(100%, #52804b));
-
   background: -webkit-linear-gradient(#e84323 0%, #c33115 100%);
+
   background: -webkit-linear-gradient(#67a05e 0%, #52804b 100%);
-
   background: linear-gradient(#e84323 0%, #c33115 100%);
+
   background: linear-gradient(#67a05e 0%, #52804b 100%);
}
}
#verticalmenu > ul > li > a {
#verticalmenu > ul > li > a {
Line 156: Line 136:
   background: url(pattern.png) top left repeat;
   background: url(pattern.png) top left repeat;
   color: #ffffff;
   color: #ffffff;
-
   border: 1px solid #ba2f14;
+
   border: 1px solid #4e7947;
   border-top: none;
   border-top: none;
-
   text-shadow: 0 -1px 1px #751d0c;
+
   text-shadow: 0 -1px 1px #2f492b;
}
}
#verticalmenu > ul > li > a > span {
#verticalmenu > ul > li > a > span {
Line 174: Line 154:
}
}
#verticalmenu > ul > li.has-sub > a span {
#verticalmenu > ul > li.has-sub > a span {
-
   background: url(https://static.igem.org/mediawiki/2013hs/0/0c/Icon_plus.png) 96% center no-repeat;
+
   background: url(icon_plus.png) 96% center no-repeat;
}
}
#verticalmenu > ul > li.has-sub.active > a span {
#verticalmenu > ul > li.has-sub.active > a span {
-
   background: url(https://static.igem.org/mediawiki/2013hs/2/23/Icon_minus.png) 96% center no-repeat;
+
   background: url(icon_minus.png) 96% center no-repeat;
}
}
/* Sub menu */
/* Sub menu */
Line 210: Line 190:
   position: absolute;
   position: absolute;
   left: 10px;
   left: 10px;
-
   color: #e94f31;
+
   color: #70a667;
}
}
#verticalmenu ul ul a:hover {
#verticalmenu ul ul a:hover {
-
   color: #e94f31;
+
   color: #70a667;
}
}
 +
#verticalmenu {
#verticalmenu {
position: fixed;
position: fixed;
top:75px;
top:75px;
-
left:-250px;
+
left:-130px;
}
}
</style>
</style>
Line 225: Line 206:
<div id='verticalmenu'>
<div id='verticalmenu'>
<ul>
<ul>
-
   <li><a href='#header1'><span>Home</span></a></li>
+
   <li class='active'><a><span>Project</span></a></li>
-
   <li class='has-sub'><a href='#'><span>Products</span></a>
+
   <li><a href='https://2014hs.igem.org/Team:AUC_TURKEY/Project/Introduction'><span>Introduction</span></a></li>
-
      <ul>
+
  <li><a href='https://2014hs.igem.org/Team:AUC_TURKEY/Project/Mechanism'><span>Mechanism</span></a></li>
-
        <li><a href='#'><span>Widgets</span></a></li>
+
   <li><a href='https://2014hs.igem.org/Team:AUC_TURKEY/Project/Modelling'><span>Modelling</span></a></li>
-
        <li><a href='#'><span>Menus</span></a></li>
+
  <li class='last'><a href='https://2014hs.igem.org/Team:AUC_TURKEY/Project/Parts'><span>Parts</span></a></li>
-
        <li class='last'><a href='#'><span>Products</span></a></li>
+
-
      </ul>
+
-
   </li>
+
-
  <li class='has-sub'><a href='#'><span>Company</span></a>
+
-
      <ul>
+
-
        <li><a href='#'><span>About</span></a></li>
+
-
        <li class='last'><a href='#'><span>Location</span></a></li>
+
-
      </ul>
+
-
  </li>
+
-
  <li class='last'><a href='#'><span>Contact</span></a></li>
+
</ul>
</ul>
</div>
</div>
-
<a name="header1"></a>
+
 
-
<p>asdasd</p>
+
-
<p>asdasd</p>
+
-
<p>asdasd</p>
+
-
<p>asdasd</p>
+
-
<p>asdasd</p>
+
-
<p>asdasd</p>
+
-
<p>asdasd</p>
+
-
<p>asdasd</p>
+
-
<p>asdasd</p>
+
-
<p>asdasd</p>
+
-
<p>asdasd</p>
+
-
<p>asdasd</p>
+
-
<p>asdasd</p>
+
-
<a href="#header1">asdas</a>
+
</body>
</body>
</html>
</html>

Latest revision as of 03:21, 21 June 2014

Retrieved from "http://2014hs.igem.org/Vertical:AUC_TURKEY"