Team:AUC TURKEY/Project

From 2014hs.igem.org

(Difference between revisions)
(Undo revision 28242 by Alihancelikcan (talk))
 
(8 intermediate revisions not shown)
Line 1: Line 1:
{{AUC_TURKEY}}
{{AUC_TURKEY}}
 +
{{:Vertical:AUC_TURKEY}}
<html>
<html>
<head>
<head>
-
<script type="text/javascript">
+
<img src="https://static.igem.org/mediawiki/2014hs/2/20/Auc_project.png" style="">
-
$(document).ready(function(){
+
-
$(".footer").insertAfter("pageContent");
+
-
/*$('#igem_logo_gif').hover(function () {
+
-
        this.src = 'https://static.igem.org/mediawiki/2014hs/c/c5/IGem_Logo.gif';
+
-
    }, function () {
+
-
        this.src = 'https://static.igem.org/mediawiki/2014hs/9/93/IGem_logo_original.png';
+
-
    });*/
+
-
$('#cssmenu').addClass('relative');
+
-
//$('#verticalmenu').position().left = -$('#verticalmenu').width();
+
-
  $(window).scroll(function(){
+
-
      if ($(this).scrollTop() >= $("#igem_logo_gif").height()) {
+
-
  if($('#verticalmenu').position().left == -$('#verticalmenu').width()/*-$('#verticalmenu').width(*/)
+
-
$( '#verticalmenu' ).animate({
+
-
opacity: 1,
+
-
left: 0,
+
-
  }, 200, function() {
+
-
    // Animation complete.
+
-
  });
+
-
          $('#cssmenu').removeClass('relative');
+
-
          $('#cssmenu').addClass('fixed');
+
-
          $('#pageContent').addClass('kaydir');
+
-
  //$('#verticalmenu').slideDown();
+
-
      } else {
+
-
  if($('#verticalmenu').position().left == 0)
+
-
$( '#verticalmenu' ).animate({
+
-
opacity: 0,
+
-
left: -$('#verticalmenu').width(),
+
-
  }, 200, function() {
+
-
    // Animation complete.
+
-
  });
+
-
 
+
-
//$('#verticalmenu').animate({"left":"0px"}, "slow").removeClass('visible');
+
-
          $('#cssmenu').removeClass('fixed');
+
-
          $('#cssmenu').addClass('relative');
+
-
          $('#pageContent').removeClass('kaydir');
+
-
  //$('#verticalmenu').slideUp();
+
-
      }
+
-
  });
+
-
});
+
-
</script>
+
-
<script>
+
-
$(document).ready(function(){
+
-
 
+
-
$('#verticalmenu > ul > li > a').click(function() {
+
-
  $('#verticalmenu li').removeClass('active');
+
-
  $(this).closest('li').addClass('active');
+
-
  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=Open+Sans:400,600,300);
+
-
@charset 'UTF-8';
+
-
/* Base Styles */
+
-
#verticalmenu,
+
-
#verticalmenu ul,
+
-
#verticalmenu li,
+
-
#verticalmenu a {
+
-
  margin: 0;
+
-
  padding: 0;
+
-
  border: 0;
+
-
  list-style: none;
+
-
  font-weight: normal;
+
-
  text-decoration: none;
+
-
  line-height: 1;
+
-
  font-family: 'Kalinga', sans-serif;
+
-
  font-size: 14px;
+
-
  position: relative;
+
-
}
+
-
#verticalmenu {
+
-
  width: 250px;
+
-
  border-bottom: 4px solid #656659;
+
-
  -webkit-border-radius: 3px;
+
-
  -moz-border-radius: 3px;
+
-
  border-radius: 3px;
+
-
}
+
-
#verticalmenu a {
+
-
  line-height: 1.3;
+
-
}
+
-
#verticalmenu > ul > li:first-child {
+
-
  background: #66665e;
