Team:Ravenwood Raptors

From 2014hs.igem.org

(Difference between revisions)
 
(176 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
 +
<head>
-
<link href='http://fonts.googleapis.com/css?family=Audiowide|Share+Tech+Mono' rel='stylesheet' type='text/css'>
+
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
-
<style>
+
<script type="text/javascript">
-
/* Hide Defaults */
+
$(document).ready(function(){
-
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
+
-
    display:none;}
+
-
#top-section {
+
-
    border: none;
+
-
    height: 0px;}
+
-
#content {
+
-
    border: none;}
+
-
/* Background */
+
  // PLEASE READ BELOW COMMENT
-
body {
+
  //
-
background-image:url("http://oi62.tinypic.com/2uek64o.jpg");
+
  // don't worry, we're open source --> https://github.com/raptor-igem/2014hs-website
-
}
+
  // 
 +
  // PLEASE READ ABOVE COMMENT
-
/* Text Styles */
+
  $("body.page-Team_Ravenwood_Raptors").append("<iframe class='real' src='http://raptor-igem.github.io/2014hs-website/'></iframe>");
-
h1{
+
});
-
font: 400 45px/0.5 'Audiowide', Helvetica, sans-serif;
+
-
}
+
-
p{
+
-
font: 400 14px/1.5 'Share Tech Mono', Times, serif;
+
-
}
+
-
/* Navigation */
+
</script>
-
@import url(http://fonts.googleapis.com/css?family=Open+Sans:700);
+
 
-
#cssmenu {
+
<style type="text/css">
-
background: #aabceb;
+
body {
-
width: auto;
+
  overflow-x: hidden;
 +
  height: 100%;
 +
}
 +
.real {
 +
  position: absolute;
 +
  width: 100%;
 +
  height: 99%;
 +
  background-color: white;
 +
  top: 0%;
 +
  left: 0%;
 +
  overflow: hidden;
 +
  z-index: 999;
}
}
-
#cssmenu ul {
 
-
list-style: none;
 
-
margin: 0;
 
-
padding: 0;
 
-
line-height: 1;
 
-
display: block;
 
-
zoom: 1;
 
-
}
 
-
#cssmenu ul:after {
 
-
content: ' ';
 
-
display: block;
 
-
font-size: 0;
 
-
height: 0;
 
-
clear: both;
 
-
visibility: hidden;
 
-
}
 
-
#cssmenu ul li {
 
-
float: left;
 
-
display: block;
 
-
padding: 0;
 
-
}
 
-
#cssmenu ul li a {
 
-
color: #ffffff;
 
-
text-decoration: none;
 
-
display: block;
 
-
padding: 15px 25px;
 
-
font-family: 'Open Sans', sans-serif;
 
-
font-weight: 700;
 
-
text-transform: uppercase;
 
-
font-size: 14px;
 
-
position: relative;
 
-
-webkit-transition: color .25s;
 
-
-moz-transition: color .25s;
 
-
-ms-transition: color .25s;
 
-
-o-transition: color .25s;
 
-
transition: color .25s;
 
-
}
 
-
#cssmenu ul li a:hover {
 
-
color: #ffffff;
 
-
}
 
-
#cssmenu ul li a:hover:before {
 
-
width: 100%;
 
-
}
 
-
#cssmenu ul li a:after {
 
-
content: '';
 
-
display: block;
 
-
position: absolute;
 
-
right: -3px;
 
-
top: 19px;
 
-
height: 6px;
 
-
width: 6px;
 
-
background: #ffffff;
 
-
opacity: .5;
 
-
}
 
-
#cssmenu ul li a:before {
 
-
content: '';
 
-
display: block;
 
-
position: absolute;
 
-
left: 0;
 
-
bottom: 0;
 
-
height: 3px;
 
-
width: 0;
 
-
background: #ffffff;
 
-
-webkit-transition: width .25s;
 
-
-moz-transition: width .25s;
 
-
-ms-transition: width .25s;
 
-
-o-transition: width .25s;
 
-
transition: width .25s;
 
-
}
 
-
#cssmenu ul li.last > a:after,
 
-
#cssmenu ul li:last-child > a:after {
 
-
display: none;
 
-
}
 
-
#cssmenu ul li.active a {
 
-
color: #ffffff;
 
-
}
 
-
#cssmenu ul li.active a:before {
 
-
width: 100%;
 
-
}
 
-
@media screen and (max-width: 768px) {
 
-
#cssmenu ul li {
 
-
float: none;
 
-
}
 
-
#cssmenu ul li a {
 
-
width: 100%;
 
-
-moz-box-sizing: border-box;
 
-
-webkit-box-sizing: border-box;
 
-
box-sizing: border-box;
 
-
}
 
-
#cssmenu ul li a:after {
 
-
display: none;
 
-
}
 
-
#cssmenu ul li a:before {
 
-
height: 1px;
 
-
background: #ffffff;
 
-
width: 100%;
 
-
opacity: .2;
 
-
}
 
-
#cssmenu ul li.last > a:before,
 
-
#cssmenu ul li:last-child > a:before {
 
-
display: none;
 
-
}
 
-
}
 
-
 
</style>
</style>
 +
</head>
<body>
<body>
-
<!-- Logo -->
+
<div id="page-contain">
-
<h1>RHS iGEM</h1>
+
<div class="page-real-main">
-
 
+
</div>
-
<!-- Navigation -->
+
-
<div id='cssmenu'>
+
-
<ul>
+
-
  <li class='active'><a href='index.html'><span>Home</span></a></li>
+
-
  <li><a href='#'><span>Products</span></a></li>
+
-
  <li><a href='#'><span>About</span></a></li>
+
-
  <li class='last'><a href='#'><span>Contact</span></a></li>
+
-
</ul>
+
</div>
</div>
</body>
</body>
-
 
</html>
</html>

Latest revision as of 16:37, 20 June 2014