Template:AUC TURKEY

From 2014hs.igem.org

(Difference between revisions)
Line 4: Line 4:
<script type="text/javascript">
<script type="text/javascript">
$(document).ready(function(){
$(document).ready(function(){
-
 
//$('#verticalmenu').position().left = -$('#verticalmenu').width();
//$('#verticalmenu').position().left = -$('#verticalmenu').width();
   $(window).scroll(function(){
   $(window).scroll(function(){
Line 33: Line 32:
});
});
</script>
</script>
-
<script type="text/javascript">
+
<script>
$(document).ready(function(){
$(document).ready(function(){
Line 63: Line 62:
</script>
</script>
<style type="text/css">
<style type="text/css">
 +
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:500);
 +
.fixed {position:fixed; top:0; left:8;}
#top-section, #footer-box, #catlinks, .firstHeading
#top-section, #footer-box, #catlinks, .firstHeading
{
{
Line 73: Line 74:
#content
#content
{
{
-
width:110%;
+
width:100%;
height:100%;
height:100%;
background-color:transparent;
background-color:transparent;
}
}
 +
/* 2f4b87 */
 +
/* 2f4b87 */
 +
/* #1f325d */
 +
/* Menu CSS */
 +
#cssmenu {
 +
  width: auto;
 +
}
 +
#cssmenu,
 +
#cssmenu ul,
 +
#cssmenu ul li,
 +
#cssmenu ul li a {
 +
  padding: 0;
 +
  margin: 0;
 +
  line-height: 1;
 +
  font-family: 'Source Sans Pro', sans-serif;
 +
  font-weight: 500;
 +
  font-size: 16px;
 +
  color: #ffffff;
 +
  -webkit-transition: all ease .3s;
 +
  -o-transition: all ease .3s;
 +
  -moz-transition: all ease .3s;
 +
  -ms-transition: all ease .3s;
 +
  transition: all ease .3s;
 +
}
 +
#cssmenu:before,
 +
#cssmenu:after,
 +
#cssmenu > ul:before,
 +
#cssmenu > ul:after {
 +
  content: '';
 +
  display: table;
 +
}
 +
#cssmenu:after,
 +
#cssmenu > ul:after {
 +
  clear: both;
 +
}
 +
#cssmenu a {
 +
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
 +
}
 +
#cssmenu ul {
 +
  background: #3b5998;
 +
  border-radius: 3px;
 +
  border: 1px solid #2b4479;
 +
  border: 1px solid #2d4373;
 +
  -webkit-box-shadow: 0 1px 2px rgba(2, 2, 2, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.15);
 +
  -o-box-shadow: 0 1px 2px rgba(2, 2, 2, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.15);
 +
  -moz-box-shadow: 0 1px 2px rgba(2, 2, 2, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.15);
 +
  -ms-box-shadow: 0 1px 2px rgba(2, 2, 2, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.15);
 +
  box-shadow: 0 1px 2px rgba(2, 2, 2, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.15);
 +
}
 +
#cssmenu ul > li {
 +
  float: left;
 +
  list-style: none;
 +
}
 +
#cssmenu ul > li > a {
 +
  display: block;
 +
  text-decoration: none;
 +
  padding: 15px 44px;
 +
  position: relative;
 +
}
 +
#cssmenu ul > li > a:hover {
 +
  background: #2d4373;
 +
  -webkit-box-shadow: inset 0 0 1px #1e2e4f;
 +
  -o-box-shadow: inset 0 0 1px #1e2e4f;
 +
  -moz-box-shadow: inset 0 0 1px #1e2e4f;
 +
  -ms-box-shadow: inset 0 0 1px #1e2e4f;
 +
  box-shadow: inset 0 0 1px #1e2e4f;
 +
  -webkit-transition: all ease .3s;
 +
  -o-transition: all ease .3s;
 +
  -moz-transition: all ease .3s;
 +
  -ms-transition: all ease .3s;
 +
  transition: all ease .3s;
 +
}
 +
#cssmenu ul > li > a:hover:before {
 +
  content: '';
 +
  z-index: 2;
 +
  position: absolute;
 +
  border: 1px solid white;
 +
  border-top: 0;
 +
  border-bottom: 0;
 +
  border-right: 0;
 +
  width: 100%;
 +
  height: 100%;
 +
  top: 0;
 +
  left: -1px;
 +
  opacity: .2;
 +
}
 +
#cssmenu ul > li > a:hover:after {
 +
  content: '';
 +
  z-index: 2;
 +
  position: absolute;
 +
  border: 1px solid white;
 +
  border-top: 0;
 +
  border-bottom: 0;
 +
  border-left: 0;
 +
  width: 100%;
 +
  height: 100%;
 +
  top: 0;
 +
  right: -1px;
 +
  opacity: .2;
 +
}
 +
#cssmenu > ul > li > ul {
 +
  opacity: 0;
 +
  visibility: hidden;
 +
  position: absolute;
 +
}
 +
#cssmenu > ul > li:hover > ul {
 +
  opacity: 1;
 +
  visibility: visible;
 +
  position: absolute;
 +
  border-radius: 0 0 3px 3px;
 +
  -webkit-box-shadow: none;
 +
  -o-box-shadow: none;
 +
  -moz-box-shadow: none;
 +
  -ms-box-shadow: none;
 +
  box-shadow: none;
 +
}
 +
#cssmenu > ul > li > ul {
 +
  width: 200px;
 +
  position: absolute;
 +
}
 +