+
-
  background: -moz-linear-gradient(#66665e 0%, #45463d 100%);
+
-
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #66665e), color-stop(100%, #45463d));
+
-
  background: -webkit-linear-gradient(#66665e 0%, #45463d 100%);
+
-
  background: linear-gradient(#66665e 0%, #45463d 100%);
+
-
  border: 1px solid #45463d;
+
-
  -webkit-border-radius: 3px 3px 0 0;
+
-
  -moz-border-radius: 3px 3px 0 0;
+
-
  border-radius: 3px 3px 0 0;
+
-
}
+
-
#verticalmenu > ul > li:first-child > a {
+
-
  padding: 15px 10px;
+
-
  background: url(pattern.png) top left repeat;
+
-
  border: none;
+
-
  border-top: 1px solid #818176;
+
-
  -webkit-border-radius: 3px 3px 0 0;
+
-
  -moz-border-radius: 3px 3px 0 0;
+
-
  border-radius: 3px 3px 0 0;
+
-
  font-family: 'Ubuntu', sans-serif;
+
-
  text-align: center;
+
-
  font-size: 18px;
+
-
  font-weight: 300;
+
-
  text-shadow: 0 -1px 1px #000000;
+
-
}
+
-
#verticalmenu > ul > li:first-child > a > span {
+
-
  padding: 0;
+
-
}
+
-
#verticalmenu > ul > li:first-child:hover {
+
-
  background: #66665e;
+
-
  background: -moz-linear-gradient(#66665e 0%, #45463d 100%);
+
-
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #66665e), color-stop(100%, #45463d));
+
-
  background: -webkit-linear-gradient(#66665e 0%, #45463d 100%);
+
-
  background: linear-gradient(#66665e 0%, #45463d 100%);
+
-
}
+
-
#verticalmenu > ul > li {
+
-
  background: #e94f31;
+
-
  background: -moz-linear-gradient(#e94f31 0%, #d13516 100%);
+
-
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e94f31), color-stop(100%, #d13516));
+
-
  background: -webkit-linear-gradient(#e94f31 0%, #d13516 100%);
+
-
  background: linear-gradient(#e94f31 0%, #d13516 100%);
+
-
}
+
-
#verticalmenu > ul > li:hover {
+
-
  background: #e84323;
+
-
  background: -moz-linear-gradient(#e84323 0%, #c33115 100%);
+
-
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e84323), color-stop(100%, #c33115));
+
-
  background: -webkit-linear-gradient(#e84323 0%, #c33115 100%);
+
-
  background: linear-gradient(#e84323 0%, #c33115 100%);
+
-
}
+
-
#verticalmenu > ul > li > a {
+
-
  font-size: 14px;
+
-
  display: block;
+
-
  background: url(pattern.png) top left repeat;
+
-
  color: #ffffff;
+
-
  border: 1px solid #ba2f14;
+
-
  border-top: none;
+
-
  text-shadow: 0 -1px 1px #751d0c;
+
-
}
+
-
#verticalmenu > ul > li > a > span {
+
-
  display: block;
+
-
  padding: 12px 10px;
+
-
  -webkit-border-radius: 4px;
+
-
  -moz-border-radius: 4px;
+
-
  border-radius: 4px;
+
-
}
+
-
#verticalmenu > ul > li > a:hover {
+
-
  text-decoration: none;
+
-
}
+
-
#verticalmenu > ul > li.active {
+
-
  border-bottom: none;
+
-
}
+
-
#verticalmenu > ul > li.has-sub > a span {
+
-
  background: url(https://static.igem.org/mediawiki/2013hs/0/0c/Icon_plus.png) 96% center no-repeat;
+
-
}
+
-
#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;
+
-
}
+
-
/* Sub menu */
+
-
#verticalmenu ul ul {
+
-
  display: none;
+
-
  background: #fff;
+
-
  border-right: 1px solid #a2a194;
+
-
  border-left: 1px solid #a2a194;
+
-
}
+
-
#verticalmenu ul ul li {
+
-
  padding: 0;
+
-
  border-bottom: 1px solid #d4d4d4;