#cssmenu > ul > li > ul > li {
 +
  float: none;
 +
  position: relative;
 +
}
 +
#cssmenu > ul > li > ul > li > ul {
 +
  opacity: 0;
 +
  visibility: hidden;
 +
  position: absolute;
 +
}
 +
#cssmenu > ul > li > ul > li:hover > ul {
 +
  opacity: 1;
 +
  visibility: visible;
 +
  position: absolute;
 +
}
 +
#cssmenu > ul > li > ul > li > ul {
 +
  left: 200px;
 +
  top: 1px;
 +
  width: 200px;
 +
}
 +
#cssmenu > ul > li > ul > li > ul > li {
 +
  float: none;
 +
}
 +
 +
#cssmenu
 +
{
 +
margin: auto;
 +
}
 +
 +
</style>
 +
<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 229: Line 380:
</head>
</head>
<body>
<body>
 +
<img div id="mush" src="http://wallpoper.com/images/00/43/45/42/macro-mushroom_00434542.jpg" height="200" width="1332">
 +
 +
<div id='cssmenu'>
 +
<ul>
 +
  <li class='active'><a href='index.html'><span>Home</span></a></li>
 +
  <li class='has-sub'><a href='#'><span>Project</span></a>
 +
      <ul>
 +
        <li class='has-sub'><a href='#'><span>Main Idea</span></a>
 +
            <ul>
 +
              <li><a href='#'><span>Some stuffs</span></a></li>
 +
              <li class='last'><a href='#'><span>Some stuffs</span></a></li>
 +
            </ul>
 +
        </li>
 +
        <li class='has-sub'><a href='#'><span>How it happened?</span></a>
 +
            <ul>
 +
              <li><a href='#'><span>Blabla</span></a></li>
 +
              <li class='last'><a href='#'><span>Blabla</span></a></li>
 +
            </ul>
 +
        </li>
 +
      </ul>
 +
  </li>
 +
  <li class='has-sub'><a href='#'><span>Human Practice</span></a>
 +
      <ul>
 +
        <li class='last'><a href='#'><span>Stuffs</span></a></li>
 +
      </ul>
 +
  </li>
 +
  <li class='last'><a href='#'><span>Contact</span></a></li>
 +
</ul>
 +
</div>
 +
 +
<img div id="mush" src="http://wallpoper.com/images/00/43/45/42/macro-mushroom_00434542.jpg" height="200" width="1332">
<img div id="mush" src="http://wallpoper.com/images/00/43/45/42/macro-mushroom_00434542.jpg" height="200" width="1332">
Line 250: Line 432:
</ul>
</ul>
</div>
</div>
 +
 +
 +
<p>saasdasd</p>
 +
<p>saasdasd</p>
 +
<p>saasdasd</p>
 +
<p>saasdasd</p>
 +
<p>saasdasd</p>
 +
<p>saasdasd</p>
 +
<p>saasdasd</p>
 +
<p>saasdasd</p>
 +
<p>saasdasd</p>
 +
<p>saasdasd</p>
 +
<p>saasdasd</p>
 +
<p>saasdasd</p>
 +
<p>saasdasd</p>
 +
<p>saasdasd</p>
 +
<p>saasdasd</p>
 +
<p>saasdasd</p>
 +
<p>saasdasd</p>
 +
<p>saasdasd</p>
 +
<p>saasdasd</p>
 +
<p>saasdasd</p>
 +
<p>saasdasd</p>
 +
<p>saasdasd</p>
 +
<p>saasdasd</p>
 +
<p>saasdasd</p>
 +
<p>saasdasd</p>
 +
<p>saasdasd</p>
 +
<p>saasdasd</p>
 +
<p>saasdasd</p>
 +
<p>saasdasd</p>
 +
<p>saasdasd</p>
 +
<p>saasdasd</p>
 +
<p>saasdasd</p>
 +
<p>saasdasd</p>
 +
<p>saasdasd</p>
 +
<p>saasdasd</p>
 +
<p>saasdasd</p>
 +
<p>saasdasd</p>
 +
<p>saasdasd</p>
 +
<p>saasdasd</p>
 +
<p>saasdasd</p>
 +
<p>saasdasd</p>
 +
<p>saasdasd</p>
 +
<p>saasdasd</p>
 +
<p>saasdasd</p>
 +
<p>saasdasd</p>
 +
<p>saasdasd</p>
 +
<p>saasdasd</p>
 +
<p>saasdasd</p>
 +
<p>saasdasd</p>
 +
<p>saasdasd</p>
 +
<p>saasdasd</p>
</html>
</html>

Revision as of 07:13, 4 June 2014

saasdasd

saasdasd

saasdasd

saasdasd

saasdasd

saasdasd

saasdasd

saasdasd

saasdasd

saasdasd

saasdasd

saasdasd

saasdasd

saasdasd

saasdasd

saasdasd

saasdasd

saasdasd

saasdasd

saasdasd

saasdasd

saasdasd

saasdasd

saasdasd

saasdasd

saasdasd

saasdasd

saasdasd

saasdasd

saasdasd

saasdasd

saasdasd

saasdasd

saasdasd

saasdasd

saasdasd

saasdasd

saasdasd

saasdasd

saasdasd

saasdasd

saasdasd

saasdasd

saasdasd

saasdasd

saasdasd

saasdasd

saasdasd

saasdasd

saasdasd

saasdasd

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