+
-
  border-top: none;
+
-
  background: #f7f7f7;
+
-
  background: -moz-linear-gradient(#f7f7f7 0%, #ececec 100%);
+
-
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #ececec));
+
-
  background: -webkit-linear-gradient(#f7f7f7 0%, #ececec 100%);
+
-
  background: linear-gradient(#f7f7f7 0%, #ececec 100%);
+
-
}
+
-
#verticalmenu ul ul li:last-child {
+
-
  border-bottom: none;
+
-
}
+
-
#verticalmenu ul ul a {
+
-
  padding: 10px 10px 10px 25px;
+
-
  display: block;
+
-
  color: #676767;
+
-
  font-size: 12px;
+
-
  font-weight: normal;
+
-
}
+
-
#verticalmenu ul ul a:before {
+
-
  content: '»';
+
-
  position: absolute;
+
-
  left: 10px;
+
-
  color: #e94f31;
+
-
}
+
-
#verticalmenu ul ul a:hover {
+
-
  color: #e94f31;
+
-
}
+
-
#verticalmenu {
+
-
position: fixed;
+
-
top:75px;
+
-
left:-250px;
+
-
}
+
-
</style>
+
</head>
</head>
<body>
<body>
-
<div id='verticalmenu'>
+
<p>asdas</p>
-
<ul>
+
<p>asdas</p>
-
  <li><a href='#header1'><span>Home</span></a></li>
+
<p>asdas</p>
-
  <li class='has-sub'><a href='#'><span>Products</span></a>
+
<p>asdas</p>
-
      <ul>
+
<p>asdas</p>
-
        <li><a href='#'><span>Widgets</span></a></li>
+
<p>asdas</p>
-
        <li><a href='#'><span>Menus</span></a></li>
+
<p>asdas</p>
-
        <li class='last'><a href='#'><span>Products</span></a></li>
+
<p>asdas</p>
-
      </ul>
+
<p>asdas</p>
-
  </li>
+
<p>asdas</p>
-
  <li class='has-sub'><a href='#'><span>Company</span></a>
+
<p>asdas</p>
-
      <ul>
+
<p>asdas</p>
-
        <li><a href='#'><span>About</span></a></li>
+
<p>asdas</p>
-
        <li class='last'><a href='#'><span>Location</span></a></li>
+
<p>asdas</p>
-
      </ul>
+
<p>asdas</p>
-
  </li>
+
<p>asdas</p>
-
  <li class='last'><a href='#'><span>Contact</span></a></li>
+
<p>asdas</p>
-
</ul>
+
<p>asdas</p>
-
</div>
+
<p>asdas</p>
-
<a name="header1"></a>
+
<p>asdas</p>
-
<p>asdasd</p>
+
<p>asdas</p>
-
<p>asdasd</p>
+
<p>asdas</p>
-
<p>asdasd</p>
+
<p>asdas</p>
-
<p>asdasd</p>
+
<p>asdas</p>
-
<p>asdasd</p>
+
<p>asdas</p>
-
<p>asdasd</p>
+
<p>asdas</p>
-
<p>asdasd</p>
+
<p>asdas</p>
-
<p>asdasd</p>
+
<p>asdas</p>
-
<p>asdasd</p>
+
<p>asdas</p>
-
<p>asdasd</p>
+
<p>asdas</p>
-
<p>asdasd</p>
+
<p>asdas</p>
-
<p>asdasd</p>
+
-
<p>asdasd</p>
+
-
<a href="#header1">asdas</a>
+
-
</body>
+
</html>
</html>

Latest revision as of 17:32, 26 April 2015

Back to top Take a Tour




asdas

asdas

asdas

asdas

asdas

asdas

asdas

asdas

asdas

asdas

asdas

asdas

asdas

asdas

asdas

asdas

asdas

asdas

asdas

asdas

asdas

asdas

asdas

asdas

asdas

asdas

asdas

asdas

asdas

asdas

asdas